
:root{
  --ink:#0c0e11;--panel:#15191e;--panel2:#1d2228;--paper:#f2ecdf;--muted:#aaa59d;
  --line:#343a42;--bronze:#d8792c;--bronze2:#a75f2b;--blue:#164c7d;--blue2:#0b2947;
  --cream:#e7e0d4;--white:#fff;--max:1180px;--radius:18px;--shadow:0 22px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
img{max-width:100%;height:auto}a{color:#f0a666;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#ffc08b}
.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(12,14,17,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{max-width:var(--max);margin:auto;padding:13px 22px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cream);min-width:max-content}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--bronze);display:grid;place-items:center;color:#0c0e11;font-weight:900}.brand-text{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:23px;letter-spacing:.8px;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:17px;margin-left:auto}.nav a{color:#d7d1c7;text-decoration:none;font-weight:750;font-size:.92rem}.nav a:hover,.nav a[aria-current="page"]{color:#fff}
.nav-cta{border:1px solid var(--bronze)!important;padding:8px 13px;border-radius:999px;color:#f4a261!important}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 10px;font-weight:800}
main{min-height:70vh}.container{max-width:var(--max);margin:auto;padding:0 22px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 45%,rgba(32,91,146,.44),transparent 28%),linear-gradient(130deg,#0d1014 0%,#11161c 60%,#091524 100%)}
.hero:after{content:"";position:absolute;inset:auto -15% -42% 40%;height:520px;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,rgba(216,121,44,.13),transparent);pointer-events:none}
.hero-grid{max-width:var(--max);margin:auto;padding:68px 22px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}
.eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#ef9b55;font-weight:900}
h1,h2,h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;line-height:1.04;letter-spacing:.01em;text-wrap:balance}h1{font-size:clamp(3rem,7vw,6.8rem);margin:.15em 0 .2em;text-transform:uppercase}h2{font-size:clamp(2rem,4.2vw,3.7rem);margin:.2em 0 .35em;text-transform:uppercase}h3{font-size:1.55rem;margin:.35em 0}.lede{font-size:1.16rem;color:#cdc7bc;max-width:68ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:999px;background:var(--bronze);color:#111!important;text-decoration:none;font-weight:900;border:1px solid transparent;box-shadow:0 9px 24px rgba(216,121,44,.18)}.button:hover{transform:translateY(-1px);background:#ef9041}.button.secondary{background:transparent;color:#f6efe4!important;border-color:#59616b;box-shadow:none}.button.small{min-height:38px;padding:8px 13px;font-size:.88rem}
.product-stage{margin:0;position:relative;border-radius:30px;min-height:460px;padding:30px;display:grid;place-items:center;background:radial-gradient(circle at 50% 52%,rgba(46,125,201,.7),rgba(16,43,74,.55) 36%,rgba(10,13,17,.85) 69%),linear-gradient(145deg,#11161c,#08192b);box-shadow:var(--shadow);border:1px solid rgba(124,182,239,.25);overflow:hidden}
.product-stage:before,.product-stage:after{content:"";position:absolute;border:2px solid rgba(94,160,225,.28);border-radius:50%;width:76%;height:76%;transform:rotate(25deg)}.product-stage:after{width:95%;height:46%;transform:rotate(-35deg);border-color:rgba(216,121,44,.18)}.product-stage a{position:relative;z-index:2;display:block}.product-stage img{display:block;max-height:410px;filter:drop-shadow(0 22px 25px rgba(0,0,0,.55));transition:transform .2s ease}.product-stage a:hover img{transform:scale(1.025)}.product-stage figcaption{position:absolute;z-index:3;left:20px;right:20px;bottom:12px;font-size:.75rem;text-align:center;color:#aaa}
.content-wrap{max-width:var(--max);margin:auto;padding:56px 22px 76px}.breadcrumb{font-size:.84rem;color:#8f9398;margin-bottom:20px}.breadcrumb a{color:#a8adb3}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}.article{min-width:0}.article p,.article li{color:#d1ccc3}.article h2{margin-top:1.2em}.article h3{margin-top:1.1em}.article ul,.article ol{padding-left:1.25rem}.article strong{color:#fff}.sidebar{position:sticky;top:92px}
.notice{padding:17px 19px;margin:22px 0;border:1px solid var(--line);border-radius:14px;background:#12161b;color:#c9c4bb}.notice strong{color:#fff}.affiliate-note{border-left:4px solid var(--bronze)}.medical-note{border-left:4px solid #5b9bd5}.claim-note{border-left:4px solid #9f8f72}
.mini-product{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#151a20,#0b1118);padding:17px;display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;box-shadow:var(--shadow)}.mini-product img{max-height:135px}.mini-product p{font-size:.84rem;color:#aaa;margin:.35rem 0 .7rem}.mini-product strong{display:block;color:#fff}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:26px 0}.topic-card{position:relative;display:block;padding:21px;border:1px solid var(--line);border-radius:16px;background:#14181d;text-decoration:none;color:#ddd;min-height:150px}.topic-card:hover{border-color:#8a5633;background:#191d22}.topic-card .arrow{position:absolute;right:16px;top:12px;color:var(--bronze)}.topic-card h3{color:#fff;padding-right:25px}.topic-card p{font-size:.92rem;color:#a9a49d;margin:0}
.cta-band{max-width:var(--max);margin:0 auto 76px;padding:31px 34px;border:1px solid rgba(216,121,44,.45);border-radius:22px;background:linear-gradient(115deg,#17130f,#171c22 55%,#102a45);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:2.25rem;margin:.2rem 0}.cta-band p{max-width:720px;color:#bbb4ab}.cta-actions{display:flex;flex-direction:column;gap:7px;min-width:250px}.microcopy{font-size:.76rem;color:#999;text-align:center}
.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:15px}.compare{width:100%;border-collapse:collapse;min-width:690px;background:#12161a}.compare th,.compare td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare thead th{background:#1b2026;color:#fff}.compare tbody th{color:#f0a666;width:22%}.compare td{color:#ccc}
.kicker-bar{border-block:1px solid var(--line);background:#101419}.kicker-inner{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;gap:26px;flex-wrap:wrap;color:#9da2a7;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.kicker-inner b{color:#e6e0d6}
.section{padding:68px 0}.section.alt{background:#101318;border-block:1px solid #232931}.section-heading{max-width:760px;margin-bottom:28px}.section-heading p{color:#aaa}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#aaa;font-size:.82rem}
.offer-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.offer-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#14181d}.offer-card.featured{border-color:#b56d38;background:linear-gradient(145deg,#1b1713,#15191d)}.offer-card .price{font-family:Impact,sans-serif;font-size:2.1rem;color:#fff}.offer-card p{font-size:.88rem}
.sources-list{counter-reset:s}.source-item{border-bottom:1px solid var(--line);padding:18px 0}.source-item p{margin:.35rem 0}.source-item a.external-source{word-break:break-word}
.site-footer{border-top:1px solid var(--line);background:#090b0e}.footer-grid{max-width:var(--max);margin:auto;padding:42px 22px;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:32px}.footer-grid h3{font-size:1.1rem}.footer-grid p,.footer-grid a{font-size:.87rem;color:#9c9da0}.footer-links{display:flex;flex-direction:column;gap:8px}.legal{max-width:var(--max);margin:auto;padding:16px 22px 28px;border-top:1px solid #20242a;color:#777;font-size:.77rem}
.promo{position:fixed;inset:0;z-index:1000;display:none;background:rgba(3,5,8,.89);backdrop-filter:blur(11px);padding:22px;overflow:auto}.promo[aria-hidden="false"]{display:grid;place-items:center}.promo-shell{position:relative;width:min(1080px,100%);min-height:min(720px,calc(100vh - 44px));border-radius:28px;border:1px solid #4c5864;overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(34,101,164,.5),transparent 31%),linear-gradient(125deg,#0b0e12 0%,#15191f 58%,#08182a 100%);box-shadow:0 40px 110px rgba(0,0,0,.65);display:grid;grid-template-columns:1.05fr .95fr}.promo-copy{padding:clamp(34px,6vw,70px);display:flex;flex-direction:column;justify-content:center}.promo-copy h2{font-size:clamp(3rem,7vw,6.3rem);margin:.08em 0 .15em}.promo-copy p{max-width:54ch;color:#c3bdb4;font-size:1.06rem}.promo-visual{display:grid;place-items:center;padding:30px;position:relative}.promo-visual img{max-height:520px;filter:drop-shadow(0 30px 30px rgba(0,0,0,.55))}.promo-close{position:absolute;right:15px;top:15px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid #737b84;background:#101318;color:#fff;font-size:22px;cursor:pointer}.promo-disclaimer{font-size:.72rem!important;color:#8f8f8f!important;margin-top:15px!important}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:61px;background:#0c0e11;border-bottom:1px solid var(--line);padding:16px 22px 22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:8px 0}.hero-grid{grid-template-columns:1fr;padding-top:46px}.product-stage{min-height:380px}.article-grid{grid-template-columns:1fr}.sidebar{position:static}.cta-band{margin-inline:18px;flex-direction:column;align-items:stretch}.offer-snapshot{grid-template-columns:1fr}.promo-shell{grid-template-columns:1fr;min-height:auto}.promo-visual{order:-1;padding:28px 22px 0}.promo-visual img{max-height:260px}.promo-copy{padding:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.header-inner{padding-inline:15px}.brand-text{font-size:19px}.hero-grid,.content-wrap,.container{padding-inline:17px}.hero-grid{gap:24px}.hero{background:radial-gradient(circle at 50% 73%,rgba(32,91,146,.4),transparent 25%),linear-gradient(145deg,#0d1014,#091524)}h1{font-size:3.5rem}.product-stage{min-height:320px;padding:20px}.product-stage img{max-height:285px}.topic-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta-band{padding:24px 20px}.mini-product{grid-template-columns:90px 1fr}.promo{padding:10px}.promo-shell{min-height:calc(100vh - 20px)}.promo-copy h2{font-size:3rem}.promo-copy{padding:24px 22px 31px}.promo-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
