
:root{--bg:#050b18;--bg2:#081426;--panel:#0c1930;--panel2:#10213d;--text:#f8fbff;--muted:#a9bdd4;--line:rgba(151,190,255,.16);--blue:#36a9ff;--cyan:#48dcff;--purple:#8c6cff;--green:#35e394;--danger:#ff7e91;--shadow:0 24px 70px rgba(0,0,0,.38);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at 12% -8%,rgba(54,169,255,.28),transparent 31%),radial-gradient(circle at 96% 7%,rgba(140,108,255,.22),transparent 29%),linear-gradient(180deg,var(--bg2),var(--bg));min-height:100vh}a{color:inherit}.site-wrap{width:min(1080px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,11,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-.5px}.site-brand img{width:39px;height:39px}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{padding:10px 12px;text-decoration:none;color:#c7d7e7;font-size:14px;font-weight:750;border-radius:12px}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#fff;background:rgba(54,169,255,.12)}.hero-wide{padding:70px 0 32px}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(72,220,255,.25);background:rgba(54,169,255,.10);color:#8fe3ff;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1.25px}.hero-wide h1{max-width:800px;font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0 18px}.hero-wide .lead{max-width:750px;color:#bfd0e1;font-size:clamp(17px,2.4vw,21px);line-height:1.65}.button-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 18px;border-radius:15px;text-decoration:none;font-weight:850;border:1px solid var(--line)}.cta.primary{background:linear-gradient(135deg,var(--purple),var(--blue));border:0}.cta.secondary{background:rgba(12,25,48,.8)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:20px 0 72px}.article,.side-card,.tile,.notice,.product-card{background:linear-gradient(180deg,rgba(16,35,65,.92),rgba(8,21,42,.96));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.article{padding:clamp(22px,5vw,44px)}.article h2{font-size:clamp(25px,4vw,36px);letter-spacing:-.9px;margin:42px 0 13px}.article h2:first-child{margin-top:0}.article h3{font-size:21px;margin:28px 0 10px}.article p,.article li{color:#c2d2e2;line-height:1.75;font-size:16px}.article ul{padding-left:22px}.formula{margin:20px 0;padding:19px;border-radius:18px;background:rgba(54,169,255,.09);border:1px solid rgba(54,169,255,.20);font-weight:850;color:#eaf8ff;overflow:auto}.example{margin:20px 0;padding:19px;border-radius:18px;background:rgba(140,108,255,.09);border:1px solid rgba(140,108,255,.20)}.example strong{color:#d7ceff}.notice{padding:18px 20px;margin:20px 0;background:linear-gradient(135deg,rgba(53,227,148,.10),rgba(54,169,255,.08));box-shadow:none}.notice strong{color:#91f3bd}.side{display:grid;gap:16px;align-content:start;position:sticky;top:92px}.side-card{padding:20px}.side-card h3{margin:0 0 12px}.side-card a{display:block;text-decoration:none;color:#b9d6ed;padding:8px 0;font-weight:700}.side-card a:hover{color:#fff}.section{padding:35px 0 68px}.section h2{font-size:clamp(30px,5vw,46px);letter-spacing:-1.3px;margin:0 0 14px}.section-intro{max-width:720px;color:#b5c8da;line-height:1.65;margin-bottom:26px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{padding:22px;text-decoration:none;transition:.2s}.tile:hover{transform:translateY(-3px);border-color:rgba(72,220,255,.34)}.tile .icon{font-size:28px}.tile h3{margin:15px 0 8px}.tile p{color:#a9bdd4;line-height:1.55;margin:0;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card{padding:22px}.product-card h2{font-size:22px;margin:0 0 8px}.product-card p{color:#a9bdd4;line-height:1.55}.amazon-btn{display:inline-flex;text-decoration:none;padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,#087e31,#045922);border:1px solid #0be164;color:#fff;font-weight:850}.breadcrumbs{padding-top:25px;color:#8fa7bd;font-size:13px}.breadcrumbs a{text-decoration:none}.site-footer{border-top:1px solid var(--line);background:rgba(2,8,23,.76);padding:40px 0 110px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#86cfff}.footer-grid p,.footer-grid a{color:#9fb4c8;font-size:14px;line-height:1.6}.footer-grid a{display:block;text-decoration:none;margin:7px 0}.copyright{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#7890a6}.chart{width:100%;border-collapse:collapse;margin:20px 0}.chart th,.chart td{border-bottom:1px solid var(--line);padding:13px;text-align:left}.chart th{color:#8fdfff}.chart td{color:#c8d7e5}.mobile-menu{display:none}.affiliate-note{font-size:13px;color:#91a8bc;margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:800}.faq details p{margin-bottom:0}@media(max-width:820px){.desktop-nav{display:none}.mobile-menu{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-size:13px;font-weight:800}.content-grid{grid-template-columns:1fr}.side{position:static;grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-wrap{width:min(100% - 24px,1080px)}.hero-wide{padding-top:45px}.hero-wide h1{letter-spacing:-1.6px}.side,.tiles,.footer-grid{grid-template-columns:1fr}.article{border-radius:20px}.site-brand span{display:none}}
