/* huum.co shared design system. Every marketing page wraps its content in .hm; the header keeps nav.css. */
.hm{--bg:#FFFFFF; --page:#FFFFFF; --surface:#F4F4F5; --surface2:#EDEDEF; --card:#FFFFFF; --line:#E2E3E5;
  --text:#16171A; --muted:#5C6067; --faint:#8E949B; --ink:#16171A; --on-ink:#FFFFFF; --ink-muted:#A7ABB1; --ink-card:#232528; --ink-line:#34373B;
  --ok:#3F8F5B; --ok-bg:#E4F1E8; --ok-tint:#EEF6F0; --warn:#9A6E00; --warn-dot:#E0A106; --warn-bg:#FBF1D6; --stop:#C53B3B; --stop-bg:#FBE4E4; --info:#2F6FB5; --info-bg:#E3EDF8;
  --brand-op:#1F4E5F; --brand-op2:#E8A33D;
  --shadow:0 22px 48px -26px rgba(22,23,26,.38), 0 2px 6px -2px rgba(22,23,26,.08);
  --shadow-sm:0 10px 24px -14px rgba(22,23,26,.35);
  --map-land:#EEF0EC; --map-road:#FFFFFF; --map-water:#D6E4EE;
  --gut:40px; --r-lg:28px; --r-md:16px;
  --font:'Archivo', 'Helvetica Neue', Arial, sans-serif;
  color-scheme:light;}
[data-theme="dark"] .hm{--bg:#0F1011; --page:#0F1011; --surface:#17181A; --surface2:#1D1F21; --card:#212326; --line:#2E3034;
  --text:#EDEEF0; --muted:#A7ABB1; --faint:#7E848B; --ink:#EDEEF0; --on-ink:#0F1011; --ink-muted:#5C6067; --ink-card:#FFFFFF; --ink-line:#D5D7DA;
  --ok:#6DBA88; --ok-bg:#1B3024; --ok-tint:#14221A; --warn:#E8B84A; --warn-dot:#E0A106; --warn-bg:#33290F; --stop:#EE7C7C; --stop-bg:#3A1C1C; --info:#79A9E0; --info-bg:#172638;
  --shadow:0 22px 48px -24px rgba(0,0,0,.9), 0 2px 6px -2px rgba(0,0,0,.5);
  --shadow-sm:0 10px 24px -12px rgba(0,0,0,.8);
  --map-land:#1B1D1F; --map-road:#2A2D30; --map-water:#16222C;
  }
