@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02060d;color:#f8fafc;font-family:Inter,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(2,6,13,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.06em}.brand img{height:34px;width:auto}.nav nav{display:flex;align-items:center;gap:24px;font-size:.82rem;color:#aab4c4}.nav nav a:hover{color:#fff}.nav-btn{border:1px solid rgba(59,130,246,.45);padding:9px 14px;border-radius:7px;color:#dbeafe!important;background:rgba(30,80,255,.1)}.hero{min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:140px 0 90px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,13,.98) 0%,rgba(2,6,13,.8) 48%,rgba(2,6,13,.35) 100%),url('../assets/visuals/bghero2.webp') center/cover no-repeat;filter:saturate(.9)}.hero:after{content:"";position:absolute;width:700px;height:700px;right:-250px;top:-180px;background:radial-gradient(circle,rgba(30,80,255,.18),transparent 65%);pointer-events:none}.hero-inner{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.16em;color:#4d8dff;font-weight:700}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:18px 0 26px}.hero h1 span{background:linear-gradient(90deg,#2d7cff,#67a2ff);-webkit-background-clip:text;color:transparent}.lead{font-size:1.12rem;color:#aab4c4;max-width:700px}.hero-actions{display:flex;gap:12px;margin:32px 0 48px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:13px 22px;font-size:.86rem;font-weight:600;transition:.25s}.btn.primary{background:#1e50ff;box-shadow:0 8px 28px rgba(30,80,255,.28)}.btn.primary:hover{transform:translateY(-2px);background:#3b82f6}.btn.ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.btn.ghost:hover{background:rgba(255,255,255,.08)}.stats{display:grid;grid-template-columns:repeat(4,160px);gap:1px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);width:max-content}.stats div{background:rgba(2,6,13,.72);padding:18px 20px}.stats strong{display:block;font-size:1.2rem}.stats span{display:block;font-size:.68rem;color:#758196;margin-top:4px}.toc-section,.content-section{padding:100px 0}.toc-section{background:#030914;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.04em;line-height:1.08;margin:12px 0 35px}.toc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.toc-grid a{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02);color:#b7c0cf;font-size:.83rem}.toc-grid a:hover{border-color:rgba(59,130,246,.4);background:rgba(30,80,255,.07);color:#fff}.toc-grid b{color:#3b82f6;font-size:.7rem}.alt{background:#030914;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.prose{max-width:760px;color:#aab4c4}.prose p,.intro{color:#aab4c4}.prose strong{color:#fff}.max{max-width:850px}.two-col{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.principles div,.feature-grid article,.cards-3 article,.risk-grid article{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:12px;padding:22px}.principles b{display:block;color:#fff;margin-bottom:5px}.principles span,.feature-grid p,.cards-3 p,.risk-grid p{font-size:.86rem;color:#8793a6;margin:0}.callout,.disclaimer{margin-top:28px;border-left:2px solid #3b82f6;background:rgba(30,80,255,.06);padding:18px 20px;color:#aab4c4;font-size:.88rem}.callout strong{color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.feature-grid span{font-size:.7rem;color:#3b82f6}.feature-grid h3,.cards-3 h3,.risk-grid h3{font-size:1rem;margin:8px 0 8px}.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:26px 0}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th,.table-wrap td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.83rem}.table-wrap th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#718096;background:rgba(255,255,255,.025)}.table-wrap td{color:#aeb8c7}.table-wrap tr:last-child td{border-bottom:0}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.subhead{margin-top:45px}.token-highlight{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(59,130,246,.25);border-radius:14px;overflow:hidden;background:rgba(30,80,255,.06)}.token-highlight div{padding:25px;border-right:1px solid rgba(255,255,255,.07)}.token-highlight div:last-child{border-right:0}.token-highlight small{display:block;color:#718096;font-size:.65rem;letter-spacing:.12em}.token-highlight strong{display:block;font-size:1.55rem;margin-top:5px}.note{font-size:.8rem;color:#687588}.timeline{position:relative;display:grid;gap:14px}.timeline article{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:22px 26px;background:rgba(255,255,255,.02)}.timeline b{color:#3b82f6;font-size:.72rem;letter-spacing:.1em}.timeline h3{margin:5px 0;font-size:1.1rem}.timeline p{margin:0;color:#8793a6;font-size:.86rem}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.chips span{padding:10px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#9da9bb;font-size:.76rem}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.disclaimer{border-color:#f59e0b;background:rgba(245,158,11,.05)}.narrow{max-width:850px}.conclusion{background:radial-gradient(circle at 50% 0%,rgba(30,80,255,.12),transparent 45%)}.conclusion p{color:#aab4c4;font-size:1.05rem;margin-bottom:28px}details{border:1px solid rgba(255,255,255,.08);border-radius:10px;margin:10px 0;background:rgba(255,255,255,.02);padding:0 18px}summary{cursor:pointer;padding:18px 0;font-weight:600}details p{color:#8e99ab;font-size:.88rem;padding:0 0 18px;margin:0}footer{background:#01040a;border-top:1px solid rgba(255,255,255,.07);padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner strong{display:block}.footer-inner span{display:block;color:#697589;font-size:.72rem}.footer-inner a{margin-left:22px;color:#8d98aa;font-size:.78rem}.copyright{color:#4f5b6c;font-size:.68rem;margin-top:24px}@media(max-width:900px){.nav nav a:not(.nav-btn){display:none}.toc-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.risk-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr;gap:20px}.cards-3{grid-template-columns:1fr 1fr}.stats{width:100%;grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.hero{padding-top:120px}.hero h1{font-size:3rem}.hero-actions{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr 1fr}.toc-grid,.feature-grid,.risk-grid,.cards-3,.principles,.token-highlight{grid-template-columns:1fr}.token-highlight div{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.token-highlight div:last-child{border-bottom:0}.footer-inner{flex-direction:column}.footer-inner a{margin:0 18px 0 0}}

