/* Generated by build.py from site.html. Edit site.html, then run build.py. */
/* Fonts are self-hosted so no visitor data goes to a third party */
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque.woff2") format("woff2");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
/* Layout: blueprint. A navy hero on a drafting grid with a live event log, then light sections with the heading on the left and the detail on the right. */
:root{
  --bg:#F3F6FB;
  --surface:#FFFFFF;
  --surface-2:#E8EEF8;
  --line:#D5DFEC;
  --ink:#0B1A30;
  --muted:#4E5E77;
  --blue:#1E56F0;
  --blue-strong:#1443C4;
  --on-blue:#FFFFFF;
  --chip:#E3EBF9;
  --chip-ink:#1B3C82;
  --hero-bg:#06122A;
  --hero-ink:#EAF1FF;
  --hero-muted:#9EB2D3;
  --hero-line:rgba(130,165,235,.16);
  --hero-chip:rgba(120,160,240,.12);
  --hero-chip-ink:#CADBFB;
  --hl-a:#8AB6FF;
  --hl-b:#6FD8FF;
  --ok:#34C78F;
  --ok-ink:#148A5C;
  --info:#7FAEFF;
  --warn:#F2B544;
  --warn-ink:#A86A06;
  --shadow:0 1px 2px rgba(11,26,48,.06),0 18px 40px -18px rgba(16,52,120,.22);
  --font-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;
  --font-body:"Instrument Sans","Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --tile:#FFFFFF;
  --tile-line:rgba(11,26,48,.08);
  --radius:16px;
  --max:1180px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#050C19;--surface:#0B162B;--surface-2:#0F1E38;--line:#1C2D4B;--ink:#E5EDFA;--muted:#95A7C5;
    --blue:#5D8EFF;--blue-strong:#93B4FF;--on-blue:#04112A;--chip:#13264A;--chip-ink:#BCD0F6;
    --hero-bg:#030915;--shadow:0 1px 2px rgba(0,0,0,.35),0 18px 40px -18px rgba(0,0,0,.7);--warn-ink:#F2B544;--ok-ink:#34C78F;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --warn-ink:#F2B544;
  --ok-ink:#34C78F;
  --bg:#050C19;--surface:#0B162B;--surface-2:#0F1E38;--line:#1C2D4B;--ink:#E5EDFA;--muted:#95A7C5;
  --blue:#5D8EFF;--blue-strong:#93B4FF;--on-blue:#04112A;--chip:#13264A;--chip-ink:#BCD0F6;
  --hero-bg:#030915;--shadow:0 1px 2px rgba(0,0,0,.35),0 18px 40px -18px rgba(0,0,0,.7);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(30px,4.2vw,46px);font-weight:700}
h3{font-size:20px;font-weight:650;letter-spacing:-.01em;line-height:1.2}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
[id]{scroll-margin-top:84px}

.wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.eyebrow{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.lead{font-size:18px;color:var(--muted);max-width:60ch}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;line-height:1.4;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--chip-ink);white-space:nowrap}
.chip:has(img){padding-left:4px}
.chip img{width:19px;height:19px;padding:2.5px;border-radius:999px;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line);flex:none}
.logo{display:inline-grid;place-items:center;flex:none;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line);overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain;display:block}
.logo.xs{width:26px;height:26px;padding:3px;border-radius:7px}
.logo.sm{width:32px;height:32px;padding:4px;border-radius:9px}
.logo.lg{width:46px;height:46px;padding:6px;border-radius:12px}
.bi{width:22px;height:22px;padding:2.5px;border-radius:6px;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line);flex:none}

.btn{display:inline-flex;align-items:center;gap:8px;font:600 15.5px/1 var(--font-body);padding:14px 20px;border-radius:12px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:var(--on-blue)}
.btn-primary:hover{background:var(--blue-strong)}
.btn-ghost{background:transparent;color:var(--hero-ink);border-color:rgba(160,190,245,.32)}
.btn-ghost:hover{border-color:var(--hero-ink)}
.btn svg{width:16px;height:16px}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--hero-bg);background:color-mix(in srgb,var(--hero-bg) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hero-line);color:var(--hero-ink)}
.nav-inner{display:flex;align-items:center;gap:28px;min-height:68px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.brand b{display:block;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
.brand small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-muted);margin-top:2px}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{font-size:15px;color:var(--hero-muted);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--hero-ink)}
.nav .btn{padding:11px 16px;font-size:14.5px}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--hero-line);color:var(--hero-ink);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.mobile-menu{border-top:1px solid var(--hero-line);padding-block:8px 18px}
.mobile-menu a{display:block;padding:12px 0;color:var(--hero-ink);text-decoration:none;font-size:17px;border-bottom:1px solid var(--hero-line)}
.mobile-menu a:last-child{border-bottom:0}

