/* FeedToLegacy, site styles.
   One stylesheet for every page. Sections, in order:
   1 fonts  2 tokens  3 base  4 type  5 layout  6 buttons and links  7 nav  8 hero
   9 shared blocks  10 home sections  11 sub pages  12 forms  13 apply flow
   14 overlays  15 footer  16 motion  17 responsive.

   Shape rule: buttons and inputs use --r (14px), cards and panels --r-lg (20px),
   large framing boxes --r-xl (28px). Only chips and tags are fully round. */

/* 1. Fonts: self-hosted variable fonts with metric-matched fallbacks, so text does not jump while they load */
@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/inter.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/montserrat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.12%;ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%}
@font-face{font-family:"Montserrat Fallback";src:local("Arial");size-adjust:113.39%;ascent-override:85.43%;descent-override:22.14%;line-gap-override:0%}

/* 2. Tokens */
:root{
  --bg:#17130F; --bg-raised:#1E1914; --bg-sunken:#110E0B;
  --rust:#F05220; --rust-hi:#FF6A3B;
  --gold:#D9B25C; --cream:#FAF5EC; --sand:#C7BE9D; --khaki:#9C8D75;
  --blue:#2F5F8F; --navy:#1C3B5C; --sky:#8DB3DE;
  --ok:#9AD4A6; --err:#FFB08A;
  --line:rgba(250,245,236,.1); --line-strong:rgba(250,245,236,.2);
  --surface:rgba(250,245,236,.035); --surface-hi:rgba(250,245,236,.07);

  --f-head:Inter,"Inter Fallback",system-ui,sans-serif;
  --f-body:Montserrat,"Montserrat Fallback",system-ui,sans-serif;
  --f-accent:"Times New Roman",Times,serif;

  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px;
  --w:1180px; --gut:clamp(1rem,4vw,2rem);
  --sec:clamp(2.75rem,5vw,4rem);
  --ease:cubic-bezier(.2,.7,.2,1);

  /* z-index scale */
  --z-grain:30; --z-fab:40; --z-nav:50; --z-menu:55; --z-toast:70; --z-modal:80; --z-skip:90;

  color-scheme:dark;
}

