/* MyATM editorial layout, with SwapArbi's blue product palette. */
html{scroll-padding-top:88px}
body{font-weight:400;line-height:1.8}
body::before{opacity:.48}
.ats-unified-toggle{color:var(--paper-text);background:var(--ink-2)}
.wrap,.wrap-wide{width:min(1180px,calc(100% - 48px));max-width:none;margin-inline:auto;padding-inline:0}
h1,h2,h3{font-weight:400}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor;flex:none}
.draft-notice{padding:9px 24px;font-size:10px;background:var(--ink-2)}
.hero{padding:0;text-align:left;border-bottom:1px solid var(--line-dark)}
.hero::before{opacity:.2;background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,black 60%,transparent)}
.hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:58px;padding-block:56px 36px;isolation:isolate}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.45;font-weight:400;margin-bottom:28px;overflow-wrap:anywhere}
.hero h1 br{display:none}
.hero-promise{color:var(--brass);font-size:14px;letter-spacing:.04em;margin:0 0 22px;line-height:1.9}
.hero .lead{font-size:16px;line-height:1.8;margin:0;max-width:640px;color:var(--paper-text-dim)}
.hero .lead br{display:none}
.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0;align-self:center}
.hero-art::before,.hero-art::after{content:"";position:absolute;border:1px solid rgba(var(--accent-rgb),.38);transform:rotate(30deg);width:56%;height:56%;top:13%}
.hero-art::after{width:72%;height:72%;top:5%;opacity:.38}
.hero-art .orbit{position:absolute;inset:8% 10% 16%;border:1px solid rgba(var(--accent-rgb),.38);border-radius:50%;opacity:.5}
.orbit-one{transform:rotate(20deg) scaleY(.52)}
.orbit-two{transform:rotate(-40deg) scaleY(.45)}
.orbit-three{transform:rotate(76deg) scaleY(.36)}
.pair-symbol{position:absolute;top:20%;width:48%;color:var(--brass-bright)}
.hero-gap{position:absolute;inset:auto 0 0}
.hero-gap .gapmeter{max-width:none;margin-top:0!important}
.hero-gap .gapmeter-labels{max-width:none;font-size:9px;letter-spacing:.04em;gap:8px}
.hero-gap .gapmeter-labels span{white-space:nowrap}
section{padding:0}
.hero+section{border-top:0}
.block,.block.tight{padding-block:64px}
h2.section-title,.final h2{font-size:clamp(34px,4.2vw,54px);line-height:1.48;font-weight:400;margin-bottom:28px;overflow-wrap:anywhere}
.body-text{max-width:760px;margin-inline:auto;color:var(--paper-text-dim)}
.body-text p{font-size:16px;line-height:1.9;margin-bottom:22px}
.body-text strong{box-shadow:none;font-weight:600}
.block>.eyebrow,.block>h2{max-width:920px}
.block>.statcard,.block>.callout{max-width:100%;margin-inline:auto}
.statcard{padding:34px;background:var(--ink-2)}
.statcard h3{font-weight:400;font-size:26px}
.stat .num{font-family:var(--serif);font-size:clamp(26px,3vw,38px)}
.stat{padding:26px 22px}
.split{gap:32px}
.split>div{padding:28px;border:1px solid var(--line-dark);min-width:0}
.split h3{font-size:23px;font-weight:400;line-height:1.55}
.split .body-text{max-width:none}
blockquote.pull{font-weight:400;font-size:clamp(25px,3vw,36px);line-height:1.8;margin-block:36px}
.concept-diagram{max-width:820px}
.broker{padding:32px 24px}
.broker .action{font-weight:400}
.editorial-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:72px;align-content:start}
.editorial-split>.eyebrow{grid-column:1;grid-row:1;align-self:start}
.editorial-split>h2{grid-column:1;grid-row:2;align-self:start;margin-bottom:0}
.editorial-split>.body-text{grid-column:2;grid-row:1 / span 3;max-width:none;margin:0}
.editorial-split>.body-text>p:first-child{font-family:var(--serif);font-size:22px;line-height:2}
.final{padding:64px 0}
.final .eyebrow{justify-content:center}
.cta-btn{min-height:54px;padding:12px 24px;background:linear-gradient(135deg,var(--ink-3),var(--brass-bright));border:1px solid transparent;box-shadow:0 14px 34px rgba(var(--accent-rgb),.16);font-size:13px;letter-spacing:.03em}
.block svg{max-width:100%}
@media(max-width:1100px){.hero .hero-grid{gap:32px}.editorial-split{column-gap:40px}}
@media(max-width:900px){.block,.block.tight,.final{padding-block:52px}.hero .hero-grid{padding-block:48px 32px}.editorial-split{grid-template-columns:minmax(0,1fr);gap:0}.editorial-split>.eyebrow,.editorial-split>h2,.editorial-split>.body-text{grid-column:auto;grid-row:auto}.editorial-split>h2{margin-bottom:28px}.editorial-split>.body-text{max-width:760px}}
@media(max-width:700px){
 .hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .hero-art{width:min(340px,85%);justify-self:center}
 .hero h1{font-size:clamp(36px,7vw,48px)}
 .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat{padding:18px 14px}.stat .num{font-size:28px}
 .statcard{padding:24px 18px}.statcard .flow{flex-wrap:wrap;font-size:13px}
 .split{grid-template-columns:minmax(0,1fr)}
 .split>div{padding:22px}
 .statcard>div[style*="display:flex"]{flex-wrap:wrap}
}
@media(max-width:640px){
 .wrap,.wrap-wide{width:calc(100% - 36px)}
 .hero .hero-grid{padding-block:40px 28px}
 .block,.block.tight,.final{padding-block:40px}
 h2.section-title,.final h2{font-size:32px}
 .hero .eyebrow{font-size:9px;letter-spacing:.12em;gap:10px}
 .eyebrow::before{width:26px}
 .body-text p{font-size:15px}
 .editorial-split>.body-text>p:first-child{font-size:20px}
 .concept-diagram{grid-template-columns:1fr auto 1fr;gap:8px;margin-top:28px}
 .broker{padding:20px 8px}.broker .tag{font-size:8px;letter-spacing:.08em}.broker .action{font-size:20px}
 .gap-center{padding:0}.gap-center .label{font-size:9px;letter-spacing:0}
 .growthbar .row{gap:8px}.growthbar .rval{font-size:10px}
 .loop{flex-wrap:wrap;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}}