/* Hero */
.hero{position:relative;background:var(--hero-bg);color:var(--hero-ink);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 72% 38%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 85% 75% at 72% 38%,#000 25%,transparent 75%)}
.hero::after{content:"";position:absolute;z-index:-1;width:760px;height:760px;right:-200px;top:-300px;background:radial-gradient(circle,rgba(40,105,255,.42),transparent 62%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,64px);align-items:center;padding-block:clamp(56px,8vw,100px) clamp(96px,10vw,128px)}
.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.hero .eyebrow{color:var(--hl-a)}
.hero h1{font-size:clamp(38px,5.2vw,60px);font-weight:760;letter-spacing:-.035em;line-height:1.02}
.hero h1 .hl{background:linear-gradient(90deg,var(--hl-a),var(--hl-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:var(--hero-muted);font-size:clamp(17px,1.6vw,19.5px)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-direction:column;gap:10px;padding-top:10px}
.trust > span{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}
.trust ul{display:flex;flex-wrap:wrap;gap:12px 22px}
.trust li{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:650;font-size:16.5px;color:#C4D3EE;letter-spacing:-.01em}

.console-wrap{position:relative;min-width:0}
.console{background:linear-gradient(180deg,rgba(20,44,92,.92),rgba(9,24,54,.94));border:1px solid rgba(130,165,235,.24);border-radius:18px;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;font-family:var(--font-mono);font-size:12.5px}
.console-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--hero-line);color:var(--hero-muted)}
.dots{display:flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:50%;background:rgba(160,185,230,.22)}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--ok)}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,199,143,.55)}100%{box-shadow:0 0 0 9px rgba(52,199,143,0)}}
.log{padding:4px 0}
.log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px dashed var(--hero-line)}
.log li:last-child{border-bottom:0}
.log .t{color:#6F86AD;font-variant-numeric:tabular-nums}
.log .ev{display:flex;flex-direction:column;min-width:0}
.log .ev b{font-weight:500;color:#D6E4FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log .ev small{font-size:11.5px;color:var(--hero-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st{font-size:11px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.st-ok{background:rgba(52,199,143,.14);color:var(--ok)}
.st-info{background:rgba(127,174,255,.14);color:var(--info)}
.st-warn{background:rgba(242,181,68,.14);color:var(--warn)}
.log li.fresh{animation:fresh 1.2s ease-out}
@keyframes fresh{from{opacity:0;transform:translateY(-6px);background:rgba(93,142,255,.16)}to{opacity:1;transform:none;background:transparent}}
.console-foot{padding:11px 16px;border-top:1px solid var(--hero-line);font-size:11px;color:#6F86AD}
.badge{position:absolute;left:-26px;bottom:-30px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}
.badge b{display:block;font-family:var(--font-display);font-size:17px;line-height:1.15}
.badge small{display:block;font-size:13px;color:var(--muted)}

/* Stats */
.stats-wrap{position:relative;z-index:2;margin-top:-56px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.stat{background:var(--surface);padding:26px 26px 24px;display:flex;flex-direction:column;gap:6px}
.stat b{font-family:var(--font-display);font-size:clamp(34px,3.6vw,46px);font-weight:750;letter-spacing:-.03em;line-height:1;color:var(--blue);font-variant-numeric:tabular-nums}
.stat span{font-size:14.5px;line-height:1.45;color:var(--muted)}

/* Sections */
.section{padding-block:clamp(76px,9vw,120px)}
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 56px;align-items:end;margin-bottom:clamp(40px,5vw,60px)}
.section-head > div{display:flex;flex-direction:column;gap:16px;min-width:0}

/* Services */
.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 32px}
.service{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:1px solid var(--line);min-width:0}
.service .ico{width:46px;height:46px;border-radius:12px;background:var(--chip);color:var(--blue);display:grid;place-items:center}
.service .ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service p{color:var(--muted);font-size:16px}
.service .chips{margin-top:auto;padding-top:4px}

/* Hero pill */
.pill{display:inline-flex;align-items:center;gap:10px;max-width:100%;align-self:flex-start;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid rgba(127,174,255,.32);background:rgba(93,142,255,.1);color:var(--hero-ink);text-decoration:none;font-size:14.5px;line-height:1.35;transition:border-color .15s ease,background-color .15s ease}
.pill:hover{border-color:var(--hl-a);background:rgba(93,142,255,.18)}
.pill-tag{flex:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--blue);color:var(--on-blue)}

/* Prototype to production */
.p2p{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--hero-bg);color:var(--hero-ink);border-radius:20px;padding:clamp(24px,3.2vw,40px)}
.p2p::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}
.p2p-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.p2p-side > small{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}
.p2p-side ul{display:flex;flex-direction:column;gap:10px}
.p2p-side li{display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;border-radius:12px;font-weight:600;font-size:15.5px}
.p2p-from li{border:1px dashed rgba(158,178,211,.35);color:#C4D3EE}
.p2p-to li{border:1px solid rgba(127,174,255,.4);background:rgba(93,142,255,.1)}
.flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:26px}
.flow::before{content:"";position:absolute;left:12.5%;right:0;top:9px;height:2px;background:linear-gradient(90deg,rgba(158,178,211,.4),var(--hl-b))}
.flow::after{content:"";position:absolute;right:-2px;top:4px;border-left:10px solid var(--hl-b);border-top:6px solid transparent;border-bottom:6px solid transparent}
.flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}
.flow li::before{content:"";position:absolute;top:-23px;left:50%;width:14px;height:14px;border-radius:50%;background:var(--hero-bg);border:3px solid var(--hl-a);transform:translateX(-50%)}
.flow b{font-size:14.5px;font-weight:650}
.flow span{font-family:var(--font-mono);font-size:11px;color:var(--hero-muted)}
.p2p-detail{margin-top:clamp(40px,5vw,56px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 56px}
.p2p-detail h3{font-size:clamp(20px,2vw,24px);margin-bottom:20px}
.signs{display:flex;flex-direction:column;gap:14px}
.signs li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;color:var(--muted);font-size:16px}
.signs svg{width:20px;height:20px;margin-top:2px;color:var(--warn-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.takeover{display:flex;flex-direction:column}
.takeover li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding-block:14px;border-top:1px solid var(--line)}
.takeover li:first-child{border-top:0;padding-top:0}
.takeover .n{font-family:var(--font-mono);font-size:13px;color:var(--blue);padding-top:2px}
.takeover b{display:block;font-size:16.5px}
.takeover span{display:block;color:var(--muted);font-size:15.5px}
.p2p-proof{margin-top:clamp(40px,5vw,52px);padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 36px}
.p2p-proof > .p2p-label{display:block;grid-column:1/-1;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.p2p-proof li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;font-size:15px;color:var(--muted)}
.p2p-proof li b{display:block;color:var(--ink);font-size:16px}
.p2p-cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px}
.p2p-cta p{color:var(--muted);font-size:15.5px}

