/* Thinkers Engine v2 — dark precision, with a light mode. Tokens first; components never hard-code colour. */
:root{
  /* dark (default) */
  --ink:#0A0B0D;--ink-2:#0D0F13;--surface:#111318;--surface-2:#151821;--border:#1F232B;--border-2:#2A2F3A;
  --paper:#F2F4F7;--paper-2:#C9CED8;--muted:#8B93A1;--muted-2:#5F6775;
  --cobalt:#3B82F6;--cobalt-2:#60A5FA;--cobalt-glow:rgba(59,130,246,.18);
  --grid:rgba(242,244,247,.045);--glass:rgba(10,11,13,.82);--shadow:0 30px 80px -30px rgba(0,0,0,.8);
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1200px;--gutter:clamp(16px,4vw,40px);--r-sm:6px;--r:12px;--r-lg:16px;--ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --ink:#F6F7F9;--ink-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#F0F2F5;--border:#E3E6EB;--border-2:#D3D7DE;
  --paper:#0A0B0D;--paper-2:#2B3038;--muted:#5F6775;--muted-2:#8B93A1;
  --cobalt:#2563EB;--cobalt-2:#3B82F6;--cobalt-glow:rgba(37,99,235,.14);
  --grid:rgba(10,11,13,.06);--glass:rgba(246,247,249,.85);--shadow:0 30px 80px -40px rgba(10,11,13,.35);
  color-scheme:light;
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --ink:#F6F7F9;--ink-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#F0F2F5;--border:#E3E6EB;--border-2:#D3D7DE;
  --paper:#0A0B0D;--paper-2:#2B3038;--muted:#5F6775;--muted-2:#8B93A1;
  --cobalt:#2563EB;--cobalt-2:#3B82F6;--cobalt-glow:rgba(37,99,235,.14);
  --grid:rgba(10,11,13,.06);--glass:rgba(246,247,249,.85);--shadow:0 30px 80px -40px rgba(10,11,13,.35);
  color-scheme:light;
}}
/* always-dark surfaces (showcase band, CTA field, agent log) keep their own tokens */
.dark-scope{--ink:#0A0B0D;--ink-2:#0D0F13;--surface:#111318;--surface-2:#151821;--border:#1F232B;--border-2:#2A2F3A;--paper:#F2F4F7;--paper-2:#C9CED8;--muted:#8B93A1;--muted-2:#5F6775;--cobalt:#3B82F6;--cobalt-2:#60A5FA;--cobalt-glow:rgba(59,130,246,.18);--grid:rgba(242,244,247,.045);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s var(--ease),color .25s var(--ease)}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:where(:not(.btn)):hover{color:var(--cobalt-2)}
:focus-visible{outline:2px solid var(--cobalt-2);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--cobalt);color:#fff;padding:8px 12px;border-radius:6px;z-index:100}.skip:focus{left:8px}
.wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
ul,ol{margin:0;padding:0;list-style:none}p{margin:0}dl,dt,dd{margin:0}
[hidden]{display:none!important}

/* icon system + ornaments + background images */
.ico__accent{fill:var(--cobalt)}
.orn{display:block;color:var(--muted-2);margin-bottom:14px}.orn__accent{fill:var(--cobalt)}
.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;opacity:.55;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 70%)}
:root[data-theme="light"] .bgimg{opacity:.18;mix-blend-mode:multiply}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .bgimg{opacity:.18;mix-blend-mode:multiply}}
.bgimg--home{opacity:.5;object-position:right center}
.bgimg--hero{opacity:.45}
.page-hero{position:relative;overflow:hidden;isolation:isolate}
.statement-band,.timeline-section{position:relative;overflow:hidden;isolation:isolate}
.statement-band .bgimg{opacity:.55;mask-image:linear-gradient(90deg,transparent 30%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 80%)}
.timeline-section .bgimg{opacity:.28;mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent)}
.cta-field .bgimg{opacity:.6;mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,#000 30%,transparent 80%);z-index:0}
.cta-field__dots{z-index:0}.cta-field__inner{z-index:1}
.timeline__icon,.ledger__icon,.capab__icon,.tiles__icon,.vt__icon{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border-2);border-radius:10px;background:var(--ink);color:var(--paper);margin-bottom:12px}
.timeline__icon .ico,.ledger__icon .ico,.capab__icon .ico,.tiles__icon .ico,.vt__icon .ico{width:20px;height:20px}
.ledger__icon{margin:0;align-self:center}
.statement-band__points li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.statement-band__points .ico{width:22px;height:22px;color:var(--paper);margin-top:2px}
.compare__row--head [role="columnheader"] .ico{width:20px;height:20px;margin-bottom:8px;color:var(--paper-2)}
.compare__row--head .is-accent .ico{color:var(--cobalt-2)}
.whybuilt__next li{align-items:center}.whybuilt__next li::before{display:none}.whybuilt__next .ico{width:18px;height:18px;color:var(--cobalt-2);flex:none}

