/* ── Design tokens (from brand/STRATEGY.md v1.0) ── */
:root{
  --bg:#fff;--bg-alt:#f7f8fa;--bg-code:#f1f3f5;--bg-warm:#fbf9f3;
  --ink:#0f1419;--text-2:#3d4854;--text-3:#6b7a8d;--text-4:#9ca8b6;
  --border:#e3e7ec;--border-light:#eef0f3;
  --accent:#1a56db;--accent-light:#e8effc;--accent-dark:#143faa;
  --accent-dev:#10b981;--accent-dev-2:#34d399;--accent-dev-bg:#e6f5ee;
  --night:#0f1419;--night-2:#141c26;--night-3:#1e2a3a;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'IBM Plex Sans',-apple-system,sans-serif;
  --mono:'IBM Plex Mono','SF Mono',monospace;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--text-2);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}
::selection{background:var(--accent-light);color:var(--accent-dark)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
code{font-family:var(--mono);font-size:.9em;background:var(--bg-code);color:var(--accent-dark);padding:2px 7px;border-radius:4px;font-weight:500}

.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.wrap-narrow{max-width:880px;margin:0 auto;padding:0 32px}

/* ── Typography ── */
.kicker{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:4px 10px;border-radius:4px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;margin-bottom:14px}
.kicker.g{color:var(--accent-dev);background:var(--accent-dev-bg)}
.section-num{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text-4);letter-spacing:.12em}
.h1{font-family:var(--sans);font-size:clamp(3rem,7.5vw,5.5rem);font-weight:600;color:var(--ink);line-height:1;letter-spacing:-.035em}
.h2{font-family:var(--sans);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.025em}
.h3{font-family:var(--sans);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:600;color:var(--ink);line-height:1.25;letter-spacing:-.015em}
.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:var(--text-3);font-weight:300;margin-top:18px;max-width:780px}
.lead strong{color:var(--ink);font-weight:600}
.body{font-size:17px;line-height:1.75;color:var(--text-2);margin-bottom:1.1rem}
.body strong{color:var(--ink);font-weight:600}
.body em{font-style:normal;color:var(--accent);font-weight:500}
.muted{color:var(--text-3);font-size:14.5px;line-height:1.65}
.rule{width:48px;height:2px;background:var(--accent);margin:18px 0 24px;border-radius:1px}
.rule.g{background:var(--accent-dev)}
.js .rev{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}
.js .rev.v{opacity:1;transform:none}
.sep{border:none;border-top:1px solid var(--border-light);margin:0}
.chapter{padding:88px 0}
.chapter-tight{padding:56px 0}

/* ── Top nav (shadcn) ── */
.topnav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-light)}
.topnav-inner{display:flex;align-items:center;gap:2.5rem;height:60px}
.topnav-brand{display:inline-flex;align-items:baseline;gap:0;font-family:var(--sans);font-weight:600;font-size:1.05rem;color:var(--ink);letter-spacing:-.02em;line-height:1;text-decoration:none}
.topnav-brand:hover{text-decoration:none}
.topnav-brand .cursor{display:inline-block;background:var(--accent);width:.30em;height:.92em;margin-left:.10em}
.topnav-menu{display:flex;align-items:center;gap:.25rem;flex:1}
.topnav-item{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--text-2);padding:.5rem .875rem;border-radius:.375rem;letter-spacing:-.005em;transition:.15s;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;background:transparent;border:0}
.topnav-item:hover{color:var(--ink);background:var(--bg-alt);text-decoration:none}
.topnav-item .caret{font-size:10px;color:var(--text-4)}
.topnav-cta{display:flex;gap:.5rem;align-items:center}
.topnav-cta .btn{height:2.25rem;padding:.5rem .875rem;font-size:13.5px}

