/* Home page. New classes start with h-; overrides of shared classes are scoped to the home page wrapper. */
.page[data-page="index.html"]{--cy:rgb(150,232,255);--cyl:#0394e0}
.page[data-page="index.html"] > .sec{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.page[data-page="index.html"] > .band{padding-top:clamp(72px,8vw,112px);padding-bottom:clamp(72px,8vw,112px)}
.page[data-page="index.html"] .h2 + .lead-1{margin-bottom:0}

/* site.css has an older two-column grid called .two; a two-tone heading (.h2.two) must stay one block of running text */
.page[data-page="index.html"] .h2.two{display:block}
.page[data-page="index.html"] .h-trio .rs-bot canvas,.page[data-page="index.html"] .h-bst .rs-bot canvas{max-width:none}

/* H1 hero: dot robots on the quiet isometric floor, a scan line, text-only price pins, a hairline ledger */
.h-stage{position:relative}
.h-stage .floor .sweep{opacity:.1}
.h-bot{position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--bw)}
.h-bot canvas{display:block;width:100%;height:auto;aspect-ratio:var(--ar);position:relative;z-index:1}
.h-mover{z-index:2}
.h-scan{position:absolute;left:-4%;right:-4%;top:0;height:1px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85) 18%,#fff 50%,rgba(255,255,255,.85) 82%,transparent)}
.page[data-page="index.html"] .h-hero .pin{z-index:4}
.page[data-page="index.html"] .h-hero .pin i{box-shadow:0 0 0 1px rgba(255,255,255,.5);inset:5px}
.page[data-page="index.html"] .h-hero .pin::after{animation:none!important;opacity:.6;inset:-2px;transform:none;border-width:1px}
.page[data-page="index.html"] .exnote{margin-top:14px}
.page[data-page="index.html"] .h-hero .lt em{font-size:14px;color:rgba(255,255,255,.95)}
.page[data-page="index.html"] .h-hero .lt small{font-size:13px;color:rgba(255,255,255,.88)}
.h-hero .lt .h-sh{display:none}
/* the ledger: no box, a hairline on top, three columns split by hairlines */
.page[data-page="index.html"] .h-ledger{display:grid;grid-template-columns:1fr 1.18fr .82fr;gap:0;margin-top:18px;padding:18px 0 0;border:0;border-top:1px solid rgba(255,255,255,.32);border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.page[data-page="index.html"] .h-ledger > div{padding:0 22px;border-left:1px solid rgba(255,255,255,.32);gap:6px}
.page[data-page="index.html"] .h-ledger > div:first-child{padding-left:0;border-left:0}
.page[data-page="index.html"] .h-ledger .k{font-size:14px;color:rgba(255,255,255,.72)}
.page[data-page="index.html"] .h-ledger .n{font:600 30px/1.05 var(--serif);letter-spacing:-.015em;color:#fff;font-variant-numeric:lining-nums tabular-nums}
.page[data-page="index.html"] .h-ledger .hl .n{font-size:34px}
.page[data-page="index.html"] .h-ledger .st .n{color:var(--cy)}

/* H2 sources strip: four figures, one link over the whole strip */

/* H3 vision: the home vision line in display type, then twelve priced robots on one hairline (four groups of three) */
.page[data-page="index.html"] .vis{font-family:var(--serif);font-weight:700;font-size:clamp(30px,3.5vw,50px);line-height:1.12;letter-spacing:-.02em;color:var(--ink);max-width:1120px;margin:0;text-wrap:balance}
.page[data-page="index.html"] .vis .mute{color:#8b93a4}
.h-vis{background:#fff;padding:96px 0 112px}
.h-vrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px}
.h-vq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.h-vs{display:flex;flex-direction:column;align-items:center;min-width:0}
.h-vp{font:500 13px/16px var(--sans);font-variant-numeric:lining-nums tabular-nums;color:var(--ink);white-space:nowrap}
.h-vk{display:block;width:1px;height:8px;margin:1px 0;background:var(--line)}
.h-vs .rs-bot{width:calc(100% + 8px);margin:0 -4px;height:72px;display:flex;align-items:flex-end;justify-content:center}
.h-vt .rs-bot{height:92px}
.h-vs canvas{display:block;max-width:100%}
.h-defs{position:absolute;width:0;height:0;overflow:hidden}
.h-vs canvas,.h-bst canvas,.h-trio canvas{filter:url(#h-ink)}
.h-vl{grid-column:1 / -1;position:relative;display:block;height:1px;background:var(--line)}
.h-vl i{position:absolute;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left}
.h-vcap{margin:14px 0 0}
.h-vrow.h-wait .h-vp,.h-vrow.h-wait .h-vk{opacity:0;transform:translateY(6px)}
.h-vrow.h-go .h-vp,.h-vrow.h-go .h-vk{opacity:1;transform:none;transition:opacity .3s ease calc(var(--k) * 120ms + 300ms),transform .3s ease calc(var(--k) * 120ms + 300ms)}
.h-vrow.h-go .h-vl i{transform:none;transition:transform .425s linear calc(var(--g) * .425s)}
.h-vrow.h-done .h-vl i{transform:none}

/* H4 product window: a two-tone heading, then the window running 96px past the content's right edge (clipped by the section) */

/* H4 every dot is a real listing */
.h-lst-h .lead-1{margin-top:20px}
.h-tp{display:none}
@media (hover:none),(max-width:720px){.h-hv{display:none}.h-tp{display:inline}}
.h-lst-h .btn{margin-top:24px}
.h-lcard{position:relative;margin:48px 0 0}
.h-plot{position:relative}
.h-sc{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans);-webkit-tap-highlight-color:transparent}
.h-sc-m{display:none}
.h-gr rect{fill:#eef1f6}
.h-gr text{fill:#7a8396;font-size:12px}
.h-band circle{fill:var(--ink);opacity:.3}
.h-mid circle{fill:var(--ink);opacity:.85}
.h-pts circle{fill:var(--c);opacity:.5;transition:opacity .2s ease}
.h-pts circle.on{opacity:1}
.h-auc rect{fill:var(--cyl)}
.h-lm,.h-la{font-size:13px;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}
.h-lm{fill:var(--ink);font-weight:500}
.h-la{fill:var(--cyl);font-weight:600}
.h-plot.h-hov .h-pts circle{cursor:pointer}
/* fall in by age, once, left to right */
.h-lcard:not(.in-view) .h-pts circle,.h-lcard:not(.in-view) .h-auc rect{opacity:0;transform:translateY(-8px)}
.h-lcard:not(.in-view) .h-band,.h-lcard:not(.in-view) .h-mid,.h-lcard:not(.in-view) .h-lm,.h-lcard:not(.in-view) .h-la{opacity:0}
.h-lcard.in-view .h-pts circle,.h-lcard.in-view .h-auc rect{transition:opacity .45s ease var(--d),transform .5s cubic-bezier(.2,.8,.2,1) var(--d)}
.h-band,.h-mid,.h-lm,.h-la{transition:opacity .6s ease 1.3s}
.h-lcard.h-done .h-pts circle{transition:opacity .2s ease}
.h-lcard figcaption{margin-top:16px;display:flex;flex-direction:column;gap:2px}
.h-tip{position:absolute;z-index:5;width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--sh-doc,0 1px 0 rgba(10,20,60,.04),0 18px 40px -24px rgba(10,20,60,.28));font-size:14px;line-height:1.4;pointer-events:auto}
.h-tip b{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.h-tip span{display:block;color:var(--muted);font-size:13px}
.h-tip a{display:inline-flex;align-items:center;min-height:36px;font-weight:600;font-size:14px;color:var(--c);text-decoration:none}
.h-tip a:hover{text-decoration:underline;text-underline-offset:3px}

/* H5 how a fleet loan works */
.page[data-page="index.html"] .h-howg{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:stretch}
.h-how .h2{margin-bottom:40px}
.page[data-page="index.html"] .h-steps{gap:0;justify-content:space-between}
.page[data-page="index.html"] .h-steps .step{position:relative;padding:22px 4px 22px 0;border-radius:0;background:none;box-shadow:none;gap:20px}
.page[data-page="index.html"] .h-steps .step em{max-height:none;opacity:1;color:#5b6474;transition:color .3s ease}
.page[data-page="index.html"] .h-steps .step b{color:#5b6474;transition:color .3s ease}
.page[data-page="index.html"] .h-steps .step.on b{color:var(--ink)}
.page[data-page="index.html"] .h-steps .step.on em{color:#3e4656}
.page[data-page="index.html"] .h-steps .step.on .sn{color:var(--c)}
.h-prog{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(14,22,38,.14);overflow:hidden}
.h-prog i{display:block;height:100%;width:100%;background:var(--c);transform-origin:left;transform:scaleX(0)}
.step.on .h-prog i{animation:h-fill 3.6s linear forwards}
.h-man .step.on .h-prog i{animation:none;transform:none}
@keyframes h-fill{to{transform:none}}
.h-how-r{display:flex;justify-content:flex-end;align-items:flex-start}
.page[data-page="index.html"] .h-live{width:100%;max-width:520px;position:sticky;top:120px}
.page[data-page="index.html"] .h-live .sh-t{margin:20px 0 10px}
.page[data-page="index.html"] .h-live .dr{padding:14px 0}
.page[data-page="index.html"] .h-live .dr[data-row="3"] b{color:inherit;font-family:inherit;font-size:inherit}
.page[data-page="index.html"] .h-live .dr[data-row="2"] b{color:var(--c)}
.page[data-page="index.html"] .h-live .h-lend{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;border-bottom-color:transparent;transition:max-height .4s ease,opacity .4s ease,padding .4s ease,background .3s ease}
.page[data-page="index.html"] .h-live:not([data-step="0"]) .h-lend{max-height:60px;padding-top:14px;padding-bottom:14px;opacity:1;border-bottom-color:var(--line)}
.h-lend b{color:var(--cyl)}
.page[data-page="index.html"] .h-live .h-upd{border-bottom:0;font-size:14px;max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease,padding .4s ease,background .3s ease;color:var(--deep)}
.page[data-page="index.html"] .h-upd span{font-weight:600;color:var(--deep)}.h-upd em{font-style:normal;color:var(--muted)}
.page[data-page="index.html"] .h-live[data-step="3"] .h-upd{max-height:48px;padding-top:12px;padding-bottom:12px;opacity:1}

/* H6 both sides of the loan: two names as type-only tabs on the left, the matching visual in a 440px box on the right.
   Grid lines: column 1 holds tab, text, tab, text; column 2 holds the visuals. Without JavaScript (.h-js absent) each panel
   sits beside its own name; with it, both visuals share one box and crossfade. */
/* the name stack is centred against the 440px visual box, so neither column leaves a band of empty space under it */
/* robot companies: two fields, a message line, then the small live preview (core.fleet_preview, small) */
.h-msg{height:20px;margin:0;font-size:12px;line-height:20px;color:var(--deep);opacity:0;transition:opacity .2s ease}
.h-msg.on{opacity:1}
/* the local stand-in for core.fleet_preview, used only until the shared group lands it */
/* lenders: one paper edge, then the loan-to-value bar */
.h-edge{width:360px;max-width:100%;height:64px;box-sizing:border-box;background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--sh-doc);display:flex;justify-content:space-between;align-items:center;padding:0 22px}
.h-edge span{font:600 21px/1 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.h-edge em{font-style:normal;font-size:13px;color:var(--muted)}
.h-lcap{margin:12px 0 0}

/* H7 price board: robots at the 72 column density on hairlines, three columns of figures */
.h-board-h{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}
.h-board-h .h2{margin:0}
.h-board-h .tlink{margin:0;white-space:nowrap}
.h-bd{border-top:2px solid var(--ink)}
.h-bh,.h-br{display:grid;grid-template-columns:200px minmax(0,1fr) 170px 170px;column-gap:24px;align-items:center;padding:0}
.h-bh{height:48px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;color:var(--ink)}
.h-bh span:nth-child(3),.h-bh span:nth-child(4){text-align:right}
.h-br{height:140px;text-decoration:none;color:inherit;border-top:1px solid var(--line);transition:background .25s ease}
.h-bh + .h-br{border-top:0}
.h-br:hover .h-bn b,.h-br:focus-visible .h-bn b{color:var(--c)}
.h-br:focus-visible{outline:2px solid var(--c);outline-offset:-2px}
.h-bb{height:140px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px}
.h-bst{width:100%}
.page[data-page="index.html"] .h-bst .rs-base{width:calc(var(--rw,152px) + 24px);margin:0 auto}
.page[data-page="index.html"] .h-bst .rs-bot{justify-content:center}
.page[data-page="index.html"] .h-bst .rs-base{background:#cfd6e3;max-width:100%}
.h-bn{display:flex;flex-direction:column;gap:4px;min-width:0}
.h-bn b{font:600 24px/1.15 var(--serif);letter-spacing:-.01em}
.h-bn em{font-style:normal;font-size:15px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-bv{text-align:right;font:600 26px/1 var(--serif);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums}
.h-b2{color:var(--c)}
.h-bp{display:none}

/* H9 how lenders are protected (ink band): the right column's heading lines up with the first row of arms; both columns end on one line */
.h-ink{background:var(--ink);overflow-x:clip}
.h-ink .h3{color:#fff}
.h-ink .h2{margin:0}
.h-ink-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;margin-top:56px;align-items:stretch}
.h-cush{display:flex;flex-direction:column}
.h-lossp{display:flex;flex-direction:column}
.h-fgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px 6px}
.h-fb{display:block;opacity:0;transform:translateY(6px);transition:opacity .4s ease var(--d),transform .4s ease var(--d)}
.h-cush.in-view .h-fb{opacity:1;transform:none}
.h-fb canvas{display:block;width:100%}
.h-fc canvas{filter:brightness(0) invert(88%) sepia(30%) saturate(900%) hue-rotate(160deg) brightness(102%)}
.h-cush.in-view .h-fc{animation:h-pulse .9s ease 1.3s 1}
@keyframes h-pulse{40%{transform:translateY(-3px) scale(1.06)}100%{transform:none}}
.page[data-page="index.html"] .h-icap{margin:auto 0 0;padding-top:16px;color:rgba(255,255,255,.62)}
.h-lossp .h3{margin:-6px 0 0;font-size:clamp(24px,2.2vw,30px);line-height:1.15}
.h-loss{display:flex;flex-direction:column;gap:24px;margin-top:14px;padding-bottom:18px}
/* the 0.3% row sits under the heading; the 5.2% row floats in the middle of the space left above the closing caption */
.h-loss .h-lr + .h-lr{padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.h-lr{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0}
.h-lv{color:var(--cy)}
.h-lv.h-m{color:rgba(255,255,255,.7)}
.h-dots{display:grid;grid-template-columns:repeat(26,var(--ds));gap:5px;--ds:9px;max-width:100%;margin-top:12px}
.h-dots i{flex:none;width:var(--ds);height:var(--ds);border-radius:50%;opacity:0;transform:scale(.3);transition:opacity .3s ease var(--d),transform .3s ease var(--d)}
/* one motion at a time (R-14): where both columns share the screen, the loss dots start once the 50 robots have split into loan and cushion */
@media (min-width:1061px){.h-dots i{transition-delay:calc(var(--d) + 2.2s)}}
.h-dots .h-a{background:var(--cy)}.h-dots .h-b{background:rgba(255,255,255,.55)}
.h-lossp.in-view .h-dots i{opacity:1;transform:none}
.h-lr em{font-style:normal;font-size:15px;color:rgba(255,255,255,.72);margin-top:12px}
.page[data-page="index.html"] .h-each{margin:auto 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.6)}
.h-ink .fn a{color:inherit}

/* H9 questions */
.h-faq .h2{margin-bottom:32px}
.h-faq-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);align-items:start}
.page[data-page="index.html"] .h-faq .faq details{padding:20px 0}
.page[data-page="index.html"] .h-faq .faq summary{font-size:21px;min-height:44px}
.page[data-page="index.html"] .h-faq .faq details p{font-size:16px}

/* H10 closing: the form left; right, three dot robots on one hairline, then the next steps as plain lines */
.h-close-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,96px);align-items:center}
.h-close-l .h2{margin-bottom:18px}
.h-close-l .body{margin-bottom:28px}
.h-close-r{transition-delay:.1s}
.page[data-page="index.html"] .h-trio .rs-bot{height:auto;gap:40px;justify-content:flex-start;padding-left:4px}
.page[data-page="index.html"] .h-trio .rs-base{background:#cfd6e3}
.h-tb{display:flex;align-items:flex-end;flex:none;height:var(--th)}
.h-tb canvas{display:block;height:100%}
.page[data-page="index.html"] .h-nl{margin-top:32px}

/* reduced motion */
@media (prefers-reduced-motion:reduce){.h-scan{display:none}
 .h-fb,.h-dots i,.h-lcard .h-pts circle,.h-lcard .h-auc rect,.h-ltv i,.h-ltv i em,.h-vp,.h-vk,.h-vl i{transform:none!important;transition:none!important;animation:none!important}
 .h-fb,.h-dots i,.h-lcard .h-auc rect,.h-lcard .h-band,.h-lcard .h-mid,.h-lcard .h-lm,.h-lcard .h-la,.h-ltv i em,.h-vp,.h-vk{opacity:1!important}
 .h-lcard .h-pts circle{opacity:.5!important}.h-lcard .h-pts circle.on{opacity:1!important}
 .step.on .h-prog i{animation:none;transform:none}}

/* tablet */
@media (max-width:1060px){
 .page[data-page="index.html"] .h-howg{grid-template-columns:minmax(0,1fr);gap:40px}
 .h-how-r{justify-content:flex-start}
 .page[data-page="index.html"] .h-live{position:static}
 .h-close-g{grid-template-columns:minmax(0,1fr)}
 .h-bh,.h-br{grid-template-columns:180px minmax(0,1fr) 130px 130px;padding:0}
 .h-bst{width:156px}
 .h-ink-g{grid-template-columns:minmax(0,1fr);gap:56px}
}
/* no bleed at 720 and below */
/* phone */
@media (max-width:680px){
 .page[data-page="index.html"] > .sec{padding-top:64px;padding-bottom:64px}
 .page[data-page="index.html"] > .band{padding-top:64px;padding-bottom:64px}
 .page[data-page="index.html"] .h-hero .hero-g{row-gap:0;padding-top:0}
 .page[data-page="index.html"] .h-hero .hero-copy{display:contents}
 .page[data-page="index.html"] .h-hero .hero-copy .h1{order:1}
 .page[data-page="index.html"] .h-hero .lede{order:2;margin:14px 0 0;font-size:16px;line-height:1.5}
 .page[data-page="index.html"] .h-hero #quote{order:3;margin-top:24px}
 .page[data-page="index.html"] .h-hero .hlinks{order:4;flex-direction:column;gap:0;margin-top:8px}
 .page[data-page="index.html"] .h-hero .scene{order:5;margin:20px 0 14px}
 .page[data-page="index.html"] .h-hero .stage{margin:0 auto;width:100%}
 .page[data-page="index.html"] .h-hero .exnote{margin-top:10px}
 /* robots move to their phone spots; every pin becomes a label standing 8px above its own robot, left aligned to it */
 .h-bot{left:var(--xm);top:var(--ym);width:var(--bwm)}
 .page[data-page="index.html"] .h-hero .pin{left:0!important;top:-8px!important;width:auto;height:auto;margin:0}
 .page[data-page="index.html"] .h-hero .pin > i,.page[data-page="index.html"] .h-hero .pin::after,.page[data-page="index.html"] .h-hero .pin .ln{display:none}
 .page[data-page="index.html"] .h-hero .pin .lab,.page[data-page="index.html"] .h-hero .pin.lf .lab,.page[data-page="index.html"] .h-hero .pin.up .lab{position:absolute;left:0;right:auto;top:auto;bottom:0;transform:none;display:block}
 .page[data-page="index.html"] .h-hero .pin .lt,.page[data-page="index.html"] .h-hero .pin.lf .lt,.page[data-page="index.html"] .h-hero .pin.up .lt{padding:0;transform:none;text-align:left;white-space:nowrap}
 .page[data-page="index.html"] .h-hero .lt .h-sh{display:block;font-size:12px}
 .page[data-page="index.html"] .h-hero .lt .h-full{display:none}
 .page[data-page="index.html"] .h-hero .lt b{font-size:18px}
 .page[data-page="index.html"] .h-hero .lt small{font-size:12px}
 .page[data-page="index.html"] .h-ledger{grid-template-columns:1fr 1.18fr .82fr;margin-top:10px;padding-top:14px}
 .page[data-page="index.html"] .h-ledger > div{padding:0 10px}
 .page[data-page="index.html"] .h-ledger > div:first-child{padding-left:0}
 .page[data-page="index.html"] .h-ledger .k{font-size:12px}
 .page[data-page="index.html"] .h-ledger .n,.page[data-page="index.html"] .h-ledger .hl .n{font-size:20px}
 .page[data-page="index.html"] .tlink{display:inline-flex;align-items:center;min-height:44px;margin-top:0}
 .h-lcard{margin-top:28px}
 .h-sc-d{display:none}.h-sc-m{display:block}
 .h-lm,.h-la{stroke-width:4px}
 .h-gr text{font-size:11px}
 .h-lm,.h-la{font-size:11px}
 .h-lcard figcaption{padding:0 6px}
 .h-tip{width:230px}
 .page[data-page="index.html"] .h-steps .step{padding:18px 0}
 /* H6: the two names side by side in one row, the active text and visual below at full width */
 /* the two names share one row; if they do not fit they scroll sideways inside that row */
 .h-loss{padding-bottom:0}
 .page[data-page="index.html"] .h-each{margin-top:28px}
 .h-edge{width:100%}
 /* H7 */
 .h-board-h{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:24px}
 .h-bh{display:none}
 .h-br{grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:4px;height:auto;min-height:104px;padding:12px 0;align-content:center}
 .h-bb{grid-row:1 / 3;height:auto;align-self:center;padding-bottom:0}
 .h-bst{width:80px}
 .h-bb{justify-content:flex-start}
 .h-bn{align-self:end}.h-bn b{font-size:20px}.h-bn em{display:none}
 .h-bv{display:none}
 .h-bp{display:block;font-size:15px;color:#3e4656;font-variant-numeric:tabular-nums;align-self:start}
 /* H8 */
 .h-fgrid{gap:5px 3px}
 .h-dots{--ds:8px;gap:4px}
 .h-faq-g{grid-template-columns:minmax(0,1fr)}
 .h-faq-g .faq + .faq details:first-child{border-top:0}
 /* H10 */
 .page[data-page="index.html"] .h-trio .rs-bot{gap:28px}
 .h-tb{height:calc(var(--th) * .8)}
}
@media (max-width:680px){
 .h-vis{padding:64px 0 72px}
 .h-vrow{grid-template-columns:330px;row-gap:36px;margin-top:40px}
 .h-vq2,.h-vq3{display:none}
 .h-vq{grid-template-columns:repeat(3,110px)}
 .h-vs .rs-bot{height:56px}.h-vt .rs-bot{height:72px}
 .h-vp{font-size:12px}
 .h-vrow.h-go .h-vl i{transition-duration:.85s;transition-delay:calc(var(--g) * .85s)}
}
/* the fallback table for screen readers stays inside the card at every width */
.h-lcard .sr{left:0;top:0}
.h-lcard .sr table{table-layout:fixed;width:200px;font-size:1px;line-height:1}
.h-lcard .sr td,.h-lcard .sr th,.h-lcard .sr caption{overflow:hidden}
/* the robots' hairline already separates them from the steps, so the first step line drops its own top rule */
.page[data-page="index.html"] .h-nl li:first-child{border-top:0;padding-top:0}

/* the footnote marker's 44px hit area at the right edge of the preview must not widen the page on phones */

/* H7 tabs: no second cover chart or unit grid on home (the product window above has them); the founder outcome and the loss figures take their place */

/* the fleet picture */
.h-pic .h2{max-width:20ch;margin-bottom:44px}
.h-pic-c{margin:14px 0 0}
/* the real listings: the band a flat tint, the typical price one solid line, only listings are dots */
.h-band polygon{fill:rgba(40,71,206,.07)}
.h-mid path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
/* the loan sentence */
.page[data-page="index.html"] > .h-loan{overflow-x:clip}
.h-sent{margin:0;max-width:1120px;font:700 clamp(32px,4.5vw,64px)/1.16 var(--serif);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.h-in{display:inline-block;white-space:nowrap}
.h-in input{font:inherit;letter-spacing:inherit;color:var(--c);background:none;border:0;border-bottom:3px solid rgba(40,71,206,.28);border-radius:0;padding:0;margin:0;outline:none;font-variant-numeric:inherit;min-width:1ch;transition:border-color .15s ease}
.h-in input:hover,.h-in input:focus{border-bottom-color:var(--c)}
.h-in > span[aria-hidden]{color:var(--c)}
.h-bor{display:block}
.h-bor output{color:var(--c)}
.h-msg{min-height:22px;margin:10px 0 0;font-size:14px;color:var(--muted);opacity:0;transition:opacity .2s ease}.h-msg.on{opacity:1}
.h-row{margin-top:30px;position:relative}
.h-row canvas{display:block;max-width:100%}
.h-more{display:block;margin-top:2px;font-size:14px;color:var(--muted)}
.h-links{display:flex;flex-wrap:wrap;gap:6px 28px;margin:26px 0 0}
/* hero polish: the floor fades out above the ledger, so its lines never crowd the figures or double the ledger's rule */
.h-stage .floor{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 96%);mask-image:linear-gradient(180deg,#000 72%,transparent 96%)}
@media (max-width:720px){.h-sent{font-size:clamp(30px,8.4vw,44px)}.h-row{margin-top:18px}.h-links .tlink{display:inline-flex;align-items:center;min-height:44px}}