/* type */
.h1{font-size:clamp(40px,6.4vw,76px);line-height:1.02;letter-spacing:-.03em;font-weight:600;margin:0;text-wrap:balance}
.h2{font-size:clamp(28px,3.6vw,44px);line-height:1.1;letter-spacing:-.025em;font-weight:600;margin:0;text-wrap:balance}
.h3{font-size:clamp(18px,1.6vw,21px);line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:0}
.lead{font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--paper-2);max-width:60ch;text-wrap:pretty}
.label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.meta{font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.fine{font-size:13.5px;color:var(--muted);line-height:1.5}
.fine a{color:var(--cobalt-2);text-decoration:underline;text-underline-offset:3px}
.section-head{max-width:640px}.section-head .lead{margin-top:16px}.section-head .btn{margin-top:26px}
.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--paper-2);font-weight:500}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:var(--r-sm);font-weight:500;font-size:15px;line-height:1;border:1px solid transparent;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);cursor:pointer;font-family:inherit;white-space:nowrap}
.btn--primary{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}.btn--primary:hover{background:var(--cobalt-2);border-color:var(--cobalt-2)}
.btn--ghost{background:transparent;color:var(--paper);border-color:var(--border-2)}.btn--ghost:hover{border-color:var(--paper-2);background:color-mix(in srgb,var(--paper) 4%,transparent)}
.btn:active{transform:translateY(1px)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.actions--center{justify-content:center}
.ico{flex:none}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--glass);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border)}
.header-row{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper)}
.brand__mark{width:34px;height:34px;color:var(--paper)}.brand__wordmark{height:11px;width:auto;color:var(--paper)}
.nav{margin-left:auto}.nav ul{display:flex;gap:4px}
.nav a{display:block;padding:8px 12px;border-radius:var(--r-sm);color:var(--paper-2);font-size:14.5px;font-weight:500}
.nav a:hover{color:var(--paper);background:color-mix(in srgb,var(--paper) 5%,transparent)}
.nav a[aria-current="page"]{color:var(--paper)}
.header-cta{padding:10px 16px;font-size:14px}
.theme-toggle{width:40px;height:40px;border:1px solid var(--border-2);border-radius:var(--r-sm);background:transparent;color:var(--paper);display:grid;place-items:center;cursor:pointer;padding:0}
.theme-toggle:hover{border-color:var(--paper-2)}
.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}
:root[data-theme="light"] .theme-toggle .sun{display:block}:root[data-theme="light"] .theme-toggle .moon{display:none}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .theme-toggle .sun{display:block}:root:not([data-theme="dark"]) .theme-toggle .moon{display:none}}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--border-2);border-radius:var(--r-sm);background:transparent;cursor:pointer;position:relative}
.nav-toggle span{position:absolute;left:11px;right:11px;height:2px;background:var(--paper);border-radius:2px;transition:transform .2s var(--ease),top .2s var(--ease)}
.nav-toggle span:first-child{top:15px}.nav-toggle span:last-child{top:25px}
.nav-toggle[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}
.mobile-nav{border-top:1px solid var(--border);background:var(--ink)}
.mobile-nav ul{padding:12px var(--gutter) 20px;display:grid;gap:4px}
.mobile-nav a:not(.btn){display:block;padding:12px 8px;font-size:17px;font-weight:500;border-bottom:1px solid var(--border)}
.mobile-nav .btn{margin-top:12px;justify-content:center}
@media(max-width:900px){.nav,.header-cta{display:none}.nav-toggle{display:block}.header-row{gap:10px}.theme-toggle{margin-left:auto}}
@media(min-width:901px){.mobile-nav{display:none!important}}