/* Official website / purchase navigation additions */
.official-site-note{margin-top:12px;font-size:.88rem;color:#8e99ab}.official-site-note a{background:linear-gradient(90deg,#2d7cff,#67a2ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;text-decoration:none}.official-site-note a:hover{filter:brightness(1.12)}.buy-SPX44B{margin-left:8px;border:0!important;background:#1e50ff!important;color:#fff!important;box-shadow:0 8px 28px rgba(30,80,255,.28)}.buy-SPX44B:hover{background:#3b82f6!important;transform:translateY(-1px)}.footer-official-site{width:min(100% - 40px,1160px);margin:16px auto 0}.footer-official-site a{margin-left:0}

/* Style the unchanged official article inside the reference design. */
:root{--border-default:rgba(255,255,255,.08);--radius-lg:12px;--text-primary:#fff;--text-secondary:#aab4c4;--primary-subtle:rgba(30,80,255,.06)}
.hero h1 span{background-clip:text;-webkit-text-fill-color:transparent}
.brand{white-space:nowrap}.nav{gap:16px}.content-section,.toc-section{scroll-margin-top:74px}
.prose{max-width:850px}.prose p{margin:0 0 18px}.prose h3{font-size:1rem;color:#fff;margin:30px 0 14px}.prose ul,.prose ol{padding-left:24px;margin:0 0 24px}.prose li{margin-bottom:9px;color:#8793a6}.prose table th{background:rgba(255,255,255,.025)!important;color:#718096!important;font-size:.83rem!important}.prose table td{font-size:.83rem!important}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.1);color:#67a2ff}.badge-success{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#34d399}.badge-warning{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.1);color:#fbbf24}
@media(max-width:600px){.wrap{width:min(calc(100% - 28px),1160px)}.brand{gap:7px;font-size:.8rem}.brand img{height:28px}.nav-btn{padding:8px 10px;font-size:.75rem}.buy-SPX44B{margin-left:0}.toc-section,.content-section{padding:64px 0}.prose{font-size:.95rem}.stats div{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
/* Chapter index treatment: make section numbers visual anchors instead of small detached labels. */
.content-section:not(#faq)>.wrap{position:relative;padding-left:92px}
.content-section:not(#faq)>.wrap>.section-kicker{position:absolute;top:2px;left:0;display:grid;width:64px;height:64px;place-items:center;margin:0;border:1px solid rgba(78,151,255,.42);border-radius:16px;background:linear-gradient(145deg,rgba(30,80,255,.2),rgba(30,80,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 30px rgba(0,60,190,.14);color:#84c2ff;font-size:.78rem;letter-spacing:.13em;line-height:1;text-shadow:0 0 16px rgba(71,158,255,.52)}
.content-section:not(#faq)>.wrap>.section-kicker:after{position:absolute;top:76px;bottom:-100px;left:31px;width:1px;background:linear-gradient(180deg,rgba(78,151,255,.38),transparent);content:""}
.content-section:not(#faq) .prose h2{margin-top:0}
.toc-grid b{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid rgba(78,151,255,.3);border-radius:9px;background:rgba(30,80,255,.08);color:#84c2ff;font-size:.68rem;letter-spacing:.08em;line-height:1;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}
.toc-grid a:hover b,.toc-grid a:focus-visible b{transform:translateY(-1px);border-color:rgba(119,191,255,.82);background:#1e50ff;color:#fff}
@media(max-width:600px){.content-section:not(#faq)>.wrap{padding-left:72px}.content-section:not(#faq)>.wrap>.section-kicker{width:50px;height:50px;border-radius:13px;font-size:.68rem}.content-section:not(#faq)>.wrap>.section-kicker:after{top:62px;bottom:-64px;left:24px}}