/* Hero promises */
.promises{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px;color:var(--hero-muted)}
.promises li{display:inline-flex;align-items:center;gap:8px}
.promises li::before{content:"";width:6px;height:11px;margin:0 3px 3px 2px;border:solid var(--hl-b);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none}

/* Where are you today */
.stages{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);gap:24px;align-items:start}
.stage-tabs{display:flex;flex-direction:column;gap:10px}
.stage-tabs button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.stage-tabs button:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));transform:translateX(2px)}
.stage-tabs button[aria-selected="true"]{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent),var(--shadow)}
.stage-tabs img{width:42px;height:42px;padding:8px;border-radius:11px;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line);flex:none}
.stage-tabs b{display:block;font-size:16px;line-height:1.3}
.stage-tabs small{display:block;color:var(--muted);font-size:13.5px;line-height:1.35}
.stage-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px 36px;box-shadow:var(--shadow)}
.sp-main h3{font-size:clamp(21px,2.2vw,26px);margin-bottom:24px}
.sp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.sp-cols > div,.sp-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.sp-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.sp-cols p,.sp-side p{color:var(--muted);font-size:15.5px}
.sp-side p b{color:var(--ink)}
.ticks{display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.ticks li{position:relative;padding-left:24px}
.ticks li::before{content:"";position:absolute;left:5px;top:.32em;width:6px;height:11px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg)}
.sp-side{border-left:1px solid var(--line);padding-left:30px}
.sp-price{padding-block:12px;border-block:1px dashed var(--line)}
.sp-price b{font-family:var(--font-display);font-size:22px;color:var(--blue)!important;letter-spacing:-.02em}
.sp-side .btn{align-self:flex-start;margin-top:4px}
.sp-link{font-size:15px;color:var(--blue);text-decoration:none;font-weight:600}
.sp-link:hover{text-decoration:underline}

/* Business result on case cards */
.result{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface-2);font-size:15px;line-height:1.5;color:var(--ink)}
.result svg{width:20px;height:20px;margin-top:1px;color:var(--blue);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.result b{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}

/* Partnership */
.compare{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.cmp-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr);border-top:1px solid var(--line)}
.cmp-row:first-child{border-top:0}
.cmp-row > *{padding:16px 22px;min-width:0}
.cmp-head > *{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-block:14px}
.cmp-head .us{color:var(--blue)}
.cmp-head .them::before{display:none}
.cmp-row b{font-size:15.5px}
.cmp-row .them{color:var(--muted);font-size:15.5px;display:flex;gap:10px}
.cmp-row .them::before{content:"";flex:none;width:10px;height:2px;margin-top:.7em;background:var(--muted);opacity:.6}
.cmp-row .us{background:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface));font-size:15.5px;font-weight:600;display:flex;gap:12px}
.cmp-row:not(.cmp-head) .us::before{content:"";flex:none;width:6px;height:11px;margin:.25em 4px 0 3px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg)}
.trust-row{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px}
.trust-row li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;font-size:15px;color:var(--muted)}
.trust-row li b{display:block;color:var(--ink);font-size:16.5px}
.trust-row img{width:44px;height:44px;padding:9px;border-radius:12px;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line)}
.trust-row a{color:var(--blue);font-weight:600;text-decoration:none}
.trust-row a:hover{text-decoration:underline}
.questions{margin-top:clamp(52px,6vw,72px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:28px 48px}
.q-head{display:flex;flex-direction:column;gap:12px}
.q-head h3{font-size:clamp(22px,2.4vw,28px)}
.q-head p{color:var(--muted);font-size:16px}
.q-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.q-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.q-list .qm{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:760;font-size:18px;background:var(--chip);color:var(--blue)}
.q-list b{display:block;font-size:16px;line-height:1.35}
.q-list span{display:block;color:var(--muted);font-size:14.5px;margin-top:4px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:32px 56px;align-items:start}
.faq-head{display:flex;flex-direction:column;gap:16px}
.faq-head .btn{align-self:flex-start}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:18px 44px 18px 0;font-weight:600;font-size:17px;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:24px;width:10px;height:10px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(-135deg);top:29px}
.faq details p{padding-bottom:20px;color:var(--muted);max-width:68ch}

/* Contact next steps */
.next{display:flex;flex-direction:column;gap:14px;counter-reset:nx}
.next li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;color:var(--hero-ink);font-size:15.5px}
.next li::before{counter-increment:nx;content:counter(nx);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;background:rgba(127,174,255,.16);color:var(--hl-a)}
.next li span{display:block;color:var(--hero-muted);font-size:14px}
.include .note{color:var(--hero-muted);font-size:14.5px;padding-top:14px;border-top:1px solid var(--hero-line)}

/* Deep case studies */
.deeps{display:flex;flex-direction:column;gap:22px;margin-bottom:22px}
.case.deep{padding:clamp(24px,3.4vw,40px);gap:22px}
.case.deep:hover{transform:none}
.deep-head{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.deep-head .who > div{display:flex;flex-direction:column;gap:2px}
.deep h3{font-size:clamp(22px,2.5vw,30px);max-width:34ch}
.deep-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,.7fr);gap:24px 36px}
.deep-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.deep-col p{color:var(--muted);font-size:15.5px}
.deep-col .sp-label + p,.deep-col .ticks + .sp-label{margin-top:0}
.deep-col .ticks,.deep-col .built{color:var(--ink)}
.deep-col .ticks + .sp-label{margin-top:10px}
.kpi{display:flex;flex-direction:column;padding-block:10px;border-top:1px dashed var(--line)}
.kpi:first-of-type{border-top:0;padding-top:0}
.kpi b{font-family:var(--font-display);font-size:clamp(28px,2.8vw,36px);font-weight:760;letter-spacing:-.03em;line-height:1.05;color:var(--blue);font-variant-numeric:tabular-nums}
.kpi span{font-size:14px;color:var(--muted)}
.diagram{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:18px 18px 12px}
.diagram-scroll{overflow-x:auto}
.diagram svg{display:block;width:100%;min-width:760px;height:auto}
.diagram figcaption{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding-top:10px}
.dg-box{fill:var(--surface);stroke:var(--line);stroke-width:1.5}
.dg-hl{fill:var(--chip);stroke:var(--blue);stroke-width:1.5}
.dg-strip{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:5 5;opacity:.7}
.dg-t{fill:var(--ink);font-family:var(--font-body);font-size:15px;font-weight:600}
.dg-s{fill:var(--muted);font-family:var(--font-mono);font-size:11.5px}
.dg-big{fill:var(--blue);font-family:var(--font-display);font-size:30px;font-weight:760}
.dg-a{fill:none;stroke:var(--blue);stroke-width:1.8}
.dg-ah{fill:var(--blue)}