/* Solutions dropdown */
.dropdown{position:relative}
.dropdown-menu{
  position:absolute;top:calc(100% + .5rem);left:0;
  min-width:380px;
  background:#fff;border:1px solid var(--border);border-radius:.75rem;
  box-shadow:0 12px 40px -8px rgba(15,20,25,.12),0 4px 12px -4px rgba(15,20,25,.06);
  padding:.625rem;
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity .15s,transform .15s,visibility .15s;
}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-label{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);padding:.625rem .75rem .375rem;display:flex;align-items:center;gap:.5rem}
.dropdown-label::after{content:"";flex:1;height:1px;background:var(--border-light)}
.dropdown-item{display:block;padding:.625rem .75rem;border-radius:.5rem;text-decoration:none;color:inherit;transition:.12s}
.dropdown-item:hover{background:var(--bg-alt);text-decoration:none}
.dropdown-item-title{display:flex;align-items:baseline;gap:.16em;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.005em;line-height:1.2}
.dropdown-item-title .italic{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);font-size:1.18em;letter-spacing:-.015em}
.dropdown-item.future .dropdown-item-title .italic{color:var(--text-4)}
.dropdown-item-desc{font-family:var(--sans);font-size:12.5px;color:var(--text-3);margin-top:.25rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}
.dropdown-item-desc .badge-mini{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:3px}
.dropdown-item-desc .badge-mini.live{color:var(--accent-dev);background:var(--accent-dev-bg);border:1px solid rgba(16,185,129,.18)}
.dropdown-item-desc .badge-mini.coming{color:var(--text-4);background:var(--bg-alt);border:1px solid var(--border-light)}

/* Products menu: the gateway and its features on the left, the other two products on the right. */
.dropdown-menu.products-menu{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:.5rem;width:min(760px,calc(100vw - 2rem));min-width:0}
.pm-main,.pm-side{display:flex;flex-direction:column}
.pm-side{border-left:1px solid var(--border-light);padding-left:.5rem}
.pm-features{display:grid;grid-template-columns:1fr 1fr;gap:0 .25rem}
.pm-features .dropdown-item{padding:.5rem .75rem}
.pm-features .dropdown-item-title{font-size:14px}
.pm-features .dropdown-item-desc{font-size:12px;margin-top:.125rem}
.dropdown-item.pm-product{background:var(--bg-alt)}
.dropdown-item.pm-product:hover{background:var(--accent-light)}
@media(max-width:1000px){
  .dropdown-menu.products-menu{grid-template-columns:1fr;width:min(420px,calc(100vw - 2rem))}
  .pm-side{border-left:0;padding-left:0}
  .pm-features{grid-template-columns:1fr}
}

/* Hero: one wide gateway card. */
.card.hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head specs" "foot specs";margin-top:48px}
.card.hero-card .card-header{grid-area:head}
.card.hero-card .card-content{grid-area:specs;padding:1.5rem;align-self:center}
.card.hero-card .card-footer{grid-area:foot;align-self:end;padding-top:1.25rem}
@media(max-width:900px){.card.hero-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "specs" "foot"}}
.trust-stats{font-family:var(--mono);font-size:.95rem;color:var(--text-3);font-weight:500}
a.surface{text-decoration:none;color:inherit}
a.surface:hover{text-decoration:none}
.surfaces.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.surfaces.three{grid-template-columns:1fr}}

@media(max-width:720px){
  .topnav-menu{display:none}
  .topnav-cta .btn{height:2.25rem;padding:.5rem .75rem;font-size:13px}
}

/* ── Master wordmark (hero) ── */
.cm-master{display:flex;align-items:baseline;gap:0;line-height:1;font-family:var(--sans);font-weight:600;letter-spacing:-.035em;color:var(--ink);font-size:clamp(3rem,8vw,5.5rem)}
.cm-master .cursor{display:inline-block;background:var(--accent);margin-left:.10em;width:.30em;height:.92em}

