*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#111;line-height:1.55;background:#fff;text-rendering:optimizeLegibility}
a{color:inherit}
.skip-link{position:absolute;left:12px;top:-60px;background:#53f95b;color:#06100d;padding:10px 14px;border-radius:8px;font-weight:800;z-index:20}
.skip-link:focus{top:12px}
.site-header{min-height:68px;background:#06100d;color:#fff;display:flex;align-items:center;padding:0 6%;gap:28px;position:sticky;top:0;z-index:10}
.logo{color:#fff;text-decoration:none;font-weight:900;margin-right:auto;white-space:nowrap}
nav{display:flex;gap:24px}
nav a{color:#fff;text-decoration:none;font-size:14px}
nav a:hover,nav a:focus-visible{text-decoration:underline}
.btn{display:inline-block;background:#53f95b;color:#06100d;padding:15px 25px;border-radius:30px;text-decoration:none;font-weight:900;line-height:1.1}
.btn:hover,.btn:focus-visible{filter:brightness(.94);outline:3px solid #fff;outline-offset:3px}
.btn-small{padding:10px 17px;font-size:13px}
.disclosure{text-align:center;background:#1c2422;color:#dce3df;padding:7px 5%;font-size:11px}
section{padding:80px 6%;content-visibility:auto;contain-intrinsic-size:600px}
.hero{min-height:650px;background:#06100d;color:#fff;display:grid;grid-template-columns:52% 48%;padding:0;overflow:hidden}
.hero-copy{padding:90px 6%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#aebbb4;margin:0 0 10px}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.04em;margin:0 0 24px}
.hero h1 span{color:#53f95b}
.lead{max-width:600px;font-size:18px;color:#d7dfdb;margin:0 0 24px}
.note{font-size:13px;color:#b9c5bf;margin:18px 0 0}
.hero-art{position:relative;min-height:650px;background:#050b09;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero-art::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(83,249,91,.08),transparent 38%);pointer-events:none}
.hero-art picture{position:relative;width:min(100%,760px);height:auto;max-height:650px;display:block;z-index:1}.hero-product{position:relative;width:100%;height:auto;max-height:650px;object-fit:contain;display:block}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px}
.pillars article{text-align:center;padding:12px 25px;border-right:1px solid #ddd}
.pillars article:last-child{border-right:0}
.pillars strong,.pillars article>span:last-child{display:block}
.pillar-icon{font-size:25px;font-weight:800}
.pillars strong{font-size:13px;margin:7px}
.pillars article>span:last-child{font-size:13px;color:#555}
.dark{background:#06100d;color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split p{color:#cbd5d0}
h2{font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.04em;margin:8px 0 20px}
.reasons p{border-top:1px solid #29352f;padding:18px 0;margin:0}
.reasons b{color:#53f95b;margin-right:15px}
.product-visual{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.product-visual picture{display:block;width:min(100%,560px);height:auto}.product-visual img{display:block;width:100%;height:auto;object-fit:contain}
.product-visual figcaption{font-size:11px;color:#82918a;margin-top:8px}
.grid,.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid article,.comparison-grid article{border:1px solid #dfe5e1;border-radius:16px;padding:25px}
.grid h3,.comparison-grid h3{margin-top:0}
.section-intro,.comparison-note{max-width:900px;color:#59625e}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:35px auto}
.plans article{border:1px solid #26342f;border-radius:16px;background:#0c1713;text-align:center;padding:25px;position:relative}
.plans .featured{border:2px solid #53f95b}
.badge{display:inline-block;background:#53f95b;color:#06100d;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:900;margin:0}
.plans li{list-style:none;padding:7px;border-top:1px solid #24312c}
.plans ul{padding:0}
.plans li:before{content:"✓";color:#53f95b;margin-right:8px}
.center{text-align:center}
.fine{font-size:11px;color:#91a099}
.comparison-grid{grid-template-columns:repeat(3,1fr);margin-top:30px}
.comparison-grid article{scroll-margin-top:90px}
.comparison-card{display:block;text-decoration:none;color:inherit;border-radius:16px}
.comparison-card article{height:100%;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.comparison-card:hover article,.comparison-card:focus-visible article{transform:translateY(-3px);border-color:#53f95b;box-shadow:0 10px 30px rgba(6,16,13,.08)}
.comparison-card:focus-visible{outline:3px solid #53f95b;outline-offset:4px}
.card-link{display:inline-block;margin-top:14px;font-size:12px;font-weight:900;letter-spacing:.04em;color:#06100d}

.comparison-note{font-size:13px;margin-top:18px}
.faq{max-width:950px;margin:auto}
.faq details{border-top:1px solid #ddd;padding:18px 0}
.faq details:last-child{border-bottom:1px solid #ddd}
.faq summary{font-weight:800;cursor:pointer}
.final{display:flex;justify-content:space-between;align-items:center;gap:35px}
footer{background:#030806;color:#adb7b2;padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:13px}
footer a{color:#adb7b2}
:focus-visible{outline:3px solid #53f95b;outline-offset:3px}
@media(max-width:900px){nav{display:none}.hero,.split{grid-template-columns:1fr}.hero-copy{padding:70px 6%}.hero-art{min-height:420px}.grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){section{padding-top:60px;padding-bottom:60px}.pillars,.comparison-grid,.plans{grid-template-columns:1fr 1fr}.final{display:block}.final .btn{margin-top:20px}.hero h1{font-size:clamp(40px,12vw,62px)}}
@media(max-width:520px){.pillars,.grid,.comparison-grid,.plans{grid-template-columns:1fr}.site-header{padding:0 5%}.hero-copy,section{padding-left:5%;padding-right:5%}.hero-art{min-height:340px}footer{display:block}footer span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.comparison-card article{transition:none}}

/* Comparison pages */
.comparison-page{max-width:1050px;margin:auto}.comparison-page h1{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.04em}.comparison-page .intro{font-size:19px;color:#59625e;max-width:800px}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;margin:30px 0}.comparison-table th,.comparison-table td{padding:16px;border:1px solid #dfe5e1;text-align:left;vertical-align:top}.comparison-table th{background:#f5f7f6}.comparison-page .callout{background:#06100d;color:#fff;border-radius:18px;padding:28px;margin:35px 0}.comparison-page .links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.comparison-page .links a{text-decoration:none}.breadcrumb{font-size:13px;margin-bottom:20px;color:#59625e}.breadcrumb a{color:inherit}
@media(max-width:700px){.comparison-table{font-size:14px}}

/* Content expansion */
.four-grid{grid-template-columns:repeat(4,1fr)}
.content-panel{border:1px solid #26342f;border-radius:18px;background:#0c1713;padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.content-panel p{color:#cbd5d0}.content-panel h3{font-size:clamp(26px,3vw,42px);margin:0 0 14px}.article-section{padding:38px 0;border-top:1px solid #e4e8e6}.article-section h2{font-size:clamp(30px,4vw,46px);margin-bottom:14px}.dark-fine{color:#6c7771!important}.comparison-page .faq{margin-top:30px}.comparison-page .links{padding-bottom:50px}.comparison-page .comparison-table td,.comparison-page .comparison-table th{line-height:1.5}
@media(max-width:900px){.four-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.four-grid{grid-template-columns:1fr}.content-panel{min-height:0}}

/* Content expansion */
.four-grid{grid-template-columns:repeat(4,1fr)}
.content-panel{border:1px solid #26342f;border-radius:18px;background:#0c1713;padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.content-panel p{color:#cbd5d0}.content-panel h3{font-size:clamp(26px,3vw,42px);margin:0 0 14px}.article-section{padding:38px 0;border-top:1px solid #e4e8e6}.article-section h2{font-size:clamp(30px,4vw,46px);margin-bottom:14px}.dark-fine{color:#6c7771!important}.comparison-page .faq{margin-top:30px}.comparison-page .links{padding-bottom:50px}.comparison-page .comparison-table td,.comparison-page .comparison-table th{line-height:1.5}
@media(max-width:900px){.four-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.four-grid{grid-template-columns:1fr}.content-panel{min-height:0}}