/* ===== HOME 1 · hero ===== */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 70% at 62% 45%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 62% 45%,#000 30%,transparent 80%);z-index:-1}
.hero::after{content:"";position:absolute;inset:auto -10% -40% 30%;height:60%;background:radial-gradient(closest-side,var(--cobalt-glow),transparent);filter:blur(40px);z-index:-1;opacity:.8}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center;padding-block:clamp(56px,8vw,112px)}
.hero__copy .lead{margin-top:24px;max-width:54ch}
.guarantees{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;font-size:14.5px;color:var(--paper-2)}
.guarantees li{display:flex;align-items:center;gap:9px}.guarantees .ico{color:var(--cobalt-2);width:16px;height:16px}
.hero__art{position:relative;min-height:420px}
.circuit{width:100%;height:auto;color:var(--paper)}
.circuit__rails{fill:none}.circuit__rails path{stroke:var(--paper)}.circuit__nodes circle{fill:var(--paper)}.circuit__nodes--accent circle{fill:var(--cobalt)}
.circuit .r{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 1.1s var(--ease) forwards}
.circuit .r1{animation-delay:.05s}.circuit .r7{animation-delay:.25s}.circuit .r8{animation-delay:.35s}.circuit .ra{animation-delay:.55s}.circuit .r2{animation-delay:.7s}.circuit .r3{animation-delay:.9s}.circuit .r4{animation-delay:1.05s}.circuit .r5{animation-delay:1.15s}.circuit .r6{animation-delay:1.25s}.circuit .r9{animation-delay:1.4s}
.circuit .n{opacity:0;transform-origin:center;transform-box:fill-box;animation:pop .5s var(--ease) forwards;animation-delay:1.5s}
.circuit__nodes--accent .n{animation-delay:.9s}
.circuit__accent .r,.circuit__nodes--accent .n{filter:drop-shadow(0 0 6px rgba(59,130,246,.55))}
.circuit__pulse{offset-path:path('M40 120H200V280H360V440H520V360H600');offset-distance:0%;opacity:0;animation:travel 7s linear infinite 2.2s;filter:drop-shadow(0 0 6px rgba(59,130,246,.9))}
.circuit__labels text{fill:var(--muted)}
.circuit__labels{opacity:0;animation:fade .6s var(--ease) forwards;animation-delay:1.9s}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes fade{to{opacity:1}}
@keyframes travel{0%{offset-distance:0%;opacity:0}4%{opacity:1}96%{opacity:1}100%{offset-distance:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.circuit .r{stroke-dashoffset:0}.circuit .n,.circuit__labels{opacity:1}.circuit__pulse{display:none}}
.hero .hero__render{position:absolute;right:calc(-1 * var(--gutter) - (100vw - min(var(--wrap),100vw - var(--gutter)*2))/2);top:0;height:100%;width:auto;max-width:none;object-fit:cover;object-position:62% center;aspect-ratio:auto;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);border-radius:0;box-shadow:none;border:0;z-index:-1;transform:none;pointer-events:none;filter:saturate(1.05)}
:root[data-theme="light"] .hero .hero__render{position:relative;right:auto;top:auto;height:auto;width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover;object-position:right center;mask-image:none;-webkit-mask-image:none;border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--border-2);z-index:0}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .hero .hero__render{position:relative;right:auto;top:auto;height:auto;width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover;object-position:right center;mask-image:none;-webkit-mask-image:none;border-radius:var(--r-lg);box-shadow:var(--shadow);border:1px solid var(--border-2);z-index:0}}
.hero__art{min-height:540px}
@media(max-width:900px){.hero .hero__render,:root[data-theme="light"] .hero .hero__render,:root[data-theme="dark"] .hero .hero__render,:root:not([data-theme="dark"]) .hero .hero__render{position:relative;right:auto;top:auto;height:auto;width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover;object-position:right center;mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);border-radius:0;box-shadow:none;border:0;z-index:0}.hero__art{min-height:0}}
.agentlog__lines li{opacity:0;transform:translateY(4px);animation:linein .4s var(--ease) forwards}
.agentlog__lines li:nth-child(1){animation-delay:2.6s}.agentlog__lines li:nth-child(2){animation-delay:3.1s}.agentlog__lines li:nth-child(3){animation-delay:3.6s}.agentlog__lines li:nth-child(4){animation-delay:4.1s}.agentlog__lines li:nth-child(5){animation-delay:4.6s}
@keyframes linein{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.agentlog__lines li{opacity:1;transform:none}.agentlog{opacity:1}}
.agentlog{position:absolute;left:-12px;bottom:-8px;width:min(380px,92%);border:1px solid var(--border-2);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);font-family:var(--mono);font-size:12px;overflow:hidden;animation:fade .6s var(--ease) both 2.2s;opacity:0}
.agentlog__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.agentlog__bar i{width:7px;height:7px;border-radius:50%;background:var(--border-2)}.agentlog__bar span{margin-left:6px}.agentlog__bar em{margin-left:auto;font-style:normal;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.agentlog__live i{width:6px;height:6px;background:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-glow);animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}
.agentlog__lines{padding:10px 12px 12px;display:grid;gap:6px;color:var(--paper-2)}
.agentlog__lines li{display:flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agentlog__lines time{color:var(--muted-2)}.agentlog__lines .k{color:var(--cobalt-2);min-width:46px}.agentlog__lines .d{color:var(--muted)}
.agentlog__lines .ok .d{color:var(--cobalt-2)}
@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__art{order:-1;max-width:460px;margin-bottom:40px;min-height:0}.guarantees{grid-template-columns:1fr}.agentlog{position:relative;left:0;bottom:auto;margin-top:16px;width:100%}}

/* ===== HOME 2 · marquee ===== */
.marquee{padding-block:36px 40px;border-bottom:1px solid var(--border);background:var(--ink-2);overflow:hidden}
.marquee__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.marquee__head .label{margin:0}.marquee__head .fine{max-width:52ch}
.marquee__row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding-block:6px}
.marquee__track{display:flex;gap:36px;width:max-content;animation:slide 60s linear infinite}
.marquee__row--rev .marquee__track{animation-direction:reverse}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.logo{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:14.5px;font-weight:500;white-space:nowrap}
.logo svg{width:20px;height:20px}.logo--text span{font-weight:600;letter-spacing:.01em}
@media(prefers-reduced-motion:reduce){.marquee__track{animation:none;flex-wrap:wrap;width:auto}}

/* ===== HOME 3 · bento ===== */
.section{padding-block:clamp(56px,8vw,112px)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:16px;margin-top:44px}
.bento__tile{grid-column:span 5;position:relative;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;color:inherit;display:flex;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.bento__tile:hover{border-color:var(--border-2);transform:translateY(-2px)}
.bento__tile--lg{grid-column:span 7;grid-row:span 2;flex-direction:column}
.bento__tile--wide{grid-column:span 12}
.bento__body{padding:28px;display:grid;gap:12px;align-content:start}
.bento__body p{color:var(--muted);font-size:15px;line-height:1.55;max-width:46ch}
.bento__body--row{grid-template-columns:auto 1fr auto;align-items:center;gap:22px}
.bento__body--row p{max-width:70ch}
.bento__icon{width:44px;height:44px;border:1px solid var(--border-2);border-radius:10px;display:grid;place-items:center;color:var(--paper);background:var(--ink)}
.bento__icon .ico{width:22px;height:22px}
.bento__diagram{margin:auto 28px 24px;width:calc(100% - 56px);max-width:520px}
.bento__tile:hover .more{color:var(--cobalt-2)}
@media(max-width:900px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento__tile,.bento__tile--lg,.bento__tile--wide{grid-column:span 1;grid-row:span 1}.bento__body--row{grid-template-columns:auto 1fr}.bento__body--row .more{grid-column:2}}

/* ===== HOME 4 · statement band ===== */
.statement-band{padding-block:clamp(64px,9vw,128px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--ink-2)}
.statement-band__text{font-size:clamp(22px,2.9vw,36px);line-height:1.22;letter-spacing:-.022em;font-weight:600;color:var(--muted);max-width:34ch;text-wrap:pretty}
.statement-band__text span{color:var(--paper)}
.statement-band__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(40px,6vw,72px);padding-top:32px;border-top:1px solid var(--border);color:var(--muted);font-size:15.5px;line-height:1.55}
.statement-band__points b{color:var(--paper);display:block;margin-bottom:6px;font-weight:600}
@media(max-width:800px){.statement-band__points{grid-template-columns:1fr}}