/* ── Hero ── */
.hero{padding:96px 0 64px;background:linear-gradient(180deg,#fff 0%,#fafbfc 60%,#fff 100%);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:520px;height:520px;background:radial-gradient(circle,var(--accent-light) 0%,transparent 70%);opacity:.55;pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:480px;height:480px;background:radial-gradient(circle,var(--accent-dev-bg) 0%,transparent 70%);opacity:.5;pointer-events:none}
.hero-inner{position:relative;z-index:1}
.hero-tag{font-family:var(--mono);font-size:13px;color:var(--text-4);margin-top:24px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:10px;padding:6px 14px;background:var(--bg-alt);border:1px solid var(--border-light);border-radius:6px;align-self:flex-start}
.hero-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-dev);box-shadow:0 0 10px rgba(16,185,129,.6)}
.hero-sub{font-size:clamp(1.1rem,2.5vw,1.45rem);color:var(--text-2);font-weight:300;margin-top:22px;max-width:880px;line-height:1.55}
.hero-sub strong{color:var(--ink);font-weight:600}
.hero-sub em{font-style:normal;color:var(--accent);font-weight:500}
.hero-stats{display:flex;flex-wrap:wrap;gap:36px;margin-top:44px;padding-top:32px;border-top:1px solid var(--border-light)}
.hero-stat{min-width:90px}
a.hero-stat,a.metric{text-decoration:none;color:inherit}
a.hero-stat:hover,a.metric:hover{text-decoration:none}
.hero-stat .val{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--ink);line-height:1}
.hero-stat .lbl{font-size:12px;color:var(--text-4);margin-top:4px;letter-spacing:.04em;text-transform:uppercase}

/* ── shadcn-style card primitives ── */
.card{
  background:hsl(0 0% 100%);
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:.75rem;
  box-shadow:0 1px 2px 0 rgb(0 0 0 / .04);
  display:flex;
  flex-direction:column;
  transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-color .2s;
}
.card:hover{
  box-shadow:0 4px 16px -2px rgb(0 0 0 / .06),0 2px 4px -2px rgb(0 0 0 / .04);
  border-color:#d4dae2;
  transform:translateY(-1px);
  text-decoration:none;
}
.card-header{padding:1.5rem 1.5rem 0;display:flex;flex-direction:column;gap:.375rem}
.card-content{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
.card-footer{padding:0 1.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}

.badge{
  display:inline-flex;align-items:center;gap:.375rem;
  padding:.25rem .625rem;
  border-radius:.375rem;
  border:1px solid transparent;
  font-family:var(--mono);
  font-size:11px;font-weight:600;
  letter-spacing:.04em;
  line-height:1;
  align-self:flex-start;
  transition:.15s;
}
.badge-dev{color:var(--accent-dev);background:var(--accent-dev-bg);border-color:rgb(16 185 129 / .15)}
.badge-org{color:var(--accent-dark);background:var(--accent-light);border-color:rgb(26 86 219 / .15)}
.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}

.card-title{
  font-family:var(--mono);
  font-size:1.5rem;font-weight:600;
  letter-spacing:-.025em;
  color:var(--ink);
  line-height:1;
  display:flex;align-items:baseline;gap:.16em;
  margin-top:.25rem;
}
.card-title.sans{font-family:var(--sans)}
.card-title .prompt{color:var(--text-3);font-weight:500;margin-right:.18em}
.card-title .dash{color:var(--accent-dev-2)}
.card-title .cursor{display:inline-block;background:var(--accent);width:.30em;height:.92em;margin-left:.10em}
.card.dev-card .card-title .cursor{background:var(--accent-dev)}

.card-description{
  font-size:14.5px;
  color:var(--text-3);
  line-height:1.55;
  font-weight:400;
  margin-top:.5rem;
}
.card-description strong{color:var(--text-2);font-weight:600}

/* Specs list — quiet, separated, no chip-look */
.specs{
  display:flex;flex-direction:column;
  border-top:1px solid var(--border-light);
}
.specs > div{
  display:flex;align-items:center;
  padding:.625rem 0;
  border-bottom:1px solid var(--border-light);
  font-size:13px;
}
.specs > div:last-child{border-bottom:0}
.specs .k{
  font-family:var(--mono);
  color:var(--text-4);
  letter-spacing:.04em;text-transform:uppercase;
  font-size:11px;font-weight:600;
  min-width:120px;
}
.specs .v{
  font-family:var(--mono);
  color:var(--ink);
  font-size:13px;font-weight:500;
}

