/* Copyright (c) 2026 Phenomena Labs Ltd. All rights reserved. Proprietary and confidential. See LICENSE. */

*, *::before, *::after { box-sizing:border-box; }
::view-transition-old(root),
::view-transition-new(root) {
  animation:none;
  mix-blend-mode:normal;
}
::view-transition-old(root) { z-index:0; }
::view-transition-new(root) { z-index:1; }
:root {
  color-scheme: light;
  --ink:#151513;
  --ink-soft:#37352f;
  --muted:#706f68;
  --faint:#9a9589;
  --paper:#f7f6f2;
  --surface:#ffffff;
  --surface-soft:#fbfaf6;
  --line:#dedbd2;
  --line-strong:#c9c5b9;
  --blue:#6382ff;
  --mission-mood:#6382ff;
  --dot-sweep-duration:24s;
  --dot-easing:ease-in-out;
  --dot-pulse-scale:1.16;
  --dot-c1:#a78bfa;
  --dot-c2:#55d6ff;
  --dot-c3:#62f5c8;
  --dot-c4:#b8ff6a;
  --dot-c5:#ffe66d;
  --dot-c6:#ff7adf;
  --blue-soft:#e7eefc;
  --green:#18865a;
  --green-soft:#e4f3eb;
  --amber:#ad7417;
  --amber-soft:#f6eddb;
  --red:#bd3f31;
  --red-soft:#fae7e3;
  --violet:#674bd1;
  --violet-soft:#ece7fb;
  --radius:14px;
  --radius-lg:18px;
  --hairline:rgba(21,21,19,.11);
  --shadow:0 28px 70px rgba(24,22,18,.12);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink:#f5f5f5;
  --ink-soft:#d7d7d7;
  --muted:#a3a3a3;
  --faint:#737373;
  --paper:#050505;
  --surface:#101010;
  --surface-soft:#181818;
  --line:#2d2d2d;
  --line-strong:#464646;
  --blue:#6f9cff;
  --mission-mood:#6f9cff;
  --dot-sweep-duration:24s;
  --dot-easing:ease-in-out;
  --dot-pulse-scale:1.16;
  --dot-c1:#b9a4ff;
  --dot-c2:#7be4ff;
  --dot-c3:#78ffd6;
  --dot-c4:#caff7a;
  --dot-c5:#ffef87;
  --dot-c6:#ff8fe6;
  --blue-soft:#101a33;
  --green:#44c082;
  --green-soft:#0d2419;
  --amber:#d79b35;
  --amber-soft:#261b09;
  --red:#ed7669;
  --red-soft:#2e0f0b;
  --violet:#9d86ff;
  --violet-soft:#1b1438;
  --hairline:rgba(255,255,255,.13);
  --shadow:0 28px 70px rgba(0,0,0,.46);
}
html { scroll-behavior:smooth; }
body {
  margin:0;
  font:15px/1.55 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 32% -110px, color-mix(in srgb, var(--surface) 76%, transparent), transparent 34rem),
    linear-gradient(180deg, color-mix(in srgb, var(--paper) 88%, var(--surface)), var(--paper) 26rem);
  -webkit-font-smoothing:antialiased;
}
.theme-wipe {
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  background:var(--wipe-bg, #11110f);
  clip-path:circle(0 at var(--wipe-x, 50%) var(--wipe-y, 50%));
  opacity:.96;
}
a { color:inherit; text-decoration:none; }
p, h1, h2, h3 { margin:0; }
.container { width:min(1180px, calc(100vw - 40px)); margin:0 auto; }
.mono { font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
.meta {
  color:var(--faint);
  font:600 12px/1.3 "JetBrains Mono", ui-monospace, Menlo, monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.eyebrow {
  color:var(--blue);
  font:700 11px/1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.nav {
  position:fixed;
  inset:0 0 auto;
  z-index:20;
  border-bottom:1px solid color-mix(in srgb, var(--line) 82%, transparent);
  background:color-mix(in srgb, var(--paper) 84%, transparent);
  backdrop-filter:blur(18px);
}
.nav-inner {
  width:min(1440px, calc(100vw - 40px));
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:760 18px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:0;
  color:var(--ink);
}
.brand::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 34%, transparent);
  animation:mission-dot-ambient var(--dot-sweep-duration) var(--dot-easing) 1.2s infinite;
  transform-origin:center;
}
@keyframes mission-dot-ambient {
  0%, 8% {
    background:var(--blue);
    box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 28%, transparent);
    transform:scale(1);
  }
  18%, 58% {
    background:var(--blue);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--blue) 28%, transparent);
    transform:scale(var(--dot-pulse-scale));
  }
  63% {
    background:var(--dot-c1);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c1) 26%, transparent);
    transform:scale(1.08);
  }
  68% {
    background:var(--dot-c2);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c2) 24%, transparent);
    transform:scale(1.2);
  }
  73% {
    background:var(--dot-c3);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c3) 25%, transparent);
    transform:scale(1.14);
  }
  78% {
    background:var(--dot-c4);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c4) 23%, transparent);
    transform:scale(1.06);
  }
  83% {
    background:var(--dot-c5);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c5) 23%, transparent);
    transform:scale(1.12);
  }
  88% {
    background:var(--dot-c6);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--dot-c6) 23%, transparent);
    transform:scale(1.18);
  }
  94% {
    background:var(--blue);
    box-shadow:0 0 18px 2px color-mix(in srgb, var(--blue) 28%, transparent);
    transform:scale(1);
  }
  100% {
    background:var(--blue);
    box-shadow:0 0 0 0 color-mix(in srgb, var(--blue) 28%, transparent);
    transform:scale(1);
  }
}
.nav-links { display:flex; gap:20px; align-items:center; color:var(--muted); font-size:13px; }
.nav-links a:hover, .nav-links a.active { color:var(--ink); }
.home-nav-links { display:none; }
.nav-actions { display:flex; gap:10px; align-items:center; }
.button, .theme-toggle {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  cursor:pointer;
}