/* ===== HOME 5 · timeline ===== */
.timeline-section{position:relative}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;padding-top:56px}
.timeline::before{content:"";position:absolute;left:0;right:0;top:30px;height:2px;background:var(--border-2)}
.timeline__step{position:relative;padding-right:28px}
.timeline__idx{position:absolute;top:-56px;left:0;font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.08em}
.timeline__node{position:absolute;top:-33px;left:0;width:14px;height:14px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px var(--ink)}
.timeline__step--accent .timeline__node{background:var(--cobalt);box-shadow:0 0 0 5px var(--ink),0 0 0 9px var(--cobalt-glow)}
.timeline__card{border-left:1px solid var(--border);padding-left:18px}
.timeline__step:nth-child(even) .timeline__card{margin-top:44px}
.timeline__card p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:10px}
@media(max-width:900px){.timeline{grid-template-columns:1fr;padding-top:0;padding-left:34px;gap:36px}.timeline::before{top:0;bottom:0;left:6px;right:auto;width:2px;height:auto}.timeline__idx{top:-2px;left:-34px;transform:translateX(-100%);display:none}.timeline__node{left:-34px;top:4px}.timeline__step:nth-child(even) .timeline__card{margin-top:0}.timeline__card{border-left:0;padding-left:0}.timeline__step{padding-right:0}}