.hm,.hm *{box-sizing:border-box}
.hm{background:var(--page);color:var(--text);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}
.hm a{color:inherit}
.hm .wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gut)}
.hm .num{font-variant-numeric:tabular-nums}
.hm :focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:6px}
.hm .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font:600 14.5px/1 var(--font);text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:transform .15s ease}
.hm .btn:hover{transform:translateY(-1px)}
.hm .btn-ink{background:var(--ink);color:var(--on-ink)}
.hm .btn-line{border-color:var(--line);color:var(--text);background:var(--card)}
.hm .btn-ghost{color:var(--text);padding:0 12px}
.hm .btn-lg{min-height:52px;padding:0 26px;font-size:15.5px}
.hm .eyebrow{font:600 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hm .h-xl{font:500 clamp(40px,6.2vw,80px)/1 var(--font);letter-spacing:-.045em;margin:0;text-wrap:balance}
.hm .h-sec{font:500 clamp(32px,4.4vw,56px)/1.04 var(--font);letter-spacing:-.04em;margin:0;text-wrap:balance}
.hm .h-sec span,.hm .h-xl span{color:var(--faint)}
.hm .h-xl.pg{font-size:clamp(38px,5vw,66px);line-height:1.02}
.hm .lede{font:400 clamp(17px,1.5vw,19px)/1.55 var(--font);color:var(--muted);max-width:34em;margin:0}
.hm .lead{font:500 clamp(20px,2vw,26px)/1.25 var(--font);letter-spacing:-.025em;margin:0;max-width:24em;text-wrap:pretty}
.hm .lead span{color:var(--faint)}
.hm .hero{padding-block:72px 40px}
.hm .hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center}
.hm .hero-copy{display:grid;gap:26px}
.hm .hero-ctas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hm .hero-note{font:500 13.5px/1.4 var(--font);color:var(--muted)}
.hm .facts{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 0;list-style:none}
.hm .facts li{font:500 13px/1 var(--font);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:var(--card)}
.hm .stage{container-type:inline-size;width:100%}
.hm .sc{position:relative;font-size:calc(100cqw / var(--w,46));width:100%;height:calc(var(--h,30) * 1em);font-family:var(--font);color:var(--text)}
.hm .p{position:absolute;background:var(--card);border-radius:1.1em;box-shadow:var(--shadow);border:1px solid var(--line)}
.hm .chip{position:absolute;background:var(--card);border-radius:1em;box-shadow:var(--shadow-sm);border:1px solid var(--line);padding:.9em 1.1em;display:grid;gap:.35em}
.hm .k{font:500 .82em/1 var(--font);color:var(--muted)}
.hm .v{font:700 1.5em/1 var(--font);letter-spacing:-.02em}
.hm .pill{display:inline-flex;align-items:center;gap:.45em;font:600 .78em/1 var(--font);letter-spacing:.04em;text-transform:uppercase;padding:.55em .8em;border-radius:99em;white-space:nowrap}
.hm .pill i{width:.62em;height:.62em;border-radius:50%;background:currentColor;display:block}
.hm .pill.ok{background:var(--ok-bg);color:var(--ok)}
.hm .pill.warn{background:var(--warn-bg);color:var(--warn)}
.hm .pill.stop{background:var(--stop-bg);color:var(--stop)}
.hm .pill.info{background:var(--info-bg);color:var(--info)}
.hm .pill.mute{background:var(--surface);color:var(--muted)}
.hm .dot{width:.7em;height:.7em;border-radius:50%;display:inline-block;flex:none}
.hm .dot.ok{background:var(--ok)}
.hm .dot.warn{background:var(--warn-dot)}
.hm .dot.stop{background:var(--stop)}
.hm .dot.info{background:var(--info)}
.hm .bar-dark{position:absolute;background:var(--ink);color:var(--on-ink);border-radius:1em;padding:1em 1.2em;box-shadow:var(--shadow);display:grid;gap:.7em}
.hm .bar-dark .row{display:flex;justify-content:space-between;align-items:center;gap:1em;font:500 1em/1.2 var(--font)}
.hm .bar-dark .row b{font-weight:600}
.hm .bar-dark small{color:var(--ink-muted);font:500 .9em/1 var(--font)}
.hm .track{height:.42em;border-radius:1em;background:var(--ink-line);overflow:hidden}
.hm .track i{display:block;height:100%;background:var(--on-ink);border-radius:1em}
.hm .line-ph{height:.55em;border-radius:1em;background:var(--surface2)}
.hm .job{left:8%;top:9%;width:58%;padding:1.5em 1.5em 1.3em;display:grid;gap:1.1em}
.hm .job-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}
.hm .job-hd .id{font:600 .85em/1 var(--font);color:var(--muted);letter-spacing:.02em}
.hm .job-hd h4{font:700 1.55em/1.1 var(--font);letter-spacing:-.02em;margin:.35em 0 0}
.hm .kv{display:grid;grid-template-columns:1fr 1fr;gap:.9em 1.2em;border-top:1px solid var(--line);padding-top:1.1em}
.hm .kv div{display:grid;gap:.3em}
.hm .kv .k{font-size:.72em;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.hm .kv b{font:600 1em/1.25 var(--font)}
.hm .kv small{font:400 .85em/1.3 var(--font);color:var(--muted)}
.hm .tl{display:grid;gap:.75em;border-top:1px solid var(--line);padding-top:1.1em}
.hm .tl div{display:flex;align-items:center;gap:.8em;font:500 .95em/1.2 var(--font)}
.hm .tl div span:not(.dot):not(.ring){margin-left:auto;color:var(--muted);font-size:.9em}
.hm .tl div.todo{color:var(--muted)}
.hm .tl .ring{width:.7em;height:.7em;border-radius:50%;border:.14em solid var(--faint);flex:none}
.hm .hc-quote{right:4%;top:4%;width:30%}
.hm .hc-air{right:0;top:36%;width:36%}
.hm .hc-air .mm{height:5.8em;border-radius:.6em;overflow:hidden;margin-top:.3em}
.hm .mm img{display:block;width:100%;height:100%;object-fit:cover}
.hm .hc-air .swap,.hm .plan .verdict{justify-items:start}
.hm .hc-paid .track i{width:30%}
.hm .hc-docs{left:0;bottom:10%;width:30%}
.hm .hc-paid{right:6%;bottom:3%;width:44%}
.hm .trust{padding-block:28px 8px}
.hm .trust .row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid var(--line)}
.hm .trust .row>div{padding:22px 22px 22px 0;display:grid;gap:6px}
.hm .trust .row>div+div{padding-left:22px;border-left:1px solid var(--line)}
.hm .trust b{font:600 15px/1.3 var(--font);letter-spacing:-.01em}
.hm .trust span{font:400 13.5px/1.45 var(--font);color:var(--muted)}
.hm .sec{padding-block:112px 0}
.hm .sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.hm .steps{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.hm .step{background:var(--surface);border-radius:var(--r-lg);padding:40px 40px 32px;display:grid;grid-template-rows:auto auto 1fr;gap:18px;overflow:hidden}
.hm .w7{grid-column:span 7}
.hm .w5{grid-column:span 5}
.hm .step-pill{justify-self:start;background:var(--ink);color:var(--on-ink);font:600 14px/1 var(--font);padding:11px 16px;border-radius:999px}
.hm .step .stage{align-self:end;margin-top:12px}
.hm .enq{left:0;top:12%;width:29%;padding:1.1em 1.2em;display:grid;gap:.7em}
.hm .enq .src{display:flex;gap:.5em;align-items:center;font:600 .78em/1 var(--font);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.hm .enq p{margin:0;font:400 .95em/1.45 var(--font);color:var(--muted)}
.hm .enq b{color:var(--text);font-weight:600;display:block;font-size:1.05em;margin-bottom:.2em}
.hm .qdoc{left:25%;top:0;width:52%;padding:1.4em 1.5em;display:grid;gap:1em}
.hm .qdoc-hd{display:flex;justify-content:space-between;align-items:center}
.hm .qdoc-hd b{font:700 1.25em/1 var(--font);letter-spacing:-.01em}
.hm .qline{display:grid;grid-template-columns:1fr auto;gap:.9em;font:500 .95em/1.3 var(--font);padding-block:.1em}
.hm .qline span:last-child{font-variant-numeric:tabular-nums}
.hm .qline.tot{border-top:1px solid var(--line);padding-top:.9em;font-weight:700;font-size:1.1em}
.hm .qsend{display:flex;gap:.6em}
.hm .qsend span{flex:1;text-align:center;padding:.75em;border-radius:.7em;font:600 .9em/1 var(--font);border:1px solid var(--line)}
.hm .qsend span.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.hm .s1-acc{right:0;top:22%;width:21%}
.hm .s1-bar{left:10%;bottom:4%;width:62%}
.hm .plan{left:0;top:0;width:100%;padding:1.2em;display:grid;gap:1em}
.hm .plan .mm{height:12em;border-radius:.8em;overflow:hidden;position:relative}
.hm .plan .verdict{position:absolute;left:.8em;bottom:.8em}
.hm .crew{display:grid;grid-template-columns:auto 1fr auto;gap:.5em .8em;align-items:center}
.hm .av{width:2.4em;height:2.4em;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font:700 .85em/1 var(--font);color:var(--muted)}
.hm .crew b{font:600 1em/1.2 var(--font);display:block}
.hm .crew small{font:400 .85em/1.2 var(--font);color:var(--muted)}
.hm .s2-docs{right:-2%;top:44%;width:52%}
.hm .docrow{display:flex;align-items:center;gap:.6em;font:500 .9em/1.2 var(--font)}
.hm .docrow span:not(.dot){margin-left:auto;color:var(--muted);font-size:.9em}
.hm .log{left:0;top:0;width:66%;padding:1.2em 1.3em;display:grid;gap:.2em}
.hm .log h5{font:700 1.1em/1 var(--font);margin:0 0 .6em}
.hm .lrow{display:grid;grid-template-columns:4.2em 1fr auto;gap:.8em;align-items:center;padding:.7em 0;border-top:1px solid var(--line);font:500 .92em/1.25 var(--font)}
.hm .lrow small{display:block;color:var(--muted);font-size:.88em;font-weight:400}
.hm .lrow .t{color:var(--muted);font-variant-numeric:tabular-nums}
.hm .lrow b{font-variant-numeric:tabular-nums}
.hm .s3-hours{right:0;top:12%;width:38%;padding:1.1em 1.2em;display:grid;gap:.8em}
.hm .hbar{display:grid;gap:.35em}
.hm .hbar div{display:flex;justify-content:space-between;font:500 .85em/1 var(--font)}
.hm .hbar div span{color:var(--muted);font-variant-numeric:tabular-nums}
.hm .hbar .tr{height:.5em;border-radius:1em;background:var(--surface2);overflow:hidden}
.hm .hbar .tr i{display:block;height:100%;border-radius:1em;background:var(--text)}
.hm .s3-rec{right:4%;bottom:4%;width:48%}
.hm .inv{left:6%;top:0;width:60%;padding:0;overflow:hidden;display:grid}
.hm .inv-top{background:var(--brand-op);color:#fff;padding:1.2em 1.4em;display:flex;justify-content:space-between;align-items:center}
.hm .opmark{display:flex;align-items:center;gap:.6em;font:700 1.1em/1 var(--font);letter-spacing:-.01em}
.hm .opmark i{width:1.7em;height:1.7em;border-radius:.45em;background:var(--brand-op2);display:block;position:relative}
.hm .opmark i::after{content:"";position:absolute;inset:.45em;border:.18em solid var(--brand-op);border-radius:50%}
.hm .inv-top small{font:500 .82em/1 var(--font);opacity:.8}
.hm .inv-body{padding:1.2em 1.4em 1.4em;display:grid;gap:.75em}
.hm .inv-pay{margin-top:.4em;background:var(--brand-op);color:#fff;border-radius:.7em;text-align:center;padding:.9em;font:600 1em/1 var(--font)}
.hm .inv-alt{text-align:center;font:500 .82em/1 var(--font);color:var(--muted)}
.hm .s4-paid{right:0;top:14%;width:36%}
.hm .s4-stripe{right:4%;bottom:6%;width:46%}
.hm .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:320px;gap:18px}
.hm .cell{border-radius:var(--r-lg);padding:32px 32px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.hm .cell h3{font:600 clamp(21px,2vw,27px)/1.1 var(--font);letter-spacing:-.03em;margin:0;text-wrap:balance;max-width:14em}
.hm .cell p{margin:0;font:400 15px/1.45 var(--font);color:var(--muted);max-width:24em}
.hm .cell .stage{margin-top:auto}
.hm .c-big{grid-column:span 2;grid-row:span 2;background:var(--ink);color:var(--on-ink)}
.hm .c-big h3{font-size:clamp(30px,3.4vw,48px);max-width:11em}
.hm .c-big p{color:var(--ink-muted)}
.hm .c-wide{grid-column:span 2}
.hm .c-white{background:var(--card);border:1px solid var(--line)}
.hm .c-ok{background:var(--ok-tint)}
.hm .c-wide.split{flex-direction:row;gap:24px;padding-bottom:32px}
.hm .c-wide.split .txt{flex:0 0 42%;display:flex;flex-direction:column;gap:10px}
.hm .c-wide.split .stage{flex:1;margin-top:0;align-self:end}
.hm .rep{left:0;right:0;bottom:0;top:0;border-radius:1.2em 1.2em 0 0;padding:1.6em 1.8em;display:grid;gap:1.2em;align-content:start;color:var(--text);border:0;box-shadow:none}
.hm .rep-top{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.hm .rep-top div{display:grid;gap:.4em}
.hm .rep-top .v{font-size:2em}
.hm .rep-row{display:grid;grid-template-columns:9em 1fr 5.5em auto;gap:1em;align-items:center;font:500 .95em/1.2 var(--font);padding-block:.55em;border-top:1px solid var(--line)}
.hm .rep-row .tr{height:.6em;border-radius:1em;background:var(--surface2);overflow:hidden}
.hm .rep-row .tr i{display:block;height:100%;background:var(--text);border-radius:1em}
.hm .rep-row .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.hm .c-big .rep{background:#FFFFFF;--card:#FFFFFF;--text:#16171A;--muted:#5C6067;--line:#E2E3E5;--surface2:#EDEDEF;--ok:#3F8F5B;--ok-bg:#E4F1E8;--warn:#9A6E00;--warn-bg:#FBF1D6;--stop:#C53B3B;--stop-bg:#FBE4E4}
.hm .exp{display:grid;gap:.55em}
.hm .exp .r{display:flex;align-items:center;gap:.8em;background:var(--card);border:1px solid var(--line);border-radius:.8em;padding:.8em 1em;font:500 1em/1.2 var(--font);box-shadow:var(--shadow-sm)}
.hm .exp .r small{color:var(--muted);font-weight:400;font-size:.88em;display:block}
.hm .exp .r .pill{margin-left:auto}
.hm .brandcard{left:8%;right:8%;bottom:-1em;padding:0;overflow:hidden}
.hm .brandcard .inv-top{padding:1em 1.1em}
.hm .brandcard .body{padding:1em 1.1em 2em;display:grid;gap:.55em}
.hm .nohuum{position:absolute;right:4%;top:6%;font-size:.95em}
.hm .stages{left:0;right:0;top:1.4em;display:grid;gap:.9em;padding:1.2em;}
.hm .seg{display:grid;grid-template-columns:3fr 4fr 3fr;gap:.35em}
.hm .seg i{height:1em;border-radius:.4em;background:var(--surface2);display:block}
.hm .seg i.paid{background:var(--ok)}
.hm .seg-l{display:grid;grid-template-columns:3fr 4fr 3fr;gap:.35em;font:500 .8em/1.25 var(--font);color:var(--muted)}
.hm .seg-l b{display:block;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.hm .sop{position:absolute;inset:0}
.hm .sop .pg{position:absolute;width:62%;height:100%;padding:1.2em 1.3em;display:grid;gap:.6em;align-content:start}
.hm .sop .pg h6{font:700 1em/1.2 var(--font);margin:0}
.hm .sop .pg .sechd{font:600 .72em/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.4em}
.hm .sop .pg .fill{font:500 .85em/1.35 var(--font);background:var(--info-bg);color:var(--info);border-radius:.4em;padding:.35em .55em;justify-self:start}
.hm .site{left:6%;right:6%;top:.4em;padding:1em 1.1em;display:grid;gap:.6em}
.hm .site b{font:600 1.05em/1.2 var(--font)}
.hm .site>small{font:500 .8em/1.2 var(--font);color:var(--muted);margin-top:-.3em}
.hm .site .hist{display:grid;gap:.45em;border-top:1px solid var(--line);padding-top:.7em}
.hm .site .hist div{display:flex;gap:.6em;font:500 .85em/1.2 var(--font)}
.hm .site .hist div span{color:var(--muted);min-width:4.2em;font-variant-numeric:tabular-nums}
.hm .gaps{left:4%;right:4%;top:.4em;padding:1em 1.1em;display:grid;gap:.55em}
.hm .gaps .g{display:grid;gap:.35em;padding-block:.35em;border-top:1px solid var(--line)}
.hm .gaps .g:first-of-type{border-top:0}
.hm .gaps .g span{font:500 .88em/1.25 var(--font)}
.hm .mapband{margin-top:112px;background:var(--ink);color:var(--on-ink);border-radius:var(--r-lg);padding:56px;display:grid;gap:44px;overflow:hidden}
.hm .map-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.hm .mapwin{margin:0;border-radius:18px;overflow:hidden;background:#FFFFFF;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);outline-offset:4px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.hm .mapbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#F4F4F5;border-bottom:1px solid #E2E3E5;color:#5C6067;font:500 13px/1 var(--font)}
.hm .mapbar .dots{display:flex;gap:6px}
.hm .mapbar .dots i{width:10px;height:10px;border-radius:50%;background:#D5D7DA;display:block}
.hm .mapbar .url{background:#FFFFFF;border:1px solid #E2E3E5;border-radius:99px;padding:7px 14px;color:#16171A}
.hm .mapbar .hint{margin-left:auto}
.hm .shots{position:relative;display:grid}
.hm .shot{display:block;width:100%;height:auto;grid-area:1/1;transition:opacity .45s ease}
.hm .shot.alt{opacity:0}
.hm .mapwin:is(:hover,.hm :focus-visible,.hm .on) .shot.alt{opacity:1}
.hm .mapwin:is(:hover,.hm :focus-visible,.hm .on){transform:translateY(-4px)}
.hm .mapband .h-sec span{color:var(--ink-muted)}
.hm .mapband .lede{color:var(--ink-muted)}
.hm .mapband .free{justify-self:start;border:1px solid var(--ink-line);border-radius:999px;padding:8px 13px;font:600 12px/1 var(--font);letter-spacing:.12em;color:var(--on-ink)}
.hm .maplist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.hm .maplist li{display:grid;gap:4px;border-top:1px solid var(--ink-line);padding-top:14px}
.hm .maplist b{font:600 15px/1.3 var(--font)}
.hm .maplist span{font:400 14px/1.45 var(--font);color:var(--ink-muted)}
.hm .mapband .btn-on{background:var(--on-ink);color:var(--ink)}
.hm .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hm .plan-c{border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:flex;flex-direction:column;gap:18px;background:var(--card)}
.hm .plan-c.hi{background:var(--surface);border-color:transparent}
.hm .plan-c h3{font:600 22px/1 var(--font);margin:0;letter-spacing:-.02em}
.hm .price{display:flex;align-items:baseline;gap:6px}
.hm .price b{font:500 48px/1 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hm .price span{color:var(--muted);font:500 14px/1 var(--font)}
.hm .plan-c p{margin:0;color:var(--muted);font-size:15px}
.hm .plan-c ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font:500 14.5px/1.4 var(--font)}
.hm .plan-c li{display:flex;gap:10px;align-items:baseline}
.hm .plan-c li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text);flex:none;transform:translateY(-2px)}
.hm .plan-c .btn{margin-top:auto;align-self:stretch}
.hm .plan-note{margin-top:18px;font:400 14px/1.5 var(--font);color:var(--muted)}
.hm .cta{margin-top:112px;border-radius:var(--r-lg);background:var(--surface);padding:64px 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hm .cta .btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hm .swap{display:inline-grid}
.hm .swap>*{grid-area:1/1;transition:opacity .25s ease}
.hm .swap .sb{opacity:0}
.hm .sc .p,.hm .sc .chip,.hm .sc .bar-dark,.hm .exp .r,.hm .gaps .g{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}
.hm .track i,.hm .inv-pay,.hm .seg i,.hm .inv-top,.hm .opmark i,.hm .rep-row{transition:width .6s cubic-bezier(.2,.8,.2,1),background-color .35s ease,transform .25s ease}
.hm .plan-c{transition:transform .25s ease,border-color .25s ease}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hm .hbar .tr i,.hm .rep-row .tr i{transform-origin:left center}
.hm .draw{stroke-dasharray:1;stroke-dashoffset:0}
.hm .gaps .g.extra{opacity:.0;transform:translateY(.6em)}
.hm :is(.step,.cell,.plan-c,.hero .stage,.feat,.shotcard):is(:hover,.on) .swap .sa{opacity:0}
.hm :is(.step,.cell,.plan-c,.hero .stage,.feat,.shotcard):is(:hover,.on) .swap .sb{opacity:1}
.hm .mapwin:is(:hover,.hm :focus-visible,.hm .on) .swap .sa{opacity:0}
.hm .mapwin:is(:hover,.hm :focus-visible,.hm .on) .swap .sb{opacity:1}
.hm .hero .stage:is(:hover,.hm .on) .job{transform:translateY(-.4em)}
.hm .hero .stage:is(:hover,.hm .on) .hc-quote{transform:translate(.6em,-.6em)}
.hm .hero .stage:is(:hover,.hm .on) .hc-air{transform:translate(.8em,0) scale(1.03)}
.hm .hero .stage:is(:hover,.hm .on) .hc-docs{transform:translate(-.6em,.2em)}
.hm .hero .stage:is(:hover,.hm .on) .hc-paid{transform:translate(.4em,.6em)}
.hm .hero .stage:is(:hover,.hm .on) .hc-paid .track i{width:100%}
.hm .st1:is(:hover,.hm .on) .qdoc{transform:translateY(-.5em)}
.hm .st1:is(:hover,.hm .on) .s1-acc{transform:translate(.4em,-.6em) scale(1.06)}
.hm .st1:is(:hover,.hm .on) .enq{transform:translateX(-.5em)}
.hm .st1:is(:hover,.hm .on) .s1-bar .track i{width:100%!important}
.hm .st2:is(:hover,.hm .on) .s2-docs{transform:translate(-.8em,-.4em)}
.hm .st2:is(:hover,.hm .on) .verdict{transform:scale(1.08)}
.hm .st3:is(:hover,.hm .on) .hbar .tr i{animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
.hm .st3:is(:hover,.hm .on) .hbar:nth-child(3) .tr i{animation-delay:.08s}
.hm .st3:is(:hover,.hm .on) .hbar:nth-child(4) .tr i{animation-delay:.16s}
.hm .st3:is(:hover,.hm .on) .s3-rec{transform:translateY(-.6em)}
.hm .st3:is(:hover,.hm .on) .log{transform:translateY(-.3em)}
.hm .inv-pay.swap{display:grid}
.hm .st4:is(:hover,.hm .on) .inv-pay{background:var(--ok)}
.hm .st4:is(:hover,.hm .on) .s4-paid{transform:scale(1.08);box-shadow:0 0 0 .4em var(--ok-bg),var(--shadow-sm)}
.hm .st4:is(:hover,.hm .on) .s4-stripe{transform:translateY(-.7em)}
.hm .c-big:is(:hover,.hm .on) .rep-row .tr i{animation:grow .8s cubic-bezier(.2,.8,.2,1) both}
.hm .c-big:is(:hover,.hm .on) .rep-row:nth-child(2) .tr i{animation-delay:.06s}
.hm .c-big:is(:hover,.hm .on) .rep-row:nth-child(3) .tr i{animation-delay:.12s}
.hm .c-big:is(:hover,.hm .on) .rep-row:nth-child(4) .tr i{animation-delay:.18s}
.hm .c-big:is(:hover,.hm .on) .rep-row.od{background:var(--stop-bg);transform:translateX(.4em)}
.hm .cell:is(:hover,.hm .on) .exp .r{transform:translateX(-.6em)}
.hm .cell:is(:hover,.hm .on) .exp .r:nth-child(2){transition-delay:.05s}
.hm .cell:is(:hover,.hm .on) .exp .r:nth-child(3){transition-delay:.1s;border-color:var(--stop)}
.hm .cell:is(:hover,.hm .on) .brandcard{transform:translateY(-.6em);--brand-op:#4A2C6E;--brand-op2:#F2C14E}
.hm .cell:is(:hover,.hm .on) .seg i:nth-child(2){background:var(--ok)}
.hm .cell:is(:hover,.hm .on) .stages{transform:translateY(-.4em)}
.hm .cell:is(:hover,.hm .on) .sop .pg:nth-child(1){transform:translate(1.4em,-.3em) rotate(5deg)}
.hm .cell:is(:hover,.hm .on) .sop .pg:nth-child(2){transform:translate(.7em,-.2em) rotate(2.5deg)}
.hm .cell:is(:hover,.hm .on) .sop .pg:nth-child(3){transform:translate(-.6em,-.5em) rotate(-2deg)}
.hm .cell:is(:hover,.hm .on) .site{transform:translateY(-.8em)}
.hm .cell:is(:hover,.hm .on) .gaps{transform:translateY(-3.4em)}
.hm .cell:is(:hover,.hm .on) .gaps .g.extra{opacity:1;transform:none}
.hm .plan-c:is(:hover,.hm .on){transform:translateY(-4px);border-color:var(--text)}
.hm .plan-c:is(:hover,.hm .on) .btn-line{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
@media (hover:hover){
  .hm .step,.hm .cell{transition:transform .25s ease}
  .hm .step:hover,.hm .cell:hover{transform:translateY(-3px)}
}
@media (prefers-reduced-motion:reduce){
  .hm *,.hm *::before,.hm *::after{animation:none!important;transition:none!important}
  .hm .step,.hm .cell,.hm .btn,.hm .mapwin{transform:none!important}
}
@media (max-width:1040px){
  .hm{--gut:28px}
  .hm .hero-grid{grid-template-columns:1fr;gap:40px}
  .hm .w7,.hm .w5{grid-column:span 12}
  .hm .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:300px}
  .hm .c-big{grid-row:span 2}
  .hm .mapband{padding:40px}
  .hm .map-top{grid-template-columns:1fr;gap:32px}
  .hm .trust .row{grid-template-columns:1fr 1fr}
  .hm .trust .row>div:nth-child(3){padding-left:0;border-left:0}
  .hm .trust .row>div:nth-child(n+3){border-top:1px solid var(--line)}
  .hm .cta{grid-template-columns:1fr}
  .hm .cta .btns{justify-content:flex-start}
}
@media (max-width:700px){
  .hm{--gut:20px;--r-lg:22px}
  .hm .hero{padding-block:44px 24px}
  .hm .sec{padding-block:80px 0}
  .hm .sec-hd{flex-direction:column;align-items:flex-start}
  .hm .step{padding:26px 22px 22px;border-radius:22px}
  .hm .step .stage{margin-inline:-12px;width:calc(100% + 24px)}
  .hm .hero .stage{margin-inline:-8px;width:calc(100% + 16px)}
  .hm .mapband .mapwin{margin-inline:-8px}
  .hm .mapbar .hint,.hm .mapbar .dots{display:none}
  .hm .shot{aspect-ratio:1/1;object-fit:cover;object-position:64% 40%}
  .hm .bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .hm .cell{padding:26px 22px 0;min-height:0}
  .hm .c-big,.hm .c-wide{grid-column:auto;grid-row:auto}
  .hm .c-wide.split{flex-direction:column;padding-bottom:0}
  .hm .c-wide.split .txt{flex:none}
  .hm .cell .stage{margin-top:18px}
  .hm .mapband{padding:28px 20px;margin-top:80px}
  .hm .maplist{grid-template-columns:1fr}
  .hm .plans{grid-template-columns:1fr}
  .hm .cta{padding:36px 22px;margin-top:80px}
  .hm .trust .row{grid-template-columns:1fr}
  .hm .trust .row>div,.hm .trust .row>div+div{padding:18px 0;border-left:0}
  .hm .trust .row>div+div{border-top:1px solid var(--line)}
}
.hm .mapbar .full{color:#16171A;font-weight:600;text-decoration:none;white-space:nowrap}
.hm .mapbar .full:hover{text-decoration:underline;text-underline-offset:3px}
.hm .mapgo{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:2;min-height:48px;padding:0 24px;border-radius:999px;border:0;background:#16171A;color:#FFFFFF;font:600 15px/1 var(--font);cursor:pointer;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);transition:transform .2s ease}
.hm .mapgo:hover{transform:translateX(-50%) translateY(-2px)}
.hm .livemap{display:block;width:100%;height:min(78vh,760px);border:0;grid-area:1/1;background:#F4F4F5}
.hm .livemap[hidden]{display:none}
.hm .mapwin.is-live .shot,.hm .mapwin.is-live .mapgo,.hm .mapwin.is-live .hint{display:none}
.hm .mapwin.is-live{transform:none}
@media (max-width:700px){
  .hm .livemap{height:78vh;min-height:520px}
  .hm .mapgo{bottom:18px;white-space:nowrap}
}


/* One gutter and one wordmark size for the header, the page and the footer */
:root{--gut:40px;--logoH:28px}
@media (max-width:1040px){:root{--gut:28px}}
@media (max-width:700px){:root{--gut:20px;--logoH:24px}}

/* Inner pages */
.hm .hero.solo .hero-grid{grid-template-columns:minmax(0,1fr)}
.hm .hero.solo .hero-copy{max-width:52em}
.hm .hero.solo{padding-bottom:16px}
.hm .back{font:500 14px/1 var(--font);color:var(--muted);text-decoration:none}
.hm .back:hover{color:var(--text)}
.hm .sec.tight{padding-top:72px}
.hm .sec-hd .lede{max-width:28em}
.hm .sec-hd.stack{flex-direction:column;align-items:flex-start;gap:16px}
.hm .end{padding-bottom:112px}
.hm .sec>.cta{margin-top:0}

/* Screenshot of the real product in a card */
.hm .shotcard{margin:0;background:var(--surface);border-radius:var(--r-lg);padding:40px 40px 0;display:flex;flex-direction:column;gap:28px;overflow:hidden}
.hm .shotcard .lead{max-width:30em}
.hm .frame{margin-top:auto;border-radius:16px 16px 0 0;overflow:hidden;border:1px solid var(--line);border-bottom:0;background:var(--card);box-shadow:var(--shadow);transform:translateY(10px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hm .frame .chrome{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.hm .frame .chrome i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}
.hm .frame .chrome>span{margin-left:10px;font:500 12px/1 var(--font);color:var(--faint)}
.hm .frame img{display:block;width:100%;height:auto}
.hm .shotcard:is(:hover,.on) .frame{transform:translateY(0)}
.hm .view{position:relative;overflow:hidden;aspect-ratio:var(--ar,16/10)}
.hm .view .pic{position:absolute;left:var(--zx,0%);top:var(--zy,0%);width:var(--zw,150%)}
.hm .view .pic img{display:block;position:static;width:100%;max-width:none;height:auto}
.hm .view .pic img.alt{position:absolute;left:0;top:0;opacity:0;transition:opacity .5s ease}
.hm .shotcard:is(:hover,.on) .view .pic img.alt{opacity:1}
/* Spotlight: --sx/--sy/--sw/--sh are percentages of the full capture, so the box stays on its row whatever the crop */
.hm .spot{position:absolute;left:calc(var(--sx)*1%);top:calc(var(--sy)*1%);width:calc(var(--sw)*1%);height:calc(var(--sh)*1%);border-radius:10px;box-shadow:0 0 0 2px rgba(255,255,255,0),0 0 0 200vmax rgba(14,18,24,0);transition:box-shadow .4s ease;pointer-events:none}
.hm .spot b{position:absolute;left:0;top:100%;margin-top:10px;background:var(--ink);color:var(--on-ink);font:600 13px/1.25 var(--font);letter-spacing:-.005em;padding:8px 11px;border-radius:9px;white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .3s ease .1s,transform .3s ease .1s}
.hm .spot.up b{top:auto;bottom:100%;margin:0 0 10px}
.hm .spot.r b{left:auto;right:0}
.hm .shotcard:is(:hover,.on) .spot{box-shadow:0 0 0 2px #FFFFFF,0 0 0 200vmax rgba(14,18,24,.42)}
.hm .shotcard:is(:hover,.on) .spot b{opacity:1;transform:none}

/* Grid of short feature cards */
.hm .feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm .feats.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm .feats.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.hm .feat{background:var(--surface);border-radius:var(--r-lg);padding:30px 30px 32px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,background-color .25s ease;text-decoration:none;color:inherit}
.hm .feat .n{font:600 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums;transition:color .25s ease}
.hm .feat h3{font:600 20px/1.22 var(--font);letter-spacing:-.025em;margin:0;text-wrap:balance}
.hm .feat p{margin:0;font:400 15px/1.55 var(--font);color:var(--muted);text-wrap:pretty}
.hm .feat .go{margin-top:auto;padding-top:8px;font:600 14px/1 var(--font);color:var(--text)}
.hm .feat:is(:hover,.on){transform:translateY(-4px);background:var(--surface2)}
.hm .feat:is(:hover,.on) .n{color:var(--text)}
.hm .feat .go{transition:transform .25s ease}
.hm .feat:is(:hover,.on) .go{transform:translateX(4px)}
.hm .feat.ink:is(:hover,.on) .n{color:var(--on-ink)}
.hm .feat.ink{background:var(--ink);color:var(--on-ink)}
.hm .feat.ink p{color:var(--ink-muted)}
.hm .feat.ink .n{color:var(--ink-muted)}
.hm .feat.ink .go{color:var(--on-ink)}
.hm .feat.ink:is(:hover,.on){background:var(--ink)}

/* Two columns: words on one side, a card on the other */
.hm .duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.hm .duo.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.hm .duo.flip>:first-child{order:2}
.hm .duo .copy{display:grid;gap:20px;align-content:start}
.hm .ticks{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:12px}
.hm .ticks li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;font:400 15.5px/1.5 var(--font);color:var(--muted)}
.hm .ticks li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text);transform:translateY(-2px)}
.hm .ticks b{color:var(--text);font-weight:600}
.hm .panel{background:var(--surface);border-radius:var(--r-lg);padding:40px;overflow:hidden}

/* Questions */
.hm .faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.hm .faq-grid .sec-hd{position:sticky;top:110px;flex-direction:column;align-items:flex-start;gap:16px;margin:0}
.hm .qa{border-top:1px solid var(--line)}
.hm .qa:last-child{border-bottom:1px solid var(--line)}
.hm .qa>button{appearance:none;background:none;border:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;text-align:left;font:500 18px/1.35 var(--font);letter-spacing:-.02em;color:var(--text)}
.hm .qa .q-sign{width:34px;height:34px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font:400 19px/1 var(--font);color:var(--text);flex:none;transition:background-color .2s ease,color .2s ease}
.hm .qa>button:hover .q-sign,.hm .qa>button[aria-expanded="true"] .q-sign{background:var(--ink);color:var(--on-ink)}
.hm .qa p{margin:0 0 16px;max-width:40em;font:400 16px/1.65 var(--font);color:var(--muted);text-wrap:pretty}
.hm .qa [data-acc-panel]>:last-child{margin-bottom:26px}
.hm .qa a{text-decoration:underline;text-underline-offset:3px}
.hm .qgroup+.qgroup{margin-top:56px}
.hm .qgroup h3{font:600 13px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}

/* Long-form text */
.hm .prose{max-width:46em;font:400 16.5px/1.7 var(--font);color:var(--muted)}
.hm .prose h2{font:500 clamp(24px,2.6vw,30px)/1.15 var(--font);letter-spacing:-.03em;color:var(--text);margin:56px 0 14px}
.hm .prose h2:first-child{margin-top:0}
.hm .prose h3{font:600 18px/1.3 var(--font);letter-spacing:-.02em;color:var(--text);margin:32px 0 8px}
.hm .prose :is(p,ul,ol){margin:0 0 16px}
.hm .prose li{margin-bottom:6px}
.hm .prose a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.hm .prose strong{color:var(--text);font-weight:600}

/* Forms */
.hm .form{display:grid;gap:18px}
.hm .form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hm .field{display:grid;gap:8px}
.hm .field label,.hm .field .lbl{font:600 14px/1.2 var(--font)}
.hm .field small{font:400 13px/1.4 var(--font);color:var(--muted)}
.hm .field :is(input,select,textarea){font:400 16px/1.4 var(--font);color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 16px;min-height:50px;width:100%;transition:border-color .2s ease,box-shadow .2s ease}
.hm .field textarea{min-height:150px;resize:vertical}
.hm .field :is(input,select,textarea):focus{outline:none;border-color:var(--text);box-shadow:0 0 0 4px var(--surface2)}
.hm .form .btn{justify-self:start;cursor:pointer}
.hm .sent{display:grid;gap:10px}
.hm .sent p{margin:0;font:400 16px/1.6 var(--font);color:var(--muted)}
.hm [data-contact-status]{font:500 14px/1.4 var(--font);color:var(--muted)}

/* Footer */
.hm-foot{border-top:1px solid var(--line)}
.hm-foot .ft{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:64px 56px}
.hm-foot .ft-brand{display:grid;gap:20px;align-content:start}
.hm-foot .ft-brand img{height:30px;width:auto;display:block}
[data-theme="dark"] .hm-foot .ft-brand img{filter:invert(1)}
.hm-foot .ft-brand p{margin:0;font:400 13px/1.65 var(--font);color:var(--faint);max-width:30em}
.hm-foot .ft-col{display:flex;flex-direction:column;gap:12px}
.hm-foot .ft-col .eyebrow{margin-bottom:6px}
.hm-foot .ft-col a{font:400 14.5px/1.3 var(--font);color:var(--muted);text-decoration:none}
.hm-foot .ft-col a:hover{color:var(--text)}
.hm-foot .ft-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:22px 28px;font:400 13px/1.4 var(--font);color:var(--faint)}
.hm-foot .ft-bot a{text-decoration:none}
.hm-foot .ft-bot a:hover{color:var(--text)}

@media (max-width:1040px){
  .hm .feats,.hm .feats.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm .duo,.hm .duo.flip,.hm .faq-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .hm .duo.flip>:first-child{order:0}
  .hm .faq-grid .sec-hd{position:static}
  .hm-foot .ft{grid-template-columns:1fr 1fr}
  .hm-foot .ft-brand{grid-column:1/-1}
}
@media (max-width:700px){
  .hm .sec.tight{padding-top:56px}
  .hm .end{padding-bottom:80px}
  .hm .shotcard{padding:26px 22px 0;gap:20px}
  .hm .shotcard .frame{margin-inline:-6px}
  .hm .frame .chrome>span{display:none}
  .hm .view{aspect-ratio:var(--mar,var(--ar,16/10))}
  .hm .view .pic{left:var(--mzx,var(--zx,0%));top:var(--mzy,var(--zy,0%));width:var(--mzw,var(--zw,150%))}
  .hm .spot{left:calc(var(--msx,var(--sx))*1%);top:calc(var(--msy,var(--sy))*1%);width:calc(var(--msw,var(--sw))*1%);height:calc(var(--msh,var(--sh))*1%)}
  .hm .spot b{font-size:12px}
  .hm .feats,.hm .feats.two,.hm .feats.four{grid-template-columns:minmax(0,1fr)}
  .hm .feat{padding:24px 22px 26px}
  .hm .panel{padding:26px 22px}
  .hm .form .row2{grid-template-columns:minmax(0,1fr)}
  .hm .qa>button{font-size:17px}
  .hm-foot .ft{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:48px 40px}
  .hm-foot .ft-col{gap:0}
  .hm-foot .ft-col a{display:flex;align-items:center;min-height:44px}
  .hm-foot .ft-col .eyebrow{margin-bottom:4px}
  .hm-foot .ft-bot a{display:inline-flex;align-items:center;min-height:44px;margin-block:-14px}
}
@media (prefers-reduced-motion:reduce){
  .hm .feat,.hm .frame{transform:none!important}
}