/* shadcn button */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:.5rem;
  white-space:nowrap;
  border-radius:.5rem;
  font-family:var(--sans);
  font-size:14px;font-weight:500;
  line-height:1;
  padding:.625rem 1rem;
  height:2.5rem;
  transition:.15s;
  cursor:pointer;
  border:1px solid transparent;
  letter-spacing:-.005em;
}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--accent-dark);text-decoration:none}
.btn-ghost{color:var(--text-2);background:transparent;border-color:var(--border)}
.btn-ghost:hover{background:var(--bg-alt);color:var(--ink);text-decoration:none;border-color:var(--border)}

.card.dev-card .btn-primary{background:var(--accent-dev);color:#fff}
.card.dev-card .btn-primary:hover{background:#0a8a5d}

/* Dual-path grid */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:48px}
@media(max-width:900px){.dual{grid-template-columns:1fr}}

/* ── Trust strip ── */
.trust{padding:36px 0;background:var(--bg-alt);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.trust-grid{display:flex;flex-direction:column;gap:18px}
.trust-headline{font-family:var(--sans);font-size:1.15rem;font-weight:600;color:var(--ink);line-height:1.4;letter-spacing:-.01em;max-width:880px}
.trust-headline strong{font-style:normal;font-family:var(--mono);font-size:.95rem;color:var(--accent-dark);font-weight:600;background:var(--accent-light);padding:2px 8px;border-radius:4px;margin-right:6px}
.trust-brands{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.trust-brands span{font-size:14px;font-weight:600;color:var(--text-3);transition:color .2s;cursor:default}
.trust-brands span:hover{color:var(--ink)}

/* ── Story layout ── */
.story{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;margin-top:36px}
@media(max-width:900px){.story{grid-template-columns:1fr}}
.story-aside .kicker{margin-bottom:0}
.story-aside h3{font-family:var(--sans);font-size:1.05rem;font-weight:600;margin:14px 0 12px;color:var(--ink)}
.story-aside p{font-size:14px;color:var(--text-3);line-height:1.6}

/* ── Flow diagram ── */
.flow{background:var(--bg-alt);border:1px solid var(--border-light);border-radius:12px;padding:32px;font-family:var(--mono);font-size:13.5px;line-height:1.95;color:var(--text-2);margin-top:32px}
.flow .step{display:grid;grid-template-columns:32px 130px 1fr;gap:14px;padding:10px 0;align-items:start}
.flow .step:not(:last-child){border-bottom:1px dashed var(--border-light)}
.flow .num{font-weight:600;color:var(--accent)}
.flow .lbl{font-weight:600;color:var(--ink)}
.flow .det{color:var(--text-3);font-family:var(--sans);font-size:13.5px}

/* ── Info card · shadcn callout pattern ── */
.info-card{
  margin:2rem 0;
  background:hsl(0 0% 100%);
  border:1px solid var(--border);
  border-radius:.75rem;
  box-shadow:0 1px 2px 0 rgb(0 0 0 / .04);
  overflow:hidden;
}
.info-card .card-header{padding:1.25rem 1.5rem .75rem}
.info-card .card-content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.875rem}
.info-card .card-content p{
  font-size:15px;line-height:1.65;color:var(--text-2);margin:0;
}
.info-card .card-content p strong{color:var(--ink);font-weight:600}
.info-card .card-content p em{font-style:normal;color:var(--accent-dev);font-weight:500}

/* ── Metric card (shadcn) ── */
.metrics-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:32px}
.metric{
  flex:1;min-width:170px;
  padding:1.25rem 1.5rem;
  background:hsl(0 0% 100%);
  border:1px solid var(--border);
  border-radius:.75rem;
  box-shadow:0 1px 2px 0 rgb(0 0 0 / .04);
  display:flex;flex-direction:column;gap:.375rem;
  transition:border-color .2s,box-shadow .2s;
}
.metric:hover{border-color:#d4dae2}
.metric .label{
  font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.10em;text-transform:uppercase;color:var(--text-4);
}
.metric .num{
  font-family:var(--mono);font-size:2rem;font-weight:600;
  color:var(--ink);letter-spacing:-.025em;line-height:1;
  margin-top:.125rem;
}
.metric .desc{font-size:13px;color:var(--text-3);margin-top:.125rem}

/* ── Solution card (shadcn) ── */
.solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:32px}
@media(max-width:900px){.solutions{grid-template-columns:1fr}}
.solution-card{
  background:hsl(0 0% 100%);
  border:1px solid var(--border);
  border-radius:.75rem;
  box-shadow:0 1px 2px 0 rgb(0 0 0 / .04);
  display:flex;flex-direction:column;
  transition:box-shadow .2s,border-color .2s,transform .2s;
}
.solution-card:hover{
  box-shadow:0 4px 16px -2px rgb(0 0 0 / .06),0 2px 4px -2px rgb(0 0 0 / .04);
  border-color:#d4dae2;
  transform:translateY(-1px);
  text-decoration:none;
}
.solution-card.future{background:var(--bg-alt);box-shadow:none}
.solution-card.future:hover{transform:none;box-shadow:none}
.solution-card .card-header{padding:1.5rem 1.5rem .75rem}
.solution-card .card-content{padding:.5rem 1.5rem 1rem}
.solution-card .card-footer{padding:0 1.5rem 1.5rem}
.solution-wordmark{
  display:inline-flex;align-items:baseline;gap:.12em;
  font-size:1.5rem;line-height:1;margin-top:.5rem;
}
.solution-wordmark .sans{font-family:var(--sans);font-weight:600;color:var(--ink);letter-spacing:-.025em}
.solution-wordmark .italic{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.015em;font-size:1.18em}
.solution-card.future .solution-wordmark .sans{color:var(--text-3)}
.solution-card.future .solution-wordmark .italic{color:var(--text-4)}
.solution-link{
  font-family:var(--mono);font-size:13px;font-weight:500;
  color:var(--accent);
  display:inline-flex;align-items:center;gap:.375rem;
}
.solution-link.muted{color:var(--text-4)}

/* ── Surface card (DEV vs ORG, § 04) ── */
.surfaces{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:36px}
@media(max-width:900px){.surfaces{grid-template-columns:1fr}}
.surface{
  padding:1.75rem;
  background:hsl(0 0% 100%);
  border:1px solid var(--border);
  border-radius:.75rem;
  box-shadow:0 1px 2px 0 rgb(0 0 0 / .04);
  display:flex;flex-direction:column;gap:1rem;
  transition:border-color .2s;
}
.surface:hover{border-color:#d4dae2}
.surface-mark{
  font-family:var(--mono);font-size:1.5rem;font-weight:600;
  color:var(--ink);letter-spacing:-.025em;line-height:1;
  display:flex;align-items:baseline;gap:.16em;
  margin-top:.25rem;
}
.surface-mark.sans{font-family:var(--sans);font-size:1.35rem}
.surface-mark .prompt{color:var(--text-3);font-weight:500;margin-right:.18em}
.surface-mark .dash{color:var(--accent-dev-2)}
.surface-mark .cursor{display:inline-block;width:.30em;height:.92em;margin-left:.10em;background:var(--accent)}
.surface.dev .surface-mark .cursor{background:var(--accent-dev)}
.surface-desc{font-size:14px;color:var(--text-3);line-height:1.65}
.surface-desc strong{color:var(--ink);font-weight:600}

/* ── Final CTA ── */
.final{background:var(--night);border-radius:16px;padding:64px 48px;margin:64px 0;color:#fff;position:relative;overflow:hidden}
.final::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 70%);pointer-events:none}
.final::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(75,123,236,.15) 0%,transparent 70%);pointer-events:none}
.final-inner{position:relative;z-index:1;max-width:780px}
.final h2{color:#fff;font-family:var(--sans);font-weight:600;font-size:clamp(2rem,5vw,2.8rem);line-height:1.1;letter-spacing:-.025em}
.final .ld{font-size:1.05rem;color:#94a3b8;margin-top:18px;line-height:1.65;max-width:680px}
.final .ld em{font-style:normal;color:#a3bfff;font-weight:500}
.final-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.final-cta a{font-size:14px;font-weight:600;padding:13px 28px;border-radius:6px;transition:.15s;letter-spacing:-.005em}
.final-cta .pri{background:#10b981;color:#fff}.final-cta .pri:hover{background:#0a8a5d;text-decoration:none}
.final-cta .sec{color:#cbd5e1;border:1px solid #1e2a3a}.final-cta .sec:hover{border-color:#4b7bec;text-decoration:none}

/* ── Footer ── */
footer{padding:64px 0 40px;text-align:center;background:var(--bg-alt);border-top:1px solid var(--border-light)}
.footer-q{font-family:var(--sans);font-weight:600;font-size:clamp(1.3rem,3vw,1.8rem);color:var(--ink);line-height:1.35;max-width:680px;margin:0 auto 8px;padding:0 24px;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:.12em}
.footer-q .cursor{display:inline-block;width:.30em;height:.92em;background:var(--accent);margin-left:.08em}
.footer-tagline{font-family:var(--sans);font-size:1.05rem;font-weight:300;color:var(--text-3);margin:0 auto 32px;max-width:540px}
.footer-links{font-size:14px;color:var(--text-3);margin-bottom:8px}
.footer-meta{margin-top:18px;font-size:12px;color:var(--text-4)}
.footer-addr{margin-top:24px;font-size:11px;color:var(--text-4);line-height:1.65}

/* ═══ Motion polish · Emil design-engineering pass ═══ */
.btn{transition:transform .12s var(--ease-out),background-color .15s var(--ease-out),color .15s var(--ease-out),border-color .15s var(--ease-out)}
.topnav-item{transition:color .15s var(--ease-out),background-color .15s var(--ease-out)}
.badge{transition:color .15s var(--ease-out),background-color .15s var(--ease-out),border-color .15s var(--ease-out)}
.btn:active{transform:scale(.97)}
.card:active,.solution-card:active{transform:scale(.99)}
.btn:focus-visible,.topnav-item:focus-visible,.dropdown-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rev{transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.dropdown-menu{transform-origin:top left;transform:translateY(-4px) scale(.98);transition:opacity .15s var(--ease-out),transform .15s var(--ease-out),visibility .15s}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{transform:translateY(0) scale(1)}
.dropdown .caret{transition:transform .15s var(--ease-out)}
.dropdown:hover .caret,.dropdown:focus-within .caret{transform:rotate(180deg)}
@media (hover:none){
  .card:hover,.solution-card:hover,.surface:hover,.metric:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rev{opacity:1 !important;transform:none !important;transition:none !important}
  .btn:active,.card:active,.solution-card:active{transform:none}
  .dropdown-menu,.dropdown:hover .dropdown-menu{transform:translateY(0) scale(1)}
  .dropdown:hover .caret,.dropdown:focus-within .caret{transform:none}
}

/* ═══ Home (2026-09-30): Gateway first, proof in dollars. Classes start with hm- so docs pages never collide. ═══ */
.hm-hero{padding:88px 0 72px}
.hm-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
@media(max-width:980px){.hm-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}}
.hm-h1{font-family:var(--sans);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:600;color:var(--ink);line-height:1.02;letter-spacing:-.035em;margin-top:22px}
.hm-h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.02em}
.hm-cta{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:32px}
.hm-cta .btn{height:2.875rem;padding:.75rem 1.25rem;font-size:15px}
.hm-fine{font-size:13px;color:var(--text-4);margin-top:14px}
.hm-fine strong{color:var(--ink);font-weight:600}
.hm-path{padding:1.5rem;gap:0}
.hm-path-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:start;padding:.875rem 0;border-bottom:1px dashed var(--border-light)}
.hm-path-row:last-child{border-bottom:0}
.hm-path-k{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);padding-top:3px}
.hm-path-v{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink)}
.hm-path-v small{display:block;font-family:var(--sans);font-size:13px;font-weight:400;color:var(--text-3);margin-top:2px}
.hm-path-gw{background:var(--accent-light);border:1px solid rgb(26 86 219 / .15);border-radius:.5rem;padding:.875rem;margin:.25rem 0;border-bottom:1px solid rgb(26 86 219 / .15)}
.hm-path-gw .hm-path-v{color:var(--accent-dark)}
.hm-path-gw ul{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}
.hm-path-gw li{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--text-2)}
.hm-path-gw li strong{color:var(--ink);font-weight:600}

