:root{--bg:#f7f7f4;--surface:#fff;--ink:#17211c;--muted:#637069;--line:#dfe4df;--accent:#176447;--accent2:#cfe6da;--navy:#10251d;--radius:22px;--shadow:0 20px 60px rgba(24,42,33,.08);color-scheme:light dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:var(--ink);color:white;padding:.75rem 1rem;border-radius:8px}.skip:focus{top:1rem}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:82px;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:32px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;margin-right:auto}.brand span{font-size:1.25rem;font-weight:800;letter-spacing:-.06em}.brand small{text-transform:uppercase;font-size:.58rem;letter-spacing:.18em;color:var(--muted)}nav{display:flex;gap:26px;font-size:.87rem;font-weight:650}nav a:hover,.text-link:hover{color:var(--accent)}.theme,.menu{border:1px solid var(--line);background:var(--surface);color:var(--ink);height:38px;border-radius:99px;padding:0 13px;cursor:pointer}.menu{display:none}.hero{padding:112px 0 88px}.eyebrow,.kicker{text-transform:uppercase;font-size:.73rem;letter-spacing:.16em;font-weight:800;color:var(--accent)}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3.4rem,8vw,6.8rem);max-width:1050px}h2{font-size:clamp(2.2rem,4vw,4rem)}h3{font-size:1.35rem}.lede{font-size:clamp(1.15rem,2vw,1.45rem);max-width:690px;color:var(--muted);margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:30px;padding:13px 18px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-weight:750}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.trust{display:flex;gap:30px;margin-top:58px;color:var(--muted);font-size:.82rem}.trust span:before{content:"✓";color:var(--accent);margin-right:8px}.band{background:var(--surface);border-block:1px solid var(--line);padding:100px 0}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2{max-width:700px}.text-link{font-weight:750;color:var(--accent)}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.model-card,.info-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px 26px;background:var(--bg);transition:.25s}.model-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{height:210px;border-radius:15px;background:#dbe4df;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;margin-bottom:22px}.product-art:after{content:"";width:116px;height:116px;border-radius:8px;background:#fbfbfa;box-shadow:0 18px 35px #79908355;position:absolute}.product-art b{z-index:1;font-size:.72rem;letter-spacing:.08em;color:#6b756f}.product-art span{position:absolute;z-index:2;top:10px;left:10px;background:var(--accent);color:white;padding:5px 9px;border-radius:99px;font-size:.65rem;text-transform:uppercase}.product-art.green{background:#d6e7da}.product-art.blue{background:#dce5ea}.product-art.sand{background:#e8e2d4}.model-card p{color:var(--muted)}.video-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(145deg,#223d32,#0e1814);border-radius:var(--radius);display:grid;place-items:center;position:relative}.video-placeholder.alternate{background:linear-gradient(145deg,#66756e,#2b3933)}.play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:white;color:var(--ink);padding-left:4px}.video-placeholder small{position:absolute;right:15px;bottom:15px;color:white;background:#0009;padding:2px 7px;border-radius:5px}.video-card h3{margin-top:20px}.video-card p{color:var(--muted)}.split-feature,.editorial-grid,.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.split-feature>div>p{color:var(--muted);font-size:1.1rem}.number-list{list-style:none;padding:0}.number-list li{display:flex;gap:25px;padding:27px 0;border-top:1px solid var(--line)}.number-list span{color:var(--accent);font:700 .72rem monospace}.number-list p{margin:.4rem 0;color:var(--muted)}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list summary{font-weight:750;cursor:pointer;list-style:none}.faq-list summary:after{content:"+";float:right}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted)}.editorial-grid{align-items:stretch}.editorial-grid article{padding:50px}.editorial-grid article:first-child{padding-left:0}.editorial-grid p{color:var(--muted)}.mistake-card{background:var(--accent2);border-radius:var(--radius)}footer{background:var(--navy);color:#d8e3dd;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-grid h2{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:#82958b}.footer-grid p{max-width:400px;color:#9baba3}.brand.light small{color:#9baba3}.legal{display:flex;justify-content:space-between;margin-top:60px;padding-top:20px;border-top:1px solid #ffffff1c;font-size:.72rem;color:#82958b}
/* Interior pages */.page-hero{padding:85px 0 60px}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);max-width:970px}.breadcrumbs{font-size:.75rem;color:var(--muted);margin-bottom:40px}.breadcrumbs a:hover{color:var(--accent)}.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;justify-content:center;padding-bottom:100px}.toc{position:sticky;top:110px;align-self:start;font-size:.82rem}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;color:var(--muted);padding:5px 0}.prose h2{font-size:2.3rem;margin:70px 0 20px}.prose h3{margin:35px 0 10px}.prose p,.prose li{color:var(--muted)}.prose .callout{padding:25px;border-left:3px solid var(--accent);background:var(--surface);margin:30px 0}.scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.scorecard div{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:14px}.scorecard b{display:block;font-size:1.5rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pros-cons>div{padding:25px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.affiliate{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;background:var(--navy);color:white;border-radius:var(--radius);margin:40px 0}.affiliate p{color:#b8c8c0;margin:0}.affiliate .button{background:white;color:var(--ink)}.video-embed{aspect-ratio:16/9;border-radius:var(--radius);background:#152a21;color:white;display:grid;place-items:center;text-align:center}.video-embed .play{margin:auto}.steps{counter-reset:steps}.step{position:relative;padding:35px 0 35px 70px;border-top:1px solid var(--line)}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:35px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent2);color:var(--accent);font-weight:800}.table-tools{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter{border:1px solid var(--line);padding:9px 14px;border-radius:99px;background:var(--surface);color:var(--ink);cursor:pointer}.filter.active{background:var(--ink);color:white}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;padding:17px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);position:sticky;top:0;background:var(--surface)}td:first-child{font-weight:800}.wizard{max-width:760px;margin:0 auto 100px;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:clamp(25px,5vw,60px);box-shadow:var(--shadow)}.progress{height:4px;background:var(--line);border-radius:4px;margin-bottom:40px}.progress span{display:block;height:100%;background:var(--accent);width:12.5%;transition:.3s}.wizard h2{font-size:clamp(2rem,4vw,3rem)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.choice{padding:20px;text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;cursor:pointer;font-weight:700}.choice:hover,.choice:focus{border-color:var(--accent);background:var(--accent2)}.wizard-result{display:none}.wizard-result.show{display:block}.issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:100px}.issue{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.issue .symptom{color:var(--accent);font-size:.75rem;text-transform:uppercase;font-weight:800}.issue details{border-top:1px solid var(--line);padding:15px 0}.issue summary{cursor:pointer;font-weight:700}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:start;padding-bottom:100px}.portrait{aspect-ratio:4/5;border-radius:var(--radius);background:linear-gradient(145deg,#d8e3dd,#9fafA7);display:flex;align-items:end;padding:25px;color:#2f453b}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.principles article{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
@media(max-width:900px){nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--surface);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.model-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{display:none}.principles{grid-template-columns:1fr}.site-header{gap:10px}}@media(max-width:650px){.hero{padding:70px 0}.trust{flex-direction:column;gap:8px}.model-grid,.video-grid,.split-feature,.editorial-grid,.question-grid,.pros-cons,.issue-grid,.about-grid,.footer-grid{grid-template-columns:1fr}.section,.band{padding:72px 0}.section-head{align-items:start;flex-direction:column}.model-card .product-art{height:170px}.editorial-grid article,.editorial-grid article:first-child{padding:28px}.footer-grid{gap:35px}.legal{flex-direction:column}.scorecard{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.affiliate{align-items:start;flex-direction:column}.theme{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#101512;--surface:#171e1a;--ink:#eef4f0;--muted:#a5b0aa;--line:#2d3832;--accent:#76c7a1;--accent2:#253c31;--navy:#090e0b}}:root[data-theme="dark"]{--bg:#101512;--surface:#171e1a;--ink:#eef4f0;--muted:#a5b0aa;--line:#2d3832;--accent:#76c7a1;--accent2:#253c31;--navy:#090e0b}