@font-face{font-family:"PlexCond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-cond-600.woff2) format("woff2")}
@font-face{font-family:"PlexMono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"Plex";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-sans-400.woff2) format("woff2")}
@font-face{font-family:"Plex";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-sans-600.woff2) format("woff2")}
:root{--ink:#0a1f3d;--ink2:#102b52;--ink3:#1c3d6e;--tape:#e8eff9;--paper:#f5f8fd;--rule:#c9d5e8;--sig:#1c58c4;--sig-on-ink:#7db4ff;--green:#1f7a5c;--muted:#455a75;--white:#fff;--serif:"PlexCond","IBM Plex Sans Condensed","Arial Narrow",Arial,sans-serif;--mono:"PlexMono",ui-monospace,Consolas,"Courier New",monospace;--sans:"Plex",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--w:1180px}
@font-face{font-family:"Flags";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/flags.woff2) format("woff2");unicode-range:U+1F1E6-1F1FF}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.68 var(--sans);font-variant-numeric:tabular-nums;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--sig);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--sig);outline-offset:3px;border-radius:2px}
.on-ink :focus-visible,.sec--ink :focus-visible{outline-color:var(--sig-on-ink)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.08;margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(2.6rem,7.2vw,4.9rem);letter-spacing:-.015em}
h2{font-size:clamp(2rem,4.4vw,3rem)}
h3{font-size:1.55rem}
h4{font-size:1.12rem;font-family:var(--sans);font-weight:600;letter-spacing:0}
h1 em,h2 em{color:var(--sig)}
.sec--ink h1 em,.sec--ink h2 em,.hero h1 em{color:var(--sig-on-ink)}
p{margin:0 0 1.1em}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 16px}
@media(min-width:700px){.wrap{padding:0 32px}}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}
.skip:focus{left:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* notice bar */
.gnote{background:var(--tape);border-bottom:1px solid var(--rule);font-size:.8125rem;line-height:1.4;padding:7px 0;color:var(--muted)}
.gnote a{color:var(--ink)}
/* header */
.hdr{background:var(--ink);color:#fff;position:relative;z-index:20}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--serif);font-size:1.4rem;letter-spacing:-.01em;min-height:44px}
.brand svg{flex:none}
.brand b{font-weight:500}
.brand i{color:var(--sig-on-ink);font-style:normal}
.navbox{position:absolute;opacity:0;pointer-events:none}
.navbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--ink3);border-radius:6px;cursor:pointer;color:#fff}
.navbox:focus-visible+.navbtn{outline:3px solid var(--sig-on-ink);outline-offset:2px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink2);border-top:1px solid var(--ink3);padding:8px 16px 18px}
.navbox:checked~.nav{display:block}
.nav a{display:flex;align-items:center;min-height:48px;color:#fff;text-decoration:none;border-bottom:1px solid var(--ink3);font-weight:600}
.nav a[aria-current=page]{color:var(--sig-on-ink)}
.nav .btn{margin-top:14px;justify-content:center}
@media(min-width:1100px){
 .navbtn,.navbox{display:none}
 .nav{display:flex;position:static;background:none;border:0;padding:0;align-items:center;gap:26px}
 .nav a{border:0;min-height:44px;font-weight:400;font-size:.97rem}
 .nav a:hover{color:var(--sig-on-ink)}
 .nav .btn{margin:0}
}
.btn{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:0 22px;background:var(--sig);color:#fff;border:2px solid var(--sig);border-radius:4px;font:600 1rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:#123f94;border-color:#123f94;text-decoration:none}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.btn--ghost:hover{background:rgba(127,127,127,.15);border-color:currentColor}
.hdr .btn,.hero .btn:not(.btn--ghost),.sec--ink .btn:not(.btn--ghost){background:var(--sig-on-ink);border-color:var(--sig-on-ink);color:var(--ink)}
.hdr .btn:hover,.hero .btn:not(.btn--ghost):hover,.sec--ink .btn:not(.btn--ghost):hover{background:#a6ccff;border-color:#a6ccff}
.btn[disabled]{opacity:.6;cursor:progress}
/* hero */
.hero{background:var(--ink);color:#eef3fb;position:relative;overflow:hidden}
.hero .wrap{display:grid;gap:34px;padding-top:44px;padding-bottom:56px}
.hero p.lead{font-size:1.2rem;line-height:1.6;color:#d3e0f2;max-width:46ch}
.hero .kick{color:var(--sig-on-ink)}
.hero a{color:var(--sig-on-ink)}
.hero .btn{color:var(--ink)}
.hero .btn--ghost{color:#eef3fb}
.hero-art{width:100%}
@media(min-width:960px){.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:72px;padding-bottom:84px;gap:56px}}
.hero--page .wrap{grid-template-columns:1fr;padding-top:48px;padding-bottom:52px}
@media(min-width:960px){.hero--page .wrap{grid-template-columns:1.25fr .75fr}}
.hero--page h1{font-size:clamp(2.3rem,5.4vw,3.8rem)}
.kick{font:500 .76rem/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--sig);margin:0 0 16px}.kick::before{content:"";display:inline-block;width:18px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}
.h-in{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.h-in2{animation:rise .7s .12s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.fine{font-size:.875rem;color:var(--muted)}
.hero .fine,.sec--ink .fine{color:#b4c6df}
/* sections */
.sec{padding:64px 0}
@media(min-width:900px){.sec{padding:92px 0}}
.sec--tape{background:var(--tape)}
.sec--ink{background:var(--ink);color:#edf2fa}
.sec--ink a{color:var(--sig-on-ink)}
.sec--ink p{color:#d3e0f2}
.sec--rule{border-top:1px solid var(--rule)}
.prose{max-width:68ch}
.prose h2{margin-top:0}
.prose h3{margin-top:1.6em}
.split{display:grid;gap:36px;align-items:start}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:64px}.split--wide{grid-template-columns:5fr 4fr}.split--flip>:first-child{order:2}}
.cols3{display:grid;gap:0;border-top:2px solid var(--ink)}
@media(min-width:820px){.cols3{grid-template-columns:repeat(3,1fr)}.cols3--4{grid-template-columns:repeat(4,1fr)}.cols3--2{grid-template-columns:repeat(2,1fr)}}
.col{padding:24px 0 12px;border-bottom:1px solid var(--rule)}
@media(min-width:820px){.col{padding:26px 28px 20px;border-bottom:0;border-right:1px solid var(--rule)}.col:first-child{padding-left:0}.col:last-child{border-right:0;padding-right:0}}
.col h3{font-size:1.3rem}
.col .num{font:600 .8rem/1 var(--sans);letter-spacing:.12em;color:var(--sig);display:block;margin-bottom:12px}
.sec--ink .col{border-color:var(--ink3)}
.sec--ink .cols3{border-color:var(--sig-on-ink)}
.ledger{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink);counter-reset:l}
.ledger li{display:grid;gap:6px 24px;padding:24px 0;border-bottom:1px solid var(--rule);counter-increment:l}
@media(min-width:760px){.ledger li{grid-template-columns:90px 1fr 1.4fr}}
.ledger li::before{content:counter(l,decimal-leading-zero);font:500 2.4rem/1 var(--serif);color:var(--sig)}
.ledger h3{margin:0;font-size:1.3rem}
.ledger p{margin:0}
.panel{background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--ink);padding:22px 20px 24px;border-radius:2px}
@media(min-width:700px){.panel{padding:28px 30px 32px}}
.panel h3{font-size:1.35rem;margin-bottom:.3em}
.sec--ink .panel{color:var(--ink)}
.sec--ink .panel p{color:var(--ink)}
.sec--ink .panel a{color:var(--sig)}
.tag{display:inline-block;font:600 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;padding:5px 8px;border-radius:2px;margin-bottom:12px;color:var(--muted)}
.callout{border-left:4px solid var(--sig);background:var(--tape);padding:18px 22px;margin:28px 0}
.callout p:last-child{margin:0}
.sec--tape .callout{background:var(--paper)}
.checks{list-style:none;padding:0;margin:0 0 1.2em}
.checks li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--rule)}
.checks li::before{content:"";position:absolute;left:2px;top:17px;width:14px;height:8px;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.checks--x li::before{border:0;width:12px;height:2px;background:#9c2a16;transform:none;top:21px}
/* tables */
.tbl{width:100%;overflow-x:auto;margin:20px 0}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.96rem}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{background:var(--ink);color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
caption{text-align:left;font-weight:600;padding:0 0 10px}
/* form ticket */
.ticket{background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:4px;box-shadow:6px 6px 0 var(--ink)}
.sec--ink .ticket{box-shadow:6px 6px 0 var(--sig-on-ink)}
.ticket-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;background:var(--tape);border-bottom:2px dashed var(--ink);font:600 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ticket-b{padding:22px 20px 26px}
@media(min-width:700px){.ticket-b{padding:28px 30px 32px}.ticket-h{padding:14px 30px}}
.ticket h3,.ticket h2{font-size:1.55rem}
.ticket p{color:var(--ink)}
.row2{display:grid;gap:0 16px}
@media(min-width:600px){.row2{grid-template-columns:1fr 1fr}}
.fld{margin:0 0 16px}
.fld label,.fld .lbl{display:block;font-weight:600;font-size:.92rem;margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;min-height:48px;padding:10px 12px;font:400 1rem/1.4 var(--sans);color:var(--ink);background:#fff;border:1.5px solid #5a6d8a;border-radius:3px}
.fld textarea{min-height:140px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--sig);outline:3px solid rgba(28,88,196,.25)}
.fld[data-invalid] input,.fld[data-invalid] select,.fld[data-invalid] textarea{border-color:#9c2a16;border-width:2px}
.err{color:#9c2a16;font-size:.875rem;font-weight:600;margin:6px 0 0;min-height:0}
.err:empty{display:none}
.phone{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:520px){.phone{grid-template-columns:minmax(0,15rem) minmax(0,1fr)}.phone .csearch{grid-column:1/-1}}
.chk{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;min-height:44px}
.chk input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:var(--sig);min-height:0}
.chk label{font-size:.9rem;line-height:1.5;font-weight:400;margin:0}
.chk[data-invalid] label{color:#9c2a16;font-weight:600}
.status{margin:16px 0 0;padding:14px 16px;border-radius:3px;font-size:.95rem;border:1px solid var(--rule);background:var(--tape)}
.status[hidden]{display:none}
.status.ok{border-color:var(--green);background:#e8f3ee}
.status.bad{border-color:#9c2a16;background:#fbeae6}
.fnote{font-size:.84rem;border:1px dashed var(--muted);background:var(--tape);padding:10px 12px;margin:0 0 18px;border-radius:2px;color:var(--ink)}
/* faq */
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-of-type{border-top:2px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;padding:18px 44px 18px 0;font:500 1.2rem/1.35 var(--serif);position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font:400 1.7rem/1 var(--sans);color:var(--sig)}
.faq details[open] summary::after{content:"\2212"}
.faq details[open] summary{color:var(--sig)}
.faq .ans{padding:0 0 18px;max-width:70ch}
.faq .ans p:last-child{margin:0}
/* instrument tools */
.tool{display:grid;gap:26px}
@media(min-width:860px){.tool{grid-template-columns:1fr 1fr;gap:44px;align-items:start}}
.big{font:500 clamp(2.4rem,7vw,3.6rem)/1 var(--serif);color:var(--sig);margin:6px 0}
.res{border-top:2px solid var(--ink);padding-top:12px}
.res dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 16px}
.res dt{color:var(--muted);font-size:.92rem}
.res dd{margin:0;font-weight:600;text-align:right}
input[type=range]{width:100%;height:44px;accent-color:var(--sig)}
.chart{width:100%}
.chart text{font-family:var(--sans)}
.lbl-s{font-size:.8rem;color:var(--muted)}
/* footer */
.ftr{background:var(--ink);color:#c2d3ea;padding:56px 0 40px;font-size:.93rem}
.ftr a{color:#fff}
.ftr .cols{display:grid;gap:30px}
@media(min-width:800px){.ftr .cols{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ftr h4{color:#fff;margin:0 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li a{display:inline-block;padding:7px 0;min-height:36px}
.ftr .legal{border-top:1px solid var(--ink3);margin-top:30px;padding-top:22px;font-size:.84rem;color:#aec1dc}
.ftr .brand{font-size:1.5rem}
/* mobile register bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:2px solid var(--sig-on-ink);transition:transform .2s}
.mbar .btn{width:100%;justify-content:center;background:var(--sig-on-ink);border-color:var(--sig-on-ink);color:var(--ink)}
.mbar.is-hidden{transform:translateY(120%)}
body.has-mbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
@media(min-width:900px){.mbar{display:none}body.has-mbar{padding-bottom:0}}
/* page transition */
.tx{position:fixed;inset:0;z-index:100;background:var(--ink);transform:translateX(-101%);pointer-events:none;will-change:transform}
.tx::after{content:"";position:absolute;top:0;bottom:0;right:0;width:6px;background:var(--sig-on-ink)}
.tx.go{animation:txin .26s cubic-bezier(.6,0,.4,1) forwards;pointer-events:auto}
.tx.arrive{transform:translateX(0);animation:txout .42s .05s cubic-bezier(.6,0,.4,1) forwards}
@keyframes txin{to{transform:translateX(0)}}
@keyframes txout{to{transform:translateX(101%)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .h-in,.h-in2{animation:none}
 .tx{display:none}
 .btn,.mbar{transition:none}
}
.reduce .h-in,.reduce .h-in2{animation:none}
.reduce .tx{display:none}
@media print{.hdr,.mbar,.tx,.gnote{display:none}}
.m0{margin:0}.mt{margin-top:14px}.h2s{font-size:1.6rem}
.tapeband{background:var(--ink);color:#eef3fb;padding:0 0 22px}.tapeband .strip{display:block;height:34px}
.tool>*,.split>*,.hero .wrap>*,.row2>*,.cols3>*{min-width:0}
@media(max-width:899px){.split--ff>:last-child{order:-1}}

.strip-ad,.strip-risk{font-size:.8125rem;line-height:1.45;padding:7px 0}
.strip-ad{background:var(--tape);color:var(--ink);border-bottom:1px solid var(--rule)}
.strip-risk{background:#fff3f1;color:#6e1f14;border-bottom:1px solid #e9c3bd}
.strip-ad a{color:var(--ink)}
.nav .login{font-weight:600}
@media(min-width:1100px){.nav{gap:20px}.nav a{font-size:.93rem}}
.fld select,.phone select{font-family:"Flags",var(--sans)}
.ftr .official{border-top:1px solid var(--ink3);margin-top:30px;padding-top:20px}
.ftr .official code{background:var(--ink2);padding:2px 7px;border-radius:3px;color:#fff;font-size:.88rem}
.ftr .legal p{margin:0 0 .8em}
.linkbtn{background:none;border:0;padding:7px 0;min-height:36px;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}
.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:560px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:4px;padding:18px 18px 16px;box-shadow:6px 6px 0 var(--ink)}
.cookie[hidden]{display:none}
.cookie h2{font-size:1.25rem;margin:0 0 .3em}
.cookie p{font-size:.92rem;margin:0 0 12px}
.cookie .cta-row{margin:0}
.cookie .btn--ghost{color:var(--ink)}
@media(min-width:700px){.cookie{left:24px;right:auto;bottom:24px}}
.result{display:none;margin:0 0 22px;padding:16px 18px;border-radius:3px;border:1px solid var(--rule)}
.result p{margin:0}
.result--ok{border-color:var(--green);background:#e8f3ee}
.result--bad{border-color:#9c2a16;background:#fbeae6}
.result:target{display:block}
.mbar{z-index:30}

/* ===== terminal look ===== */
h1 em,h2 em{font-style:normal}
.big,.res dd,.num,.tag,.ticket-h,th,caption,.fld input[type=number],.ladder li::before,output{font-family:var(--mono)}
.big{font-weight:500;letter-spacing:-.02em}
.res dd{font-weight:500}
th{font-size:.74rem!important}
.ticket-h,.tag{font-weight:500}
.faq summary{font-weight:600;font-size:1.3rem}
.brand{font-weight:600;letter-spacing:-.01em;font-size:1.5rem}
.hero{background-color:var(--ink);background-image:linear-gradient(rgba(125,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,180,255,.07) 1px,transparent 1px),radial-gradient(900px 420px at 85% 10%,rgba(28,88,196,.35),transparent 70%);background-size:44px 44px,44px 44px,auto}
.sec--tape{background-image:linear-gradient(rgba(10,31,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,31,61,.045) 1px,transparent 1px);background-size:40px 40px}
.sec--ink{background-image:linear-gradient(rgba(125,180,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,180,255,.06) 1px,transparent 1px);background-size:44px 44px}
.term{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(125,180,255,.18)}
.hero--page .term{max-width:520px;margin-left:auto}
@media(max-width:959px){.hero--page .term{display:none}}
.ma{animation:draw 1.6s .25s ease-out both}
@keyframes draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
.hero-art.term{animation:rise .8s .1s cubic-bezier(.2,.7,.2,1) both}
.mini{display:block;width:100%;max-width:300px;height:auto;margin:0 0 14px;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--ink)}
.col .ico,.ledger .ico,.panel .ico{color:var(--sig);display:block;margin:0 0 12px}
.ledger li{position:relative}
.formula{display:inline-block;font:500 .86rem/1.4 var(--mono);background:var(--ink);color:#d3e3ff;padding:8px 12px;margin:2px 0 14px;border-left:3px solid var(--sig-on-ink);overflow-wrap:anywhere}
.fig{margin:0}
.figcap{font:500 .74rem/1.4 var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:10px;text-transform:uppercase}
.sec--ink .figcap,.hero .figcap{color:#9fb6d6}
.phone-art{display:block;width:100%;max-width:230px;height:auto;margin:0 auto;filter:drop-shadow(0 24px 30px rgba(10,31,61,.35))}
.statusbar{background:var(--ink);color:#9fb6d6;font:500 .74rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:11px 0;border-top:1px solid var(--ink3);border-bottom:1px solid var(--ink3);overflow:hidden;white-space:nowrap}
.statusbar .wrap{display:flex;gap:26px;flex-wrap:nowrap}
.statusbar span::before{content:"";display:inline-block;width:7px;height:7px;background:var(--sig-on-ink);margin-right:9px;vertical-align:1px}
.statusbar span:nth-child(3n+2)::before{background:#4fd1a1}
.statusbar span:nth-child(3n)::before{background:#ff8f80}
@media(max-width:700px){.statusbar .wrap>span:nth-child(n+4){display:none}}
.panel{border-top:0;position:relative}
.panel::before{content:"";display:block;height:6px;margin:-22px -20px 18px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 8px)}
@media(min-width:700px){.panel::before{margin:-28px -30px 22px}}
.col{position:relative}
.cols3{border-top:3px solid var(--ink)}
.callout{font-family:var(--sans)}
@media(prefers-reduced-motion:reduce){.ma,.hero-art.term{animation:none}}
.reduce .ma,.reduce .hero-art.term{animation:none}
@media(min-width:900px){.prose:has(>h2+.mini){max-width:none}.prose>h2+.mini{float:right;width:300px;margin:0 0 18px 32px}.prose:has(>h2+.mini)>p{max-width:62ch}}
/* ===== photographs ===== */
.photo{margin:0}
.photo img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--tape)}
.photo .figcap{margin-top:8px}
.photo--wide img{aspect-ratio:2.5/1;object-fit:cover;max-height:420px}
.photoband{background:var(--ink);padding:0}
.photoband .wrap{padding-top:0;padding-bottom:0}
.photo--band{position:relative}
.photo--band img{aspect-ratio:21/8;object-fit:cover;border:0;max-height:520px}
.photo--band .figcap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:34px 16px 12px;color:#e8f0ff;background:linear-gradient(to top,rgba(10,31,61,.92),rgba(10,31,61,0))}
.panel .photo{margin-top:20px}
.panel .photo img{border-color:var(--rule)}
.photoband .wrap{max-width:none;padding:0}
.photo--band img{max-height:460px}

/* ===== success popup ===== */
.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(10,31,61,.74)}
.modal[hidden]{display:none}
.modal-box{background:#fff;color:var(--ink);max-width:440px;width:100%;padding:32px 26px 26px;text-align:center;border:2px solid var(--ink);border-radius:4px;box-shadow:8px 8px 0 var(--sig-on-ink);animation:pop .35s cubic-bezier(.2,.8,.2,1) both}
.modal-box h2{font-size:1.8rem;margin:14px 0 .4em}
.modal-box p{margin:0 0 20px}
.modal-check .tick{stroke-dasharray:1;animation:draw .6s .15s ease-out both}
.modal-open{overflow:hidden}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.modal-box,.modal-check .tick{animation:none}}
.reduce .modal-box,.reduce .modal-check .tick{animation:none}
/* form inside the hero */
.hero .ticket a{color:var(--sig)}
.hero .ticket p,.hero .ticket .fine,.hero .ticket label{color:var(--ink)}
.hero .ticket .fine{color:var(--muted)}
.hero .ticket .btn{background:var(--sig);border-color:var(--sig);color:#fff}
.hero .ticket .btn:hover{background:#123f94;border-color:#123f94}
.hero .ticket{box-shadow:6px 6px 0 var(--sig-on-ink)}
.hero .ticket h3{margin-top:0}
.hero-form{min-width:0}

/* folded (two-step) form */
[data-next]{display:none}
.is-fold [data-next]{display:inline-flex;width:100%;justify-content:center}
.is-fold:not(.on2) .step2{display:none}
.is-fold.on2 [data-next]{display:none}
.is-fold:not(.on2)~.fine{display:none}
.hero .ticket-b{padding:20px 22px 22px}
.hero .ticket-b>h3{font-size:1.45rem;margin-bottom:.25em}
.hero .ticket-b>p{font-size:.95rem;line-height:1.55;margin-bottom:12px}
.hero .ticket .fld{margin-bottom:12px}

/* broker card */
.bcards{display:grid;gap:16px}
.bcard{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--ink);padding:20px 20px 8px}
.bcard h3{font-size:1.5rem;margin:0 0 .6em}
.bcard dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 22px}
.bcard dl>div{border-top:1px solid var(--rule);padding:12px 0}
.bcard dt{font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.bcard dd{margin:0;font-size:.95rem;line-height:1.5}
.bcard-loss{grid-column:1/-1}
.bcard-loss strong{font:500 1.5rem/1 var(--mono);color:#9c2a16}