.hm-proof{padding:44px 0 40px;background:var(--bg-alt);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.hm-proof-title{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);margin-bottom:12px}
.hm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}
@media(max-width:900px){.hm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hm-tiles{grid-template-columns:minmax(0,1fr)}}
.hm-tile{background:#fff;border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.125rem;display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:border-color .2s}
a.hm-tile:hover{border-color:#d4dae2;text-decoration:none}
.hm-tile-wide{grid-column:1/-1;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem}
.hm-tile .hm-v{font-family:var(--mono);font-size:1.6rem;font-weight:600;color:var(--ink);letter-spacing:-.025em;line-height:1.05}
.hm-tile .hm-l{font-size:13px;color:var(--text-2);line-height:1.4}

.hm-head{max-width:840px}
.hm-head .h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}
.hm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:36px;counter-reset:hm}
@media(max-width:900px){.hm-steps{grid-template-columns:minmax(0,1fr)}}
.hm-step{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:#fff}
.hm-step .hm-n{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent)}
.hm-step h3{font-family:var(--sans);font-size:1.15rem;font-weight:600;color:var(--ink);margin:.5rem 0 .5rem;letter-spacing:-.01em}
.hm-step p{font-size:14.5px;line-height:1.6;color:var(--text-3)}
.hm-cmd{display:inline-block;font-family:var(--mono);font-size:12.5px;color:var(--text-2);background:var(--bg-code);border-radius:4px;padding:3px 8px;margin-top:.75rem}