/* 3. Base */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:var(--bg);color:var(--sand);font:400 16px/1.7 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
/* fine grain on a fixed layer so it never repaints while scrolling */
body::before{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,svg{display:block;max-width:100%}
a{color:inherit}
p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul[role=list],ol[role=list]{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
a,button,summary,label,select,input[type=range]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
::selection{background:rgba(240,82,32,.35);color:var(--cream)}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;z-index:var(--z-skip);left:50%;top:-80px;translate:-50% 0;background:var(--cream);color:var(--bg);font:600 16px var(--f-head);padding:.7rem 1.2rem;border-radius:var(--r);text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic--sm{width:16px;height:16px}.ic--lg{width:26px;height:26px}

/* 4. Type */
.h-display,.h1,.h2,.h3,.h4{font-family:var(--f-head);color:var(--cream);margin:0;letter-spacing:-.025em;text-wrap:balance}
.h-display{font-weight:900;font-size:clamp(2.45rem,6.2vw,4.7rem);line-height:1.04}
.h1{font-weight:800;font-size:clamp(2rem,4.3vw,3.05rem);line-height:1.1}
.h2{font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2}
.h3{font-weight:700;font-size:1.375rem;line-height:1.3;letter-spacing:-.015em}
.h4{font-weight:600;font-size:1.125rem;line-height:1.35;letter-spacing:-.01em}
/* brand accent: italic serif in rust, as on the business card */
.accent{font-family:var(--f-accent);font-style:italic;font-weight:700;color:var(--rust);letter-spacing:-.005em}
.h-display .accent{display:block;font-size:.97em;margin-top:.06em;padding-bottom:.06em}
p,li,dd{text-wrap:pretty}
.lead{font-size:1.125rem;line-height:1.65;color:var(--sand);max-width:62ch}
.muted{color:var(--khaki)}
.fine{font-size:.875rem;line-height:1.6;color:var(--khaki)}
.num{font-variant-numeric:tabular-nums}
strong,b{color:var(--cream);font-weight:600}
.label{font:600 .8125rem/1.3 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}

/* 5. Layout */
.w{width:min(var(--w),100% - 2*var(--gut));margin-inline:auto}
.w--narrow{width:min(780px,100% - 2*var(--gut))}
main{position:relative;z-index:2}
.sec{position:relative;padding-block:var(--sec);isolation:isolate}
.sec--tight{padding-block:calc(var(--sec)*.6)}
.sec--top0{padding-top:0}
/* soft hairline between sections, warm to blue like the brand gradient */
.sec+.sec::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(760px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(217,178,92,.35),rgba(47,95,143,.55),transparent)}
.sec--glow-l::after,.sec--glow-r::after{content:"";position:absolute;left:0;right:0;top:-25%;bottom:-25%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.sec--glow-l::after{background:radial-gradient(40% 45% at 0% 50%,rgba(47,95,143,.22),transparent 70%)}
.sec--glow-r::after{background:radial-gradient(40% 45% at 100% 50%,rgba(47,95,143,.22),transparent 70%),radial-gradient(28% 28% at 5% 80%,rgba(240,82,32,.07),transparent 70%)}
.sec--sunken{background:var(--bg-sunken)}
.sh{display:grid;gap:1rem;max-width:780px;margin-inline:auto;text-align:center;justify-items:center}
.sh .lead{margin-inline:auto}
.w>.sh+*{margin-top:clamp(1.8rem,3.5vw,2.75rem)} /* .w> outranks list resets like .steps4{margin:0} */
.center{text-align:center}
.stack>*+*{margin-top:1rem}

/* 6. Buttons and links */
.btn{--b:var(--rust);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.85rem 1.6rem;font:600 1.0625rem/1.2 var(--f-head);letter-spacing:-.01em;white-space:nowrap;color:var(--bg);background:var(--b);border:1px solid rgba(255,255,255,.22);border-radius:var(--r);text-decoration:none;cursor:pointer;box-shadow:0 10px 30px -10px rgba(240,82,32,.7),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .2s var(--ease),background-color .2s,box-shadow .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn:hover{--b:var(--rust-hi);transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(240,82,32,.85),inset 0 1px 0 rgba(255,255,255,.3)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .ic{transition:transform .2s var(--ease)}.btn:hover .ic{transform:translateX(3px)}
.btn--ghost{--b:rgba(250,245,236,.05);color:var(--cream);border-color:var(--line-strong);box-shadow:none}
.btn--ghost:hover{--b:rgba(250,245,236,.1);box-shadow:none}
.btn--sm{min-height:42px;padding:.55rem 1rem;font-size:.9375rem;border-radius:var(--r-sm)}
.btn[disabled],.btn[aria-busy=true]{opacity:.7;cursor:progress;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.btns--center{justify-content:center}
.link{display:inline-flex;align-items:center;gap:.4rem;color:var(--gold);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(217,178,92,.35);padding-bottom:1px;transition:border-color .2s,color .2s}
.link:hover{color:var(--cream);border-color:var(--cream)}
.link .ic{width:16px;height:16px;transition:transform .2s var(--ease)}.link:hover .ic{transform:translateX(3px)}
.inline-link{color:var(--cream);text-decoration:underline;text-decoration-color:rgba(250,245,236,.35);text-underline-offset:3px}
.inline-link:hover{text-decoration-color:var(--rust)}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border:1px solid var(--line);border-radius:999px;background:rgba(250,245,236,.04);color:var(--sand);font-size:.9375rem;text-decoration:none}
a.chip:hover{border-color:var(--line-strong);color:var(--cream)}
.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font:600 .75rem/1.6 var(--f-head);letter-spacing:.03em;border:1px solid currentColor}
.tag--you{color:var(--gold)}.tag--us{color:var(--rust-hi)}.tag--both{color:var(--sky)}

/* 7. Nav */
.nav{position:fixed;z-index:var(--z-nav);top:calc(12px + env(safe-area-inset-top,0px));left:50%;translate:-50% 0;width:min(1080px,100% - 20px);display:flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.1rem;border-radius:18px;border:1px solid transparent;transition:background-color .35s,border-color .35s,box-shadow .35s,backdrop-filter .35s}
.nav.is-solid,.nav.is-open{background:rgba(23,19,15,.82);border-color:var(--line);box-shadow:0 12px 40px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.nav__logo{display:block;flex:none;line-height:0}
.nav__logo img{width:164px;height:auto;margin:-6px 0 -6px -6px}
.nav__links{display:flex;align-items:center;gap:.15rem;margin:0 0 0 auto;padding:0;list-style:none}
.nav__links>li{display:flex;align-items:center}
.nav__links>li>a,.dd__btn{display:inline-flex;align-items:center;gap:.35rem;height:40px;padding:0 .85rem;border:0;border-radius:var(--r-sm);background:none;color:var(--sand);text-decoration:none;font:400 .9375rem/1 var(--f-body);cursor:pointer;transition:background-color .2s,color .2s}
.nav__links>li>a:hover,.nav__links>li>a[aria-current=page]{color:var(--cream);background:var(--surface-hi)}
.nav__cta{margin-left:.4rem;height:42px;min-height:0}
/* dropdown groups */
.dd{position:relative}
.dd__btn:hover,.dd__btn[aria-expanded=true],.dd__btn[data-here]{color:var(--cream);background:var(--surface-hi)}
.dd__chev{transition:rotate .2s var(--ease)}
.dd__btn[aria-expanded=true] .dd__chev{rotate:180deg}
.menu{position:absolute;top:calc(100% + 14px);left:50%;translate:-50% 0;z-index:var(--z-menu);width:max-content;max-width:min(600px,92vw);display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:.3rem;padding:.7rem;border-radius:18px;border:1px solid var(--line);background:rgba(23,19,15,.97);box-shadow:0 30px 60px rgba(0,0,0,.55);text-align:left;animation:qin .2s var(--ease)}
.nav__links>.dd:last-child .menu{left:auto;right:0;translate:none}
.menu .mi{display:flex;gap:.9rem;align-items:center;padding:.75rem .8rem;border-radius:12px;text-decoration:none;color:var(--cream);font-size:1rem;transition:background-color .2s}
.menu .mi:hover,.menu .mi[aria-current=page]{background:var(--surface-hi);color:var(--cream)}
.mi__ico{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:rgba(250,245,236,.06);color:var(--gold)}
.mi b{display:block;font:700 1rem/1.25 var(--f-head);letter-spacing:-.01em}
.mi small{display:block;margin-top:.15rem;font-size:.875rem;color:var(--sand)}
.burger{display:none;margin-left:auto;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(250,245,236,.04);color:var(--cream);cursor:pointer}
.mnav{display:none}

/* 8. Hero: grid lines and blue corner glows above; below, the glowing ring rising like a horizon.
   The ring is a huge dark disc whose lit edge is the brand's sunrise; it doubles as the divider to the next section. */
.hero{--ct:calc(10vw + 120px);position:relative;overflow:hidden;padding:clamp(7.5rem,14vh,9rem) 0 calc(var(--ct) + 60px);text-align:center;background:linear-gradient(180deg,var(--bg) 18%,#2a1d14 66%,var(--bg) 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 34% 40% at 4% 14%,rgba(47,95,143,.42),transparent),radial-gradient(ellipse 34% 40% at 96% 14%,rgba(47,95,143,.42),transparent),linear-gradient(var(--line) 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/80px 80px;-webkit-mask-image:linear-gradient(#000 35%,transparent 80%);mask-image:linear-gradient(#000 35%,transparent 80%)}
.hero__cast{position:absolute;left:50%;bottom:calc(var(--ct) - 60px);width:min(1300px,150%);height:min(540px,72%);translate:-50% 0;pointer-events:none;background:radial-gradient(ellipse 50% 70% at 50% 100%,rgba(255,190,110,.6),rgba(240,82,32,.3) 38%,transparent 72%);animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{opacity:.72}}
.hero__arc{position:absolute;left:50%;top:calc(100% - var(--ct));width:260%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--bg);pointer-events:none;box-shadow:inset 0 5px 0 #FFF4D6,inset 0 14px 24px rgba(255,214,150,.95),inset 0 36px 64px -18px rgba(240,82,32,.75),0 -3px 10px #FFF4D6,0 -14px 40px rgba(255,190,110,.9),0 -40px 110px rgba(240,82,32,.65),0 -90px 220px rgba(240,82,32,.4)}
.hero__in{position:relative;z-index:2}
.sp{position:absolute;z-index:1;color:#8FB6E6;font:400 22px/1 var(--f-body);text-shadow:0 0 10px rgba(143,182,230,.85),0 0 22px rgba(143,182,230,.45);pointer-events:none;user-select:none;animation:tw 4.5s ease-in-out infinite;will-change:opacity}
@keyframes tw{50%{opacity:.15}}
.hero .chip{margin-bottom:1.5rem}
.hero .lead{margin:1.4rem auto 0;max-width:600px;font-size:clamp(1.0625rem,1.6vw,1.1875rem)}
.hero .btns{justify-content:center;margin-top:2.1rem}
.hero+.sec{padding-top:calc(var(--sec)*.7)}
/* the thin warm-to-blue hairline under the ring */
.hero+.sec::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(760px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(217,178,92,.45),rgba(47,95,143,.6),transparent)}

/* CSS book: a real typographic cover, used in the hero and on the book page */
.book3d{--bw:210px;--bh:290px;--bd:28px;width:var(--bw);height:var(--bh);perspective:900px}
/* a W x H x D box: the cover sits D/2 in front, spine and page edge are side faces turned 90deg */
.book3d__body{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(32deg) rotateX(4deg);transition:transform .8s var(--ease)}
.book3d:hover .book3d__body{transform:rotateY(18deg) rotateX(2deg)}
.book3d__cover{position:absolute;inset:0;border-radius:2px 7px 7px 2px;overflow:hidden;background:var(--cv-bg,linear-gradient(155deg,#1F3A55 0%,#14263A 55%,#0E1B29 100%));box-shadow:inset 5px 0 7px rgba(0,0,0,.35),inset -1px 0 0 rgba(255,255,255,.12);transform:translateZ(calc(var(--bd)/2));display:flex;flex-direction:column;padding:1.35rem 1.2rem 1.15rem 1.45rem;text-align:left}
.book3d__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.14),transparent 30%,transparent 70%,rgba(255,255,255,.05));pointer-events:none}
.book3d__spine,.book3d__pages{position:absolute;top:0;left:calc((var(--bw) - var(--bd))/2);width:var(--bd);height:100%}
.book3d__spine{background:var(--cv-spine,linear-gradient(90deg,#122638 0%,#2B5378 55%,#1A344D 100%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transform:rotateY(-90deg) translateZ(calc(var(--bw)/2))}
.book3d__pages{top:3px;height:calc(100% - 6px);background:repeating-linear-gradient(90deg,#efe8da 0 1px,#d9cfbd 1px 2px);transform:rotateY(90deg) translateZ(calc(var(--bw)/2 - 3px))}
.book3d__back{position:absolute;inset:0;border-radius:7px 2px 2px 7px;background:#0E1B29;transform:rotateY(180deg) translateZ(calc(var(--bd)/2));box-shadow:0 40px 70px -18px rgba(0,0,0,.85)}
.cv-kicker{font:600 .625rem/1.3 var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--cv-accent,#F2A65A)}
.cv-title{font:900 1.65rem/1.02 var(--f-head);letter-spacing:-.03em;color:#FAF5EC;margin-top:.5rem}
.cv-title i{font-family:var(--f-accent);font-weight:700;color:var(--cv-accent,#F2A65A);letter-spacing:0}
.cv-sub{font:500 .6875rem/1.45 var(--f-body);color:rgba(250,245,236,.72);margin-top:.6rem;max-width:20ch}
.cv-bars{display:flex;gap:4px;margin-top:auto;margin-bottom:.9rem}
.cv-bars i{display:block;height:4px;border-radius:2px;background:var(--cv-accent,#F2A65A)}
.cv-bars i:nth-child(1){width:38%}.cv-bars i:nth-child(2){width:14%;opacity:.6}.cv-bars i:nth-child(3){width:8%;opacity:.35}
.cv-author{font:700 .8125rem/1.2 var(--f-head);color:#FAF5EC;letter-spacing:-.01em}
.cv-ed{font:500 .625rem/1.3 var(--f-body);color:rgba(250,245,236,.6);margin-top:.2rem}
.example-note{display:inline-block;margin-top:.9rem;font-size:.8125rem;color:var(--khaki)}

/* 9. Shared blocks */
.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
/* pointer-following glow, mouse and pen only (set by site.js) */
.spot{position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .35s var(--ease)}
.spot:hover{border-color:rgba(217,178,92,.38);box-shadow:0 18px 40px -24px rgba(240,82,32,.45)}
.lift:hover{transform:translateY(-3px)}
.spot::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--x,50%) var(--y,0),rgba(217,178,92,.12),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.spot:hover::after{opacity:1}
.check-list{display:grid;gap:.75rem;list-style:none;padding:0;margin:0 auto;width:fit-content;max-width:100%;text-align:left}
.check-list li{display:grid;grid-template-columns:22px 1fr;gap:.75rem;align-items:start}
.check-list .ic{width:20px;height:20px;margin-top:.2rem;color:var(--gold)}
.check-list--no .ic{color:var(--khaki)}
.page-head{text-align:center;padding:clamp(8rem,15vh,10rem) 0 clamp(3rem,6vw,4.5rem);position:relative;isolation:isolate}
.page-head::after{content:"";position:absolute;left:0;right:0;top:0;bottom:-30%;z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 50% -5%,rgba(240,82,32,.17),transparent 70%),radial-gradient(40% 50% at 95% 30%,rgba(47,95,143,.25),transparent 70%);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.page-head .lead{margin-top:1.2rem}
.page-head .btns{margin-top:2rem}
.crumb{display:inline-flex;gap:.5rem;align-items:center;margin-bottom:1.1rem;font-size:.875rem;color:var(--khaki)}
.crumb a{color:var(--sand);text-decoration:none}.crumb a:hover{color:var(--cream)}
.split{display:grid;gap:clamp(1.8rem,3.5vw,2.75rem);align-items:center;text-align:center}
.split>.panel{width:100%;max-width:760px;margin-inline:auto}
.split>.sh+*,.deal>.sh+*{margin-top:0}
.split .lead,.split .mission,.split p{margin-inline:auto}
.split .stack{max-width:62ch;margin-inline:auto}
.page-head .btns,.split .btns{justify-content:center}
.page-head .deal__nums{margin-inline:auto}
.page-head .ed-line{justify-content:center}
.sec .w>.fine,.mapper__note,.sec .w>p.fine{text-align:center;margin-inline:auto;max-width:72ch}
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.6rem;padding:0;list-style:none}
.facts li{display:inline-flex;gap:.45rem;align-items:center;padding:.4rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.875rem;color:var(--sand);background:rgba(0,0,0,.18)}
.facts .ic{width:16px;height:16px;color:var(--gold)}

/* FAQ (details) */
.qa{border-top:1px solid var(--line);width:100%;max-width:780px;margin-inline:auto}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.2rem .2rem;font:600 1.0625rem/1.4 var(--f-head);color:var(--cream);letter-spacing:-.01em;border-radius:6px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);background:no-repeat center/12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23C7BE9D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");transition:rotate .25s var(--ease),background-color .2s}
.qa details[open] summary::after{rotate:45deg;background-color:var(--surface-hi)}
.qa summary:hover{color:#fff}
.qa summary:hover::after{border-color:var(--gold)}
.qa .ans{padding:0 2.6rem 1.4rem .2rem;max-width:68ch}
.qa .ans p+p,.qa .ans p+ul,.qa .ans ul+p{margin-top:.7rem}
.qa .ans ul{padding-left:1.1rem;display:grid;gap:.35rem}

/* closing call to action */
.cta-box{text-align:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);background:radial-gradient(60% 90% at 0% 0%,rgba(47,95,143,.35),transparent 70%),radial-gradient(60% 90% at 100% 0%,rgba(240,82,32,.2),transparent 70%),rgba(250,245,236,.02)}
.cta-box__grid{display:grid;gap:2rem;justify-items:center}
.cta-box .btns{justify-content:center}
.cta-box .lead{margin-inline:auto}
.next{list-style:none;margin:0 auto;width:fit-content;max-width:100%;text-align:left;padding:0;display:grid;gap:1.1rem;counter-reset:n}
.next li{display:grid;grid-template-columns:38px 1fr;gap:.9rem;align-items:start;counter-increment:n}
.next li::before{content:counter(n);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,178,92,.6);color:var(--gold);font:600 .9375rem var(--f-head)}
.next b{display:block;margin-bottom:.1rem}

/* ask strip */
.ask{display:flex;flex-direction:column;text-align:center;gap:1rem 1.5rem;align-items:center;justify-content:center;padding:1.25rem 1.4rem;border:1px dashed rgba(250,245,236,.22);border-radius:var(--r-lg)}
.ask p{max-width:52ch}

/* 10. Home sections */
/* idea mapper: videos on the left, contents on the right */
.mapper{display:grid;gap:1.25rem;align-items:start}
.mapper__col{padding:1.1rem;border-radius:var(--r-lg)}
.mapper__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.2rem .3rem .9rem;border-bottom:1px solid var(--line);margin-bottom:.6rem}
.mapper__head .h4{font-size:1rem}
.mapper__head span{font-size:.8125rem;color:var(--khaki)}
.vids{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.vid{display:grid;grid-template-columns:76px 1fr;gap:.85rem;align-items:center;padding:.45rem;border-radius:12px;transition:opacity .35s,background-color .35s,transform .35s var(--ease)}
.vid__th{position:relative;height:43px;border-radius:7px;background:linear-gradient(140deg,var(--t1,#2F5F8F),var(--t2,#1C3B5C));overflow:hidden}
.vid__th::before{content:"";position:absolute;left:50%;top:50%;translate:-35% -50%;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent rgba(250,245,236,.85)}
.vid__th span{position:absolute;right:4px;bottom:3px;padding:0 4px;border-radius:3px;background:rgba(0,0,0,.72);font:600 .625rem/1.5 var(--f-head);color:#fff;font-variant-numeric:tabular-nums}
.vid__t{font-size:.875rem;line-height:1.35;color:var(--cream)}
.mapper.is-active .vid{opacity:.28}
.mapper.is-active .vid.is-on{opacity:1;background:rgba(217,178,92,.1);transform:translateX(4px)}
.toc{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;counter-reset:ch}
.chap{counter-increment:ch}
.chap button{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:.8rem;align-items:center;text-align:left;padding:.85rem .8rem;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:background-color .25s,border-color .25s}
.chap button::before{content:counter(ch,decimal-leading-zero);font:800 1.375rem/1 var(--f-head);color:rgba(250,245,236,.22);transition:color .25s;font-variant-numeric:tabular-nums}
.chap b{display:block;font:700 1rem/1.3 var(--f-head);letter-spacing:-.01em}
.chap small{display:block;margin-top:.15rem;font-size:.8125rem;color:var(--khaki)}
.chap .ic{color:var(--khaki);transition:transform .25s var(--ease),color .25s}
.chap button:hover{background:var(--surface-hi)}
.chap button[aria-pressed=true]{background:rgba(240,82,32,.1);border-color:rgba(240,82,32,.45)}
.chap button[aria-pressed=true]::before{color:var(--rust)}
.chap button[aria-pressed=true] .ic{color:var(--rust);transform:translateX(3px)}
.mapper__note{margin-top:1rem}

/* bento: what we handle */
.bento{display:grid;gap:1rem}
.tile{position:relative;padding:clamp(1.4rem,2.6vw,2rem);border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:.7rem;overflow:hidden}
.tile .ic--lg{color:var(--gold)}
.tile p{max-width:46ch}
.tile--book{background:radial-gradient(70% 90% at 0% 0%,rgba(240,82,32,.16),transparent 70%),radial-gradient(60% 80% at 100% 100%,rgba(47,95,143,.32),transparent 70%),var(--bg)}
.tile--editions{background:radial-gradient(60% 120% at 100% 0%,rgba(217,178,92,.12),transparent 70%),radial-gradient(50% 120% at 0% 100%,rgba(47,95,143,.25),transparent 70%),var(--bg)}
.tile__vis{margin-top:auto;padding-top:1rem}
.mini-spread{display:grid;grid-template-columns:1fr 1fr;border-radius:5px;overflow:hidden;background:#F6F1E7;box-shadow:0 30px 60px -24px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06);transform:perspective(1200px) rotateX(6deg) rotateZ(-1.2deg);margin:.6rem 0 1.4rem;max-width:520px}
.mini-spread>div{padding:1.1rem 1.1rem 1.3rem;font:400 .75rem/1.6 Georgia,"Times New Roman",serif;color:#4A3F33}
.mini-spread>div:first-child{background:linear-gradient(90deg,#F6F1E7 85%,#E7DECD)}
.mini-spread>div:last-child{background:linear-gradient(270deg,#F6F1E7 88%,#E4DAC8)}
.ms-k{display:block;font:700 .5625rem/1.3 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#C2551F}
.ms-n{display:block;font:900 2.4rem/1 var(--f-head);color:#1F3A55;letter-spacing:-.04em;margin:.35rem 0 .15rem}
.ms-h{display:block;font:800 1rem/1.15 var(--f-head);color:#1B2A3A;letter-spacing:-.02em;margin-bottom:.5rem}
.ms-q{display:block;margin:.1rem 0 .55rem;padding-left:.6rem;border-left:2px solid #F2A65A;font:700 .8125rem/1.35 var(--f-head);color:#1B2A3A}
.swatches{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.swatches i{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.15)}
.swatches span{font-size:.8125rem;color:var(--khaki);margin-left:.3rem}
.mini-store{display:grid;grid-template-columns:54px 1fr;gap:.9rem;align-items:center;padding:.8rem;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid var(--line)}
.mini-store__cv{height:74px;border-radius:2px 5px 5px 2px;background:linear-gradient(155deg,#1F3A55,#0E1B29);box-shadow:0 8px 16px rgba(0,0,0,.4);position:relative}
.mini-store__cv::after{content:"";position:absolute;left:8px;right:10px;top:12px;height:5px;border-radius:2px;background:#F2A65A;box-shadow:0 9px 0 rgba(250,245,236,.7),0 15px 0 rgba(250,245,236,.7)}
.mini-store b{display:block;font:700 .9375rem/1.25 var(--f-head)}
.mini-store small{display:block;color:var(--khaki);font-size:.75rem;margin-top:.1rem}
.mini-store .buy{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;border-radius:8px;background:#F2A65A;color:#14263A;font:700 .75rem var(--f-head)}
.big-num{font:800 clamp(2.4rem,4vw,3.2rem)/1 var(--f-head);color:var(--cream);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.big-num small{font-size:.4em;font-weight:600;color:var(--khaki);letter-spacing:0;margin-left:.35rem}
.stmt-lines{display:grid;gap:.35rem;font-size:.8125rem;font-variant-numeric:tabular-nums}
.stmt-lines div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.35rem;border-bottom:1px dashed var(--line)}
.stmt-lines div:last-child{border:0;color:var(--gold);font-weight:600}
.ed-line{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.ed-line .ed{display:grid;place-items:center;min-width:46px;height:46px;padding:0 .7rem;border-radius:12px;border:1px solid var(--line-strong);font:700 .875rem var(--f-head);color:var(--cream);background:rgba(0,0,0,.25)}
.ed-line .ed--now{border-color:var(--gold);color:var(--gold);box-shadow:0 0 22px rgba(217,178,92,.3)}
.ed-line .ic{color:var(--khaki)}
.ed-line small{font-size:.8125rem;color:var(--khaki);margin-left:.4rem}

/* how it works timeline */
.flow{list-style:none;margin:0 auto;max-width:680px;width:100%;padding:0;display:grid;gap:0;position:relative}
.flow::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:linear-gradient(var(--rust),var(--gold) 45%,var(--blue) 85%,transparent)}
.flow li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:1.2rem;padding-bottom:2rem}
.flow::after{content:"";position:absolute;left:22px;top:var(--py,-200px);width:150px;height:150px;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(217,178,92,.32),rgba(240,82,32,.1) 60%,transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.flow:hover::after{opacity:1}
.flow h3{transition:color .25s}
.flow li:hover h3{color:var(--gold)}
.flow li:hover .flow__n{background:var(--gold);color:var(--bg);box-shadow:0 0 0 6px rgba(217,178,92,.14),0 0 22px rgba(217,178,92,.35)}
.flow li:last-child{padding-bottom:0}
.flow__n{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);font:700 1rem var(--f-head);color:var(--gold);transition:background-color .35s,color .35s,box-shadow .35s}
.flow li.is-in .flow__n{background:var(--gold);color:var(--bg);box-shadow:0 0 0 6px rgba(217,178,92,.12)}
.flow__body{padding-top:.45rem}
.flow__top{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}
.flow__body p{margin-top:.4rem;max-width:56ch}
.flow__time{font-size:.8125rem;color:var(--khaki)}

/* the deal */
.deal{display:grid;gap:2rem;align-items:start}
.deal__nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2rem}
.deal__nums>div{padding:1.2rem 1.1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.deal__nums>div b{display:block;font:800 clamp(2.2rem,4vw,3rem)/1 var(--f-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.deal__nums>div span{display:block;margin-top:.45rem;font-size:.9375rem;line-height:1.4}
.deal__nums .is-you b{color:var(--gold)}
.split-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-top:1rem;grid-column:1/-1}
.split-bar i{display:block}.split-bar i:first-child{width:60%;background:linear-gradient(90deg,var(--gold),var(--rust))}.split-bar i:last-child{width:40%;background:linear-gradient(90deg,var(--navy),var(--blue))}

/* earnings estimator */
.est{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--r-lg)}
.est__row{display:grid;gap:.5rem}
.est__row+.est__row{margin-top:1.4rem}
.est__lab{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.est__lab label{font:600 .9375rem var(--f-head);color:var(--cream)}
.est__lab output{font:800 1.5rem/1 var(--f-head);color:var(--cream);font-variant-numeric:tabular-nums}
input[type=range]{width:100%;height:28px;accent-color:var(--rust);cursor:pointer}
.est__price{display:flex;align-items:center;gap:.6rem}
.est__price .input{width:110px;text-align:center}
.est__out{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.est__range{font:800 clamp(1.9rem,3.6vw,2.5rem)/1.1 var(--f-head);color:var(--gold);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.est__range small{display:block;margin-top:.35rem;font:500 .875rem/1.4 var(--f-body);color:var(--sand);letter-spacing:0}
.est__break{margin-top:1rem;display:grid;gap:.35rem;font-size:.875rem;font-variant-numeric:tabular-nums}
.est__break div{display:flex;justify-content:space-between;gap:1rem}
.est__break div span:last-child{color:var(--cream)}
.est__break .is-total{padding-top:.5rem;margin-top:.2rem;border-top:1px solid var(--line);font-weight:600}
.est__break .is-total span:last-child{color:var(--gold)}
.est details{margin-top:1.1rem}
.est summary{cursor:pointer;color:var(--sand);font-size:.875rem;text-decoration:underline;text-decoration-color:rgba(199,190,157,.4);text-underline-offset:3px}
.est details p{margin-top:.6rem}

/* promises */
.pledges{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.pledge{background:var(--bg);padding:clamp(1.4rem,2.6vw,2rem);display:grid;align-content:start;justify-items:center;text-align:center;gap:.9rem}
.pledge .ic--lg{color:var(--gold)}
.pledge p{max-width:40ch;margin-inline:auto}
.pledge p{margin-top:.35rem}
.vow{margin-top:clamp(2rem,4vw,3rem);padding:clamp(2rem,5vw,3.25rem) clamp(1.25rem,4vw,3rem);border-radius:var(--r-xl);border:1px solid var(--line);text-align:center;background:radial-gradient(70% 90% at 50% 0%,rgba(240,82,32,.18),transparent 70%),radial-gradient(60% 80% at 12% 100%,rgba(47,95,143,.3),transparent 70%),rgba(250,245,236,.02)}
.vow blockquote{font:700 clamp(1.35rem,2.6vw,1.9rem)/1.3 var(--f-head);color:var(--cream);letter-spacing:-.02em;max-width:30ch;margin:.8rem auto 0;text-wrap:balance}
.vow cite{display:block;margin-top:1rem;font-style:normal;font-size:.875rem;color:var(--khaki)}

/* fit check */
.fit{display:grid;gap:1rem}
.fit__col{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--r-lg)}
.fit__col .h3{margin-bottom:1.1rem;display:flex;gap:.6rem;align-items:center;justify-content:center}
.fit__col--yes{border-color:rgba(217,178,92,.35)}
.fit__col--no{background:transparent}

/* faq on home */
.faq-split{display:grid;gap:1.8rem;justify-items:center}
.faq-split__side{display:grid;gap:1rem;justify-items:center;text-align:center;max-width:640px}


/* home: four steps */
.steps4{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:s}
.steps4 li{text-align:center;position:relative;padding:1.6rem 1.4rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.steps4__n{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 1rem;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font:700 1rem var(--f-head);transition:background-color .25s,color .25s,box-shadow .25s}
.steps4 li:hover .steps4__n{background:var(--gold);color:var(--bg);box-shadow:0 0 18px rgba(217,178,92,.35)}
.steps4 li:last-child .steps4__n{background:var(--rust);border-color:var(--rust);color:var(--bg)}
.steps4 p{margin-top:.5rem;font-size:.9375rem}
/* home: who does what */
.roles{display:grid;gap:1rem}
.roles__col{padding:clamp(1.4rem,3vw,2rem)}
.roles__col{text-align:center}
.roles__col .h3{margin-bottom:1.1rem}
.roles__col--us{border-color:rgba(240,82,32,.35);background:radial-gradient(80% 100% at 100% 0%,rgba(240,82,32,.12),transparent 70%),var(--surface)}
/* home: compact deal strip */
.deal-strip{display:grid;gap:1.6rem;justify-items:center;text-align:center;padding:clamp(1.5rem,3.5vw,2.4rem)}
.deal-strip p{max-width:56ch;margin:.6rem auto 0}
.deal-strip .deal-mini{width:100%;max-width:440px}
.deal-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.deal-mini li{padding:1rem .8rem;border-radius:var(--r);border:1px solid var(--line);background:rgba(0,0,0,.2);text-align:center}
.deal-mini b{display:block;font:800 clamp(1.6rem,3vw,2.1rem)/1 var(--f-head);letter-spacing:-.03em}
.deal-mini span{display:block;margin-top:.35rem;font-size:.875rem}
.deal-mini .is-you b{color:var(--gold)}

/* 11. Sub pages */
/* book page: anatomy spread */
.spread{display:grid;gap:0;border-radius:6px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);background:#F6F1E7;color:#2A241D}
.spread__pg{position:relative;padding:clamp(1.5rem,4vw,2.6rem) clamp(1.25rem,3.4vw,2.4rem);font:400 .9375rem/1.7 Georgia,"Times New Roman",serif;color:#3A3128}
.spread__pg--l{background:linear-gradient(90deg,#F6F1E7 85%,#E9E1D2)}
.spread__pg--r{background:linear-gradient(270deg,#F6F1E7 90%,#E6DDCC)}
.spread .sp-kick{font:700 .6875rem/1.3 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#C2551F}
.spread .sp-num{font:900 4.5rem/1 var(--f-head);color:#1F3A55;letter-spacing:-.04em;margin:.6rem 0 .2rem}
.spread .sp-h{font:800 1.6rem/1.15 var(--f-head);color:#1B2A3A;letter-spacing:-.025em}
.spread .sp-dek{margin-top:.8rem;font-style:italic;color:#5A4E40}
.spread .sp-toc{margin-top:1.4rem;padding:0;list-style:none;display:grid;gap:.25rem;font:500 .8125rem/1.5 var(--f-body);color:#5A4E40}
.spread .sp-toc li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dotted #CFC4B0;padding-bottom:.2rem}
.spread__pg--r>p:not([class])+p:not([class]){margin-top:.8rem;text-indent:1.4em}
.sp-num,.sp-toc,.sp-quote,.sp-box{position:relative}
.spread .sp-toc li{position:relative}
.spread .sp-toc .pin{left:-2rem;top:50%;translate:0 -55%}
.spread .sp-quote{margin:1.2rem 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid #C2551F;font:700 1.125rem/1.4 var(--f-head);color:#1B2A3A;letter-spacing:-.01em}
.spread .sp-box{margin-top:1.2rem;padding:.9rem 1rem;border-radius:8px;background:#EDE5D6;font:500 .8125rem/1.55 var(--f-body);color:#3A3128}
.spread .sp-box b{color:#1B2A3A;display:block;margin-bottom:.2rem;font-family:var(--f-head)}
.spread .sp-folio{position:absolute;bottom:.9rem;font:500 .6875rem var(--f-body);color:#9A8C78}
.spread__pg--l .sp-folio{left:clamp(1.25rem,3.4vw,2.4rem)}.spread__pg--r .sp-folio{right:clamp(1.25rem,3.4vw,2.4rem)}
.pin{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rust);color:#fff;font:700 .75rem var(--f-head);vertical-align:middle;box-shadow:0 0 0 4px rgba(240,82,32,.25)}
.spread .pin{position:absolute;z-index:1}
.anatomy{display:grid;gap:2rem;align-items:start}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.legend li{display:grid;grid-template-columns:30px 1fr;gap:.8rem;align-items:start}
.legend .pin{position:static;margin-top:.1rem}
.legend p{margin-top:.2rem;font-size:.9375rem}

/* editions timeline */
.eds{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.eds>li{text-align:center;padding:1.4rem 1.3rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);position:relative}
.eds .ed-badge{display:inline-flex;align-items:center;gap:.4rem;font:700 .8125rem var(--f-head);color:var(--gold);letter-spacing:.02em}
.eds .h3{margin-top:.5rem}
.eds ul{margin:.8rem auto 0;width:fit-content;text-align:left;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.9375rem}
.eds>li.is-now{border-color:rgba(217,178,92,.45);background:radial-gradient(80% 100% at 100% 0%,rgba(217,178,92,.12),transparent 70%),var(--surface)}

/* pricing: sale waterfall */
.fall{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.fall li{display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start;padding:1.1rem 1.2rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.fall .ic--lg{color:var(--gold)}
.fall li.is-minus .ic--lg{color:var(--khaki)}
.fall li.is-split{border-color:rgba(240,82,32,.4);background:radial-gradient(80% 120% at 0% 0%,rgba(240,82,32,.12),transparent 70%),var(--surface)}
.fall p{margin-top:.25rem;font-size:.9375rem}
/* sample statement */
.stmt{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#F6F1E7;color:#2A241D;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.stmt__head{padding:1.2rem 1.4rem;background:#EDE5D6;display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}
.stmt__head b{font:800 1rem var(--f-head);color:#1B2A3A}
.stmt__head span{font:500 .8125rem var(--f-body);color:#6B5F50}
.stmt dl{padding:1rem 1.4rem 1.3rem;display:grid;gap:0;font:500 .9375rem/1.4 var(--f-body);font-variant-numeric:tabular-nums}
.stmt dl div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #E1D7C5}
.stmt dt{color:#5A4E40}.stmt dd{color:#1B2A3A;font-weight:600}
.stmt dl div.is-total{border-bottom:0;padding-top:.9rem}
.stmt dl div.is-total dt,.stmt dl div.is-total dd{font:800 1.125rem var(--f-head);color:#C2551F}
.stmt__foot{padding:0 1.4rem 1.2rem;font:500 .75rem/1.5 var(--f-body);color:#7A6D5C}
/* payment timeline */
.payline{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:p}
.payline li{text-align:center;position:relative;padding:1.3rem 1.2rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);counter-increment:p}
.payline li::before{content:counter(p);display:grid;place-items:center;width:30px;height:30px;margin:0 auto .8rem;border-radius:50%;background:var(--rust);color:var(--bg);font:700 .875rem var(--f-head)}
.payline .when{display:block;font:600 .8125rem var(--f-head);color:var(--gold);letter-spacing:.02em;margin-bottom:.3rem}
.payline p{margin-top:.35rem;font-size:.9375rem}
/* plain-language terms */
.terms{display:grid;gap:0;border-top:1px solid var(--line)}
.term{display:grid;gap:.9rem;justify-items:center;text-align:center;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.term .h3{display:flex;gap:.7rem;align-items:center;justify-content:center}
.term .h3 .ic{color:var(--gold)}
.term ul{display:grid;gap:.5rem;padding-left:1.1rem;margin:0 auto;max-width:68ch;text-align:left}
.term li::marker{color:var(--rust)}
.why{margin:1rem auto 0;max-width:68ch;text-align:center;padding:.9rem 1.1rem;border:1px solid rgba(217,178,92,.35);background:rgba(217,178,92,.06);border-radius:12px;font-size:.9375rem}
.why b{color:var(--gold)}

/* about */
.story{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;counter-reset:s}
.story>li{flex:1 1 300px;max-width:380px}
.story li{text-align:center;padding:1.4rem 1.3rem;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);counter-increment:s}
.story li::before{content:counter(s,decimal-leading-zero);display:block;font:800 1.75rem/1 var(--f-head);color:rgba(250,245,236,.18);margin-bottom:.7rem;font-variant-numeric:tabular-nums}
.story p{margin-top:.4rem}
.compare{display:grid;gap:1rem}
.compare__col{text-align:center;padding:clamp(1.5rem,3vw,2.2rem);border-radius:var(--r-lg)}
.compare__col--old{border:1px dashed var(--line-strong);background:transparent}
.compare__col--new{border:1px solid rgba(240,82,32,.4);background:radial-gradient(80% 100% at 100% 0%,rgba(240,82,32,.14),transparent 70%),var(--surface)}
.compare .h3{margin-bottom:1rem}
.mission{font:700 clamp(1.5rem,3vw,2.2rem)/1.3 var(--f-head);color:var(--cream);letter-spacing:-.025em;max-width:28ch;text-wrap:balance}
.road{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.road li{text-align:center;padding:1.4rem 1.3rem;border-top:2px solid var(--line-strong)}
.road li:first-child{border-color:var(--rust)}
.road .when{display:block;font:600 .8125rem var(--f-head);color:var(--gold);margin-bottom:.4rem}
.road p{margin-top:.4rem}

/* faq page */
.faq-tools{display:grid;gap:1rem;margin:2rem auto 0;max-width:760px;justify-items:center}
.faq-tools>*{width:100%}
.search{position:relative}
.search .ic{position:absolute;left:1rem;top:50%;translate:0 -50%;color:var(--khaki);pointer-events:none}
.search .input{padding-left:2.9rem}
.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.cat{min-height:40px;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--sand);cursor:pointer;font-size:.9375rem;transition:border-color .2s,background-color .2s,color .2s}
.cat:hover{border-color:var(--line-strong);color:var(--cream)}
.cat[aria-pressed=true]{border-color:var(--gold);background:rgba(217,178,92,.14);color:var(--cream)}
.faq-count{font-size:.9375rem;color:var(--khaki);text-align:center;min-height:1.6em}
.faq-count b{color:var(--cream);font-weight:600}
.faq-clear{margin-left:.6rem;padding:.15rem .7rem;border:1px solid var(--line-strong);border-radius:999px;background:none;color:var(--sand);font-size:.8125rem;cursor:pointer}
.faq-clear:hover{color:var(--cream);border-color:var(--gold)}
[data-page=faq] .page-head{padding-bottom:clamp(1.5rem,3vw,2.25rem)}
.qa summary .q-t{flex:1}
#faqs{display:grid;gap:3rem} /* gap skips hidden groups, so results start right under the search */
.faq-group>.h3{margin-bottom:.8rem;color:var(--gold);text-align:center}
.qa mark{background:rgba(217,178,92,.28);color:var(--cream);border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px rgba(217,178,92,.35)}
.empty{padding:2.5rem 1.5rem;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg)}
.empty .ic--lg{margin:0 auto .8rem;color:var(--gold)}
.empty p{margin-top:.4rem}

/* contact */
.contact{display:grid;gap:1.25rem;align-items:start}
.contact__form{padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r-lg)}
.contact__side{display:grid;gap:1rem}
.side-card{text-align:center;padding:1.4rem 1.3rem;border-radius:var(--r-lg)}
.side-card .ic--lg{color:var(--gold);margin:0 auto .8rem}
.side-card p{margin:.4rem 0 1rem;font-size:.9375rem}
.state{text-align:center;padding:2rem .5rem}
.state .ic--lg{width:40px;height:40px;margin:0 auto 1rem;color:var(--gold)}
.state p{margin:.6rem auto 0;max-width:46ch}
.state .btns{justify-content:center;margin-top:1.6rem}

/* 404 */
.nf{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:8rem 0 4rem}
.nf__code{font:900 clamp(5rem,16vw,9rem)/1 var(--f-head);color:transparent;-webkit-text-stroke:1.5px rgba(250,245,236,.25);letter-spacing:-.04em}

/* 12. Forms */
.field{display:grid;gap:.45rem}
.field+.field{margin-top:1.15rem}
.field label,.field .flabel{font:600 .9375rem/1.3 var(--f-head);color:var(--cream)}
.field .opt-tag{font-weight:400;color:var(--khaki);font-family:var(--f-body);font-size:.8125rem;margin-left:.3rem}
.input{display:block;width:100%;min-height:52px;padding:.85rem 1rem;font:400 1rem/1.4 var(--f-body);color:var(--cream);background:rgba(0,0,0,.28);border:1px solid rgba(250,245,236,.24);border-radius:var(--r);transition:border-color .2s,background-color .2s,box-shadow .2s}
.input::placeholder{color:#8F826D}
.input:hover{border-color:rgba(250,245,236,.38)}
.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,178,92,.25);background:rgba(0,0,0,.36)}
.input[aria-invalid=true]{border-color:var(--err);box-shadow:0 0 0 3px rgba(255,176,138,.18)}
textarea.input{min-height:150px;resize:vertical;line-height:1.6}
select.input{appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23C7BE9D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 8px;cursor:pointer}
select.input option{background:var(--bg)}
.help{font-size:.8125rem;color:var(--khaki);line-height:1.5}
.ferr{font-size:.875rem;color:var(--err);min-height:0}
.ferr:empty{display:none}
.form-err{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--r);border:1px solid rgba(255,176,138,.4);background:rgba(255,176,138,.08);color:var(--err);font-size:.9375rem}
.form-err a{color:var(--cream)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-foot{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:1.6rem}
.form-foot .fine{max-width:38ch}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(23,19,15,.3);border-top-color:var(--bg);animation:spin .8s linear infinite}
@keyframes spin{to{rotate:360deg}}

/* 13. Apply flow */
.apply-pg{min-height:100dvh;position:relative;background:radial-gradient(60% 45% at 50% 0%,rgba(240,82,32,.16),transparent 70%),radial-gradient(50% 40% at 92% 100%,rgba(47,95,143,.3),transparent 70%),radial-gradient(40% 40% at 6% 60%,rgba(47,95,143,.18),transparent 70%)}
.apply-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0}
.apply-top img{width:156px;height:auto;margin:-6px 0 -6px -6px}
.apply-close{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;color:var(--sand);text-decoration:none;cursor:pointer;font-size:.9375rem}
.apply-close:hover{color:var(--cream);border-color:var(--line-strong)}
.apply-main{max-width:680px;margin:0 auto;padding:clamp(1.5rem,5vh,3.5rem) 0 5rem}
.prog{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;font-size:.875rem;color:var(--khaki)}
.prog__bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.prog__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rust),var(--gold));border-radius:2px;transition:width .45s var(--ease)}
.q{margin-top:clamp(2rem,6vh,3.5rem);animation:qin .35s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(10px)}}
.q__h{font:800 clamp(1.5rem,3.4vw,2.1rem)/1.2 var(--f-head);color:var(--cream);letter-spacing:-.025em;text-wrap:balance;outline:none}
.q__help{margin-top:.8rem;max-width:58ch}
.q__body{margin-top:1.8rem}
.opts{display:grid;gap:.6rem}
.opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.opt{position:relative;display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:center;width:100%;min-height:56px;padding:.8rem 1rem;text-align:left;font:500 1rem/1.4 var(--f-body);color:var(--cream);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}
.opt:hover{border-color:var(--line-strong);background:var(--surface-hi)}
.opt:active{transform:scale(.99)}
.opt kbd{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--line-strong);font:600 .75rem var(--f-head);color:var(--khaki);background:rgba(0,0,0,.2)}
.opt[aria-pressed=true]{border-color:var(--gold);background:rgba(217,178,92,.12)}
.opt[aria-pressed=true] kbd{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.checks{display:grid;gap:.7rem}
.check{display:grid;grid-template-columns:28px 1fr;gap:.9rem;align-items:start;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:border-color .15s}
.check:hover{border-color:var(--line-strong)}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check .bx{width:26px;height:26px;border-radius:8px;border:2px solid rgba(250,245,236,.4);display:grid;place-items:center;color:transparent;transition:background-color .15s,border-color .15s}
.check .bx .ic{width:16px;height:16px;stroke-width:2.4}
.check input:checked+.bx{background:var(--cream);border-color:var(--cream);color:var(--bg)}
.check input:focus-visible+.bx{outline:3px solid var(--gold);outline-offset:2px}
.check span:last-child{font-size:.9375rem;line-height:1.55}
.check span:last-child a{color:var(--gold)}
.q__nav{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;margin-top:1.8rem}
.q__back{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:.6rem .2rem;color:var(--sand);cursor:pointer;font-size:.9375rem}
.q__back:hover{color:var(--cream)}
.q__back .ic{rotate:180deg;width:16px;height:16px}
.q__hint{font-size:.8125rem;color:var(--khaki)}
.q__hint kbd{font:600 .75rem var(--f-head);padding:.05rem .35rem;border:1px solid var(--line-strong);border-radius:5px}
.q__err{margin-top:.9rem;color:var(--err);font-size:.9375rem}
.q__err:empty{display:none}
.q__alt{margin-top:.6rem}
.q__alt button{background:none;border:0;padding:.4rem 0;color:var(--khaki);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:.9375rem}
.intro-list{margin-top:1.6rem;display:grid;gap:.8rem}
.review{margin-top:1.6rem;border-top:1px solid var(--line)}
.review div{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.review dt{font-size:.8125rem;color:var(--khaki)}
.review dd{grid-column:1;color:var(--cream);font-size:.9375rem;overflow-wrap:anywhere}
.review button{grid-column:2;grid-row:1/3;align-self:center;background:none;border:1px solid var(--line);border-radius:8px;color:var(--sand);padding:.35rem .7rem;cursor:pointer;font-size:.8125rem}
.review button:hover{border-color:var(--gold);color:var(--cream)}
.result{margin-top:clamp(2rem,6vh,3.5rem);animation:qin .4s var(--ease)}
.result .chip .ic{color:var(--gold)}
.result .h1{margin-top:1.3rem}
.result .lead{margin-top:1rem}
.result .next{margin-top:2rem}
.result .btns{margin-top:2.2rem}
.reasons{margin-top:1.4rem;padding:1.1rem 1.2rem;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.reasons ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}

/* 14. Overlays */
.toast{position:fixed;z-index:var(--z-toast);left:50%;bottom:24px;translate:-50% 0;padding:.75rem 1.2rem;border-radius:var(--r);border:1px solid var(--line);background:rgba(23,19,15,.96);color:var(--cream);box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s}
.toast.is-on{opacity:1}
.fab{position:fixed;z-index:var(--z-fab);left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));translate:-50% 0;transition:opacity .3s,transform .3s var(--ease)}
.fab.is-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}
.fab .btn{width:max-content;box-shadow:0 12px 40px rgba(0,0,0,.55),0 0 34px rgba(240,82,32,.45)}
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal__box{width:min(460px,100%);max-height:92dvh;overflow:auto;overscroll-behavior:contain;padding:2rem 1.5rem;border-radius:22px;border:1px solid var(--line);background:#1B1612;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal__box .opt{grid-template-columns:1fr}
.modal__box .opts{margin-top:1.2rem}
.modal__x{margin-top:1rem;text-align:center}
.modal__x button{background:none;border:0;color:var(--khaki);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.5rem}

/* 15. Footer */
.foot{text-align:center;position:relative;z-index:2;margin-top:clamp(2rem,5vw,4rem);padding:clamp(3rem,6vw,4.5rem) 0 2.2rem;border-top:1px solid rgba(250,245,236,.12);border-radius:36px 36px 0 0;background:radial-gradient(60% 100% at 50% 0%,rgba(47,95,143,.22),transparent 75%)}
.foot__top{display:grid;gap:2.2rem;justify-items:center}
.foot__brand img{width:min(340px,86vw);height:auto;margin:-36px auto -30px}
.foot__brand p{margin:1rem auto 0;max-width:46ch;font-size:.9375rem}
.foot__brand a{color:var(--cream)}
.foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;width:100%;max-width:720px}
.foot__cols h2{font:600 .8125rem/1.3 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--khaki);margin:0 0 .9rem}
.foot__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.foot__cols a{color:var(--sand);text-decoration:none;font-size:.9375rem}
.foot__cols a:hover{color:var(--cream)}
.foot__bot{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:center;margin-top:2.6rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--khaki)}

/* 16. Motion: reveal only when JS runs, so content is never hidden from crawlers or no-JS visitors */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js .rv{opacity:1;transform:none}
  .book3d__body{transform:rotateY(24deg)}
}

/* 17. Responsive */
@media (min-width:640px){
  .foot__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deal__nums{grid-template-columns:repeat(3,minmax(0,1fr))}
  .payline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:861px){
  .fab{display:none}
  .mapper{grid-template-columns:1fr 1fr;gap:1.5rem}
  .bento{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tile--book{grid-column:span 2;grid-row:span 2}
  .tile--editions{grid-column:span 2}
  .deal{grid-template-columns:1fr 1fr;gap:3.5rem}
  .steps4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .roles{grid-template-columns:1fr 1fr}
  .pledges{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fit{grid-template-columns:1.15fr .85fr}
  .spread{grid-template-columns:1fr 1fr}
  .anatomy{grid-template-columns:1.35fr .65fr;gap:3rem}
  .eds{grid-template-columns:repeat(3,minmax(0,1fr))}
  .payline{grid-template-columns:repeat(4,minmax(0,1fr))}
  .compare{grid-template-columns:1fr 1fr}
  .road{grid-template-columns:repeat(3,minmax(0,1fr))}
  .contact{grid-template-columns:1.3fr .7fr}
  .fall-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
  .fall-wrap .stmt{position:sticky;top:120px}
}
@media (max-width:860px){
  .hero{--ct:170px}
  .hero__arc{width:280%}
  .sp{font-size:18px}
  .sp--wide{display:none}
  .nav{top:calc(10px + env(safe-area-inset-top,0px));padding:.45rem .45rem .45rem .9rem;border-radius:16px}
  html{scroll-padding-bottom:90px}
  .nav__links,.nav__cta{display:none}
  .nav__logo img{width:clamp(132px,38vw,156px)}
  .burger{display:grid}
  .mnav{display:block;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:.6rem;border-radius:18px;border:1px solid var(--line);background:#17130F;box-shadow:0 30px 60px rgba(0,0,0,.55);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
  .mnav[hidden]{display:none!important}
  .mnav a{display:flex;justify-content:space-between;align-items:center;padding:.95rem .8rem;border-radius:12px;color:var(--cream);text-decoration:none;font:600 1.0625rem var(--f-head)}
  .mnav a[aria-current=page]{background:var(--surface-hi)}
  .mnav a .ic{color:var(--khaki)}
  .mnav__h{margin:.9rem .8rem .2rem;font:600 .75rem/1.3 var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--khaki)}
  .mnav__h:first-child{margin-top:.3rem}
  .mnav .btn{width:100%;margin-top:.5rem;justify-content:center;color:var(--bg)}
  .fall-wrap .stmt{margin-top:2rem}
  /* mapper on phones: chapters first in a compact grid, so the highlighted videos stay on screen */
  .mapper{gap:.8rem}
  .mapper__col{padding:.8rem}
  .mapper__col:last-child{order:-1}
  .mapper__head{padding-bottom:.6rem}
  .toc{grid-template-columns:1fr 1fr}
  .chap button{grid-template-columns:1fr;gap:.25rem;padding:.65rem .7rem;height:100%;align-content:start}
  .chap button::before{font-size:1rem}
  .chap button .ic{display:none}
  .chap b{font-size:.9375rem}
  .chap small{font-size:.75rem}
  .vids{gap:.15rem}
  .vid{grid-template-columns:52px 1fr;gap:.7rem;padding:.3rem .4rem}
  .vid__th{height:30px;border-radius:5px}
  .vid__th span{font-size:.5625rem;right:2px;bottom:2px}
  .vid__t{font-size:.8125rem}
  .hero .chip{font-size:.875rem;white-space:nowrap}
}
@media (max-width:560px){
  .opts--2{grid-template-columns:1fr}
  .hero .btns .btn{width:100%}
  .btns--stack-sm .btn{width:100%}
  .vid{grid-template-columns:64px 1fr}
  .vid__th{height:36px}
  .pledge{grid-template-columns:1fr}
  .qa .ans{padding-right:.2rem}
  .book3d{--bw:170px;--bh:236px;--bd:22px}
  .cv-title{font-size:1.35rem}
  .spread .sp-num{font-size:3.4rem}
}