/* ===== HOME 6 · showcase band (always dark) ===== */
.showcase{position:relative;overflow:hidden;isolation:isolate;color:#F2F4F7;--ink:#0A0B0D;--surface:#111318;--surface-2:#151821;--border:#1F232B;--border-2:#2A2F3A;--paper:#F2F4F7;--paper-2:#C9CED8;--muted:#8B93A1;--muted-2:#5F6775;--cobalt:#3B82F6;--cobalt-2:#60A5FA;--cobalt-glow:rgba(59,130,246,.18);--shadow:0 30px 80px -30px rgba(0,0,0,.8);background:#0A0B0D}
.showcase__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2;opacity:.9}
.showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0A0B0D 0%,#0A0B0D 42%,rgba(10,11,13,.55) 70%,rgba(10,11,13,.35) 100%);z-index:-1}
.showcase__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,80px);align-items:center;padding-block:clamp(72px,10vw,140px)}
.showcase__copy .lead{margin-top:18px;color:#C9CED8}
.showcase__copy .h2{margin-top:18px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-2);color:var(--paper-2);width:max-content}
.pill--live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-glow)}
.askcard{border:1px solid var(--border-2);border-radius:var(--r-lg);background:rgba(17,19,24,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:0 0 18px;max-width:460px;justify-self:end}
.askcard__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}
.askcard__bar img{border-radius:4px}.askcard__bar em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted-2)}
.askcard__q{padding:16px 16px 0;color:var(--muted);font-size:14.5px}
.askcard__a{padding:10px 16px 0;font-size:16px;line-height:1.5}
.askcard__cites{margin:14px 16px 0;display:grid;gap:8px}
.askcard__cites li{font-size:13px;color:var(--paper-2);padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--ink)}
.askcard__cites span{font-family:var(--mono);font-size:11px;color:var(--cobalt-2);margin-right:8px}
@media(max-width:900px){.showcase__grid{grid-template-columns:1fr}.askcard{justify-self:start}.showcase::before{background:linear-gradient(180deg,#0A0B0D 0%,rgba(10,11,13,.85) 60%,rgba(10,11,13,.6) 100%)}}

/* DialogSignal lockup (product's own green — intentional) */
.ds-lockup{justify-self:end;display:grid;justify-items:center;text-align:center;gap:14px;padding:clamp(28px,4vw,48px);max-width:460px;width:100%}
.ds-lockup__mark{width:clamp(120px,14vw,180px);height:auto;filter:drop-shadow(0 0 28px rgba(76,227,160,.35))}
.ds-lockup__word{font-family:"Nunito Sans",var(--sans);font-weight:900;font-size:clamp(34px,4vw,52px);letter-spacing:-.02em;color:#F2F8F5;line-height:1}
.ds-lockup__word span{color:#4CE3A0}
.ds-lockup__tag{color:#C9CED8;font-size:15px}
@media(max-width:900px){.ds-lockup{justify-self:start;justify-items:start;text-align:left;padding:0}}

/* ===== HOME 7 · ledger ===== */
.ledger{margin-top:40px;border-top:1px solid var(--border)}
.ledger li{display:grid;grid-template-columns:80px 46px minmax(0,220px) 1fr;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--border)}
.ledger__idx{font-family:var(--mono);font-size:28px;font-weight:400;color:var(--muted-2);letter-spacing:-.02em}
.ledger b{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em}
.ledger span:last-child{color:var(--muted);font-size:16px;line-height:1.55;max-width:56ch}
.ledger li:hover .ledger__idx{color:var(--cobalt-2)}
@media(max-width:700px){.ledger li{grid-template-columns:56px 46px 1fr;gap:8px 16px}.ledger span:last-child{grid-column:2/-1}}

/* ===== HOME 8 · editorial founders ===== */
.editorial__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.editorial__portraits{position:relative;aspect-ratio:1/1;max-width:520px}
.editorial__portraits img{position:absolute;width:62%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--border-2);filter:saturate(.85);box-shadow:var(--shadow)}
.editorial__portraits img:first-child{left:0;top:0}
.editorial__portraits img:last-child{right:0;bottom:0}
.pullquote{margin:24px 0;font-size:clamp(20px,2.2vw,26px);line-height:1.35;letter-spacing:-.015em;font-weight:500;color:var(--paper);border-left:2px solid var(--cobalt);padding-left:20px}
.editorial__names{font-size:14px;color:var(--muted);margin-bottom:12px}.editorial__names b{color:var(--paper);font-weight:600}
.editorial__copy p:not(.editorial__names){color:var(--paper-2);max-width:56ch}
.editorial__copy .btn{margin-top:24px}
@media(max-width:900px){.editorial__grid{grid-template-columns:1fr}.editorial__portraits{max-width:380px}}

/* ===== CTA field (always dark) + footer ===== */
.cta-field{position:relative;overflow:hidden;background:#0A0B0D;color:#F2F4F7;border-top:1px solid #1F232B;--paper:#F2F4F7;--paper-2:#C9CED8;--border-2:#2A2F3A;--cobalt:#3B82F6;--cobalt-2:#60A5FA}
.cta-field__dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(242,244,247,.16) 1.4px,transparent 1.6px);background-size:22px 22px;mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 20%,transparent 75%)}
.cta-field__dots i{position:absolute;width:5px;height:5px;border-radius:50%;background:#3B82F6;box-shadow:0 0 12px 3px rgba(59,130,246,.55);animation:twinkle 4.2s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:1}}
.cta-field__inner{position:relative;text-align:center;padding-block:clamp(80px,11vw,150px);max-width:720px}
.cta-field__inner .lead{margin:18px auto 0;color:#C9CED8}
.site-footer{background:#0D0F13;color:#F2F4F7;padding-block:clamp(48px,6vw,72px) 32px;border-top:1px solid #1F232B;--paper:#F2F4F7;--muted:#8B93A1;--border:#1F232B}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px}
.footer-brand__mark{width:40px;height:40px;color:#F2F4F7;margin-bottom:14px}.footer-brand p{color:#8B93A1;font-size:14.5px}
.footer-col h3{font-size:13px;font-weight:600;letter-spacing:.02em;margin:0 0 14px}
.footer-col ul{display:grid;gap:8px}.footer-col a{color:#8B93A1;font-size:14.5px}.footer-col a:hover{color:#F2F4F7}
.footer-wordmark{margin-top:56px;color:#F2F4F7;opacity:.07}.footer-wordmark__svg{width:100%;height:auto}
.footer-meta{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;padding-top:24px;border-top:1px solid #1F232B;margin-top:28px;font-size:13.5px;color:#8B93A1}
.footer-meta a:hover{color:#F2F4F7}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-meta{flex-direction:column}}

/* ===== inner page hero ===== */
.page-hero{padding-block:clamp(48px,7vw,88px) clamp(28px,4vw,48px);border-bottom:1px solid var(--border)}
.page-hero .lead{margin-top:20px;max-width:64ch}

/* ===== SERVICES · sticky index + long scroll ===== */
.svc__grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.svc__index{position:sticky;top:96px}
.svc__index ul{display:grid;gap:2px;border-left:1px solid var(--border)}
.svc__index a{display:block;padding:8px 16px;color:var(--muted);font-size:14.5px;border-left:2px solid transparent;margin-left:-1px}
.svc__index a:hover{color:var(--paper)}.svc__index a.is-active{color:var(--paper);border-left-color:var(--cobalt)}
.svc__index-sep{height:14px}
.svc__body{display:grid;gap:clamp(56px,7vw,96px)}
.svc__item{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:center;scroll-margin-top:96px}
.svc__item:nth-child(even) .svc__figure{order:-1}
.svc__kicker{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-2);margin-bottom:12px}
.bullets{display:grid;gap:14px;margin-top:24px}
.bullets li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.5;color:var(--paper-2)}
.bullets .ico{color:var(--cobalt-2);margin-top:4px;width:18px;height:18px}
.svc__meta{display:flex;gap:32px;margin-top:26px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}
.svc__meta dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.svc__meta dd{font-size:14.5px;color:var(--paper-2)}
.svc__figure{margin:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:24px;aspect-ratio:16/9;display:grid;place-items:center}
.svc__figure svg{width:100%;height:auto;max-width:360px}
.svc__figure--img{padding:0;aspect-ratio:16/10;border-color:var(--border-2);box-shadow:var(--shadow);background:#0A0B0D}
.svc__figure--img img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.agencies__side{display:grid;gap:16px}
.agencies__figure{margin:0;border:1px solid var(--border-2);border-radius:var(--r-lg);overflow:hidden;background:#0A0B0D;box-shadow:var(--shadow);aspect-ratio:16/9}
.agencies__figure img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.svc__grid{grid-template-columns:1fr}.svc__index{position:static}.svc__index ul{display:flex;flex-wrap:wrap;gap:6px;border:0}.svc__index a{border:1px solid var(--border);border-radius:999px;padding:6px 12px;margin:0}.svc__index a.is-active{border-color:var(--cobalt)}.svc__index-sep{display:none}.svc__item{grid-template-columns:1fr}.svc__item:nth-child(even) .svc__figure{order:0}}

/* compare ledger */
.compare__table{margin-top:44px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.compare__row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr}
.compare__row + .compare__row{border-top:1px solid var(--border)}
.compare__row > div{padding:18px 20px;font-size:15px;color:var(--paper-2);line-height:1.5}
.compare__row > div + div{border-left:1px solid var(--border)}
.compare__row [role="rowheader"]{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:22px}
.compare__row--head > div{padding:22px 20px}
.compare__row--head b{display:block;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--paper)}.compare__row--head span{font-size:13px;color:var(--muted)}
.compare__row .is-accent{background:var(--cobalt-glow)}
.compare__row--head .is-accent b{color:var(--cobalt-2)}
@media(max-width:800px){.compare__row{grid-template-columns:1fr}.compare__row > div + div{border-left:0;border-top:1px solid var(--border)}.compare__row [role="rowheader"]{padding-bottom:6px}.compare__row--head [role="columnheader"]:first-child{display:none}}

/* agencies */
.agencies{background:var(--ink-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.agencies__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,96px);align-items:center}
.agencies__inner .lead{margin-top:16px}.agencies__inner .btn{margin-top:26px}
.agencies__list{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;background:var(--surface)}
.agencies__list li{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:500}.agencies__list .ico{color:var(--cobalt-2)}
@media(max-width:900px){.agencies__inner{grid-template-columns:1fr}}

/* faq */
.faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:36px}
.faq__item{border-top:1px solid var(--border)}.faq__item:last-child{border-bottom:1px solid var(--border)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:500;font-size:17px;letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__plus{width:28px;height:28px;border:1px solid var(--border-2);border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:transform .2s var(--ease),color .2s var(--ease);flex:none}
.faq__plus .ico{width:14px;height:14px}.faq__item[open] .faq__plus{transform:rotate(45deg);color:var(--paper)}
.faq__item p{padding:0 0 22px;color:var(--muted);line-height:1.6;max-width:60ch}
@media(max-width:800px){.faq-cols{grid-template-columns:1fr}.faq-cols .faq + .faq .faq__item:first-child{border-top:0}}

/* ===== PRODUCTS · spotlight + switcher ===== */
.spotlight{position:relative;overflow:hidden;isolation:isolate;background:#0A0B0D;color:#F2F4F7;border-bottom:1px solid #1F232B;--paper:#F2F4F7;--paper-2:#C9CED8;--muted:#8B93A1;--border-2:#2A2F3A;--cobalt:#3B82F6;--cobalt-2:#60A5FA;--cobalt-glow:rgba(59,130,246,.18)}
.spotlight__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;opacity:.85}
.spotlight::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0A0B0D 0%,rgba(10,11,13,.92) 40%,rgba(10,11,13,.5) 75%,rgba(10,11,13,.3) 100%);z-index:-1}
.spotlight__inner{padding-block:clamp(64px,9vw,128px)}.spotlight__inner > *{max-width:720px}
.spotlight__eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B93A1;margin-bottom:28px}
.spotlight__brand{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.spotlight__brand img{border-radius:12px;border:1px solid #2A2F3A}
.spotlight__name{font-size:clamp(36px,5vw,60px)}.spotlight__brand .pill{margin-top:8px}
.spotlight .lead{color:#C9CED8}
.switcher{margin-top:36px}
.switcher__list{display:flex;gap:6px;padding:6px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);flex-wrap:wrap;width:max-content;max-width:100%}
.switcher__tab{padding:10px 16px;border-radius:8px;border:0;background:transparent;color:var(--paper-2);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}
.switcher__tab:hover{color:var(--paper)}
.switcher__tab[aria-selected="true"]{background:var(--ink);color:var(--paper);box-shadow:inset 0 0 0 1px var(--border-2)}
.switcher__panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center;padding-top:40px}
.switcher__text p{color:var(--muted);margin-top:12px;font-size:16.5px;line-height:1.55;max-width:44ch}
.switcher__visual{position:relative;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--ink-2);padding:clamp(20px,3vw,40px);min-height:260px;display:grid;place-items:center}
.mock{width:100%;max-width:460px;border:1px solid var(--border-2);border-radius:var(--r);background:var(--surface);padding:18px;box-shadow:var(--shadow)}
.mock__q{color:var(--muted);font-size:14px}.mock__a{margin-top:10px;font-size:16px;line-height:1.5}
.mock__cites{margin-top:12px;display:grid;gap:8px}.mock__cites li{font-size:13px;color:var(--paper-2);padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--ink)}.mock__cites span{font-family:var(--mono);font-size:11px;color:var(--cobalt-2);margin-right:8px}
.mock--hub ul{display:grid;gap:10px}.mock--hub li{display:flex;align-items:center;gap:10px;font-size:14.5px;padding:10px 0;border-bottom:1px solid var(--border)}.mock--hub li:last-child{border:0}.mock--hub em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted)}
.mock__tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:999px;border:1px solid var(--border-2);color:var(--muted)}
.mock__bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-bottom:14px}.mock__bars i{flex:1;height:var(--h);background:var(--border-2);border-radius:4px 4px 0 0;transform-origin:bottom;animation:grow .9s var(--ease) both}.mock__bars i:nth-child(2){animation-delay:.08s}.mock__bars i:nth-child(3){animation-delay:.16s}.mock__bars i:nth-child(4){animation-delay:.24s}.mock__bars i:nth-child(5){animation-delay:.32s}.mock__bars i:nth-child(6){animation-delay:.4s}.mock__bars i.hot{background:var(--cobalt)}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.mock--tone p{font-size:14.5px;color:var(--paper-2)}
.mock--lang{display:grid;gap:12px}.mock--lang p{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:16px}.mock--lang p[dir="rtl"]{background:var(--ink);font-size:18px}
@media(max-width:900px){.switcher__panel{grid-template-columns:1fr}}
.whybuilt{background:var(--ink-2);border-top:1px solid var(--border)}
.whybuilt__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,96px);align-items:start}
.whybuilt__grid .lead{margin-top:16px}
.whybuilt__next{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:26px}
.whybuilt__next ul{display:grid;gap:10px;margin:14px 0 18px;color:var(--paper-2);font-size:15.5px}
.whybuilt__next li{display:flex;gap:10px}.whybuilt__next li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cobalt);margin-top:9px;flex:none}
@media(max-width:900px){.whybuilt__grid{grid-template-columns:1fr}}