.hm-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:36px}
@media(max-width:980px){.hm-groups{grid-template-columns:minmax(0,1fr)}}
.hm-feat-a{font-family:var(--mono);font-size:12px;color:var(--accent);margin-top:.375rem;display:inline-block}

.hm-sum{display:flex;flex-wrap:wrap;gap:.625rem 2rem;margin-top:28px;padding:1.25rem 1.5rem;border:1px solid rgb(16 185 129 / .2);background:var(--accent-dev-bg);border-radius:.75rem}
.hm-sum div{display:flex;flex-direction:column}
.hm-sum b{font-family:var(--mono);font-size:1.35rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.hm-sum span{font-size:12.5px;color:var(--text-2)}
.hm-tablewrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--border);border-radius:.75rem;background:#fff}
.hm-table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
.hm-table th{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}
.hm-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text-2)}
.hm-table tr:last-child td{border-bottom:0}
.hm-table td.hm-cat a{font-weight:600;color:var(--ink)}
.hm-table td.hm-cat small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.hm-table td.mono{font-family:var(--mono);white-space:nowrap}
.hm-table td.hm-save{font-family:var(--mono);font-weight:600;color:var(--accent-dev);white-space:nowrap}
.hm-note{font-size:13.5px;color:var(--text-3);margin-top:1rem;max-width:880px;line-height:1.6}