.proof-hero { padding-bottom:40px; }
.proof-hero-card { min-height:0; }
.proof-article { padding:96px 0; }
.proof-note-grid {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}
.proof-note-grid article {
  min-height:260px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.proof-note-grid span {
  display:block;
  margin-bottom:34px;
  color:var(--blue);
  font:700 12px/1 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.proof-note-grid h3 {
  margin-bottom:10px;
  font-size:18px;
}
.proof-note-grid p {
  color:var(--muted);
  font-size:14px;
}
.builder-steps {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}
.builder-steps article {
  min-height:250px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.builder-steps span {
  display:block;
  margin-bottom:42px;
  color:var(--blue);
  font:700 12px/1 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.builder-steps h3 {
  margin-bottom:12px;
  font-size:20px;
}
.builder-steps p {
  color:var(--muted);
  font-size:15px;
}
code {
  font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:.92em;
}
.button.primary { color:var(--paper); background:var(--ink); border-color:var(--ink); box-shadow:0 14px 28px color-mix(in srgb, var(--ink) 16%, transparent); }
:root[data-theme="dark"] .button.primary { background:var(--blue); border-color:var(--blue); color:#09101f; }
.theme-toggle { width:auto; min-width:42px; padding:0 13px; font-family:"JetBrains Mono", ui-monospace, Menlo, monospace; }
.theme-toggle.icon {
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border-radius:999px;
}
.theme-toggle.icon::before {
  content:"";
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 26% 28%, color-mix(in srgb, var(--paper) 92%, white 8%) 0 20%, transparent 54%),
    radial-gradient(circle at 74% 72%, color-mix(in srgb, var(--ink) 88%, black 12%) 0 22%, transparent 58%),
    linear-gradient(135deg,
      var(--paper) 0%,
      color-mix(in srgb, var(--paper) 70%, var(--ink) 30%) 40%,
      color-mix(in srgb, var(--paper) 36%, var(--ink) 64%) 64%,
      var(--ink) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 0 0 4px color-mix(in srgb, var(--surface-soft) 82%, transparent);
  transition:background .38s cubic-bezier(.22,1,.36,1), transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s cubic-bezier(.22,1,.36,1);
}
:root[data-theme="dark"] .theme-toggle.icon::before {
  background:
    radial-gradient(circle at 26% 28%, color-mix(in srgb, var(--paper) 82%, white 8%) 0 18%, transparent 54%),
    radial-gradient(circle at 74% 72%, color-mix(in srgb, var(--ink) 96%, black 12%) 0 26%, transparent 62%),
    linear-gradient(135deg,
      var(--paper) 0%,
      color-mix(in srgb, var(--paper) 58%, var(--ink) 42%) 42%,
      color-mix(in srgb, var(--paper) 24%, var(--ink) 76%) 68%,
      var(--ink) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 0 0 4px color-mix(in srgb, var(--surface-soft) 92%, transparent);
  transform:scale(.88);
}
.button:hover, .theme-toggle:hover { transform:translateY(-1px); }
.access-hero { min-height:calc(100vh - 68px); }
.access-card { max-width:860px; }
.access-form {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:26px;
}
.access-form label {
  display:grid;
  gap:8px;
  color:var(--muted);
  font:700 11px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.access-form label.wide,
.access-form button { grid-column:1 / -1; }
.access-form input,
.access-form textarea {
  width:100%;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--paper);
  color:var(--ink);
  font:500 16px/1.4 Inter, system-ui, sans-serif;
  padding:14px 16px;
  outline:none;
}
.access-form textarea {
  min-height:138px;
  resize:vertical;
}
.access-form input:focus,
.access-form textarea:focus {
  border-color:var(--blue);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--blue), transparent 82%);
}
.hidden-field {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.form-error {
  color:#9f2f2f;
  font-weight:700;
}
.hero {
  min-height:calc(100vh - 20px);
  padding:112px 0 42px;
  display:flex;
  align-items:stretch;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.hero::before {
  content:"";
  position:absolute;
  inset:64px 0 0;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--paper) 34%, transparent), var(--paper) 88%),
    linear-gradient(115deg, color-mix(in srgb, var(--surface) 80%, transparent), transparent 52%, color-mix(in srgb, var(--blue) 8%, transparent));
  pointer-events:none;
}
.hero-inner {
  position:relative;
  width:min(1360px, calc(100vw - 40px));
  margin:0 auto;
  display:grid;
  grid-template-rows:auto minmax(220px,1fr);
  gap:30px;
}
.hero-copy { max-width:960px; padding-top:8px; position:relative; z-index:2; }
h1 {
  max-width:980px;
  font-size:clamp(46px, 8vw, 108px);
  line-height:.92;
  letter-spacing:0;
  font-weight:820;
  text-wrap:balance;
}
.hero-sub, .lead {
  color:var(--ink-soft);
  font-size:clamp(17px, 2vw, 21px);
  line-height:1.55;
}
.hero-sub { max-width:670px; margin-top:22px; }
.research-line, .quiet-proof {
  max-width:660px;
  margin-top:16px;
  color:var(--muted);
  font-size:15px;
  line-height:1.55;
  font-weight:560;
}
.hero-actions, .cta-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.instrument-preview {
  position:relative;
  margin:0;
  align-self:end;
  min-height:300px;
  border:1px solid var(--hairline);
  border-radius:var(--radius-lg);
  background:var(--surface);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.instrument-preview::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 56%, color-mix(in srgb, var(--paper) 28%, transparent));
  z-index:1;
  pointer-events:none;
}
.instrument-preview img {
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:top center;
}
.pill, .risk {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb, var(--surface) 72%, transparent);
  color:var(--muted);
  font:700 11px/1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.risk.high { color:var(--red); background:var(--red-soft); border-color:color-mix(in srgb, var(--red) 28%, var(--line)); }
.risk.medium { color:var(--amber); background:var(--amber-soft); border-color:color-mix(in srgb, var(--amber) 28%, var(--line)); }
.risk.safe { color:var(--green); background:var(--green-soft); border-color:color-mix(in srgb, var(--green) 28%, var(--line)); }
.product-scene {
  align-self:end;
  min-height:360px;
  display:grid;
  grid-template-columns:340px minmax(280px,1fr) 390px;
  gap:14px;
  padding:14px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  background:color-mix(in srgb, var(--surface) 78%, transparent);
  box-shadow:var(--shadow);
  backdrop-filter:blur(8px);
}
.scene-pane {
  min-height:320px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:16px;
}
.scene-title {
  color:var(--faint);
  font:700 11px/1.2 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.thread-box { display:grid; gap:9px; }
.field {
  min-height:38px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  background:var(--surface-soft);
  color:var(--faint);
  padding:10px 11px;
  font-size:13px;
}
.thread { min-height:158px; color:var(--muted); line-height:1.5; }
.loop-card {
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  padding:13px;
  margin-bottom:10px;
}
.loop-card.active { border-color:var(--blue); background:var(--blue-soft); }
.loop-card strong { display:block; margin:8px 0 5px; font-size:14px; }
.loop-card p { color:var(--muted); font-size:12px; line-height:1.45; }
.gate {
  border:1px solid color-mix(in srgb, var(--red) 28%, var(--line));
  border-radius:var(--radius);
  background:var(--red-soft);
  color:var(--red);
  padding:10px 12px;
  font-weight:700;
  font-size:13px;
  margin-bottom:14px;
}
.evidence, .trust {
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface-soft);
  padding:12px;
  margin-bottom:10px;
}
.evidence label, .trust label {
  display:block;
  color:var(--faint);
  font:700 10px/1 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.evidence p, .trust p { color:var(--ink-soft); font-size:13px; }
.decision-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.mini-button {
  min-height:34px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  background:var(--surface);
}
.mini-button.primary { background:#2f6df0; color:#fff; border-color:#2f6df0; }
section { padding:92px 0; }
.section-head { max-width:780px; margin-bottom:36px; }
h2 {
  font-size:clamp(30px, 4vw, 50px);
  line-height:1.04;
  letter-spacing:0;
  font-weight:800;
  margin-bottom:16px;
}
.lead { max-width:760px; }
.band { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--surface) 76%, transparent); }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.panel {
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:24px;
}
.panel.soft { background:var(--surface-soft); }
.panel h3 { font-size:18px; margin-bottom:9px; }
.panel p, .panel li { color:var(--muted); }
.panel ul { margin:14px 0 0; padding-left:18px; display:grid; gap:8px; }
.policy-layout { display:grid; grid-template-columns:minmax(180px,.36fr) minmax(0,1fr); gap:clamp(28px,5vw,74px); align-items:start; }
.policy-index {
  position:sticky;
  top:92px;
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:13px;
}
.policy-index a { color:var(--muted); }
.policy-index a:hover { color:var(--ink); }
.policy-body { display:grid; gap:14px; }
.policy-body .panel { padding:26px; }
.policy-body h2 { font-size:24px; margin-bottom:10px; }
.policy-body p + p { margin-top:10px; }
.method-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--line); box-shadow:0 16px 42px color-mix(in srgb, var(--ink) 7%, transparent); }
.flow-step { background:var(--surface); padding:22px; min-height:170px; }
.flow-step span { color:var(--blue); font:700 11px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; text-transform:uppercase; letter-spacing:.1em; }
.flow-step strong { display:block; margin:16px 0 8px; font-size:19px; }
.flow-step p { color:var(--muted); }
.product-list { display:grid; gap:12px; }
.product-row {
  display:grid;
  grid-template-columns:240px minmax(0,1fr) 260px;
  gap:20px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:22px;
}
.product-row h3 { margin-top:10px; font-size:24px; }
.product-row p, .product-row li { color:var(--muted); }
.product-row ul { margin:0; padding-left:18px; display:grid; gap:8px; }
.ladder { display:grid; gap:8px; }
.level { display:grid; grid-template-columns:70px minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:start; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:14px; }
.level b { color:var(--blue); }
.level p { color:var(--muted); font-size:13px; }
.quote { border-left:4px solid var(--blue); padding:8px 0 8px 20px; color:var(--ink); font-size:22px; line-height:1.45; max-width:840px; }
.offer { display:grid; grid-template-columns:1.1fr .9fr; gap:20px; align-items:start; }
.offer-box { border:1px solid var(--line); border-radius:12px; background:var(--ink); color:var(--paper); padding:28px; }
.offer-box p { color:color-mix(in srgb, var(--paper) 80%, transparent); }
.price { margin:22px 0; font-size:42px; font-weight:800; letter-spacing:0; }
.faq { display:grid; gap:10px; }
details { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:18px 20px; }
summary { cursor:pointer; font-weight:800; }
details p { color:var(--muted); margin-top:12px; }
.page-hero { padding:132px 0 58px; border-bottom:1px solid var(--line); background:linear-gradient(90deg, color-mix(in srgb, var(--blue) 12%, transparent), transparent 48%, color-mix(in srgb, var(--green) 10%, transparent)); }
.page-hero h1 { max-width:920px; }
.page-hero .lead { margin-top:22px; }
.cta { padding:84px 0; background:var(--ink); color:var(--paper); }
.cta .lead { color:color-mix(in srgb, var(--paper) 80%, transparent); }
.cta .button:not(.primary) { background:transparent; color:var(--paper); border-color:color-mix(in srgb, var(--paper) 26%, transparent); }
.site-footer {
  padding:64px 0 28px;
  color:#f5f5f5;
  border-top:1px solid rgba(255,255,255,.12);
  background:#050505;
}
.site-footer .container { width:min(1440px, calc(100vw - 40px)); }
.footer-directory {
  display:grid;
  grid-template-columns:minmax(170px,1.25fr) repeat(6,minmax(0,1fr));
  gap:clamp(18px,2.3vw,38px);
  align-items:start;
}
.footer-brand-block { display:grid; gap:18px; align-content:start; }
.site-footer .brand { color:#f5f5f5; }
.site-footer .brand::before { background:var(--blue); }
.footer-note {
  max-width:260px;
  color:rgba(245,245,245,.58);
  font-size:13px;
  line-height:1.45;
}
.footer-column { display:grid; gap:13px; align-content:start; }
.footer-column h2 {
  color:rgba(245,245,245,.44);
  font:700 12px/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:0;
  margin:0 0 6px;
}
.footer-column a {
  color:rgba(245,245,245,.86);
  font-size:13px;
  line-height:1.25;
}
.footer-column a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.footer-base {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:18px;
  align-items:center;
  margin-top:72px;
  color:rgba(245,245,245,.68);
  font-size:13px;
}
.footer-socials { display:flex; gap:18px; align-items:center; }
.footer-socials a {
  color:rgba(245,245,245,.82);
  font:700 12px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  letter-spacing:.04em;
}
.footer-socials a:hover { color:#fff; }
.footer-legal { justify-self:center; }
.footer-locale {
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:rgba(245,245,245,.78);
}
.footer-locale::before {
  content:"";
  width:12px;
  height:12px;
  border:1px solid currentColor;
  border-radius:50%;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.08);
}

.mission-hero {
  min-height:auto;
  padding:96px 20px 36px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.mission-hero-card {
  width:min(1180px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:clamp(24px,4vw,46px);
  align-items:center;
  padding:clamp(22px,3vw,38px);
  border:1px solid color-mix(in srgb, var(--hairline) 84%, transparent);
  border-radius:18px;
  background:
    linear-gradient(140deg, color-mix(in srgb, var(--surface-soft) 94%, transparent), color-mix(in srgb, var(--surface) 82%, transparent)),
    var(--surface);
  box-shadow:0 22px 58px color-mix(in srgb, var(--ink) 10%, transparent);
  overflow:hidden;
}
.hero-layout {
  display:block;
}
.mission-hero .hero-copy { max-width:620px; padding:0; }
.mission-hero h1 {
  max-width:620px;
  font:820 clamp(44px,6vw,82px)/.94 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:0;
  text-wrap:balance;
}
.mission-hero .hero-sub {
  max-width:560px;
  margin-top:18px;
  font-size:clamp(16px,1.6vw,19px);
}
.mission-hero .research-line {
  max-width:520px;
  margin-top:13px;
  font-size:14px;
}
.mission-hero .hero-actions { margin-top:22px; }
.product-surface {
  position:relative;
  margin:0;
  height:clamp(230px, 25vw, 330px);
  min-height:0;
  border:1px solid var(--hairline);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 18px 44px color-mix(in srgb, var(--ink) 10%, transparent);
  overflow:hidden;
}
.product-surface img {
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
  object-position:top center;
}
.instrument-band {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb, var(--surface) 70%, transparent);
}
.split-section,
.proof-layout,
.suite-layout {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(26px,5vw,72px);
  align-items:start;
}
.demo-video {
  grid-column:1 / -1;
  margin:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#000;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.demo-video video {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  background:#000;
}
.demo-lab {
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(320px, .75fr);
  gap:22px;
  align-items:stretch;
}
.demo-panel,
.demo-side {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:24px;
  box-shadow:0 16px 40px rgba(21,21,19,.06);
}
.demo-actions {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin:22px 0;
}
.demo-choice {
  min-height:52px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
  color:var(--ink-soft);
  font:750 13px/1.25 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align:left;
  padding:12px 14px;
}
.demo-choice.active {
  background:var(--ink);
  color:var(--paper);
  border-color:var(--ink);
}
.demo-steps {
  display:grid;
  gap:10px;
}
.demo-steps article {
  display:grid;
  grid-template-columns:44px minmax(120px, 180px) minmax(0, 1fr);
  gap:12px;
  align-items:start;
  min-height:74px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}
.demo-steps span {
  color:var(--blue);
  font:800 15px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.demo-steps strong {
  line-height:1.25;
}
.demo-steps p {
  color:var(--muted);
  font-size:14px;
}
.demo-side {
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.demo-meter {
  padding:18px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--surface-soft);
}
.demo-meter strong {
  display:block;
  margin:6px 0;
  font-size:28px;
  line-height:1;
}
.demo-meter span {
  color:var(--muted);
}
.demo-side[data-state="draft"] .demo-meter strong { color:var(--green); }
.demo-side[data-state="send"] .demo-meter strong { color:var(--amber); }
.demo-side[data-state="spend"] .demo-meter strong { color:var(--red); }
.demo-json {
  flex:1;
  min-height:320px;
  margin:0;
  padding:18px;
  overflow:auto;
  border-radius:14px;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--ink) 92%, #000);
  color:#f8f3e8;
  font:500 13px/1.5 "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.section-head.compact { margin-bottom:28px; }
.principle-stack,
.suite-list {
  display:grid;
  gap:8px;
}
.principle-stack article,
.suite-list article,
.contract-panel,
.trust-card {
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
}
.principle-stack article {
  min-height:112px;
  padding:18px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  column-gap:16px;
}
.principle-stack span {
  color:var(--blue);
  font:700 11px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  letter-spacing:.1em;
}
.principle-stack strong { font-size:18px; }
.principle-stack p {
  grid-column:2;
  color:var(--muted);
  margin-top:5px;
}
.contract-panel { overflow:hidden; }
.code-contract {
  padding:0;
  overflow:auto;
}
.code-contract pre {
  margin:0;
  padding:22px;
  color:var(--ink);
  font:500 13px/1.65 "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space:pre-wrap;
}
.code-contract code {
  font-size:1em;
}
.contract-row {
  min-height:68px;
  display:grid;
  grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:17px 20px;
  border-bottom:1px solid var(--line);
}
.contract-row:last-child { border-bottom:0; }
.contract-row span { color:var(--muted); }
.trust-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.trust-card { min-height:190px; padding:22px; }
.trust-card span {
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font:700 10px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.trust-card h3 { margin:22px 0 8px; font-size:20px; }
.trust-card p { color:var(--muted); }
.trust-card.safe span { color:var(--green); background:var(--green-soft); }
.trust-card.medium span { color:var(--amber); background:var(--amber-soft); }
.trust-card.high span { color:var(--red); background:var(--red-soft); }
.suite-list article {
  min-height:86px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.suite-list span { color:var(--muted); }
.buyer-install,
.install-offer {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(26px,5vw,72px);
  align-items:start;
}
.fit-grid {
  display:grid;
  gap:8px;
}
.fit-grid article,
.price-panel,
.install-steps div {
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
}
.fit-grid article {
  min-height:118px;
  padding:20px;
  display:grid;
  gap:8px;
}
.fit-grid span { color:var(--muted); }
.install-steps {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:26px;
}
.install-steps div {
  min-height:94px;
  padding:18px;
}
.install-steps span {
  display:block;
  color:var(--blue);
  font:700 11px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  letter-spacing:.1em;
  margin-bottom:13px;
}
.price-panel {
  min-height:320px;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
}
.price-panel span {
  color:var(--muted);
  font:700 11px/1 "JetBrains Mono", ui-monospace, Menlo, monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.price-panel strong {
  display:block;
  margin:28px 0 16px;
  font:820 clamp(62px,9vw,118px)/.9 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.price-panel p { color:var(--muted); margin-bottom:26px; }
.install-command {
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-soft);
}
.install-command code {
  min-width:0;
  flex:1;
  color:var(--ink);
  overflow-wrap:anywhere;
  text-transform:none;
  letter-spacing:0;
}
.copy-command {
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font:750 12px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor:pointer;
}
.copy-command:hover {
  border-color:var(--blue);
  color:var(--blue);
}
.copy-feedback {
  min-height:18px;
  margin:0 0 18px;
  color:var(--muted);
  font-size:12px;
}
.install-inline-link {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:3px;
}
.module-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.module-gallery article {
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:var(--panel);
}
.module-gallery img {
  display:block;
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:top left;
  border-bottom:1px solid var(--line);
}
.module-gallery h3 {
  margin:16px 18px 6px;
  font-size:19px;
}
.module-gallery p {
  margin:0 18px 18px;
  color:var(--muted);
}
.workflow-compare {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
.workflow-compare article,
.trust-report-grid article {
  min-height:100%;
  padding:22px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.workflow-compare span,
.trust-report-grid span {
  display:block;
  margin-bottom:18px;
  color:var(--muted);
  font:700 11px/1.1 "JetBrains Mono", monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.workflow-compare h3,
.trust-report-grid h3 {
  margin:0 0 12px;
  font-size:22px;
}
.workflow-compare ul {
  display:grid;
  gap:9px;
  margin:0;
  padding-left:18px;
  color:var(--muted);
}
.workflow-compare li { padding-left:2px; }
.trust-report-grid {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}
.trust-report-grid p {
  margin:0;
  color:var(--muted);
  font-size:15px;
}
.final-cta {
  padding:94px 0;
  background:var(--ink);
  color:var(--paper);
}
.final-cta .lead { color:color-mix(in srgb, var(--paper) 78%, transparent); }
.final-cta .button:not(.primary) {
  background:transparent;
  color:var(--paper);
  border-color:color-mix(in srgb, var(--paper) 26%, transparent);
}
:root[data-theme="dark"] .final-cta .button.primary { color:#09101f; }

@media (max-width:980px) {
  .product-scene, .grid-3, .grid-2, .method-flow, .offer, .product-row, .module-gallery, .workflow-compare { grid-template-columns:1fr; }
  .split-section, .proof-layout, .suite-layout, .trust-grid, .buyer-install, .install-offer, .policy-layout { grid-template-columns:1fr; }
  .trust-report-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .demo-lab { grid-template-columns:1fr; }
  .builder-steps { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .proof-note-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .proof-note-grid article { min-height:220px; }
  .mission-hero-card { grid-template-columns:1fr; width:min(760px, 100%); }
  .footer-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-brand-block { grid-column:1 / -1; }
  .footer-base { grid-template-columns:1fr; justify-items:start; margin-top:46px; }
  .footer-legal, .footer-locale { justify-self:start; }
  .policy-index { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .level { grid-template-columns:1fr; }
  .nav-links { display:none; }
  .hero { min-height:auto; }
  .hero-inner { grid-template-rows:auto auto; }
  .scene-pane { min-height:0; }
  .instrument-preview img { min-height:260px; }
}
@media (max-width:620px) {
  .container, .hero-inner { width:min(100vw - 28px, 1180px); }
  .nav-inner { height:58px; }
  .nav-actions .button { display:none; }
  .mission-hero { min-height:auto; padding:76px 9px 14px; }
  .mission-hero-card { padding:22px; border-radius:18px; gap:20px; }
  .mission-hero h1 { font-size:clamp(40px,13vw,60px); }
  .access-form { grid-template-columns:1fr; }
  .product-surface { min-height:220px; border-radius:14px; }
  .product-surface img { min-height:0; }
  .principle-stack article, .contract-row, .suite-list article { grid-template-columns:1fr; gap:7px; }
  .proof-note-grid { grid-template-columns:1fr; }
  .trust-report-grid { grid-template-columns:1fr; }
  .builder-steps { grid-template-columns:1fr; }
  .demo-actions { grid-template-columns:1fr; }
  .demo-steps article { grid-template-columns:36px 1fr; }
  .demo-steps article p { grid-column:2; }
  .proof-article { padding:64px 0; }
  .install-steps { grid-template-columns:1fr; }
  .install-command {
    align-items:stretch;
    flex-direction:column;
  }
  .copy-command {
    width:100%;
  }
  .principle-stack p { grid-column:1; }
  .hero { padding-top:92px; padding-bottom:28px; }
  h1 { font-size:clamp(42px, 14vw, 68px); }
  .hero-sub { font-size:16px; margin-top:18px; }
  section { padding:68px 0; }
  .product-scene { padding:10px; }
  .instrument-preview { border-radius:14px; min-height:220px; }
  .instrument-preview img { min-height:220px; }
  .decision-row { grid-template-columns:1fr; }
  .site-footer { padding:46px 0 24px; }
  .site-footer .container { width:min(100vw - 28px, 1180px); }
  .footer-directory { grid-template-columns:1fr; gap:30px; }
  .footer-column { gap:11px; }
  .footer-base { gap:16px; }
  .footer-socials { flex-wrap:wrap; gap:14px; }
}