/* ===== WORK · sticky rail + chapters ===== */
.case__grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.case__rail{position:sticky;top:96px}
.case__rail-inner{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:24px}
.case__rail-inner img{border-radius:10px;margin-bottom:14px}
.case__rail .fine{margin-top:6px}
.case__meta{display:grid;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.case__meta dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.case__meta dd{font-size:14.5px;color:var(--paper-2)}.case__meta a{color:var(--cobalt-2)}
.case__toc{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);display:grid;gap:6px;counter-reset:toc}
.case__toc a{display:flex;gap:10px;font-size:14px;color:var(--muted);counter-increment:toc}.case__toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;color:var(--muted-2)}
.case__toc a:hover{color:var(--paper)}
.case__cover{margin:0 0 clamp(40px,6vw,72px);border:1px solid var(--border-2);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.case__cover img{aspect-ratio:16/8;object-fit:cover;width:100%}
.chapter{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:clamp(28px,4vw,44px) 0;border-top:1px solid var(--border);scroll-margin-top:96px}
.chapter__idx{font-family:var(--mono);font-size:26px;color:var(--muted-2);letter-spacing:-.02em;line-height:1.1;padding-top:6px;grid-row:1/span 3}
.chapter > :not(.chapter__idx){grid-column:2}
.chapter .h2{font-size:clamp(24px,2.8vw,34px)}
.chapter p{margin-top:14px;color:var(--paper-2);line-height:1.65;max-width:62ch;font-size:17px}
.chapter .btn{margin-top:22px}
@media(max-width:900px){.case__grid{grid-template-columns:1fr}.case__rail{position:static}.chapter{grid-template-columns:48px 1fr}}

/* ===== ABOUT ===== */
.statement-band--about .statement-band__text{max-width:30ch}
.founders{display:grid;gap:clamp(48px,7vw,96px)}
.founder{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.founder--flip{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.founder--flip img{order:2}
.founder img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:var(--r-lg);filter:saturate(.85);border:1px solid var(--border-2)}
.founder .h2{margin:8px 0 18px;font-size:clamp(26px,3vw,36px)}
.founder__text > p:not(.meta){color:var(--paper-2);line-height:1.65;max-width:60ch}
.founder blockquote{margin:22px 0 0;font-size:17px;line-height:1.5;color:var(--paper);border-left:2px solid var(--cobalt);padding-left:18px}
@media(max-width:900px){.founder,.founder--flip{grid-template-columns:1fr}.founder img{max-width:300px}.founder--flip img{order:0}}
.capab{background:var(--ink-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.capab__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.capab__tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.capab__tiles li{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);padding:22px;display:grid;gap:6px}
.capab__tiles b{font-size:16px;font-weight:600}.capab__tiles span{color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){.capab__grid{grid-template-columns:1fr}}
@media(max-width:560px){.capab__tiles{grid-template-columns:1fr}}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.tiles li{padding:30px 28px;display:grid;gap:12px;align-content:start}.tiles li + li{border-left:1px solid var(--border)}
.tiles b{font-size:24px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.tiles b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cobalt)}
.tiles span{color:var(--muted);font-size:14.5px;line-height:1.5}
@media(max-width:900px){.tiles{grid-template-columns:1fr 1fr}.tiles li:nth-child(3){border-left:0}.tiles li:nth-child(n+3){border-top:1px solid var(--border)}}
@media(max-width:560px){.tiles{grid-template-columns:1fr}.tiles li + li{border-left:0;border-top:1px solid var(--border)}}
.databand__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.databand .bullets{margin-top:0}
@media(max-width:900px){.databand__grid{grid-template-columns:1fr}}

/* ===== CONTACT ===== */
.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,88px);align-items:start}
.vtimeline{display:grid;gap:28px;position:relative;padding-left:30px}
.vtimeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border-2)}
.vtimeline li{position:relative}
.vtimeline__node{position:absolute;left:-30px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px var(--ink)}
.vtimeline__node--accent{background:var(--cobalt);box-shadow:0 0 0 5px var(--ink),0 0 0 9px var(--cobalt-glow)}
.vtimeline p{color:var(--muted);font-size:15px;margin-top:6px}
.bring{margin-top:36px;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.bring ul{display:grid;gap:10px;margin-top:12px}.bring li{display:flex;gap:10px;font-size:15px;color:var(--paper-2)}.bring .ico{color:var(--cobalt-2);margin-top:3px;width:16px;height:16px}
.vcard{font-style:normal;margin-top:28px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:24px;display:grid;gap:18px}
.vcard__rows{display:grid;gap:14px}
.vcard__rows > div{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:start;padding-top:14px;border-top:1px solid var(--border)}
.vcard__rows dt{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.vcard__rows dt .ico{width:16px;height:16px;color:var(--paper-2)}
.vcard__rows dd{font-size:15.5px;line-height:1.5;color:var(--paper)}
.vcard__rows dd a{color:var(--paper)}.vcard__rows dd a:hover{color:var(--cobalt-2)}
.vcard__note{display:block;font-size:13px;color:var(--muted)}
.vcard__actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:560px){.vcard__rows > div{grid-template-columns:1fr;gap:4px}}
.form{position:relative;padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-2);display:grid;gap:18px}
.form::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--cobalt) 0%,transparent 40%,transparent 60%,var(--border-2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.field{display:grid;gap:8px}
.field label{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.field .opt{text-transform:none;letter-spacing:0;font-family:var(--sans);color:var(--muted-2)}
.field input,.field select,.field textarea{width:100%;background:var(--ink);border:1px solid var(--border-2);border-radius:8px;color:var(--paper);padding:12px 14px;font:inherit;font-size:15.5px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.field textarea{resize:vertical;min-height:140px}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-2)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-glow)}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B93A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form__foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}.form__foot .fine{max-width:38ch}
.form__ok{padding:14px 16px;border-radius:8px;background:var(--cobalt-glow);border:1px solid var(--cobalt);color:var(--paper)}
@media(max-width:900px){.contact{grid-template-columns:1fr}}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}

