*{box-sizing:border-box}
:root{--ink:#122038;--blue:#377cf5;--mint:#36cdb6;--paper:#f4f2eb;--amber:#f7bd53;--muted:#48576c;--line:#c9d0d9;--darkline:#4d607b;--mono:ui-monospace,Consolas,monospace}
body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.6 system-ui,sans-serif}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:.2em}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.04em}
h1{font-size:clamp(3.8rem,9vw,8rem);letter-spacing:-.085em}
h2{font-size:clamp(2.25rem,5vw,4.2rem);letter-spacing:-.065em}
h3{font-size:1.45rem}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #a35106;outline-offset:4px}
.dark :focus-visible,.masthead :focus-visible,.hero :focus-visible,.price-card :focus-visible{outline-color:var(--amber)}
.quiz :focus-visible{outline-color:#a35106}
.skip{position:fixed;top:.75rem;left:.75rem;z-index:10;padding:.75rem 1rem;background:white;transform:translateY(-150%)}
.skip:focus{transform:none}
.wrap{width:min(1200px,calc(100% - 3rem));margin-inline:auto}
.masthead,.dark,.hero{background-color:var(--ink);color:var(--paper)}
.masthead{border-bottom:1px solid var(--darkline)}
.nav,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}
.wordmark{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:1.18rem;font-weight:900;letter-spacing:.045em;text-decoration:none}
.wordmark span{color:var(--mint);margin-left:-.35rem}
nav{display:flex;align-items:center;gap:clamp(.75rem,2.4vw,2.25rem);font-size:.88rem;font-weight:700}
nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}
nav a:hover{text-decoration:underline}
.grid-paper{background-image:linear-gradient(#a2b9dc12 1px,transparent 1px),linear-gradient(90deg,#a2b9dc12 1px,transparent 1px);background-size:32px 32px}
.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:center;padding-block:clamp(2.7rem,7vw,6.5rem)}
.eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;font:800 .76rem/1.45 var(--mono);letter-spacing:.12em;color:#25518a}
.eyebrow span{flex:0 0 14px;height:3px;background:var(--blue)}
.eyebrow.light{color:var(--mint)}
.eyebrow.light span{background:var(--mint)}
.hero h1{font-size:clamp(2.5rem,4.45vw,4rem);letter-spacing:-.055em;text-wrap:balance}
.hero h1 em{color:var(--mint);font-style:normal}
.hero-lede{max-width:24ch;margin-top:1rem;font-size:clamp(1.875rem,3.35vw,3rem);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.hero-detail{max-width:34rem;margin-top:1rem;color:#e0e8f4}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.65rem}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;padding:.67rem 1rem;border:1px solid transparent;border-radius:5px;font-weight:800;text-decoration:none}
.button:hover{text-decoration:underline}
.button.purchase{flex-direction:column;gap:0;max-width:100%;min-height:48px;padding:.67rem 1rem;background:var(--amber);color:var(--ink);border-color:var(--ink);font-size:1rem;line-height:1.35;text-align:center}
.purchase[aria-disabled="true"]{cursor:not-allowed}
.purchase[aria-disabled="true"]:hover{text-decoration:none}
.checkout-status{margin-top:.15rem;font-size:.75rem;font-weight:650}
.ink{background:var(--ink);color:white}
.outline{border-color:#8196b4;color:var(--paper)}
.hero-note{margin-top:1rem;color:#c5d0e0;font-size:.84rem}
.hero-art{border:1px solid #6a83aa;background:#1b3354;box-shadow:8px 8px 0 #377cf54d}
.art-rail{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .8rem;color:#d0e1fb;font:700 .64rem/1.4 var(--mono);letter-spacing:.09em}
.art-stage{display:grid;grid-template-columns:58% 42%;align-items:end;isolation:isolate;border-block:1px solid #6a83aa;background:radial-gradient(ellipse at 65% 54%,#3568a5,transparent 70%),linear-gradient(135deg,#193256,#122038);overflow:hidden}
.cover{width:87%;margin:9% 0 11% 13%;border:1px solid #a4b7d4;transform:rotate(-7deg);box-shadow:0 12px 25px #0a1326cc}
.dex{width:145%;max-width:none;margin-left:-39%;margin-bottom:-8%;filter:drop-shadow(0 8px 12px #0a1326a6)}
.stats{background:#d9f4ee;border-bottom:1px solid #a3d5cc}
.stats ul{list-style:none;padding:1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.stats li{display:flex;flex-direction:column;font-size:.85rem;font-weight:650}
.stats strong{font-size:1.85rem;line-height:1.15;letter-spacing:-.045em}
.section{padding-block:clamp(3.5rem,7vw,6.3rem)}
.section-intro,.offer-layout,.faq-layout{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(1rem,5vw,4rem);align-items:start}
.section-intro p,.offer-layout>.muted,.muted{color:var(--muted)}
.section-intro p{align-self:end;max-width:35rem}
.inventory,.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.inventory article{padding:1.35rem;border:1px solid var(--line);background:#fffdf7;border-radius:6px}
.inventory p{margin-top:.75rem;color:var(--muted)}
.tag{display:inline-block;background:#dce9ff;padding:.28rem .46rem;margin-bottom:1.3rem;font:800 .72rem/1.35 var(--mono);letter-spacing:.06em}
.amber{background:#ffebbd}.green{background:#cef1e9}
.extras{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;font-size:.9rem}
.extras li{display:flex;gap:.5rem;border-top:1px solid var(--line);padding-top:.65rem}
.extras b{font-family:var(--mono);color:#25518a}
.previews{background:#e7edf6}
.preview-grid a,.interactive-preview figure a{display:block;padding:clamp(.75rem,2vw,1.45rem);background:#ccdaee;border:1px solid #afc3df}
.preview-grid a:hover,.interactive-preview figure a:hover{background:#bcd1ed}
.preview-grid img,.interactive-preview img{width:100%;box-shadow:0 6px 16px #152c4830}
.interactive-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.25rem,5vw,4rem);align-items:start;margin-top:2rem;padding-top:2rem;border-top:1px solid #afc3df}
.interactive-preview h3{font-size:clamp(1.65rem,3vw,2.5rem)}
.interactive-preview h3~p{max-width:28rem;margin-top:.75rem;color:var(--muted)}
figcaption{padding:.65rem 0;display:grid;gap:.25rem}
figcaption>span{font:800 .73rem/1.45 var(--mono);letter-spacing:.065em;color:#25518a}
.sample-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(1rem,6vw,5rem);align-items:start}
.sample-layout h2{font-size:clamp(2.15rem,4vw,3.7rem)}
.sample-layout h2 span{display:block;margin-top:.5rem;font-size:.68em;letter-spacing:-.04em}
.sample-layout>div:first-child>p:not(.eyebrow){margin-top:1rem;color:#e0e8f4;max-width:25rem}
.quiz-dex{width:160px;margin-top:.8rem}
.quiz{padding:clamp(1.15rem,4vw,2.5rem);background:#fffdf7;color:var(--ink);border:1px solid #a9c2e6;border-top:5px solid var(--mint);border-radius:7px;box-shadow:7px 7px 0 #377cf54d}
.quiz h3{font-size:clamp(1.35rem,2.7vw,2rem)}
.quiz p:not(.eyebrow){margin-top:.65rem}
.quiz button{margin-top:1rem}
.quiz .actions button{margin-top:0}
.transcript{margin-top:1.25rem}
.transcript-text{white-space:pre-wrap;max-width:75ch;margin-top:1rem}
.quiz fieldset{margin:.9rem 0 0;padding:0;border:0;min-width:0}
.quiz legend{font-weight:750;padding:0}
.choice{display:flex;gap:.65rem;align-items:baseline;border:1px solid var(--line);border-radius:5px;padding:.63rem .65rem;margin-top:.5rem;cursor:pointer}
.choice:has(input:checked){background:#e0ecff;border-color:#3c61a0}
.choice input{accent-color:#2356ad;margin:0;flex-shrink:0}
.feedback{padding:.8rem 1.15rem .8rem 1.7rem;background:#edf2fa;border-radius:5px}
.feedback li+li{margin-top:.6rem}
.offer-layout>div:first-child p:not(.eyebrow),.faq p{margin-top:1rem}
.price-card{border:1px solid #4d6488;border-top:5px solid var(--blue);background:var(--ink);color:var(--paper);padding:clamp(1.25rem,4vw,2.2rem);border-radius:6px}
.price-card .eyebrow{color:var(--mint)}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;font-size:3.6rem;line-height:1;font-weight:850;letter-spacing:-.06em}
.price span{font-size:.9rem;letter-spacing:0;color:#d3deec}
.price-card ul{padding-left:1.2rem;margin:1.15rem 0}
.price-note{margin-top:.7rem;font-size:.82rem;color:#c8d6e8}
.faq{background:#fffdf7;border-top:1px solid var(--line)}
.faq-layout{grid-template-columns:.7fr 1.3fr}
details{border-bottom:1px solid var(--line);padding:.6rem 0}
details:first-child{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:780;min-height:44px;padding:.6rem 0}
details p{color:var(--muted);margin:0 0 .75rem!important}
.footer{font-size:.84rem;flex-wrap:wrap;padding-block:1.6rem}
.footer p{color:#c8d6e8}
@media(max-width:780px){
 .wrap{width:calc(100% - 2rem)}
 .hero-layout,.section-intro,.sample-layout,.offer-layout,.faq-layout,.interactive-preview{grid-template-columns:1fr}
 .hero-art{width:min(100%,470px)}
 .quiz-dex{display:none}
}
@media(max-width:570px){
 .nav{align-items:flex-start;flex-direction:column;gap:.15rem;padding-block:.65rem}
 nav{gap:1rem;flex-wrap:wrap}
 .stats ul{grid-template-columns:1fr 1fr}
 .inventory,.preview-grid,.extras{grid-template-columns:1fr}
 .preview-grid{max-width:390px}
 .art-rail{font-size:.57rem}
}
@media(forced-colors:active){.button,.tag,.choice{border:1px solid ButtonText}}
.footer-policies{flex-wrap:wrap;padding-bottom:.75rem}
.policy{max-width:74ch}
.policy h1{margin-block:.9rem 1rem;font-size:clamp(2.5rem,7vw,4.2rem);letter-spacing:-.055em}
.policy h2{margin-block:1.65rem .5rem;font-size:clamp(1.3rem,3vw,1.75rem);letter-spacing:-.035em}
.policy p+p{margin-top:.7rem}
.policy-status{padding:.65rem .8rem;border-left:3px solid var(--amber);background:#fffdf7}