:root{--ink:#111713;--muted:#647068;--lime:#c8ff27;--acid:#9ee600;--forest:#17382a;--dark:#08130e;--line:#dce5de;--paper:#f4f7f0;--white:#fff;--shadow:0 25px 70px rgba(10,34,22,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.75}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;padding:10px 16px;background:#fff;color:#111}.skip-link:focus{top:12px}.hero{position:relative;overflow:hidden;padding:86px 0 72px;background:radial-gradient(circle at 82% 18%,rgba(200,255,39,.32),transparent 25%),linear-gradient(120deg,#f7faef,#fff 58%,#e8f4dc)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,56,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,56,42,.045) 1px,transparent 1px);background-size:38px 38px}.hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow,.section-kicker{margin:0 0 12px;color:#4f7600;font-size:.78rem;font-weight:900;letter-spacing:.18em}.hero h1{margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:.98;letter-spacing:-.065em}.hero h1 span{color:#568500}.hero__lead{max-width:640px;margin:27px 0 20px;color:#39463d;font-size:1.08rem}.hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.hero__chips span{padding:5px 11px;border:1px solid #bfd28d;border-radius:999px;background:rgba(255,255,255,.75);font-size:.8rem;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border:0;border-radius:8px;font:inherit;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button--primary{color:#0a150d;background:linear-gradient(135deg,var(--lime),var(--acid));box-shadow:0 12px 28px rgba(114,164,0,.25)}.button--ghost{color:var(--forest);background:#fff;border:1px solid #aebcb3}.hero__note{color:#60705f;font-size:.78rem}.watch-stage{position:relative;min-height:430px}.watch{position:absolute;width:150px;height:190px;border:12px solid #15221a;border-radius:43px;background:radial-gradient(circle at 65% 24%,#9affcf,transparent 24%),linear-gradient(145deg,#16382a,#07110c);box-shadow:var(--shadow);color:#fff;text-align:center}.watch:before,.watch:after{content:"";position:absolute;left:39px;width:48px;height:110px;background:#17221b;z-index:-1}.watch:before{top:-105px;border-radius:18px 18px 2px 2px}.watch:after{bottom:-105px;border-radius:2px 2px 18px 18px}.watch i{display:block;width:74px;height:74px;margin:23px auto 6px;border:7px solid var(--lime);border-radius:50%;box-shadow:0 0 28px rgba(200,255,39,.42)}.watch b,.watch small{display:block;line-height:1.25}.watch b{font-size:1.2rem}.watch small{color:#b8ceb9;font-size:.56rem;letter-spacing:.12em}.watch--main{left:148px;top:104px;transform:rotate(-2deg);z-index:3}.watch--left{left:15px;top:165px;transform:scale(.78) rotate(-13deg)}.watch--right{right:0;top:140px;transform:scale(.86) rotate(12deg)}.watch-stage>em{position:absolute;right:8px;top:12px;color:#17382a;font-size:3rem;font-weight:950;font-style:normal;line-height:.85;letter-spacing:-.06em}.diagnosis{padding:88px 0;background:var(--dark);color:#fff}.diagnosis__inner{max-width:880px;text-align:center}.diagnosis__intro h2,.result h2,.comparison h2{margin:0 0 14px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.18}.diagnosis__intro p:not(.section-kicker){color:#b8c9bd}.question-panel{text-align:left}.progress__meta{display:flex;justify-content:space-between;margin-bottom:8px;color:#a8bcae;font-size:.8rem;font-weight:800}.progress__track{height:7px;overflow:hidden;border-radius:99px;background:#1c3326}.progress__track i{display:block;height:100%;width:12.5%;background:linear-gradient(90deg,var(--lime),#55e798);transition:width .35s}.question-card{margin-top:28px;padding:34px;border:1px solid #294b38;border-radius:18px;background:#10251a;box-shadow:0 20px 50px rgba(0,0,0,.25)}.question-card__number{margin:0;color:var(--lime);font-size:.82rem;font-weight:900;letter-spacing:.18em}.question-card h2{margin:6px 0 24px;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.4}.answers{display:grid;gap:10px}.answer{width:100%;padding:15px 18px;border:1px solid #365944;border-radius:9px;color:#fff;background:#0b1c13;font:inherit;text-align:left;cursor:pointer;transition:.2s}.answer:hover{border-color:var(--lime);background:#173824;transform:translateX(4px)}.back-button{margin-top:18px;border:0;color:#b5c7ba;background:none;font:inherit;cursor:pointer}.result{position:relative;text-align:left}.result__score{float:right;display:flex;align-items:baseline;gap:3px;color:#bdd0c2}.result__score strong{color:var(--lime);font-size:3.2rem;line-height:1}.result__score small{font-size:1rem}.result__badge{display:inline-block;margin:0 0 12px;padding:5px 10px;color:#14230f;background:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.14em}.result__description{max-width:720px;color:#c4d4c8;font-size:1.05rem}.result__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.result__grid>div{padding:22px;border:1px solid #294b38;border-radius:12px;background:#10251a}.result__grid h3{margin-top:0}.result__grid ul{margin:0;padding-left:1.2em;color:#c8d7cc}.result__links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result__links a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:8px;font-weight:900;text-align:center;text-decoration:none}.result__links .official{color:#0d1b11;background:var(--lime)}.result__links .amazon{color:#fff;background:#37503f;border:1px solid #5d7564}.result__links .article{grid-column:1/-1;color:#fff;border:1px solid #708276;background:transparent}.affiliate-note{color:#91a498;font-size:.74rem}.comparison{padding:88px 0;background:var(--paper)}.comparison__lead{color:var(--muted)}.table-wrap{overflow-x:auto;margin:28px 0 42px;border-radius:14px;background:#fff;box-shadow:0 16px 45px rgba(20,45,28,.08)}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:left}thead{color:#fff;background:var(--forest)}tbody th{white-space:nowrap}tr.is-highlighted{background:#efffc1;box-shadow:inset 5px 0 var(--acid)}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide article{padding:24px;border-top:5px solid var(--lime);background:#fff}.guide span{color:#638f00;font-weight:950}.guide h3{margin:5px 0}.guide p{margin:0;color:var(--muted)}.disclaimer{margin-top:34px;padding:26px;border:1px solid #cbd8cd;border-radius:12px;background:#edf2ec}.disclaimer h2{font-size:1.1rem}.disclaimer p{margin:0;color:var(--muted)}@media(max-width:800px){.hero{padding-top:58px}.hero__grid{grid-template-columns:1fr}.watch-stage{min-height:350px;max-width:430px;width:100%;margin:auto}.watch{width:126px;height:164px;border-width:10px}.watch:before,.watch:after{left:33px;width:40px;height:88px}.watch:before{top:-84px}.watch:after{bottom:-84px}.watch--main{left:50%;top:105px;transform:translateX(-50%)}.watch--left{left:6px;top:140px;transform:scale(.7) rotate(-12deg)}.watch--right{right:4px;top:135px;transform:scale(.72) rotate(12deg)}.watch-stage>em{font-size:2.1rem}.result__grid,.guide{grid-template-columns:1fr}.result__score{float:none;margin-bottom:18px}.result__links{grid-template-columns:1fr}.result__links .article{grid-column:auto}}@media(max-width:520px){.shell{width:min(100% - 24px,1120px)}.hero h1{font-size:3.15rem}.question-card{padding:22px 16px}.watch--left{left:-8px}.watch--right{right:-8px}}