/* turnstile + honeypot */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.field__label{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.turnstile{min-height:65px}
.turnstile:empty{border:1px dashed var(--border-2);border-radius:8px;display:grid;place-items:center;font-size:13px;color:var(--muted-2)}
.turnstile:empty::after{content:"Cloudflare verification appears here on the live site"}
.form__err{padding:12px 14px;border-radius:8px;border:1px solid #DC2626;background:rgba(220,38,38,.08);color:var(--paper);font-size:14.5px}

/* prose */
.prose{max-width:66ch;display:grid;gap:18px;color:var(--paper-2);line-height:1.65}

/* ===== scroll reveals + SVG motion (added v3.1) ===== */
[data-reveal],[data-reveal-group]>*{opacity:1;transform:none}
.js [data-reveal]:not(.is-in),.js [data-reveal-group]:not(.is-in)>*{opacity:0;transform:translateY(14px)}
.js [data-reveal].is-in,.js [data-reveal-group].is-in>*{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js [data-reveal-group].is-in>*:nth-child(2){transition-delay:.08s}.js [data-reveal-group].is-in>*:nth-child(3){transition-delay:.16s}.js [data-reveal-group].is-in>*:nth-child(4){transition-delay:.24s}.js [data-reveal-group].is-in>*:nth-child(5){transition-delay:.32s}
/* service diagrams draw when they enter */
.js .svc__figure:not(.is-in) svg path,.js .svc__figure:not(.is-in) svg rect,.js .svc__figure:not(.is-in) svg circle[stroke]{stroke-dasharray:600;stroke-dashoffset:600}
.js .svc__figure.is-in svg path,.js .svc__figure.is-in svg rect,.js .svc__figure.is-in svg circle[stroke]{stroke-dasharray:600;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s var(--ease)}
.js .svc__figure:not(.is-in) svg circle:not([stroke]){opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center}
.js .svc__figure.is-in svg circle:not([stroke]){opacity:1;transform:none;transition:opacity .4s var(--ease) .9s,transform .4s var(--ease) .9s}
/* bento diagram: draw once + two pulses forever */
.bento__diagram .bd__rails path,.bento__diagram .bd__accent path{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 1.4s var(--ease) forwards}
.bento__diagram .bd__accent path{animation-delay:.5s}
.bento__diagram circle:not(.bd__pulse){opacity:0;transform-box:fill-box;transform-origin:center;animation:pop .5s var(--ease) forwards 1.2s}
.bd__pulse{opacity:0;filter:drop-shadow(0 0 5px rgba(59,130,246,.9))}
.bd__pulse--a{offset-path:path('M30 100H140V40H260H390');animation:travel 5s linear infinite 2s}
.bd__pulse--b{offset-path:path('M30 100H140V160H260H390');animation:travel 5s linear infinite 4.5s}
/* ledger index turns cobalt as it enters */
.js .ledger.is-in .ledger__idx{color:var(--cobalt-2);transition:color .6s var(--ease) .5s}
.js .ledger.is-in li:nth-child(2) .ledger__idx{transition-delay:.7s}.js .ledger.is-in li:nth-child(3) .ledger__idx{transition-delay:.9s}.js .ledger.is-in li:nth-child(4) .ledger__idx{transition-delay:1.1s}
/* timeline nodes pop, rail draws */
.js .timeline::before{transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.js .timeline.is-in::before{transform:scaleX(1)}
.js .timeline__step:not(.is-in) .timeline__node{transform:scale(.3);opacity:0}
.js .timeline__step.is-in .timeline__node{transform:none;opacity:1;transition:transform .5s var(--ease) .4s,opacity .5s var(--ease) .4s}
/* ornament draws on section entry */
.js .orn svg path{stroke-dasharray:60;stroke-dashoffset:60}
.js .is-in .orn svg path,.js .orn.is-in svg path{stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease)}
@media(prefers-reduced-motion:reduce){.js [data-reveal],.js [data-reveal-group]>*,.js .svc__figure svg *,.js .timeline__node,.js .timeline::before,.js .orn svg path{opacity:1!important;transform:none!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important}.bd__pulse{display:none}}