/* Stack core row */
.stack-row.core .chip{font-size:13.5px;background:rgba(93,142,255,.2);border-color:rgba(127,174,255,.45);color:#fff}
.stack-sub{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted);padding-block:22px 2px}

/* Calmer logo wall in the hero */
.trust .logo img{filter:grayscale(1) contrast(1.05);opacity:.92}
.standards-note{font-size:15px;color:var(--ink)!important;padding-top:12px;border-top:1px solid var(--line)}
.support-days{display:flex;gap:32px;text-align:left}

/* Diagram vocabulary shared by every figure */
.dg-ext{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-dasharray:5 4}
.dg-panel{fill:var(--surface);stroke:var(--line);stroke-width:1.2;stroke-dasharray:6 5}
.dg-panel-hl{fill:var(--surface);stroke:var(--blue);stroke-width:1.5}
.dg-warn{fill:none;stroke:var(--warn-ink);stroke-width:1.4}
.dg-warn-t{fill:var(--warn-ink);font-family:var(--font-mono);font-size:11.5px}
.dg-a-muted{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-dasharray:4 4}
.dg-ah-muted{fill:var(--muted)}
.dg-h{fill:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em}
.dg-hb{fill:var(--blue);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em}
.dg-chev{fill:var(--chip);stroke:var(--blue);stroke-width:1.2}
.dg-lane{fill:var(--surface);stroke:var(--line);stroke-width:1}
.dg-sep{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.dg-ok{fill:var(--surface);stroke:var(--ok-ink);stroke-width:1.6}
.dg-t-sm{fill:var(--ink);font-family:var(--font-body);font-size:13.5px;font-weight:650}
.dg-c{fill:var(--ink);font-family:var(--font-body);font-size:12.5px}
.dg-c-ok{fill:var(--ok-ink);font-family:var(--font-body);font-size:13px;font-weight:650}
.dg-s-xs{fill:var(--muted);font-family:var(--font-mono);font-size:10.5px}
.map-fig{margin-bottom:clamp(36px,4vw,52px)}
.journey-fig svg{min-width:860px}
#prototype-diagram{margin-bottom:clamp(36px,4vw,52px)}

/* Engagement chooser */
.chooser{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:stretch}
.ch-q,.ch-r{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:18px;min-width:0}
.ch-r{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent),var(--shadow);gap:14px}
.q{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.q > span{font-weight:600;font-size:16.5px;line-height:1.35}
.seg{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}
.seg button{font:600 14.5px/1 var(--font-body);padding:9px 20px;border-radius:9px;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--blue);color:var(--on-blue)}
.ch-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.ch-step{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,1.9vw,22px);letter-spacing:-.01em;padding:8px 14px;border-radius:12px;background:var(--chip);color:var(--chip-ink)}
.ch-arrow{font-size:22px;color:var(--blue)}
.ch-why{color:var(--muted);font-size:16px}
.ch-fig{margin:0;padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.ch-fig svg{display:block;width:100%;height:auto}
.ch-first{font-size:15px;color:var(--muted)}
.ch-first b{color:var(--ink)}
.ch-r .btn{align-self:flex-start}
.signs-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px}

/* Client feedback */
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"feat feat wide" "a b c";gap:22px}
.tm{margin:0;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.8vw,32px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-width:0}
.tm-feat{grid-area:feat;position:relative;overflow:hidden;isolation:isolate;background:var(--hero-bg);color:var(--hero-ink);border-color:var(--hero-bg)}
.tm-feat::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 100% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse 90% 70% at 100% 0%,#000,transparent 70%)}
.tm-wide{grid-area:wide}.tm-a{grid-area:a}.tm-b{grid-area:b}.tm-c{grid-area:c}
.tm-mark{font-family:var(--font-display);font-size:68px;font-weight:800;line-height:1;height:34px;color:var(--blue)}
.tm-feat .tm-mark{color:var(--hl-a)}
.tm blockquote{margin:0;flex:1}
.tm blockquote p{font-size:17px;line-height:1.6;color:var(--ink)}
.tm-feat blockquote p{font-family:var(--font-display);font-size:clamp(22px,2.3vw,28px);font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--hero-ink);text-wrap:balance}
.tm figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.tm-feat figcaption{border-top-color:var(--hero-line)}
.tm-av{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:720;font-size:15px;background:var(--chip);color:var(--chip-ink)}
.tm-feat .tm-av{background:rgba(93,142,255,.22);color:var(--hero-ink)}
.tm figcaption b{display:block;font-size:16px;line-height:1.3}
.tm figcaption div > span{display:block;font-size:14px;color:var(--muted)}
.tm-feat figcaption div > span{color:var(--hero-muted)}
.tm-src{display:inline-block;margin-top:3px;font-size:14px;font-weight:600;color:var(--hl-a)}

