:root { --background:#f6fbf8; --foreground:#152521; --muted:#5c6f68; --line:#d8e6df; --teal:#0f7c78; --teal-dark:#075c5b; --clay:#b86b3f; --sky:#d8eef0; --shadow:0 24px 60px rgba(10,46,40,.14); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0} img{display:block;max-width:100%} a{color:inherit}
.site-header{align-items:center;background:rgba(246,251,248,.96);border-bottom:1px solid var(--line);display:grid;gap:16px;grid-template-columns:auto minmax(180px,1fr) auto auto;left:0;padding:14px clamp(16px,4vw,72px);position:sticky;right:0;top:0;z-index:20}.brand{color:#0d2e2a;font-size:18px;font-weight:850;text-decoration:none}.primary-nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.primary-nav a,.site-footer nav a{color:#27433d;font-size:14px;font-weight:780;text-decoration:none}.menu-toggle{position:relative}.menu-toggle summary{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:grid;gap:4px;height:42px;justify-content:center;list-style:none;width:42px}.menu-toggle summary::-webkit-details-marker{display:none}.menu-toggle summary span{background:#12312c;border-radius:999px;display:block;height:2px;width:18px}.menu-toggle nav{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:2px;left:0;min-width:240px;padding:8px;position:absolute;top:50px;z-index:30}.menu-toggle nav a{border-radius:6px;color:#27433d;font-size:15px;font-weight:800;padding:10px 12px;text-decoration:none}.menu-toggle nav a:hover{background:#eff9f7}.header-buy{background:var(--teal);border-radius:8px;color:#fff;font-size:14px;font-weight:850;min-height:40px;padding:10px 16px;text-decoration:none}
.hero{align-items:center;display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);min-height:calc(88vh - 69px);padding:clamp(30px,5vw,72px)}.product-detail{align-items:start;display:grid;gap:clamp(28px,4vw,64px);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);padding:clamp(30px,5vw,72px)}.product-media-column{display:grid;gap:18px}.product-summary{padding-top:clamp(10px,2vw,28px)}.hero-copy{max-width:720px}.eyebrow,.section-kicker{color:var(--teal-dark);font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#0d2e2a;font-size:clamp(42px,5.6vw,78px);font-weight:850;letter-spacing:0;line-height:.97;margin-bottom:24px}h2{color:#12312c;font-size:clamp(28px,3.6vw,48px);font-weight:820;letter-spacing:0;line-height:1.04;margin-bottom:18px}h3{color:#17362f;font-size:19px;line-height:1.2;margin-bottom:10px}.hero-lede,.split-section p,.feature-grid p,.case-grid p,.fqa p,.article-list p,.contact-grid p{color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 32px}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:800;justify-content:center;min-height:48px;padding:0 20px;text-decoration:none}.button.primary{background:var(--teal);box-shadow:0 12px 30px rgba(15,124,120,.26);color:#fff}.button.secondary{background:#fff;border:1px solid var(--line);color:#17362f}.button.full{width:100%}.hero-stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.hero-stats div,.buy-panel,.feature-grid article,.case-grid article,.spec-table,.fqa details,.article-list article,.contact-grid article{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:8px}.hero-stats div{padding:14px}.hero-stats dt{color:var(--muted);font-size:12px;font-weight:800;margin-bottom:6px}.hero-stats dd{color:#12312c;font-size:16px;font-weight:850;margin:0}.hero-media{border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.hero-media img{aspect-ratio:1;height:auto;object-fit:contain;width:100%}
.trust-strip{background:#12312c;color:#f4fbf8;display:grid;gap:1px;grid-template-columns:repeat(5,minmax(0,1fr));padding:1px}.trust-strip span{background:rgba(255,255,255,.08);font-size:14px;font-weight:760;min-height:58px;padding:20px;text-align:center}.split-section,.card-section,.features,.setup,.specs,.fqa,.article-list,.contact-grid,.page-title{padding:clamp(56px,8vw,104px) clamp(22px,5vw,72px)}.split-section{align-items:center;background:linear-gradient(110deg,#fff 0%,#eff9f7 62%,#f7efe9 100%);display:grid;gap:34px;grid-template-columns:minmax(0,1fr) minmax(280px,430px)}.split-section>div:first-child,.section-head,.page-title{max-width:900px}.buy-panel{box-shadow:var(--shadow);display:grid;gap:14px;padding:24px}.buy-panel strong{color:#12312c;font-size:28px;line-height:1.1}.buy-panel p{font-size:15px;margin:0}.stock{background:#eef7d8;border:1px solid #d1e6a3;border-radius:999px;color:#4e691b;font-size:12px;font-weight:850;justify-self:start;padding:7px 10px}.purchase-box{display:grid;gap:12px}.purchase-box label{color:#27433d;font-size:13px;font-weight:850}.quantity-row{display:grid;gap:10px;grid-template-columns:92px 1fr}.quantity-row input{border:1px solid var(--line);border-radius:8px;font-size:18px;font-weight:800;min-height:48px;padding:0 12px}.payment-strip{display:flex;flex-wrap:wrap;gap:6px}.payment-strip span{background:#f3f8f6;border:1px solid var(--line);border-radius:6px;color:#27433d;font-size:12px;font-weight:800;padding:7px 8px}
.gallery-section{background:#fff;display:grid;gap:18px}.gallery-main img{aspect-ratio:1.2;background:#f6fbf8;border:1px solid var(--line);border-radius:8px;height:auto;object-fit:contain;width:100%}.thumb-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.thumb-row button{background:#f6fbf8;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:8px}.thumb-row button.is-active{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,124,120,.14)}.thumb-row img{aspect-ratio:1.15;object-fit:cover;width:100%}.features,.specs,.article-list{background:#f7fbf2}.feature-grid,.case-grid,.contact-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px}.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-grid article,.case-grid article,.contact-grid article,.article-list article{padding:22px}.feature-grid article span{background:var(--clay);border-radius:999px;display:block;height:12px;margin-bottom:18px;width:42px}.case-grid article a,.article-list article a{color:var(--teal-dark);font-weight:850}.setup{align-items:start;background:#fff;display:grid;gap:34px;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr)}.setup ol{counter-reset:setup;display:grid;gap:14px;list-style:none;margin:0;padding:0}.setup li{align-items:center;background:#f8fbfa;border:1px solid var(--line);border-radius:8px;color:#27433d;counter-increment:setup;display:grid;font-size:17px;font-weight:720;gap:16px;grid-template-columns:44px minmax(0,1fr);min-height:76px;padding:16px}.setup li::before{align-items:center;background:var(--teal);border-radius:8px;color:#fff;content:counter(setup);display:flex;font-weight:850;height:44px;justify-content:center;width:44px}.spec-table{margin-top:28px;overflow:hidden}.spec-table div{display:grid;gap:16px;grid-template-columns:220px minmax(0,1fr);padding:18px 20px}.spec-table div+div{border-top:1px solid var(--line)}.spec-table span{color:var(--muted);font-weight:760}.spec-table strong{color:#17362f}.fqa{background:#fff}.fqa details{margin-top:12px;padding:20px 22px}.fqa summary{color:#17362f;cursor:pointer;font-size:18px;font-weight:820}.fqa details p{font-size:16px;margin:14px 0 0}.page-title{min-height:42vh;padding-top:clamp(70px,10vw,130px)}.article-list{display:grid;gap:18px}.article-list article{max-width:980px}.policy-list article h2{font-size:28px}.contact-grid{margin-top:0}.site-footer{align-items:start;background:#12312c;color:#f4fbf8;display:grid;gap:24px;grid-template-columns:1fr auto;padding:34px clamp(22px,5vw,72px)}.site-footer p{color:#c8dcd5;margin:8px 0 0}.site-footer a{color:#f4fbf8}.email-text{white-space:nowrap}
@media (max-width:1120px){.hero,.product-detail,.split-section,.setup{grid-template-columns:1fr}.hero{min-height:auto}.product-summary{padding-top:0}.feature-grid,.case-grid,.contact-grid,.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.site-header{grid-template-columns:auto minmax(0,1fr) auto;position:sticky}.primary-nav{display:none}.brand{font-size:17px}.header-buy{padding:10px 12px}}@media (max-width:720px){h1{font-size:42px}.hero-stats,.feature-grid,.case-grid,.contact-grid,.trust-strip,.thumb-row{grid-template-columns:1fr}.hero-actions{display:grid}.spec-table div{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.quantity-row{grid-template-columns:1fr}}
