:root{--ink:#0a1830;--navy:#071529;--blue:#1268ff;--teal:#18d7ca;--mist:#edf4f7;--line:#d6e0e7;--white:#fff;--muted:#5d6a7c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fbfc;font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}img{max-width:100%}a{color:inherit;text-decoration:none}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:var(--navy);color:white}.brand{font-weight:900;letter-spacing:.12em}.brand span{color:var(--teal)}.topbar nav{display:flex;gap:28px;font-size:.9rem}
.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.16em;color:#16b8af}.home-hero{min-height:560px;padding:clamp(70px,10vw,140px) clamp(24px,10vw,150px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 18%,#1268ff55,transparent 32%),linear-gradient(135deg,#071529,#0a2444);color:white}.home-hero h1{max-width:980px;font-size:clamp(3.2rem,8vw,7rem);line-height:.9;letter-spacing:-.065em;margin:.18em 0}.home-hero>p:not(.eyebrow){max-width:680px;color:#cbd8e6;font-size:1.16rem}.primary-link{align-self:flex-start;margin-top:18px;padding:14px 20px;border-radius:8px;background:var(--teal);color:#041422;font-weight:900}
.disclosure{max-width:1180px;margin:18px auto 0;padding:9px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;color:#657385;font-size:.78rem;line-height:1.45}.disclosure strong{color:#3f4d5e}.category-section{max-width:1180px;margin:80px auto}.section-head h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;margin:.2em 0}.section-head>p:last-child{max-width:650px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{min-height:245px;padding:28px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 30px #10233a0a}.category-card span{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900}.category-card h3{margin:.45em 0 .2em;font-size:1.55rem;line-height:1.15}.category-card p{color:var(--muted)}.category-card small,.category-card b{margin-top:auto}.category-card small{color:#708096}.live-card{border-color:#8dc1ff;transition:transform .2s ease,box-shadow .2s ease}.live-card:hover,.live-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 36px #1268ff1c}
.standards{max-width:1180px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px;background:var(--navy);color:white;border-radius:20px}.standards h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.03}.standards-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.standards-list p{margin:0;padding:14px 0;border-bottom:1px solid #ffffff20;color:#cbd8e6}.standards-list b{color:white}
.breadcrumb{max-width:1180px;margin:18px auto;display:flex;gap:10px;color:var(--muted);font-size:.88rem}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--navy);color:white}.hero-copy{padding:clamp(48px,8vw,120px);align-self:center}.hero img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94;letter-spacing:-.055em;margin:.18em 0}.dek{max-width:650px;font-size:1.12rem;color:#cbd8e6}.meta,.fine{font-size:.8rem;color:#718096}.quick-answer{max-width:920px;margin:60px auto;padding:30px;border-left:5px solid var(--teal);background:white}.quick-answer h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;margin:.2em 0}
.text-hero{background:radial-gradient(circle at 82% 28%,#1268ff66,transparent 34%),linear-gradient(135deg,#071529,#0c2b4e)}.hero-mark{align-self:center;justify-self:center;width:min(68%,360px);aspect-ratio:1;border:1px solid #ffffff40;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff05}.hero-mark span,.hero-mark small{letter-spacing:.2em;text-transform:uppercase}.hero-mark b{font-size:9rem;line-height:.85;color:var(--teal)}.hero-mark small{margin-top:14px;color:#cbd8e6}
.winner{max-width:1180px;margin:50px auto;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:38px;border-radius:20px;background:white;box-shadow:0 16px 50px #10233a14;border-top:5px solid var(--blue)}.winner .buy{grid-column:1/-1}.rank{color:var(--blue);font-size:.75rem;letter-spacing:.12em;font-weight:900}.winner h2,.method h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;margin:.2em 0}.score{display:flex;align-items:baseline;color:var(--blue)}.score b{font-size:4rem;line-height:1}.score span{font-weight:700}.buy{min-height:48px;border:0;border-radius:8px;background:var(--blue);color:white;font-weight:800;padding:0 22px}.buy:disabled{background:#dce5eb;color:#5f6d78;cursor:not-allowed}
.ranking,.cards,.method,.notice{max-width:1180px;margin:70px auto}.table-wrap{overflow-x:auto;background:white;border-radius:14px;border:1px solid var(--line);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line)}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}tbody tr:first-child{background:#edf5ff}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards article{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.cards h3{font-size:1.4rem;margin:.3em 0}.verdict{color:var(--blue);font-weight:800}.cards .buy{width:100%;margin-top:10px}.method{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px;background:var(--navy);color:white;border-radius:20px}.method ol{margin:0;padding:0;list-style:none}.method li{padding:14px 0;border-bottom:1px solid #ffffff26}.method li b{display:inline-block;width:60px;color:var(--teal)}.notice{border-left:5px solid var(--teal);padding:8px 28px}.notice h2{margin:0}
.policy{max-width:820px;margin:80px auto;padding:0 24px;min-height:65vh}.policy h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95;letter-spacing:-.05em}.policy h2{margin-top:2em;font-size:1.55rem}.policy p{color:#435165}footer{padding:30px clamp(20px,6vw,90px);display:flex;gap:25px;flex-wrap:wrap;background:#020914;color:#b8c5d2;font-size:.85rem}footer span:first-child{font-weight:900;color:white;margin-right:auto}
.source-list{max-width:1180px;margin:70px auto;padding:32px;background:#fff;border:1px solid var(--line);border-radius:14px}.source-list h2{margin-top:0}.source-list ul{padding-left:20px}.source-list a{color:var(--blue);text-decoration:underline}.cert-note{max-width:1180px;margin:40px auto;padding:24px 28px;background:#fff8e8;border-left:5px solid #e3a322}.cert-note h2{margin-top:0}.specs{color:#425267;font-size:.92rem}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:.82rem}.topbar nav{display:none}.home-hero{min-height:520px;padding:64px 22px}.home-hero h1{font-size:clamp(3.05rem,16vw,4.5rem)}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:58px 24px}.hero h1{font-size:clamp(2.7rem,14vw,4rem)}.hero img{height:280px}.hero-mark{width:210px;margin:0 auto 58px}.hero-mark b{font-size:6rem}.breadcrumb{margin:14px 18px}.disclosure{margin:14px 18px 0}.winner,.ranking,.cards,.method,.notice,.category-section,.standards,.source-list,.cert-note{margin:35px 18px}.quick-answer{margin:35px 18px}.winner{padding:26px;grid-template-columns:1fr}.score b{font-size:3rem}.cards,.method,.category-grid,.standards{grid-template-columns:1fr}.method,.standards{padding:34px 24px;gap:20px}.standards-list{grid-template-columns:1fr}.category-card{min-height:215px}.table-wrap{margin-right:-18px;border-radius:12px 0 0 12px}footer{padding:28px 20px;flex-direction:column;gap:8px}footer span:first-child{margin-right:0}}
.buy{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}