/* Architecture explorer */
.arch-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.arch-tabs button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.arch-tabs button:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}
.arch-tabs button[aria-selected="true"]{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent),var(--shadow)}
.arch-tabs img{width:40px;height:40px;padding:8px;border-radius:11px;background:var(--tile);box-shadow:0 0 0 1px var(--tile-line);flex:none}
.arch-tabs b{display:block;font-size:15.5px;line-height:1.3}
.arch-tabs small{display:block;font-size:13px;color:var(--muted);line-height:1.35}
.arch-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,2.2vw,26px)}
.arch-grid{display:flex;flex-direction:column;gap:18px}
.arch-panel .diagram svg{min-width:720px}
.arch-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.arch-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.arch-steps[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.arch-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.arch-steps li:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.arch-steps .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:12.5px;font-weight:500;background:var(--chip);color:var(--blue)}
.arch-steps b{display:block;font-size:15.5px;line-height:1.3}
.arch-steps li span:not(.n){display:block;font-size:14px;color:var(--muted);line-height:1.45;margin-top:2px}
.arch-steps li.on{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}
.arch-steps li.on .n{background:var(--blue);color:var(--on-blue)}
.arch-proof{font-size:14.5px;color:var(--ink)}
.arch-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-top:14px;border-top:1px dashed var(--line)}
.arch .nd rect{transition:stroke .15s ease,fill .15s ease,stroke-width .15s ease}
.arch .nd[data-k]{cursor:pointer}
.arch .nd.on rect{stroke:var(--blue);stroke-width:2.6;fill:var(--chip)}
.arch .nd.fr.on rect{fill:none}
.arch .nd.fr.on > rect{fill:color-mix(in srgb,var(--blue) 6%,var(--surface))}
.hs circle{fill:var(--blue)}
.hs text{fill:var(--on-blue);font-family:var(--font-mono);font-size:11.5px;font-weight:500}

/* Practices */
.pillar-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.pillar-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;text-align:left;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.pillar-tabs button:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));transform:translateY(-2px)}
.pillar-tabs .pi{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--chip);color:var(--blue);margin-bottom:6px}
.pillar-tabs .pi svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pillar-tabs b{font-family:var(--font-display);font-size:21px;font-weight:720;letter-spacing:-.015em;line-height:1.15}
.pillar-tabs small{font-size:14px;color:var(--muted);line-height:1.4}
.pillar-tabs .pm{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-top:4px}
.pillar-tabs button[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:var(--on-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 22%,transparent),var(--shadow);transform:none}
.pillar-tabs button[aria-selected="true"] small{color:var(--on-blue);opacity:.82}
.pillar-tabs button[aria-selected="true"] .pi{background:color-mix(in srgb,var(--on-blue) 16%,transparent);color:var(--on-blue)}
.pillar-tabs button[aria-selected="true"] .pm{color:var(--on-blue);opacity:.9}
.pillar-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;background:var(--blue);transform:translateX(-50%) rotate(45deg);border-radius:3px}
.pillar{display:flex;flex-direction:column;gap:26px;padding:clamp(20px,2.8vw,34px);border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.pillar-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px 40px;align-items:end}
.pillar-head h3{font-size:clamp(26px,3vw,36px);margin-bottom:8px}
.pillar-head p{color:var(--muted);max-width:60ch}
.proven{display:flex;flex-direction:column;gap:10px}
.proven ul{display:flex;flex-wrap:wrap;gap:8px 16px}
.proven li{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.pillar .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px}
.pillar .services[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.pillar .service{padding-top:20px}
.pillar > .sp-label{margin-bottom:-12px}
.pillar-diagrams{display:flex;flex-direction:column;gap:12px}
.sub-tabs{display:flex;flex-wrap:wrap;gap:8px}
.sub-tabs button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14.5px/1 var(--font-body);cursor:pointer}
.sub-tabs button img,.sub-tabs button svg{width:20px;height:20px}
.sub-tabs button svg{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sub-tabs button[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}
.sub-tabs button[aria-selected="true"] svg{stroke:var(--on-blue)}
.sub-tabs button[aria-selected="true"] img{filter:brightness(0) invert(1)}
.pillar .arch-panel{padding:0;border:0;background:none}
.pillar-links{display:flex;flex-wrap:wrap;gap:10px}
.pl{display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;background:var(--chip);color:var(--chip-ink);font-weight:600;font-size:14.5px;text-decoration:none}
.pl:hover{background:var(--blue);color:var(--on-blue)}
.across{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px 24px;align-items:center;padding:20px 24px;border:1px dashed var(--line);border-radius:16px}
.across h3{font-size:18px}
.across p{color:var(--muted);font-size:15px}
.eyebrow a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}
.eyebrow a:hover{border-bottom-style:solid}

/* At a glance, page links */
.glance{margin-top:clamp(40px,5vw,56px);padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.glance h3{font-size:clamp(20px,2vw,24px);margin-bottom:16px}
.glance dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.glance dl > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding-block:12px;border-top:1px solid var(--line)}
.glance dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.glance dd{margin:0;font-size:15.5px}
.pl-main{background:var(--blue);color:var(--on-blue)}
.pl-main:hover{background:var(--blue-strong)}
.case-link{align-self:flex-start;margin-top:auto}
.footer-pages{width:100%;display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:16px;border-top:1px solid var(--line)}
.footer-pages a{color:var(--muted);text-decoration:none;font-size:14.5px}
.footer-pages a:hover{color:var(--blue)}

