.et-app { --ink:#10211b; --muted:#60736a; --green:#146b4d; --deep:#0d4836; --line:#dce8e0; --soft:#f3f7f5; --cream:#f8f6ee; width:100%; max-width:100%; overflow:clip; color:var(--ink); background:#fff; font:inherit; line-height:1.6; }
  .et-app, .et-app * { box-sizing:border-box; }
  .et-app img { display:block; max-width:100%; }
  .et-app a { color:var(--green); }
  .et-app h1,.et-app h2,.et-app h3,.et-app p { margin-top:0; }
  .et-app h1,.et-app h2,.et-app h3 { color:var(--ink); line-height:1.12; letter-spacing:-.035em; }
  .et-app h1 { font-size:clamp(40px,5vw,68px); max-width:740px; margin-bottom:22px; }
  .et-app h2 { font-size:clamp(30px,3.2vw,46px); margin-bottom:16px; }
  .et-app h3 { font-size:clamp(18px,1.7vw,23px); margin-bottom:8px; }
  .et-app p { color:var(--muted); }
  .et-app .wrap { width:min(100% - 40px,1280px); margin-inline:auto; }
  .et-app .section { padding:clamp(62px,7vw,94px) 0; }
  .et-app .soft { background:var(--soft); }
  .et-app .cream { background:var(--cream); }
  .et-app .kicker { display:flex; align-items:center; gap:10px; margin:0 0 13px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
  .et-app .kicker:before { content:""; width:28px; height:2px; background:currentColor; }
  .et-app .lead { max-width:680px; font-size:clamp(17px,1.5vw,20px); }
  .et-app .intro { max-width:780px; margin-bottom:28px; }
  .et-app .note { font-size:12px; line-height:1.5; }
  .et-app .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 22px; border:1px solid var(--green); border-radius:999px; background:var(--green); color:#fff; font-size:14px; font-weight:750; text-align:center; text-decoration:none; }
  .et-app .button:hover { background:var(--deep); color:#fff; }
  .et-app .button.outline { background:transparent; color:var(--green); }
  .et-app .button.outline:hover { background:var(--green); color:#fff; }
  .et-app .actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
  .et-app .hero { padding:clamp(36px,5vw,65px) 0 clamp(60px,6vw,85px); background:radial-gradient(circle at 82% 12%,#e7f4da,transparent 39%),linear-gradient(135deg,#f3f8f3,#fff 65%); }
  .et-app .crumbs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:35px; color:var(--muted); font-size:13px; }
  .et-app .hero-grid,.et-app .split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:center; }
  .et-app .scene { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:#e8eeeb; }
  .et-app .scene img { width:100%; height:auto; object-fit:contain; }
  .et-app figcaption { padding:10px 15px; background:#fff; color:var(--muted); font-size:12px; }
  .et-app .pills { display:flex; flex-wrap:wrap; gap:8px; margin:21px 0 0; }
  .et-app .pills span { padding:6px 10px; border:1px solid #cee1d4; border-radius:99px; background:#fff; font-size:12px; font-weight:700; }
  .et-app .grid2,.et-app .grid3,.et-app .grid4 { display:grid; gap:16px; }
  .et-app .grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .et-app .grid3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .et-app .grid4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .et-app .card { min-width:0; padding:clamp(20px,2.5vw,28px); border:1px solid var(--line); border-radius:22px; background:#fff; }
  .et-app .card p:last-child { margin-bottom:0; }
  .et-app .card small { display:block; margin-bottom:9px; color:var(--green); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
  .et-app .card strong { color:var(--deep); }
  .et-app .dark { padding:clamp(26px,4vw,48px); border-radius:25px; background:var(--deep); color:#fff; }
  .et-app .dark h2,.et-app .dark h3,.et-app .dark strong { color:#fff; }
  .et-app .dark p,.et-app .dark li { color:#d8e8df; }
  .et-app .dark .kicker { color:#d7ef9c; }
  .et-app .table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:18px; background:#fff; }
  .et-app table { width:100%; min-width:620px; border-collapse:collapse; font-size:14px; }
  .et-app th,.et-app td { padding:13px 15px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
  .et-app th { color:var(--deep); background:#ebf4ec; }
  .et-app tr:last-child td { border-bottom:0; }
  .et-app .strip { display:flex; gap:10px; overflow-x:auto; padding-bottom:5px; }
  .et-app .strip > div { flex:1 0 175px; padding:16px; border:1px solid var(--line); border-radius:14px; background:#fff; }
  .et-app .strip strong,.et-app .strip span { display:block; }
  .et-app .strip strong { color:var(--deep); }
  .et-app .strip span { color:var(--muted); font-size:13px; }
  .et-app .product { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; text-decoration:none; }
  .et-app .product:hover { border-color:var(--green); }
  .et-app .product-image { display:flex; align-items:center; justify-content:center; flex-shrink:0; height:230px; min-height:0; overflow:hidden; padding:14px; background:#f8faf8; }
  .et-app .product-image img { display:block; width:auto; height:auto; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; }
  .et-app .product-copy { position:relative; z-index:1; flex:1 0 auto; padding:20px; border-top:1px solid var(--line); background:#fff; }
  .et-app .product-copy p { margin-bottom:10px; font-size:13px; }
  .et-app .product-copy span { font-size:13px; font-weight:800; }
  .et-app .check { margin:0; padding-left:20px; color:var(--muted); }
  .et-app .check li { margin:7px 0; }
  .et-app .faq { display:grid; grid-template-columns:1fr 1fr; gap:11px; align-items:start; }
  .et-app .faq details { padding:0 17px; border:1px solid var(--line); border-radius:14px; background:#fff; }
  .et-app .faq summary { padding:15px 0; cursor:pointer; color:var(--ink); font-weight:750; }
  .et-app .faq p { padding-bottom:14px; margin:0; font-size:13px; }
  .et-app .form { min-height:170px; padding:clamp(20px,3vw,32px); border:1px solid var(--line); border-radius:22px; background:#fff; }
  .et-app .form input,.et-app .form select,.et-app .form textarea { max-width:100%; }
  @media(max-width:800px) { .et-app .hero-grid,.et-app .split { grid-template-columns:1fr; } .et-app .grid4 { grid-template-columns:repeat(2,minmax(0,1fr)); } .et-app .grid3 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) { .et-app .wrap { width:min(100% - 28px,1280px); } .et-app .grid2,.et-app .grid3,.et-app .grid4,.et-app .faq { grid-template-columns:1fr; } .et-app .section { padding:58px 0; } .et-app .hero { padding:28px 0 58px; } .et-app .scene { max-width:100%; } .et-app .product-image { height:190px; } }
  .et-app .et-visual-section { padding:34px 0 54px; background:#f4f8f5; }
  .et-app .et-visual-section.alt { background:#fff; }
  .et-app .et-visual-section h2 { margin-bottom:18px; font-size:clamp(25px,2.6vw,36px); }
  .et-app .et-visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .et-app .et-visual-grid figure { min-width:0; margin:0; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; }
  .et-app .et-visual-grid img { width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; background:#edf3ef; }
  .et-app .et-visual-grid figcaption { min-height:50px; padding:11px 15px; line-height:1.45; }
  @media(max-width:600px) { .et-app .et-visual-grid { grid-template-columns:1fr; } }