/* Headings: Suisse Intl (per Figma). Loaded with local() only, so it shows where installed and falls back to Geist.
   Buy the Suisse Intl web licence and add woff2 files to /fonts so every visitor sees it. */
@font-face{font-family:"Draper Sans";src:local("Suisse Intl Regular"),local("SuisseIntl-Regular");font-weight:400;font-display:swap}
@font-face{font-family:"Draper Sans";src:local("Suisse Intl Medium"),local("SuisseIntl-Medium");font-weight:500 600;font-display:swap}
@font-face{font-family:"Draper Sans";src:local("Suisse Intl Bold"),local("SuisseIntl-Bold");font-weight:700;font-display:swap}
:root{
  --bg:#F3F3F3;
  --ink:#1A1A1A;
  --grey:#7C7C7C;
  --soft:#B5B5B2;
  --line:#E4E4E1;
  --card:#FFFFFF;
  --night:#484A4B;
  --night-2:#D4E8EC;
  --night-line:#5A5C5D;
  --night-text:#E8E9E9;
  --night-muted:#A9ABAB;
  --pad:80px;
  --display:"Draper Sans","Geist",sans-serif;
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  --mono:"Draper Sans","Geist",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);

  /* card tints */
  /* card tints: Japanese greydients (Nuevo Tokyo), top to bottom */
  --sage:linear-gradient(180deg,#47585C 0%,#8C9E92 55%,#C8D5BB 100%);
  --clay:linear-gradient(180deg,#E6D3DA 0%,#C9BCD3 55%,#A7A6C8 100%);
  --ink-blue:linear-gradient(180deg,#4D80E6 0%,#97B0EA 55%,#E5E4E6 100%);
  --sand:linear-gradient(180deg,#A9AAAA 0%,#C9CACA 55%,#DCDDDD 100%);
  --plum:linear-gradient(180deg,#47585C 0%,#80989B 55%,#DCDDDD 100%);
  --moss:linear-gradient(180deg,#D4DCDA 0%,#E4E8E6 55%,#F3F3F3 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.idx{font-family:var(--mono);font-size:11px;color:var(--soft);letter-spacing:.02em}
.label{font-size:13px;color:var(--grey)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:6px;height:38px;white-space:nowrap;padding:0 14px;border-radius:4px;font-size:14px;font-weight:500;transition:background .25s,transform .25s var(--ease)}
.btn--dark{background:var(--ink);color:var(--bg)}
.btn--dark:hover{background:#000}
.btn--light{background:#EDEDEA;color:var(--ink)}
.btn--light:hover{background:#E2E2DE}
.btn:active{transform:scale(.98)}
.arrow{display:inline-block;transition:transform .25s var(--ease)}
a:hover .arrow{transform:translateX(3px)}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:60;transition:background .3s,backdrop-filter .3s}
.nav.is-stuck{background:rgba(248,248,247,.78);backdrop-filter:blur(14px) saturate(140%)}
.nav.is-dark{background:rgba(72,74,75,.88);color:#F3F3F3}
.nav.is-dark a:not(.logo){color:#F3F3F3}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav-l,.nav-r{display:flex;align-items:center;gap:28px;font-size:14px}
.logo{display:flex;align-items:center;gap:10px;margin-right:20px;color:var(--ink)}
.logo .mark svg{display:block;width:22px;height:16.5px}
.logo .mark-d{fill:var(--bg)}
.nav.is-dark .logo{color:#F3F3F3}
.nav.is-dark .logo .mark-d{fill:var(--night)}
.logo .wm{display:block;height:17px;width:auto}
.nav a:not(.logo){color:var(--ink);opacity:.85;transition:opacity .2s}
.nav a:not(.logo):hover{opacity:1}

/* hero */
.hero{position:relative;height:100vh;min-height:760px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-copy{position:relative;z-index:5;max-width:960px;padding:0 24px}
h1 br{display:block}
.hero-copy::before{content:"";position:absolute;inset:-90px -140px;background:radial-gradient(closest-side,var(--bg) 55%,rgba(243,243,243,0));z-index:-1}
h1{font-family:var(--display);font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1;text-wrap:balance}
.hero-copy p{font-size:17px;line-height:1.45;color:var(--grey);margin:18px auto 28px;max-width:440px}
.hero-ctas{display:flex;gap:10px;justify-content:center}

.float{position:absolute;width:var(--w,200px);aspect-ratio:1/1.05;border-radius:22px;padding:18px;background:var(--tint);box-shadow:0 30px 60px -30px rgba(30,30,25,.35);
  transform:translate3d(var(--px,0),var(--py,0),0);transition:transform 1.2s var(--ease);will-change:transform}
.float[data-blur]{filter:blur(var(--blur));opacity:.85}
.float .ui{width:100%;height:100%}
.f-in{animation:bob 9s ease-in-out infinite alternate;animation-delay:var(--delay,0s);height:100%}
@keyframes bob{to{transform:translateY(-12px)}}

/* mini UI mocks */
.ui{background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:12px;padding:12px;font-size:10px;color:var(--ink);text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px -12px rgba(0,0,0,.25)}
.ui-h{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:10.5px}
.ui-h i{font-style:normal;color:var(--grey);font-weight:400}
.ui-big{font-size:30px;letter-spacing:-.04em;line-height:1}
.ui-big small{font-size:12px;color:var(--grey);letter-spacing:0}
.bars{display:flex;gap:3px;align-items:flex-end;height:34px}
.bars b{flex:1;background:#D7D7D2;border-radius:2px}
.bars b.on{background:var(--ink)}
.row{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #EFEFEC}
.row:first-of-type{border-top:0}
.row span:nth-child(2){flex:1}
.dot{width:16px;height:16px;border-radius:50%;flex:none}
.pill{font-size:9px;padding:2px 6px;border-radius:20px;background:#EDEDEA;color:var(--grey)}
.pill.ok{background:#E3EEDF;color:#3F6B3A}
.pill.warn{background:#F6E6DC;color:#9B4E37}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1}
.tiles b{border-radius:4px;background:var(--tint,#ddd);min-height:22px}
.swatches{display:flex;gap:4px}
.swatches b{flex:1;height:26px;border-radius:4px}
.copyline{font-size:11px;line-height:1.4}
.copyline mark{background:#F6E6DC;color:inherit;border-radius:2px;padding:0 2px}
.suggest{font-size:10px;color:var(--grey);border-left:2px solid var(--ink);padding-left:6px}
.btn-mini{margin-top:auto;background:var(--ink);color:#fff;border-radius:6px;text-align:center;padding:6px;font-size:10px}

/* sections */
section{position:relative}
.intro{padding:150px 0 110px}
.intro p{max-width:660px;margin:0 auto;font-family:var(--display);font-size:clamp(26px,2.8vw,40px);line-height:1.1;letter-spacing:-.025em;color:var(--grey);text-align:center;text-wrap:balance}
.intro p strong{color:var(--ink);font-weight:400}

.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{border-left:1px solid var(--line);padding:0 18px;height:330px;display:flex;flex-direction:column}
.stat:last-child{border-right:1px solid var(--line)}
.stat .label{font-size:12px}
.stat b{margin-top:auto;font-family:var(--sans);font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.stat span{font-size:13px;color:var(--grey);margin-top:4px}
.stat .idx{margin-top:56px}

.h2{font-family:var(--display);font-size:clamp(30px,2.8vw,40px);font-weight:500;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}
.sec-head{padding:140px 0 56px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}

.offer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 360px 1fr;align-items:center;gap:40px;padding:22px 0 90px;min-height:520px}
.offer > .idx{grid-column:1/-1;align-self:start}
.offer-l h3{font-size:15px;font-weight:500;margin-bottom:6px}
.offer-l p{font-size:14px;color:var(--grey);max-width:300px}
.offer-vis{aspect-ratio:1;border-radius:28px;background:var(--tint);padding:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 40px 80px -40px rgba(30,30,25,.4)}
.offer-vis .ui{width:100%;aspect-ratio:1/1.1}
.offer-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:19px;letter-spacing:-.02em}
.offer-r a{display:inline-flex;gap:6px;transition:opacity .2s}
.offer-r a:hover{opacity:.55}

/* trusted */
.trusted-nav{display:flex;gap:6px}
.trusted-nav button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:background .2s}
.trusted-nav button:hover{background:#EDEDEA}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}
.tcard{flex:0 0 calc(50% - 8px);scroll-snap-align:start;border-left:1px solid var(--line);position:relative;min-height:430px;padding:0 0 0 18px;display:flex;flex-direction:column;overflow:hidden}
.tcard::after{content:"";position:absolute;right:-40px;top:8%;width:160px;height:84%;background:var(--tint);filter:blur(34px);opacity:.75;border-radius:50%;pointer-events:none}
.tcard .brand{font-weight:500;font-size:16px;letter-spacing:-.02em}
.tcard b{margin-top:auto;font-family:var(--sans);font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.tcard .cap{font-size:14px;margin:4px 0 14px}
.tcard blockquote{font-size:13px;color:var(--grey);max-width:400px;line-height:1.5;position:relative;z-index:1}
.tcard cite{display:block;font-style:normal;font-size:12px;color:var(--grey);margin-top:12px}
.tcard .idx{margin-top:48px}
.marks{display:flex;gap:56px;overflow:hidden;margin-top:56px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marks-track{display:flex;gap:56px;white-space:nowrap;animation:tick 40s linear infinite;width:max-content}
.marks span{font-size:17px;font-weight:500;letter-spacing:-.02em;color:#A3A39F}
@keyframes tick{to{transform:translateX(-50%)}}

/* provenance */
.prov{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-bottom:40px}
.prov p{font-size:15px;color:var(--grey);max-width:420px;margin:18px 0 26px}
.prov-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.prov-cell{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:16px 16px 22px;min-height:150px;display:flex;flex-direction:column}
.prov-cell:nth-child(3n){border-right:1px solid var(--line)}
.prov-cell strong{font-weight:500;font-size:15px;margin-top:auto}
.prov-cell span{font-size:12px;color:var(--grey);margin-top:4px}

/* pricing */
.bill{display:inline-flex;background:#EDEDEA;border-radius:6px;padding:3px;gap:2px}
.bill button{height:32px;padding:0 14px;border-radius:4px;font-size:13px;color:var(--grey);transition:background .2s,color .2s}
.bill button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.bill em{font-style:normal;font-size:11px;color:#3F6B3A;margin-left:4px}
.plans{display:grid;grid-template-columns:repeat(4,1fr)}
.plan{border-left:1px solid var(--line);padding:0 18px 28px;display:flex;flex-direction:column;min-height:560px;position:relative}
.plan:last-child{border-right:1px solid var(--line)}
.plan.is-pick::before{content:"";position:absolute;inset:-18px 0 auto;height:3px;background:var(--ink)}
.plan .tag{font-size:11px;font-family:var(--mono);color:var(--soft);display:flex;justify-content:space-between}
.plan h3{font-size:15px;font-weight:500;margin-top:14px}
.plan .for{font-size:13px;color:var(--grey);margin-top:4px;min-height:38px}
.price{margin-top:40px;display:flex;align-items:baseline;gap:6px}
.price b{font-family:var(--sans);font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1}
.price span{font-size:13px;color:var(--grey);line-height:1.3}
.price-note{font-size:12px;color:var(--grey);margin-top:6px;min-height:18px}
.plan .btn{margin-top:24px;justify-content:center}
.plan ul{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:9px;font-size:13px}
.plan li{display:flex;gap:8px;line-height:1.4}
.plan li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-top:6px}
.plan li.plus{color:var(--grey)}
.plan li.plus::before{background:none;border:1px solid var(--soft)}
.eis{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-top:56px;padding:24px 28px;border-radius:14px;background:#EEF3FB;border:1px solid #D6E2F5}
.eis .flag{font-family:var(--mono);font-size:11px;color:#3D5A9A;background:#DCE6FA;border-radius:20px;padding:4px 10px;white-space:nowrap}
.eis p{font-size:14px;line-height:1.5}
.eis p span{color:var(--grey)}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:120px 0 0}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--grey);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{font-size:14px;color:var(--grey);margin-top:10px;max-width:560px}

/* get started */
.gs{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:140px}
.gs a{border-left:1px solid var(--line);padding:0 18px;min-height:420px;display:flex;flex-direction:column}
.gs a:last-child{border-right:1px solid var(--line)}
.gs h4{font-size:15px;font-weight:400;margin-top:2px;display:flex;gap:6px}
.gs .shot{margin:auto 0;aspect-ratio:1.2;border-radius:14px;background:var(--tint);padding:22px;transition:transform .5s var(--ease)}
.gs a:hover .shot{transform:translateY(-6px)}
.gs .shot .ui{height:100%}

/* footer */
.foot{background:var(--night);color:var(--night-text);padding:110px 0 36px;overflow:hidden}
.foot-cta{font-family:var(--display);font-weight:500;font-size:clamp(30px,2.8vw,40px);letter-spacing:-.025em;line-height:1.1;display:inline-flex;gap:10px}
.foot-cols{display:grid;grid-template-columns:repeat(6,1fr);margin-top:110px}
.foot-cols > div{border-left:1px solid var(--night-line);padding:0 16px 40px;min-height:260px}
.foot-cols > div:last-child{border-right:1px solid var(--night-line)}
.foot-cols h5{font-size:12px;font-weight:400;color:var(--night-muted);margin-bottom:16px}
.foot-cols ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}
.foot-cols a{color:var(--night-text);transition:color .2s}
.foot-cols a:hover{color:#fff}
.wordmark{display:block;width:100%;height:auto;color:var(--night-2);margin:80px 0 36px;user-select:none}
.foot-bottom{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--night-muted)}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){
  :root{--pad:40px}
  .offer{grid-template-columns:1fr 300px;}
  .offer-r{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:6px 20px;font-size:16px}
  .prov{grid-template-columns:1fr;gap:40px}
  .gs{grid-template-columns:1fr 1fr}
  .gs a{border-bottom:1px solid var(--line);padding-bottom:24px}
  .plans{grid-template-columns:1fr 1fr;row-gap:48px}
  .plan:nth-child(2n){border-right:1px solid var(--line)}
  .faq{grid-template-columns:1fr;gap:32px}
  .foot-cols{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  :root{--pad:20px}
  .nav-l a:not(.logo),.nav-r a:not(:last-child){display:none}
  .hero{min-height:680px}
  .float{scale:.6}
  .float.hide-sm{display:none}
  .hero-ctas .btn{padding:0 12px;font-size:13px}
  .hero > .float:nth-child(1){left:-50px!important;top:60px!important}
  .hero > .float:nth-child(3){right:-50px!important;top:90px!important}
  .hero > .float:nth-child(7){left:-40px!important;bottom:10px!important}
  .hero > .float:nth-child(9){right:-50px!important;bottom:40px!important}
  .hero-copy{margin-top:40px}
  h1{font-size:34px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{height:220px;border-bottom:1px solid var(--line)}
  .stat:nth-child(2n){border-right:1px solid var(--line)}
  .offer{grid-template-columns:1fr;min-height:0;padding-bottom:60px}
  .offer-vis{max-width:320px;padding:36px}
  .tcard{flex-basis:88%}
  .prov-grid{grid-template-columns:1fr 1fr}
  .prov-cell:nth-child(3n){border-right:0}
  .prov-cell:nth-child(2n){border-right:1px solid var(--line)}
  .gs{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .plan{min-height:0;border-right:1px solid var(--line)}
  .eis{grid-template-columns:1fr;gap:12px;padding:20px}
  .sec-head{flex-direction:column;align-items:flex-start;padding-top:100px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .foot-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* capabilities */
.caps{padding:140px 0 40px;text-align:center}
.caps-title{max-width:720px;margin:0 auto}
.cap-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:40px auto 0}
.cap-chip{height:40px;padding:0 18px;border-radius:100px;border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--grey);transition:background .35s,color .35s,border-color .35s}
.cap-chip:hover{color:var(--ink)}
.cap-chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.cap-panel{--g:var(--sage);margin-top:40px;display:grid;grid-template-columns:420px 1fr;min-height:560px;border-radius:28px;background:var(--g);text-align:left;overflow:hidden;transition:background .6s}
/* capability panels: light gradients, dark text (Figma: #BBBDBC → #DCDEDD) */
.g-grey{--g:linear-gradient(180deg,#BBBDBC 0%,#CDCFCE 55%,#DCDEDD 100%)}
.g-indigo{--g:linear-gradient(180deg,#B9CCF3 0%,#D2DDF2 55%,#E5E4E6 100%)}
.g-sakura{--g:linear-gradient(180deg,#E6D3DA 0%,#DAD3E3 55%,#CFCDE2 100%)}
.g-minato{--g:linear-gradient(180deg,#B1C0C2 0%,#C9D3D4 55%,#DCDDDD 100%)}
.g-yellow{--g:linear-gradient(180deg,#FDE681 0%,#F1E8B8 55%,#E6E6E1 100%)}
.g-willow{--g:linear-gradient(180deg,#D3EABD 0%,#DDE8D2 55%,#E6EBDF 100%)}
.g-cloud{--g:linear-gradient(180deg,#D4DCDA 0%,#E0E5E3 55%,#ECEFEE 100%)}
.cap-copy{display:flex;flex-direction:column;gap:14px;padding:56px 24px 56px 56px;animation:capIn .5s var(--ease)}
.cap-copy h3{font-family:var(--sans);font-weight:500;font-size:24px;letter-spacing:-.015em;line-height:1.2}
.cap-copy p{font-size:15px;line-height:1.55;max-width:360px}
.cap-copy ul{list-style:none;margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px}
.cap-copy li{display:flex;gap:10px;align-items:center}
.cap-copy li::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}
.cap-status{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:100px;display:inline-flex;gap:6px;align-items:center}
.cap-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tone-dark .cap-copy{color:#F3F3F3} .tone-dark .cap-copy p{color:#E4E8E6} .tone-dark .cap-status{background:rgba(243,243,243,.16)}
.tone-light .cap-copy{color:#232323} .tone-light .cap-copy p{color:#3E4142} .tone-light .cap-status{background:rgba(35,35,35,.08)}
.cap-stage{display:flex;align-items:center;justify-content:center;padding:48px 56px 48px 24px}
.cu{width:100%;max-width:560px;background:#F9F9F8;color:#1A1A1A;border-radius:18px;padding:20px 24px 10px;box-shadow:0 24px 48px -16px rgba(26,33,36,.28);animation:capIn .55s var(--ease)}
.cu-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:14px}
.cu-h b{font-weight:500}
.cu-h span{font-family:var(--mono);font-size:11px;color:#80989B;white-space:nowrap}
.cu-row{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #DCDDDD;font-size:13px;line-height:1.4}
.cu-k{font-family:var(--mono);font-size:12px;color:#47585C}
.pill{font-size:11px;padding:3px 9px;border-radius:100px;white-space:nowrap}
.pill.ok{background:#D8E1D0;color:#4A6644} .pill.look{background:#E8E0CB;color:#7A6331} .pill.off{background:#EAD9D0;color:#94493A} .pill.mute{background:#E5E4E6;color:#6E7273}
.cu-map{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:8px 0 14px}
.cu-map i{aspect-ratio:1;border-radius:10px}
.cu-map .ok{background:#D8E1D0} .cu-map .look{background:#E8E0CB} .cu-map .off{background:#EAD9D0}
.cu-legend{display:flex;gap:8px;padding:6px 0 10px;border-top:1px solid #DCDDDD}
.caps-cta{margin-top:40px}
@keyframes capIn{from{opacity:0;transform:translateY(8px)}}
@media(max-width:900px){
  .cap-panel{grid-template-columns:1fr;min-height:0}
  .cap-copy{padding:36px 28px 8px}
  .cap-copy ul{margin-top:8px}
  .cap-stage{padding:24px 20px 28px}
  .cu-row{grid-template-columns:1fr auto}
  .cu-k{grid-column:1/-1}
}

/* how it works (3 steps), about, 3-up cards, short footer, soon tag */
.steps{grid-template-columns:repeat(3,1fr)}
.steps .stat strong{font-weight:500;font-size:15px;margin-top:12px}
.steps .stat b{margin-top:auto}
.split{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:140px 0 20px;align-items:start}
.split p{font-size:17px;line-height:1.55;color:var(--grey);max-width:560px;margin-bottom:26px}
.gs-3{grid-template-columns:repeat(3,1fr)}
.foot-cols-3{grid-template-columns:repeat(3,1fr)}
.soon{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);background:#E5E4E6;border-radius:100px;padding:1px 7px;margin-left:6px;vertical-align:1px;white-space:nowrap}
@media(max-width:1100px){.split{grid-template-columns:1fr;gap:24px;padding-top:100px}.gs-3{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.steps{grid-template-columns:1fr}.steps .stat:nth-child(2n){border-right:0}.steps .stat{border-right:1px solid var(--line)}.gs-3,.foot-cols-3{grid-template-columns:1fr}}
#data .prov{padding-top:120px}
#how{scroll-margin-top:80px}