/* Work */
.work{background:var(--surface-2)}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:22px}
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.case:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}
.case .meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case .top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.case .who{display:flex;align-items:center;gap:13px;min-width:0}
.case .client{font-family:var(--font-display);font-size:24px;font-weight:720;letter-spacing:-.02em}
.case .site{font-family:var(--font-mono);font-size:12.5px;color:var(--blue);text-decoration:none}
.case .site:hover{text-decoration:underline}
.case .role{font-size:14px;font-weight:600;color:var(--blue)}
.case p{color:var(--muted);font-size:15.5px}
.case .built{display:flex;flex-direction:column;gap:9px;font-size:15.5px}
.case .built li{position:relative;padding-left:22px}
.case .built li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:3px;border:2px solid var(--blue)}
.metric{margin-top:auto;display:flex;align-items:baseline;gap:14px;padding-top:18px;border-top:1px dashed var(--line)}
.metric b{font-family:var(--font-display);font-size:30px;font-weight:760;letter-spacing:-.03em;line-height:1;color:var(--blue);white-space:nowrap}
.metric span{font-size:14px;line-height:1.4;color:var(--muted)}
.feature{padding:clamp(28px,3.4vw,40px);gap:16px}
.feature h3{font-size:clamp(22px,2.3vw,27px)}
.feature .metric b{font-size:clamp(38px,4vw,52px)}
.also{margin-top:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 40px}
.also-title{grid-column:1/-1;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.also li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start;font-size:15px;color:var(--muted)}
.also li b{display:block;color:var(--ink);font-size:16px}

/* Process */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:step}
.step{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:30px;min-width:0}
.step::before{content:"";position:absolute;left:0;right:-28px;top:7px;height:1px;background:var(--line)}
.step:last-child::before{right:0}
.step::after{content:"";position:absolute;left:0;top:1px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:3px solid var(--blue)}
.step .n{font-family:var(--font-mono);font-size:13px;color:var(--blue);font-weight:500}
.step p{color:var(--muted);font-size:16px}
.standards{margin-top:clamp(52px,6vw,72px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,3.4vw,40px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:28px 48px}
.standards h3{font-size:clamp(22px,2.4vw,28px)}
.standards > div:first-child{display:flex;flex-direction:column;gap:12px}
.standards > div:first-child p{color:var(--muted);font-size:16px}
.std-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.std-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px}
.std-list svg{width:22px;height:22px;color:var(--blue);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.std-list b{display:block;font-size:16.5px}
.std-list span{display:block;color:var(--muted);font-size:15px}

/* Engagement */
.engage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.engage li{display:flex;flex-direction:column;gap:12px;padding:6px 32px 6px 0;margin-right:32px;border-right:1px solid var(--line);min-width:0}
.engage li:last-child{border-right:0;margin-right:0;padding-right:0}
.engage .tag{font-family:var(--font-mono);font-size:12px;color:var(--blue);letter-spacing:.08em;text-transform:uppercase}
.engage p{color:var(--muted);font-size:16px}

/* Pricing: scale runs from $1k (0%) to $40k (100%), so $30k sits at 29/39 = 74.36% */
.pricing{margin-top:clamp(44px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 56px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,3.4vw,40px)}
.price-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.price-copy h3{font-size:clamp(24px,2.6vw,32px)}
.price-copy > p:last-child{color:var(--muted);font-size:16px}
.range{display:flex;flex-direction:column;gap:12px;min-width:0}
.range-track{position:relative;height:12px;margin-inline:9px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.range-fill{position:absolute;inset:0;border-radius:inherit;background:var(--blue);background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 30%,transparent),var(--blue))}
.range-band{position:absolute;top:-6px;bottom:-6px;left:74.36%;right:-6px;border:2px dashed var(--blue);border-radius:999px}
.range-dot{position:absolute;top:50%;left:0;width:20px;height:20px;border-radius:50%;background:var(--surface);border:4px solid var(--blue);transform:translate(-50%,-50%)}
.range-ticks{position:relative;height:20px;margin-inline:9px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.range-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.range-keys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-top:4px}
.range-keys div{display:flex;flex-direction:column;gap:2px}
.range-keys div:last-child{text-align:right}
.range-keys small{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.range-keys b{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:750;letter-spacing:-.02em;color:var(--blue);font-variant-numeric:tabular-nums}
.range-keys span{font-size:14px;color:var(--muted)}
.range .btn{align-self:flex-start;margin-top:8px}

/* Escrow milestone payments */
.payments{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 52px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.2vw,38px)}
.pay-copy{display:flex;flex-direction:column;gap:12px;min-width:0}
.pay-copy h3{font-size:clamp(22px,2.4vw,28px)}
.pay-copy > p{color:var(--muted);font-size:16px}
.pay-copy .ticks{margin-top:4px}
.pay-track{display:flex;flex-direction:column;gap:18px;min-width:0}
.pay-track li{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;align-items:center}
.pay-track li::after{content:"";position:absolute;left:22px;top:46px;height:18px;width:2px;background:var(--line)}
.pay-track li:last-child::after{display:none}
.pt-ico{grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--chip);color:var(--blue);border:2px solid var(--blue)}
.pt-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pt-start .pt-ico{background:var(--blue);color:var(--on-blue)}
.pt-end .pt-ico{border-color:var(--ok-ink);color:var(--ok-ink);background:var(--surface)}
.pay-track b{font-size:16px;line-height:1.3}
.pay-track small{color:var(--muted);font-size:14px;line-height:1.35}
.pay-note{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding-left:60px;margin-top:16px}

