/* Home v2.2 — sections generated from the approved mockup (tools/build_home.py in the session).
   One palette: ink #0C100E, mint #ECF6EF, paper #F6F9F7, accent #7CFF9A / #00FF85, accent text #00713F.
   One type scale (Hanken Grotesk): H1 84 / H2 46 / H3 32 / lead 17 / kicker 12. */
.hm-s{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.hm-s h1,.hm-s h2,.hm-s h3{font-weight:600!important;letter-spacing:-.035em!important}
.hm-s *,.hm-s *::before,.hm-s *::after{box-sizing:border-box}
.hm-s [hidden]{display:none!important}
.hm-s,.hm-anchor{scroll-margin-top:64px}.hm-anchor{display:block;height:0}
/* one family on this page: footer/nav mono labels follow the sans */
body.hm-page .m-root{--m-mono:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}
/* cool dark tokens for nav, footer and wordmark on this page, so they match the sections */
body.hm-page .m-dark{--m-bg:#0C100E;--m-bg-2:#121815;--m-card:#151B18;--m-ink:#EEF2EF;--m-ink-soft:#AEB8B2;--m-ink-faint:#85918A;--m-hair:#2A332E;--m-hair-2:#1F2723}
body.hm-page{margin:0;background:#FFFFFF}
#hm-dev [data-hm="veil"]{bottom:auto!important;height:240px}
/* segment tiles */
#hm-who .hm-seg{position:relative;display:block;height:50%;text-decoration:none;font-family:'Hanken Grotesk',system-ui,sans-serif;transition:background-color 320ms,color 320ms;background:#FFFFFF;color:#2E3632}
#hm-who .hm-seg-b{background:#F3F8F4}
#hm-who .hm-seg.on{background:#0C100E;color:#EEF2EF}
#hm-who .hm-seg-n{display:block;transition:opacity 240ms;opacity:1}
#hm-who .hm-seg-f{position:absolute;left:0;right:0;top:0;display:block;transition:opacity 240ms;color:#00FF85;opacity:0}
#hm-who .hm-seg.on .hm-seg-n{opacity:0}#hm-who .hm-seg.on .hm-seg-f{opacity:1}
#hm-who .hm-seg-num{position:absolute;left:10.7%;bottom:11%;font-size:11px;color:#66706A}
#hm-who .hm-seg.on .hm-seg-num{color:#85918A}
#hm-who .hm-seg:focus-visible{outline:2px solid #00A857;outline-offset:-2px}
/* developer tabs */
#hm-dev .hm-tab{height:32px;padding:0 14px;border-radius:8px;border:0;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:12px;cursor:pointer;background:transparent;color:#8B958F}
#hm-dev .hm-tab.on{background:#1E2522;color:#FFFFFF}
/* demo intent toggle */
#m-demo .hm-int{height:44px;border-radius:10px;font-size:14px;font-family:'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;border:1px solid #2A332E;background:transparent;color:#AEB8B2}
#m-demo .hm-int.on{border-color:#00C46A;background:#0E2A1B;color:#EEF2EF}
#m-demo input:focus-visible,#m-demo select:focus-visible,#m-demo button:focus-visible{outline:2px solid #7CFF9A;outline-offset:2px}
#m-demo button[type=submit]{cursor:pointer;transition:background-color .3s}#m-demo button[type=submit]:hover{background:#9DFFB4!important}
#m-demo button[type=submit][disabled]{opacity:.6;cursor:progress}
#m-faq .hm-fq:focus-visible{outline:2px solid #00A857;outline-offset:2px}
/* hero: phone layout — static stack instead of the scaled 1200px board */
@media (max-width:760px){
  #hm-hero{height:auto!important}
  #hm-hero [data-hm="stage"]{position:relative!important;padding:40px 16px 32px!important}
  #hm-hero [data-hm="box"]{height:auto!important}
  #hm-hero [data-hm="board"]{position:static!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:0}
  #hm-hero [data-hm="title"]{position:static!important;width:auto!important;transform:none!important;opacity:1!important;grid-column:1/-1;margin-bottom:28px}
  #hm-hero [data-hm="title"] h1{font-size:44px!important;line-height:1.02!important}
  #hm-hero [data-hm="title"] .kick{font-size:10px!important;line-height:1.6}
  #hm-hero [data-hm^="c"]{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;aspect-ratio:1/1;transform:none!important;opacity:1!important}
  #hm-hero [data-hm^="c"] > div:first-child{font-size:15px!important}
  #hm-hero [data-hm="c0"]{padding:16px!important}#hm-hero [data-hm="c3"]{padding:16px!important}
  #hm-hero [data-hm="c4"]{grid-column:1/-1;aspect-ratio:auto!important;height:48px!important}
  #hm-hero [data-hm="cube"]{display:none}
  #hm-hero [data-hm="c1"] > div,#hm-hero [data-hm="c2"] > div{left:16px!important}
  #hm-hero [data-hm="c0"] > div:nth-child(2){padding:8px 10px!important}
  #hm-hero [data-hm="c1"] [style*="top: 96px"]{top:56px!important;font-size:22px!important}
  #hm-hero [data-hm="c2"] > div:last-child,#hm-hero [data-hm="c1"] > div:last-child{bottom:16px!important;font-size:10px!important}
  #hm-hero [data-hm="c2"] > div:nth-last-child(2){top:16px!important}
  #hm-hero [data-hm="c1"] > div:nth-child(2){top:16px!important}
  #hm-who .hm-flow{display:none}
  #hm-who [style*="aspect-ratio: 1 / 1"]{aspect-ratio:auto!important}
  #hm-who .hm-seg{height:auto;min-height:104px}
  #hm-who h2,#m-stack h2,#hm-dev h2,#m-quote h2,#m-faq h2,#m-demo h2{font-size:34px!important}
  #m-stack h3{font-size:26px!important}
}
@media (max-width:420px){#hm-hero [data-hm="c0"] > div:nth-child(2){display:none!important}}

#hm-hero a{color:#00713F}
#hm-hero a:hover{color:#0C100E}
#hm-hero .ln{display:block;overflow:hidden;padding-bottom:8px}
#hm-hero .ln>span{display:inline-block;animation:hh-lineup .9s cubic-bezier(.16,1,.3,1) both}
#hm-hero .ln1>span{animation-delay:.24s}
#hm-hero .ln2>span{animation-delay:.35s}
@keyframes hh-lineup{from{transform:translateY(112%) skewY(2.6deg);opacity:0}to{transform:none;opacity:1}}
#hm-hero .kick{animation:hh-fadeup .52s cubic-bezier(.16,1,.3,1) .08s both}
#hm-hero .sub{animation:hh-fadeup .7s cubic-bezier(.16,1,.3,1) .64s both}
@keyframes hh-fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#hm-hero .px1{animation:hh-hblink 5.3s steps(1) infinite}
#hm-hero .px2{animation:hh-hblink 7.1s steps(1) infinite}
#hm-hero .px3{animation:hh-hblink 4.7s steps(1) infinite}
@keyframes hh-hblink{0%,62%{opacity:1}63%,74%{opacity:0}75%,100%{opacity:1}}
#hm-hero .hfx{position:absolute;inset:-8%;background:radial-gradient(90% 80% at 100% 100%,#00FF85 0%,rgba(63,226,147,.6) 30%,rgba(196,242,216,0) 70%),radial-gradient(70% 70% at 0% 0%,#C4F2D8 0%,rgba(196,242,216,0) 70%),#E7F8EE;animation:hh-hbreathe 26s ease-in-out infinite}
@keyframes hh-hbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
#hm-hero .pr{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:hh-pr 9.6s cubic-bezier(.22,1,.36,1) infinite}
#hm-hero .pr2{animation-delay:3.2s}
#hm-hero .pr3{animation-delay:6.4s}
@keyframes hh-pr{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}5%,28%{opacity:1;filter:blur(0);transform:none}33%,100%{opacity:0;filter:blur(6px);transform:translateY(-8px)}}
#hm-hero .tw{position:absolute;width:4px;height:4px;border-radius:999px;background:#00FF85;box-shadow:0 0 10px rgba(0,255,133,.8)}
#hm-hero .tw1{animation:hh-hblink 4.7s steps(1) infinite}
#hm-hero .tw2{animation:hh-hblink 5.9s steps(1) infinite}
#hm-hero .tw3{animation:hh-hblink 6.3s steps(1) infinite}
#hm-hero .tw4{animation:hh-hblink 6.7s steps(1) infinite}
#hm-hero .tw5{animation:hh-hblink 8.1s steps(1) infinite}
#hm-hero .tw6{animation:hh-hblink 5.3s steps(1) infinite}
#hm-hero .grid-dots{position:absolute;inset:0;background-image:radial-gradient(#1F3A2B 1px,transparent 1.2px);background-size:18px 18px}
@media (prefers-reduced-motion: reduce){#hm-hero .ln>span,#hm-hero .kick,#hm-hero .sub,#hm-hero .px1,#hm-hero .px2,#hm-hero .px3,#hm-hero .hfx,#hm-hero .tw1,#hm-hero .tw2,#hm-hero .tw3,#hm-hero .tw4,#hm-hero .tw5,#hm-hero .tw6{animation:none}
#hm-hero .pr{animation:none}
#hm-hero .pr1{opacity:1}}
#hm-who .mb{filter:blur(90px);will-change:transform}
#hm-who .mb1{animation:hw-mbA 30s ease-in-out infinite}
#hm-who .mb2{animation:hw-mbB 36s ease-in-out infinite}
#hm-who .mb3{animation:hw-mbC 26s ease-in-out infinite}
@keyframes hw-mbA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10%,8%) scale(1.12)}}
@keyframes hw-mbB{0%,100%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-12%,-6%) scale(.94)}}
@keyframes hw-mbC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8%,10%) scale(1.18)}}
#hm-who a{color:#00713F}
#hm-who a:hover{color:#0C100E}
#hm-who .sq{animation:hw-slowblink 2.6s ease-in-out infinite}
@keyframes hw-slowblink{0%,100%{opacity:1}50%{opacity:.25}}
#hm-who .door{transition:background-color .32s}
#hm-who .door:hover{background-color:#DDF5E7}
@media (prefers-reduced-motion: reduce){#hm-who .mb{animation:none}}
@media (prefers-reduced-motion: reduce){#hm-who .sq{animation:none}
#hm-who .door{transition:none}}
#m-stack .mb{position:absolute;border-radius:50%;filter:blur(34px)}
#m-stack .d1{animation:hk-mdrift1 19s ease-in-out infinite}
#m-stack .d2{animation:hk-mdrift2 23s ease-in-out infinite}
#m-stack .d3{animation:hk-mdrift3 29s ease-in-out infinite}
@keyframes hk-mdrift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(22%,-12%) scale(1.18)}}
@keyframes hk-mdrift2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-18%,14%) scale(.92)}}
@keyframes hk-mdrift3{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(10%,10%) rotate(25deg)}}
#m-stack .pan{animation:hk-mpan 14s cubic-bezier(.22,1,.36,1) infinite}
@keyframes hk-mpan{0%,12%{transform:translateY(0)}46%,74%{transform:translateY(-40%)}100%{transform:translateY(0)}}
#m-stack .s1,#m-stack .s2,#m-stack .s3,#m-stack .s4,#m-stack .s5{animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1)}
#m-stack .s1{animation-name:hk-ms1}
#m-stack .s2{animation-name:hk-ms2}
#m-stack .s3{animation-name:hk-ms3}
#m-stack .s4{animation-name:hk-ms4}
#m-stack .s5{animation-name:hk-ms5}
@keyframes hk-ms1{0%{opacity:0;transform:translateY(9px) scale(.985);filter:blur(5px)}4%,94%{opacity:1;transform:none;filter:blur(0)}98%,100%{opacity:0;filter:blur(4px)}}
@keyframes hk-ms2{0%,10%{opacity:0;transform:translateY(9px) scale(.985);filter:blur(5px)}15%,92%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;filter:blur(4px)}}
@keyframes hk-ms3{0%,17%{opacity:0;transform:translateY(9px) scale(.985);filter:blur(5px)}22%,92%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0;filter:blur(4px)}}
@keyframes hk-ms4{0%,25%{opacity:0;transform:translateY(6px);filter:blur(3px)}30%,92%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0}}
@keyframes hk-ms5{0%,60%{opacity:0;transform:translateY(6px) scale(.96);filter:blur(3px)}65%,92%{opacity:1;transform:none;filter:blur(0)}97%,100%{opacity:0}}
#m-stack .hold{animation:hk-mhold 14s linear infinite}
@keyframes hk-mhold{0%,30%{width:100%}60%,100%{width:0%}}
#m-stack .q1,#m-stack .q2,#m-stack .q3,#m-stack .k1,#m-stack .k2,#m-stack .k3{animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1)}
#m-stack .q1{animation-name:hk-mq1}
#m-stack .q2{animation-name:hk-mq2}
#m-stack .q3{animation-name:hk-mq3}
@keyframes hk-mq1{0%,50%{opacity:1}53%,100%{opacity:0}}
@keyframes hk-mq2{0%,58%{opacity:1}61%,100%{opacity:0}}
@keyframes hk-mq3{0%,66%{opacity:1}69%,100%{opacity:0}}
#m-stack .k1{animation-name:hk-mk1}
#m-stack .k2{animation-name:hk-mk2}
#m-stack .k3{animation-name:hk-mk3}
@keyframes hk-mk1{0%,50%{opacity:0;transform:scale(.9)}53%,94%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes hk-mk2{0%,58%{opacity:0;transform:scale(.9)}61%,94%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes hk-mk3{0%,66%{opacity:0;transform:scale(.9)}69%,94%{opacity:1;transform:none}97%,100%{opacity:0}}
#m-stack .c1,#m-stack .c2,#m-stack .c3{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,1,.36,1)}
#m-stack .c1{animation-name:hk-mc1}
#m-stack .c2{animation-name:hk-mc2}
#m-stack .c3{animation-name:hk-mc3}
@keyframes hk-mc1{0%,30%{opacity:1;transform:none}33%,97%{opacity:0;transform:translateY(-4px)}100%{opacity:1}}
@keyframes hk-mc2{0%,31%{opacity:0;transform:translateY(4px)}34%,63%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes hk-mc3{0%,64%{opacity:0;transform:translateY(4px)}67%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@supports (animation-timeline: view()){#m-stack .mrow{animation:hk-mrowin linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}
@keyframes hk-mrowin{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){#m-stack .mb,#m-stack .pan,#m-stack .s1,#m-stack .s2,#m-stack .s3,#m-stack .s4,#m-stack .s5,#m-stack .hold,#m-stack .mrow{animation:none}
#m-stack .q1,#m-stack .q2,#m-stack .q3{animation:none;opacity:0}
#m-stack .k1,#m-stack .k2,#m-stack .k3{animation:none;opacity:1}
#m-stack .c1,#m-stack .c3{animation:none;opacity:0}
#m-stack .c2{animation:none;opacity:1}}
#hm-dev a{color:#7CFF9A}
#hm-dev a:hover{color:#FFFFFF}
#hm-dev .dvb{filter:blur(90px);will-change:transform;animation:hd-dvA 30s ease-in-out infinite}
@keyframes hd-dvA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8%,-6%) scale(1.12)}}
#hm-dev .dvp{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s}
#hm-dev .dvp:hover{transform:translateY(-2px);background-color:#9DFFB4!important}
@media (prefers-reduced-motion: reduce){#hm-dev .dvb,#hm-dev .dvp{animation:none;transition:none}}
#hm-dev .codein{animation:hd-codein .5s cubic-bezier(.22,1,.36,1)}
@keyframes hd-codein{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
#hm-dev .caret{animation:hd-caret 1.1s steps(1) infinite}
@keyframes hd-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){#hm-dev .codein,#hm-dev .caret{animation:none}}
#m-quote .qsel{appearance:none;-webkit-appearance:none;width:100%;height:64px;padding:0 40px 0 18px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(12,16,14,.7);color:#FFFFFF;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.01em;cursor:pointer}
#m-quote .qsel:hover{border-color:rgba(124,255,154,.5)}
#m-quote .qswap{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s}
#m-quote .qswap:hover{border-color:rgba(124,255,154,.6);transform:rotate(180deg)}
#m-quote .qsel:focus-visible{outline:2px solid #7CFF9A;outline-offset:2px}
#m-quote .qcta{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s}
#m-quote .qcta:hover{transform:translateY(-2px);background-color:#9DFFB4}
#m-quote .pcres{animation:hq-pcin .5s cubic-bezier(.16,1,.3,1)}
@keyframes hq-pcin{from{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
#m-quote .gb{filter:blur(80px);will-change:transform}
#m-quote .gb1{animation:hq-gdA 26s ease-in-out infinite}
#m-quote .gb2{animation:hq-gdB 32s ease-in-out infinite}
#m-quote .gb3{animation:hq-gdC 22s ease-in-out infinite}
@keyframes hq-gdA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14%,-10%) scale(1.15)}}
@keyframes hq-gdB{0%,100%{transform:translate(0,0) scale(1.05)}50%{transform:translate(16%,12%) scale(.92)}}
@keyframes hq-gdC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12%,-14%) scale(1.2)}}
#m-quote .gglow{background:radial-gradient(520px circle at var(--mx,70%) var(--my,60%),rgba(0,255,133,.10),rgba(0,255,133,0) 60%);transition:background-position .3s}
@media (max-width: 760px){#m-quote .qgrid{gap:28px!important}
#m-quote .qleft,#m-quote .qright{flex-basis:100%!important}
#m-quote .qsel{font-size:24px;height:58px}}
#m-quote .dsh{position:relative;border-radius:22px;background:#121815;border:1px solid #1F2723;box-shadow:0 30px 70px -40px rgba(0,0,0,.9);padding:16px;color:#EEF2EF;font-family:'Hanken Grotesk',system-ui,sans-serif;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:12px;overflow:hidden}
#m-quote .dsh::before{content:"";position:absolute;left:25%;right:25%;top:-110px;height:200px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,196,106,.22),rgba(0,196,106,0));pointer-events:none}
#m-quote .dsh-top{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#m-quote .dsh-av{width:24px;height:24px;border-radius:999px;background:#0C100E;border:2px solid #2A332E}
#m-quote .dsh-co{font-size:14px}
#m-quote .dsh-pill{font-size:10px;letter-spacing:.1em;color:#85918A;border:1px solid #2A332E;padding:3px 8px;border-radius:999px}
#m-quote .dsh-sp{flex:1}
#m-quote .dsh-tabs{display:flex;gap:4px;padding:3px;border-radius:12px;background:#0C100E}
#m-quote .dsh-tab{height:30px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#AEB8B2;font:500 12px 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer}
#m-quote .dsh-tab.on{background:#1F2723;color:#FFFFFF}
#m-quote .dsh-tab:focus-visible,#m-quote .dsh-chip:focus-visible{outline:2px solid #7CFF9A;outline-offset:2px}
#m-quote .dsh-view{position:relative;display:flex;flex-direction:column;gap:12px}
#m-quote .dsh-view[hidden]{display:none!important}
#m-quote .dsh-card{background:#1A1F1C;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
#m-quote .dsh-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
#m-quote .dsh-lab{font-size:12px;letter-spacing:.06em;color:#85918A;text-transform:uppercase}
#m-quote .dsh-chips{display:flex;gap:4px}
#m-quote .dsh-chip{height:26px;padding:0 10px;border-radius:999px;border:1px solid #2A332E;background:transparent;color:#AEB8B2;font:500 12px 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;transition:background-color .2s,color .2s}
#m-quote .dsh-chip.on{background:#7CFF9A;border-color:#7CFF9A;color:#0C100E}
#m-quote .dsh-amt{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-.02em}
#m-quote .dsh-amt small{font-size:.55em;color:#AEB8B2;font-weight:500}
#m-quote .dsh-big{font-size:34px}
#m-quote .dsh-cc{flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:#2A332E;color:#EEF2EF;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.02em}
#m-quote .dsh-cc-to{background:#0E2A1B;color:#7CFF9A;box-shadow:0 0 0 1px #00C46A inset}
#m-quote .dsh-code{margin-left:auto;font-size:14px;font-weight:500;color:#AEB8B2;letter-spacing:.04em}
#m-quote .dsh-mid{position:relative;display:flex;align-items:center;gap:10px;padding:4px 0 4px 16px}
#m-quote .dsh-line{position:absolute;left:16px;top:-6px;bottom:-6px;width:2px;background:linear-gradient(#2A332E,#00C46A);border-radius:2px}
#m-quote .dsh-route{margin-left:16px;font-size:12px;color:#7CFF9A}
#m-quote .dsh-hold{display:flex;align-items:center;gap:8px;font-size:12px;color:#AEB8B2}
#m-quote .dsh-holdbar{width:64px;height:4px;border-radius:4px;background:#2A332E;overflow:hidden}
#m-quote .dsh-holdbar i{display:block;height:100%;width:100%;background:#7CFF9A;border-radius:4px;transform-origin:0 50%}
#m-quote .dsh-rate{font-size:12px;color:#85918A}
#m-quote .dsh-pulse{animation:hq-dshpulse .6s cubic-bezier(.16,1,.3,1)}
@keyframes hq-dshpulse{from{opacity:.35;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
#m-quote .dsh-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#m-quote .dsh-st{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#1A1F1C;font-size:13px;color:#85918A;transition:color .3s,background-color .3s}
#m-quote .dsh-st i{width:10px;height:10px;border-radius:999px;border:1.5px solid #3A453F;flex:0 0 auto;transition:all .3s}
#m-quote .dsh-st.on{color:#EEF2EF}
#m-quote .dsh-st.on i{border-color:#7CFF9A;background:#7CFF9A;box-shadow:0 0 10px rgba(124,255,154,.6)}
#m-quote .dsh-st.done{color:#EEF2EF;background:#0E2A1B}
#m-quote .dsh-st.done i{border-color:#00C46A;background:#00C46A}
#m-quote .dsh-list{gap:6px}
#m-quote .dsh-li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#121815;font-size:14px}
#m-quote .dsh-li b{font-weight:600}
#m-quote .dsh-li .dsh-sub{display:block;font-size:11px;color:#85918A}
#m-quote .dsh-li .dsh-v{margin-left:auto;text-align:right}
#m-quote .dsh-tag{font-size:11px;padding:3px 8px;border-radius:999px;background:#0E2A1B;color:#7CFF9A}
#m-quote .dsh-tag.w{background:#2E2410;color:#F2C46B}
@media (max-width:760px){#m-quote .dsh-amt{font-size:22px}
#m-quote .dsh-big{font-size:26px}
#m-quote .dsh-co{display:none}
#m-quote .dsh-st{font-size:12px;padding:9px}}
@media (prefers-reduced-motion:reduce){#m-quote .dsh-pulse{animation:none}}
@media (prefers-reduced-motion: reduce){#m-quote .pcres,#m-quote .qcta,#m-quote .gb{animation:none;transition:none}}

#m-demo .gb{filter:blur(90px);will-change:transform}
#m-demo .gb1{animation:hc-gdA 28s ease-in-out infinite}
#m-demo .gb2{animation:hc-gdB 34s ease-in-out infinite}
#m-demo .gb3{animation:hc-gdC 24s ease-in-out infinite}
@keyframes hc-gdA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12%,-8%) scale(1.15)}}
@keyframes hc-gdB{0%,100%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-10%,10%) scale(.92)}}
@keyframes hc-gdC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10%,-12%) scale(1.2)}}
#m-demo .gglow{background:radial-gradient(560px circle at var(--mx,75%) var(--my,70%),rgba(0,255,133,.09),rgba(0,255,133,0) 60%)}
@media (prefers-reduced-motion: reduce){#m-demo .gb{animation:none}}
/* demo request: five-step form */
#m-demo .dq{display:flex;flex-direction:column;gap:18px;background:rgba(21,27,24,.86);backdrop-filter:blur(12px);border:1px solid #2A332E;border-radius:22px;padding:28px;color:#EEF2EF;font-family:'Hanken Grotesk',system-ui,sans-serif}
#m-demo .dq-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#m-demo .dq-prog{display:flex;gap:6px}
#m-demo .dq-prog i{width:22px;height:4px;border-radius:4px;background:#2A332E;transition:background-color .3s}
#m-demo .dq-prog i.on{background:#7CFF9A}
#m-demo .dq-sum{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#m-demo .dq-sum:empty{display:none}
#m-demo .dq-sum li{border-bottom:1px solid #1F2723}
#m-demo .dq-sum button{width:100%;display:flex;align-items:baseline;gap:14px;padding:10px 0;border:0;background:transparent;color:#85918A;font:400 14px 'Hanken Grotesk',system-ui,sans-serif;text-align:left;cursor:pointer}
#m-demo .dq-sum button:hover .dq-sv{color:#7CFF9A}
#m-demo .dq-sum em{font-style:normal;font-size:12px;color:#5E6A63;width:20px}
#m-demo .dq-sv{margin-left:auto;color:#C9D3CD;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
#m-demo .dq-step{display:flex;flex-direction:column;gap:16px;animation:hc-dqin .45s cubic-bezier(.16,1,.3,1)}
@keyframes hc-dqin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#m-demo .dq-h{margin:0;font-size:26px!important;line-height:1.15;font-weight:600!important;letter-spacing:-.02em!important;outline:0}
#m-demo .dq-h em{font-style:normal;font-size:13px;color:#85918A;margin-right:12px;letter-spacing:.04em;vertical-align:4px}
#m-demo .dq-p{margin:0;font-size:16px;line-height:1.55;color:#AEB8B2}
#m-demo .dq-alt{margin:0;font-size:14px;color:#85918A}#m-demo .dq-alt a{color:#EEF2EF;text-underline-offset:3px}
#m-demo .dq-opt{font-size:12px;font-weight:400;letter-spacing:.06em;color:#85918A;margin-left:8px;text-transform:lowercase}
#m-demo .dq-chips{display:flex;flex-wrap:wrap;gap:8px}
#m-demo .dq-chip{min-height:46px;padding:0 16px;border-radius:12px;border:1px solid #2A332E;background:#0C100E;color:#EEF2EF;font:500 15px 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}
#m-demo .dq-chips-s .dq-chip{min-height:40px;font-size:14px}
#m-demo .dq-chip:hover{border-color:#3FA864}
#m-demo .dq-chip[aria-checked=true]{border-color:#7CFF9A;background:#0E2A1B;color:#FFFFFF}
#m-demo .dq-hint,#m-demo .dq-lab{margin:0;font-size:14px;color:#85918A}
#m-demo .dq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#m-demo .dq-full{grid-column:1/-1}
#m-demo .dq-f{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#AEB8B2}
#m-demo .dq-f input,#m-demo .dq-f select,#m-demo .dq-in{height:48px;border-radius:12px;border:1px solid #2A332E;background:#0C100E;color:#EEF2EF;padding:0 14px;font:400 16px 'Hanken Grotesk',system-ui,sans-serif;width:100%}
#m-demo .dq-f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#85918A 50%),linear-gradient(135deg,#85918A 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
#m-demo .dq-ta{height:auto;padding:12px 14px;line-height:1.5;resize:vertical}
#m-demo .dq-f input:focus,#m-demo .dq-f select:focus,#m-demo .dq-in:focus{outline:0;border-color:#7CFF9A}
#m-demo .dq-bad{border-color:#F2C46B!important}
#m-demo .dq-reach{display:flex;gap:10px;flex-wrap:wrap}
#m-demo .dq-reach .dq-in{flex:1 1 220px}
#m-demo .dq-seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:#0C100E;border:1px solid #2A332E}
#m-demo .dq-seg button{height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#AEB8B2;font:500 14px 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer}
#m-demo .dq-seg button.on{background:#1F2723;color:#FFFFFF}
#m-demo .dq-link{align-self:flex-start;border:0;background:transparent;color:#AEB8B2;font:400 14px 'Hanken Grotesk',system-ui,sans-serif;padding:0;cursor:pointer}
#m-demo .dq-link:hover{color:#7CFF9A}
#m-demo .dq-chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#AEB8B2}
#m-demo .dq-chk input{margin-top:3px;accent-color:#7CFF9A}
#m-demo .dq-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
#m-demo .dq-go{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;border:0;border-radius:12px;background:#7CFF9A;color:#0C100E;font:700 16px 'Hanken Grotesk',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .25s,transform .25s}
#m-demo .dq-go:hover{background:#9DFFB4;transform:translateY(-1px)}
#m-demo .dq-go[disabled]{opacity:.6;cursor:progress}
#m-demo .dq-ghost{background:transparent;border:1px solid #2A332E;color:#EEF2EF}#m-demo .dq-ghost:hover{background:#1F2723}
#m-demo .dq-kb{font-size:13px;color:#5E6A63}
#m-demo .dq-back{border:0;background:transparent;color:#85918A;font:400 14px 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;padding:0}
#m-demo .dq-back:hover{color:#EEF2EF}
#m-demo .dq-msg{margin:0;min-height:1em;font-size:14px;color:#F2C46B}
#m-demo .dq-msg:empty{display:none}
#m-demo .dq-fine{margin:0;font-size:12px;line-height:1.5;color:#85918A;border-top:1px solid #1F2723;padding-top:14px}
#m-demo .dq button:focus-visible,#m-demo .dq a:focus-visible{outline:2px solid #7CFF9A;outline-offset:2px}
@media (max-width:760px){#m-demo .dq{padding:20px}#m-demo .dq-grid{grid-template-columns:1fr}#m-demo .dq-kb{display:none}#m-demo .dq-h{font-size:22px!important}}
@media (prefers-reduced-motion:reduce){#m-demo .dq-step{animation:none}}
/* footer: Follow us + Ask AI sit in the brand column, under the email */
body.hm-page .m-footer .hm-fsoc{margin-top:26px;display:flex;flex-direction:column;gap:22px}
body.hm-page .m-footer .hm-fsoc h4{margin:0 0 12px}
body.hm-page .m-footer .hm-fsoc .m-fli + .m-fli{margin-left:16px}