.hm-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:36px}
@media(max-width:900px){.hm-control{grid-template-columns:minmax(0,1fr)}}
.hm-control .hm-step h3{margin-top:0}

.hm-line{font-size:1.05rem;color:var(--text-2);line-height:1.6;max-width:880px}

.hm-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:28px}
@media(max-width:900px){.hm-more{grid-template-columns:minmax(0,1fr)}}
.hm-more .surface{gap:.75rem;padding:1.5rem}
.hm-facts{display:flex;flex-wrap:wrap;gap:.375rem 1.25rem;font-family:var(--mono);font-size:12.5px;color:var(--text-2)}
.hm-facts b{color:var(--ink);font-weight:600}
.hm-asof{font-family:var(--mono);font-size:10.5px;color:var(--text-4)}

.hm-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:36px}
@media(max-width:900px){.hm-why{grid-template-columns:minmax(0,1fr)}}
.hm-why-fig{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}
.hm-why-fig .hm-v{font-family:var(--mono);font-size:1.9rem;font-weight:600;color:var(--ink);letter-spacing:-.025em;line-height:1}
.hm-why-fig p{font-size:14px;color:var(--text-2);line-height:1.55}
.hm-why-fig .hm-src{font-size:12px;color:var(--text-4);margin-top:auto}
.hm-why-fig .hm-src a{color:var(--text-3)}
/* Home, second pass (2026-09-30): one date line per group, outcome groups, grouped results that become cards on a phone. */
.hm-proof .hm-tiles{margin-top:0}
.hm-proof .hm-d,#products .hm-d{font-family:var(--mono);font-size:11px;color:var(--text-4);margin-top:12px;letter-spacing:.02em}
.hm-proof .hm-d a,#products .hm-d a{color:var(--text-3)}
.hm-dist{font-size:13.5px;color:var(--text-2);margin-top:6px}
.hm-dist a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.hm-outcome{padding:1.5rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}
.hm-outcome h3{font-family:var(--sans);font-size:1.15rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.hm-outcome p{font-size:14.5px;line-height:1.6;color:var(--text-3)}
.hm-outcome .hm-feat-a{margin-top:auto}
.hm-table tr.hm-grp td{background:var(--bg-alt);padding:.75rem 1rem}
.hm-table tr.hm-grp a{font-weight:600;color:var(--ink)}
.hm-grp-d{font-size:12.5px;color:var(--text-3);margin-left:.625rem}
.hm-grp-r{display:block;font-family:var(--mono);font-size:12px;color:var(--accent-dev);margin-top:2px}
.hm-table td.hm-cat small{display:block;font-size:12px;color:var(--text-4);margin-top:2px}
.hm-table td.hm-m{display:none}
.hm-why .hm-step h3{margin-top:0}
.topnav-mob{display:none;position:relative}
.topnav-mob summary{list-style:none;cursor:pointer;font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--text-2);padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:#fff}
.topnav-mob summary::-webkit-details-marker{display:none}
.topnav-mob-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--border);border-radius:.625rem;box-shadow:0 12px 32px rgb(15 20 25 / .12);padding:.375rem;display:flex;flex-direction:column}
.topnav-mob-panel a{padding:.625rem .75rem;font-size:14px;color:var(--ink);border-radius:.375rem;text-decoration:none}
.topnav-mob-panel a:hover{background:var(--bg-alt);text-decoration:none}
@media(max-width:720px){.topnav-mob{display:block}.topnav-inner{gap:.75rem}.topnav-cta{margin-left:auto}}
@media(max-width:640px){
  .hm-tablewrap{border:0;background:transparent;overflow:visible}
  .hm-table{min-width:0}
  .hm-table thead{display:none}
  .hm-table,.hm-table tbody,.hm-table tr,.hm-table td{display:block;width:100%}
  .hm-table tr.hm-grp td{border:0;background:transparent;padding:1.25rem 0 .5rem}
  .hm-grp-d{display:block;margin-left:0}
  .hm-table tr:not(.hm-grp){display:flex;flex-direction:column;border:1px solid var(--border);border-radius:.75rem;background:#fff;padding:.875rem 1rem;margin-bottom:.5rem}
  .hm-table tr:not(.hm-grp) td{display:none;padding:0;border:0}
  .hm-table tr:not(.hm-grp) td.hm-cat{display:block;font-weight:600;color:var(--ink)}
  .hm-table td.hm-m{display:flex !important;order:2;flex-direction:column;gap:2px;margin-top:.375rem;font-size:14px;color:var(--text-2)}
  .hm-table td.hm-m .mono{font-family:var(--mono);font-weight:600;color:var(--ink)}
  .hm-table tr:not(.hm-grp) td:nth-child(7){display:block;order:3;margin-top:.375rem;font-size:13px}
}
.hm-recall{display:flex;flex-direction:column;gap:.375rem;margin-top:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:.75rem;background:#fff;color:var(--text-2);text-decoration:none}
.hm-recall strong{font-size:1.125rem;color:var(--ink)}
.hm-recall:hover{border-color:var(--ink)}