/* Free support after delivery */
.support{position:relative;overflow:hidden;isolation:isolate;margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:clamp(22px,3vw,34px);border-radius:var(--radius);background:var(--hero-bg);color:var(--hero-ink)}
.support::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.support-badge{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:rgba(52,199,143,.14);color:var(--ok)}
.support-badge svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.support .eyebrow{color:var(--ok)}
.support h3{font-size:clamp(21px,2.3vw,27px)}
.support-copy > p:last-child{color:var(--hero-muted);font-size:16px;max-width:64ch}
.support-days{text-align:right}
.support-days b{display:block;white-space:nowrap;flex:none;font-family:var(--font-display);font-size:clamp(42px,4.6vw,58px);font-weight:760;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--hl-a),var(--hl-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.support-days span{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}

/* Stack band */
.band{background:var(--hero-bg);color:var(--hero-ink);position:relative;overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%)}
.band .eyebrow{color:var(--hl-a)}
.band .lead{color:var(--hero-muted)}
.band .chip{background:var(--hero-chip);color:var(--hero-chip-ink);border:1px solid var(--hero-line)}
.stack{display:flex;flex-direction:column}
.stack-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px 28px;padding-block:18px;border-top:1px solid var(--hero-line);align-items:start}
.stack-row:last-child{border-bottom:1px solid var(--hero-line)}
.stack-row > span{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-muted);padding-top:4px}
.stack .chip{font-size:13px;padding:5px 12px 5px 5px;gap:8px}
.stack .chip img{width:23px;height:23px;padding:3px}
.industries{margin-top:52px;display:flex;flex-direction:column;gap:16px}
.industries .chips{gap:8px}
.industries .chip{font-family:var(--font-body);font-size:14.5px;padding:6px 14px 6px 6px;gap:9px}
.industries .chip img{width:24px;height:24px;padding:4px}

