.ab-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,80px)}
.ab-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 66% at 76% 42%,rgba(200,169,81,.2),transparent 68%),linear-gradient(180deg,var(--blackout) 0,var(--navy-dark) 46%,var(--blackout) 100%)}
.ab-light::after{content:"";position:absolute;width:min(1000px,110vw);aspect-ratio:1;right:-20%;top:-34%;border-radius:50%;border:1px solid rgba(200,169,81,.24);box-shadow:0 0 0 110px rgba(200,169,81,.022)}
.ab-hero-grid{display:grid;gap:40px 56px;align-items:start}
.ab-hero h1{font-size:var(--fs-hero);max-width:15em;margin-top:14px}
.ab-hero .lead{margin-top:24px;max-width:33em}
.ab-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ab-portrait{position:relative;margin:0 0 0 14px;width:calc(100% - 14px)}
.ab-frame{background:var(--blackout)}
.ab-frame img{width:100%;aspect-ratio:6/5;object-fit:cover;object-position:46% 50%}
.ab-frame::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(10,20,36,.7));pointer-events:none}
.ab-frame .vf{--vf-inset:-13px;--s:26px}
.ab-portrait .l3{position:absolute;left:-14px;bottom:26px;z-index:3}
html.js:not(.motion-off) .ab-light{animation:ab-lights var(--t-scene) var(--e-out) backwards}
html.js:not(.motion-off) .ab-frame .vf{animation:ab-lock 720ms var(--e-focus) 320ms backwards}
html.js:not(.motion-off) .ab-portrait .l3{animation:ab-wipe 620ms var(--e-inout) 760ms backwards}
@keyframes ab-lights{from{opacity:.25}}
@keyframes ab-lock{from{opacity:0;transform:scale(1.13)}}
@keyframes ab-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media (min-width:900px){
.ab-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.ab-portrait{margin-top:calc(var(--fs-label)*1.3 + 14px)}
.ab-frame img{aspect-ratio:1;max-height:min(76svh,640px);object-position:47% 50%}
}
.reel{position:relative;padding-top:clamp(8px,2vw,24px)}
.reel .sec-head{margin-bottom:clamp(28px,4vw,48px)}
.reel-stage{display:none}
html.js .reel-stage{display:block;margin-bottom:28px}
.reel:not([data-ready]) :is(.reel-stage,.reel-gate,.reel-ruler){visibility:hidden}
.reel-program,.reel-now{display:none}
.reel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.reel-count{color:var(--gold)}
.reel-btns{display:flex;gap:10px}
.reel-btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--navy-line);border-radius:var(--radius);background:transparent;color:var(--gold);transition:background-color var(--t-base) var(--e-out),border-color var(--t-base) var(--e-out),color var(--t-base) var(--e-out)}
.reel-btn:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:var(--navy-dark)}
.reel-btn:disabled{opacity:.35;cursor:default}
.reel-timeline{--fw:min(76vw,300px);--gap:20px;position:relative;background:color-mix(in srgb,var(--navy-dark) 55%,var(--blackout));border-block:1px solid var(--navy-line)}
.reel-viewport{container-type:inline-size;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;--edge:calc((100% - min(var(--max),100% - 2*var(--gutter)))/2);scroll-padding-inline:var(--edge);padding-block:30px 22px;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}
html.js .reel-viewport{scrollbar-width:none}
html.js .reel-viewport::-webkit-scrollbar{display:none}
.reel-viewport:focus-visible{outline:none}
.reel-viewport:focus-visible .reel-frame[aria-current] .frame-media{outline:2px solid var(--gold-bright);outline-offset:3px}
.reel-viewport.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.reel .reel-strip{display:flex;gap:var(--gap);width:max-content;min-width:100%;margin:0;padding:0 var(--edge);list-style:none}
html.js .reel-strip{padding-inline:0}
html.js .reel-strip::before,html.js .reel-strip::after{content:"";flex:none;width:calc(50cqw - var(--fw)/2 - var(--gap))}
.reel-frame{position:relative;flex:none;width:var(--fw);scroll-snap-align:start}
html.js .reel-frame{scroll-snap-align:center;cursor:pointer}
html.js .reel-frame :is(.frame-media,figcaption>*){transition:opacity var(--t-base) var(--e-out)}
html.js .reel-frame:not([aria-current]) .frame-media{opacity:.5}
html.js .reel-frame:not([aria-current]) figcaption>:not(.frame-no){opacity:.72}
.reel-frame figure{margin:0}
.frame-media{container-type:size;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy-dark);border:1px solid var(--navy-line)}
.frame-media img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.frame-media--cover{display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 45%,#27406a,var(--navy-dark))}
.frame-media--cover img{width:auto;height:88%;object-fit:contain}
.reel-frame figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;margin-top:14px}
.frame-no{font:500 var(--fs-label)/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--gold)}
.frame-kind{font:600 var(--fs-label)/1.3 var(--sans);color:var(--mist)}
.frame-title{grid-column:1/-1;font:400 1.3rem/1.2 var(--serif);color:var(--white)}
.frame-note{grid-column:1/-1;font-size:var(--fs-small);line-height:1.5;color:var(--mist)}
.slate-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:min(7cqw,12cqh);background:radial-gradient(70% 90% at 82% 8%,rgba(200,169,81,.26),transparent 70%),linear-gradient(160deg,#1d3557,var(--blackout))}
.slate-card::before{content:"";position:absolute;inset:min(4cqw,7cqh);border:1px solid rgba(200,169,81,.38);pointer-events:none}
.sc-tag{position:absolute;left:min(7cqw,12cqh);top:min(6.5cqw,11cqh);font:600 max(.8125rem,min(3.6cqw,6cqh))/1 var(--sans);color:var(--gold)}
.sc-big{font:400 min(27cqw,46cqh)/.82 var(--serif);color:var(--gold);letter-spacing:-.03em}
.sc-line{margin-top:min(2.4cqw,4cqh);font:400 min(6.4cqw,10.5cqh)/1.1 var(--serif);color:var(--white)}
.sc-nets{margin-top:min(1.6cqw,3cqh);font:600 max(.8125rem,min(3.6cqw,6cqh))/1.2 var(--sans);color:var(--mist)}
.reel-gate{position:absolute;z-index:3;left:50%;top:30px;width:var(--fw);aspect-ratio:4/3;transform:translateX(-50%);pointer-events:none}
.reel-gate .vf{--vf-inset:-9px;--s:16px}
.reel-frame .vf,.frame-mark{display:none}
.reel-program .vf{--vf-inset:-9px;--s:24px}
html:not(.js) :is(.reel-gate,.reel-ruler){display:none}
.reel-ruler{width:min(var(--max),100% - 2*var(--gutter));margin:0 auto;padding:4px 0 24px;touch-action:pan-y;cursor:ew-resize;user-select:none}
.reel-track{position:relative;height:56px;margin-inline:clamp(24px,5vw,52px)}
.reel-track::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:repeating-linear-gradient(90deg,rgba(201,211,227,.3) 0 1px,transparent 1px calc(100%/48))}
.reel-marks{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.reel-marks li{position:absolute;left:calc(var(--x)*1%);top:0;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translateX(-50%);font:500 var(--fs-label)/1 var(--sans);white-space:nowrap;color:#93a3bd;transition:color var(--t-base)}
.reel-marks li::before{content:"";width:1px;height:22px;background:currentColor}
.reel-marks li.is-on{color:var(--gold)}
.reel-marks span{display:none}
.reel-head{position:absolute;left:0;top:-5px;height:34px;width:0;pointer-events:none}
.reel-head i{position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--gold)}
.reel-head i::before{content:"";position:absolute;left:-5px;top:0;width:12px;height:9px;background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%)}
@media (min-width:700px){.reel-timeline{--fw:min(52vw,380px)}}
@media (min-width:920px){.reel-marks span{display:block}}
@media (min-width:1000px){
html.js .reel-stage{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(32px,4vw,56px);margin-bottom:clamp(36px,4vw,56px)}
.reel-program{display:block;position:relative;aspect-ratio:2/1;background:var(--navy-dark)}
.prog-media,.prog-layer{position:absolute;inset:0;overflow:hidden}
.prog-layer{container-type:size}
.prog-layer>img{width:100%;height:100%;object-fit:cover}
.prog-layer>img.is-poster{position:absolute;inset:0;margin:auto;width:auto;height:100%;aspect-ratio:var(--ar);background:var(--blackout)}
.prog-media .slate-card{position:absolute;inset:0}
.prog-tc{position:absolute;right:14px;top:14px;z-index:2;display:flex;gap:10px;padding:7px 11px;background:rgba(10,20,36,.74);border:1px solid rgba(255,255,255,.18);color:var(--white)}
.prog-tc span:first-child{color:var(--gold)}
.reel-info{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.reel-now{display:block}
.reel-now .d-m{margin-top:10px;color:var(--white)}
.reel-now [data-now-note]{margin-top:14px;max-width:34ch}
html.js .reel-timeline{--gap:12px}
html.js .reel-viewport{overflow:hidden;scroll-snap-type:none;padding-block:28px 6px;cursor:default}
html.js .reel-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(var(--max),100% - 2*var(--gutter));min-width:0;margin-inline:auto}
html.js .reel-strip::before,html.js .reel-strip::after,html.js .reel-gate{display:none}
html.js .reel-frame{width:auto}
html.js .reel-frame:not([aria-current]) .frame-media{opacity:.55}
html.js .reel-frame[aria-current] .frame-media{border-color:var(--gold)}
html.js .reel-frame figcaption{display:block;margin-top:10px}
html.js .frame-no{display:none}
html.js :is(.frame-title,.frame-note){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.js .frame-kind{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.js .frame-mark{display:block;font:500 var(--fs-label)/1.3 var(--sans);white-space:nowrap;color:var(--mist)}
html.js .reel-frame[aria-current] .frame-mark{color:var(--white)}
html.js .reel-frame .vf{display:block;--vf-inset:5px;--s:11px;opacity:0;transition:opacity var(--t-base) var(--e-out)}
html.js .reel-frame[aria-current] .vf{opacity:1}
html.js .reel-frame .slate-card{justify-content:center;align-items:center;padding:0}
html.js .reel-frame .slate-card::before{display:none}
html.js .reel-frame .slate-card :is(.sc-tag,.sc-line,.sc-nets){display:none}
html.js .reel-frame .sc-big{font-size:min(58cqw,86cqh);line-height:1}
html.js .reel-track{margin-inline:calc((100% - 8*var(--gap))/18);height:34px}
html.js .reel-marks span{display:none}
html.js .reel-head{transition:transform var(--t-base) var(--e-out)}
html.js .reel-head.is-scrub{transition:none}
}
.ab-story-grid{display:grid;gap:48px clamp(32px,5vw,80px)}
@media (min-width:960px){.ab-story-grid{grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);align-items:start}}
.ab-prose{--gap:1.2rem}
.ab-prose p{max-width:62ch}
.ab-pull{margin:2.4rem 0;padding-left:26px;border-left:3px solid var(--gold)}
.ab-pull:has(.has-frame){border-left-color:transparent;transition:border-color var(--t-base) var(--e-out)}
.ab-pull .quote{font-size:clamp(1.45rem,2.3vw,2rem);max-width:24em}
.ab-prose a{color:var(--ink);text-decoration-color:var(--gold-ink);text-decoration-thickness:2px}
.ab-side{display:grid;gap:44px}
.ab-panel{border-top:2px solid var(--gold-ink);padding-top:20px}
.ab-panel h3{font-size:1.5rem}
.ab-list{margin:14px 0 0;padding:0;list-style:none;font-size:var(--fs-small);line-height:1.5}
.ab-list li{padding:13px 0;border-bottom:1px solid var(--rule)}
.ab-list a{color:var(--ink);text-decoration-color:var(--gold-ink)}
.ab-books li{display:grid;gap:2px}
.bk-title{font-weight:600;color:var(--ink)}
.bk-title i{font-weight:400}
.bk-desc{color:var(--slate)}
.ab-rows{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--rule)}
.ab-row{display:grid;gap:16px 40px;align-items:center;padding-block:28px;border-bottom:1px solid var(--rule)}
.ab-row h3{font:600 var(--fs-label)/1.3 var(--sans);letter-spacing:.01em;color:var(--gold-ink)}
.ab-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:start;gap:20px clamp(20px,4vw,56px);margin:0;padding:0;list-style:none}
.ab-logos img{height:var(--h,44px);width:auto;max-width:none}
.ab-cta{margin-top:clamp(28px,4vw,44px)}
@media (min-width:760px){.ab-row{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}}
.ab-method-grid{display:grid;gap:44px clamp(32px,6vw,96px)}
.ab-method-copy{--gap:1.15rem}
.ab-method-copy h2{max-width:11em}
.ab-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.ab-step{display:grid;grid-template-columns:clamp(60px,8vw,100px) minmax(0,1fr);gap:0 20px;padding:28px 0;border-bottom:1px solid var(--line)}
.ab-step-n{font:400 clamp(2.4rem,4vw,3.4rem)/1 var(--serif);color:var(--gold)}
.ab-step h3{font-size:clamp(1.4rem,2vw,1.75rem)}
.ab-step p{margin-top:8px;max-width:48ch}
@media (min-width:960px){
.ab-method-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.ab-method-copy{position:sticky;top:120px}
}
.ab-faq-grid{display:grid;gap:36px clamp(32px,5vw,80px)}
.ab-faq h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}
@media (min-width:960px){
.ab-faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}
.ab-faq h2{position:sticky;top:120px}
}
.ab-board{color:var(--white);display:grid;gap:12px;padding:22px 24px 24px;background:var(--navy-dark);border-top:2px solid var(--gold);border-radius:var(--radius);font-size:clamp(1.25rem,1.9vw,1.75rem);overflow:hidden}
.ab-board-fact{justify-self:start;font:400 1em/1.1 var(--serif);color:var(--white)}
.ab-board-cap{font:500 var(--fs-label)/1.4 var(--sans);color:var(--mist)}
@media (min-width:960px){
.ab-side{display:contents}
.ab-story-grid{grid-template-rows:auto 1fr auto}
.ab-prose{grid-column:1;grid-row:1/3}
.ab-side>.ab-board{grid-column:2;grid-row:1}
.ab-side>.ab-panel:nth-child(2){grid-column:2;grid-row:2}
.ab-side>.ab-panel:nth-child(3){grid-column:1/-1;grid-row:3;margin-top:8px}
.ab-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 28px}
}
@media (max-width:559px){.ab-logos{display:flex;flex-wrap:wrap;gap:18px 32px}}

/* closing: the pricing assistant prompt the live page carries */
.ab-pricing{max-width:36em;margin:26px auto 0;color:var(--mist)}
.ab-pricing .link{font-weight:600}