/* About */
.about{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(36px,5vw,64px);align-items:start}
.profile{display:flex;flex-direction:column;gap:22px}
.person{display:flex;align-items:center;gap:16px}
.avatar{width:72px;height:72px;flex:none;border-radius:20px;display:grid;place-items:center;font-family:var(--font-display);font-weight:760;font-size:26px;color:#fff;background:linear-gradient(135deg,#3B7BFF,#173BB5);box-shadow:var(--shadow)}
.person b{display:block;font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;line-height:1.15}
.person span{display:block;color:var(--muted);font-size:15px}
.profile .bio{display:flex;flex-direction:column;gap:14px;color:var(--muted)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.facts div{background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.facts small{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts b{font-size:15.5px;font-weight:600}
.profile-ctas{display:flex;flex-wrap:wrap;gap:12px}
.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.timeline{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 28px}
.timeline li.timeline-title{display:block;border-top:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-block:16px 6px}
.timeline li{display:grid;grid-template-columns:110px 32px minmax(0,1fr);gap:14px;align-items:center;padding-block:14px;border-top:1px solid var(--line)}
.timeline .yr{font-family:var(--font-mono);font-size:13px;color:var(--blue);font-variant-numeric:tabular-nums}
.timeline b{display:block;font-size:16px}
.timeline .org{display:block;color:var(--muted);font-size:14.5px}

/* Contact */
.contact{position:relative;overflow:hidden;isolation:isolate;background:var(--hero-bg);color:var(--hero-ink);border-radius:24px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px 56px}
.contact::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--hero-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-line) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 100% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse 70% 90% at 100% 0%,#000,transparent 70%)}
.contact::after{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-180px;top:-240px;background:radial-gradient(circle,rgba(40,105,255,.4),transparent 62%)}
.contact > div{display:flex;flex-direction:column;gap:20px;min-width:0}
.contact .eyebrow{color:var(--hl-a)}
.contact .lead{color:var(--hero-muted)}
.email-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 10px 10px 18px;border:1px solid rgba(160,190,245,.28);border-radius:14px;background:rgba(10,26,58,.6);max-width:max-content}
.email-row code{font-family:var(--font-mono);font-size:15px;color:var(--hero-ink);user-select:all;word-break:break-all}
.copy{font:600 13.5px/1 var(--font-body);padding:9px 14px;border-radius:9px;border:0;background:var(--blue);color:var(--on-blue);cursor:pointer;min-width:74px}
.include{background:rgba(255,255,255,.04);border:1px solid var(--hero-line);border-radius:18px;padding:26px 26px 22px;align-self:start}
.include h3{font-size:19px}
.include{display:flex;flex-direction:column;gap:18px}
.include li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;color:var(--hero-muted);font-size:15.5px}
.include svg{width:20px;height:20px;color:var(--hl-b);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}

/* Footer */
.footer{padding-block:40px 48px;border-top:1px solid var(--line);margin-top:clamp(76px,9vw,120px)}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.footer .brand b{color:var(--ink)}
.footer .brand small{color:var(--muted)}
.footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.footer nav a{color:var(--muted);text-decoration:none;font-size:15px}
.footer nav a:hover{color:var(--blue)}
.footer p{width:100%;color:var(--muted);font-size:14px}

/* Responsive */
@media (max-width:1060px){
  .nav-links{display:none}
  .menu-btn{display:inline-flex}
  .nav-inner > .btn{margin-left:auto}
  .nav-inner > .btn + .menu-btn{margin-left:0}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .console-wrap{max-width:640px}
  .badge{left:auto;right:16px;bottom:-26px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .step:nth-child(2)::before{right:0}
  .standards{grid-template-columns:minmax(0,1fr)}
  .deep-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .deep-results{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .deep-results .sp-label{grid-column:1/-1}
  .deep-results .kpi{border-top:0;padding-top:0}
  .about{grid-template-columns:minmax(0,1fr)}
  .contact{grid-template-columns:minmax(0,1fr)}
  .p2p{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .stages{grid-template-columns:minmax(0,1fr)}
  .stage-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .questions,.faq-wrap{grid-template-columns:minmax(0,1fr)}
  .flow{grid-column:1/-1;order:3}
}
@media (max-width:860px){
  .section-head{grid-template-columns:minmax(0,1fr);align-items:start}
  .features{grid-template-columns:minmax(0,1fr)}
  .also{grid-template-columns:repeat(2,minmax(0,1fr))}
  .engage{grid-template-columns:minmax(0,1fr);gap:28px}
  .pricing{grid-template-columns:minmax(0,1fr)}
  .support{grid-template-columns:auto minmax(0,1fr)}
  .payments{grid-template-columns:minmax(0,1fr)}
  .support-days{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:12px}
  .engage li{border-right:0;margin-right:0;padding:0 0 28px;border-bottom:1px solid var(--line)}
  .engage li:last-child{border-bottom:0;padding-bottom:0}
  .stack-row{grid-template-columns:minmax(0,1fr)}
  .p2p-detail{grid-template-columns:minmax(0,1fr)}
  .chooser{grid-template-columns:minmax(0,1fr)}
  .pillar-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 12px}
  .pillar-tabs button[aria-selected="true"]::after{display:none}
  .pillar-head{grid-template-columns:minmax(0,1fr)}
  .pillar .services,.pillar .services[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .across{grid-template-columns:minmax(0,1fr)}
  .arch-grid{grid-template-columns:minmax(0,1fr)}
  .arch-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arch-steps,.arch-steps[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"feat feat" "wide wide" "a b" "c c"}
  .diagram figcaption::before{content:"Swipe sideways to see the full diagram. ";color:var(--blue)}
  .signs-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-panel{grid-template-columns:minmax(0,1fr)}
  .sp-side{border-left:0;padding-left:0;padding-top:22px;border-top:1px solid var(--line)}
  .trust-row{grid-template-columns:minmax(0,1fr)}
  .cmp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cmp-row > b{grid-column:1/-1;padding-bottom:0}
  .cmp-head > :first-child{display:none}
  .p2p-proof{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  body{font-size:16px}
  .nav-inner > .btn{display:none}
  .menu-btn{margin-left:auto}
  .nav-inner > .btn + .menu-btn{margin-left:auto}
  .services,.cases,.also,.std-list,.steps{grid-template-columns:minmax(0,1fr)}
  .step::before{right:0}
  .badge{position:relative;left:auto;right:auto;bottom:auto;margin-top:16px}
  .stats-wrap{margin-top:-40px}
  .hero-grid{padding-bottom:84px}
  .stat{padding:20px}
  .log .t{display:none}
  .timeline{padding:6px 20px}
  .timeline li{grid-template-columns:32px minmax(0,1fr);gap:4px 12px}
  .timeline .yr{grid-column:1/-1}
  .facts{grid-template-columns:minmax(0,1fr)}
  .p2p{grid-template-columns:minmax(0,1fr)}
  .flow{order:0;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .flow::before,.flow::after{display:none}
  .pill{font-size:13.5px}
  .support{grid-template-columns:minmax(0,1fr)}
  .stage-tabs{grid-template-columns:minmax(0,1fr)}
  .deep-grid{grid-template-columns:minmax(0,1fr)}
  .deep-results{grid-template-columns:minmax(0,1fr)!important}
  .support-days{flex-wrap:wrap;gap:16px 28px}
  .sp-cols,.q-list{grid-template-columns:minmax(0,1fr)}
  .signs-wide{grid-template-columns:minmax(0,1fr)}
  .glance dl{grid-template-columns:minmax(0,1fr)}
  .glance dl > div{grid-template-columns:minmax(0,1fr);gap:2px}
  .arch-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arch-tabs small{display:none}
  .pillar-tabs small{display:none}
  .pillar-tabs button{padding:14px}
  .pillar-tabs b{font-size:18px}
  .pillar .services,.pillar .services[data-n="4"]{grid-template-columns:minmax(0,1fr)}
  .arch-tabs button{padding:10px;gap:10px}
  .arch-tabs img{width:34px;height:34px;padding:6px}
  .arch-steps,.arch-steps[data-n="6"]{grid-template-columns:minmax(0,1fr)}
  .tm-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"feat" "wide" "a" "b" "c"}
  .cmp-row > *{padding:12px 16px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Inner pages */
.page-hero-in{display:flex;flex-direction:column;gap:18px;max-width:880px;padding-block:clamp(40px,6vw,76px) clamp(44px,6vw,72px)}
.crumbs{font-family:var(--font-mono);font-size:12.5px;color:var(--hero-muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--hero-muted);text-decoration:none}
.crumbs a:hover{color:var(--hero-ink)}
.crumbs span[aria-current]{color:var(--hero-ink)}
.byline{font-size:14.5px;color:var(--hero-muted)}
.tldr{margin-top:clamp(-40px,-3vw,-24px);position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 40px;padding:clamp(22px,3vw,32px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.tldr-text{font-size:17.5px;line-height:1.6}
.tldr dl{margin:0;display:flex;flex-direction:column}
.tldr dl > div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding-block:9px;border-top:1px solid var(--line)}
.tldr dl > div:first-child{border-top:0;padding-top:0}
.tldr dt{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.tldr dd{margin:0;font-size:15px;font-weight:600}
.when{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 48px;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.when h2{font-size:clamp(24px,2.6vw,32px)}
.when .ticks{font-size:16px}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.lessons li{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.lessons b{display:block;font-size:16.5px;margin-bottom:6px}
.lessons span{color:var(--muted);font-size:15px}
.page-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:clamp(24px,3.4vw,40px);border-radius:20px;background:var(--hero-bg);color:var(--hero-ink)}
.page-cta h2{font-size:clamp(24px,2.8vw,34px)}
.page-cta p{color:var(--hero-muted)}
.page-cta .email{font-family:var(--font-mono);font-size:14.5px;color:var(--hero-ink);user-select:all}
.page-cta .hero-ctas{align-items:center}
.page-section{padding-block:clamp(48px,6vw,80px)}
.page-section + .page-section{padding-top:0}
.lessons .fit-tag{display:inline-block;margin-bottom:10px;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:var(--on-blue)}
.lessons .fit-tag.fit-next{background:var(--chip);color:var(--chip-ink)}
@media (max-width:860px){
  .tldr,.when{grid-template-columns:minmax(0,1fr)}
}