:root {
  color-scheme: dark;
  --bg: #050a17;
  --bg-deep: #02050d;
  --panel: rgba(10, 18, 38, .78);
  --panel-solid: #0a1226;
  --panel-2: rgba(13, 26, 52, .78);
  --line: rgba(126, 182, 255, .16);
  --line-strong: rgba(30, 217, 255, .35);
  --white: #f7fbff;
  --text: #d4e0f1;
  --muted: #8798b1;
  --blue: #0077ff;
  --electric: #00a6ff;
  --cyan: #00e4ff;
  --teal: #00ffc2;
  --ice: #b6f5ff;
  --amber: #ffb44a;
  --danger: #ff5f7d;
  --good: #5affc6;
  --shadow: 0 28px 90px rgba(0, 0, 0, .48);
  --radius: 18px;
  --header-h: 72px;
  --rail-w: 232px;
  --content-max: 1420px;
  --ease: cubic-bezier(.2,.8,.2,1);
  /* Single source of truth for anchor framing. Never duplicate this on the
     target element as scroll-margin-top: the two offsets stack. */
  --anchor-offset: calc(var(--header-h) + 34px);
}

* { box-sizing: border-box; }
/* scroll-behavior stays auto: site.js owns the smooth animation so that
   in-list scrollIntoView({block:'nearest'}) calls stay instant. */
html { scroll-behavior: auto; scroll-padding-top: var(--anchor-offset); background: var(--bg-deep); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(80rem 55rem at 76% 4%, rgba(0, 104, 255, .12), transparent 64%),
    radial-gradient(60rem 45rem at 16% 28%, rgba(0, 228, 255, .07), transparent 62%),
    linear-gradient(180deg, #050a17 0%, #030812 48%, #02050d 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
svg { display: block; }
::selection { background: rgba(0, 228, 255, .24); color: white; }

.skip-link {
  position: fixed;
  z-index: 9999;
  left: 16px;
  top: -80px;
  padding: 11px 16px;
  background: var(--cyan);
  color: #00111a;
  border-radius: 8px;
  font-weight: 800;
  transition: top .2s;
}
.skip-link:focus { top: 14px; }

.point-field { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -4; opacity: .52; pointer-events: none; }
.aurora { position: fixed; z-index: -5; width: 50vw; height: 50vw; border-radius: 50%; filter: blur(100px); opacity: .11; pointer-events: none; }
.aurora-a { background: var(--blue); top: -28vw; left: 18vw; animation: driftA 18s ease-in-out infinite alternate; }
.aurora-b { background: var(--teal); right: -30vw; top: 33vh; animation: driftB 22s ease-in-out infinite alternate; }
.noise {
  position: fixed; inset: 0; z-index: 50; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.scroll-progress { position: fixed; z-index: 120; top: 0; left: 0; height: 2px; width: 0; background: linear-gradient(90deg,var(--blue),var(--cyan),var(--teal)); box-shadow: 0 0 20px var(--cyan); }

@keyframes driftA { to { transform: translate(8vw, 6vw) scale(1.14); } }
@keyframes driftB { to { transform: translate(-8vw, -5vw) scale(.88); } }

.topbar {
  position: fixed; z-index: 100; top: 0; left: 0; right: 0; height: var(--header-h);
  display: flex; align-items: center; gap: 28px; padding: 0 28px;
  border-bottom: 1px solid transparent;
  background: linear-gradient(180deg, rgba(4, 8, 18, .88), rgba(4,8,18,.55));
  backdrop-filter: blur(22px) saturate(1.35);
  transition: border-color .3s, background .3s, box-shadow .3s;
}
.topbar.scrolled { border-color: var(--line); background: rgba(4, 8, 18, .9); box-shadow: 0 14px 45px rgba(0,0,0,.25); }
.brand { display: flex; align-items: center; min-width: 274px; gap: 12px; }
.brand img { width: 54px; height: 42px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(0,228,255,.35)); }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { color: var(--white); font-size: 16px; letter-spacing: -.02em; }
.brand-copy small { margin-top: 6px; color: var(--cyan); font: 600 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .22em; }
.topnav { display: flex; justify-content: center; align-items: center; gap: 6px; flex: 1; }
.topnav a { position: relative; padding: 10px 13px; color: #aebbd0; font-size: 13px; font-weight: 650; border-radius: 9px; transition: .25s; }
.topnav a:hover { color: white; background: rgba(255,255,255,.04); }
.topnav a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 4px; height: 1px; transform: scaleX(0); background: var(--cyan); box-shadow: 0 0 8px var(--cyan); transition: transform .25s; }
.topnav a:hover::after { transform: scaleX(1); }
.top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; min-width: 338px; }
.icon-button, .launch-button { border: 1px solid var(--line); border-radius: 10px; height: 40px; display: inline-flex; align-items: center; gap: 8px; padding: 0 12px; background: rgba(255,255,255,.025); }
.icon-button { cursor: pointer; }
.icon-button svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.icon-button span { font-size: 12px; color: #aab9cf; }
.icon-button kbd { color: #7890ad; border: 1px solid rgba(255,255,255,.08); padding: 1px 5px; border-radius: 4px; font: 10px ui-monospace, monospace; }
.icon-button:hover { border-color: var(--line-strong); color: var(--cyan); }
.launch-button { border-color: rgba(0,228,255,.34); color: #dffcff; background: linear-gradient(135deg, rgba(0,119,255,.18), rgba(0,255,194,.09)); font-size: 12px; font-weight: 750; letter-spacing: .02em; box-shadow: inset 0 0 25px rgba(0,164,255,.05); }
.launch-button:hover { border-color: var(--cyan); box-shadow: 0 0 25px rgba(0,228,255,.12), inset 0 0 25px rgba(0,164,255,.08); }
.menu-button { display: none; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 10px; background: transparent; padding: 10px; cursor: pointer; }
.menu-button span { display: block; height: 1px; background: #d9e8fb; margin: 4px 0; transition: .25s; }
.mobile-nav { position: fixed; z-index: 96; top: var(--header-h); inset-inline: 0; padding: 16px 22px 26px; background: rgba(3,8,18,.97); border-bottom: 1px solid var(--line); backdrop-filter: blur(20px); max-height: calc(100vh - var(--header-h)); overflow-y: auto; }
.mobile-nav a { display: block; padding: 13px 4px; color: #d6e4f8; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 14px; }

.section-rail {
  position: fixed; z-index: 40; left: 0; top: var(--header-h); bottom: 0; width: var(--rail-w);
  padding: 48px 24px 28px 28px; border-right: 1px solid var(--line); background: rgba(2,7,16,.43); backdrop-filter: blur(8px);
  display: flex; flex-direction: column;
}
.rail-label, .section-code { color: var(--cyan); font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .2em; }
.section-rail nav { display: grid; gap: 3px; margin-top: 20px; }
.section-rail nav a { position: relative; display: grid; grid-template-columns: 28px 1fr; align-items: center; padding: 9px 8px; border-radius: 8px; color: #71839e; font-size: 12px; transition: .25s; }
.section-rail nav a span { font: 9px ui-monospace, monospace; color: #3d5877; }
.section-rail nav a::before { content: ""; position: absolute; width: 2px; left: -29px; top: 8px; bottom: 8px; background: transparent; box-shadow: none; }
.section-rail nav a:hover, .section-rail nav a.active { color: #e8f6ff; background: rgba(0,153,255,.07); }
.section-rail nav a.active span { color: var(--cyan); }
.section-rail nav a.active::before { background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.rail-status { margin-top: auto; padding: 14px 12px; display: flex; gap: 10px; border: 1px solid rgba(0,255,194,.13); border-radius: 12px; background: rgba(0,255,194,.025); }
.status-dot { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--good); box-shadow: 0 0 10px var(--good); animation: pulse 2.2s infinite; }
.rail-status div { display: grid; gap: 4px; }
.rail-status strong { color: #b9ffe9; font: 700 9px ui-monospace, monospace; letter-spacing: .12em; }
.rail-status small { color: #63768e; font-size: 9px; }
@keyframes pulse { 50% { opacity: .35; transform: scale(.75); } }

main, footer { margin-left: var(--rail-w); }
.hero, .content-section, footer { width: min(calc(100% - 48px), var(--content-max)); margin-right: auto; margin-left: auto; }
.hero { position: relative; min-height: 100vh; padding: calc(var(--header-h) + 94px) 0 76px; display: grid; grid-template-columns: minmax(390px,.82fr) minmax(560px,1.18fr); align-items: center; gap: 54px; }
.hero-gridline { position: absolute; inset: 8% -3% 4%; z-index: -1; opacity: .34; background-image: linear-gradient(rgba(52,130,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(52,130,210,.07) 1px,transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse 72% 78% at 68% 45%,black,transparent 78%); transform: perspective(800px) rotateX(64deg) translateY(30%); transform-origin: bottom; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; color: #91dfff; font: 700 10px ui-monospace, monospace; letter-spacing: .2em; }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }
.hero h1, .section-heading h2, .final-cta h2 { margin: 0; color: var(--white); letter-spacing: -.055em; line-height: .98; }
.hero h1 { max-width: 720px; font-size: clamp(54px, 6.4vw, 102px); font-weight: 720; }
.hero h1 em, .section-heading h2 span, .contour-copy h3 em { font-style: normal; color: transparent; background: linear-gradient(92deg,var(--electric),var(--cyan) 46%,var(--teal)); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 22px rgba(0,228,255,.08)); }
.hero-lead { max-width: 650px; margin: 28px 0 0; color: #aabbd2; font-size: clamp(16px,1.2vw,19px); line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 34px; }
.button { position: relative; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 18px; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; font-size: 13px; font-weight: 750; transition: transform .25s var(--ease), border-color .25s, box-shadow .25s; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #00131c; border-color: #52eaff; background: linear-gradient(115deg,#58c8ff 0%,#00e4ff 44%,#00ffc2 100%); box-shadow: 0 12px 35px rgba(0,208,255,.18); }
.button.primary:hover { box-shadow: 0 15px 45px rgba(0,228,255,.3); }
.button.secondary { color: #d9efff; background: rgba(8,22,44,.62); border-color: rgba(89,169,255,.28); }
.button.secondary:hover { border-color: var(--cyan); }
.button-scan { position: absolute; top: 0; bottom: 0; left: -30%; width: 18%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent); transform: skewX(-18deg); animation: scanButton 4s 1.5s infinite; }
@keyframes scanButton { 0%,65% { left: -30%; } 85%,100% { left: 120%; } }
.text-link { padding: 10px 8px; color: #8fa8c4; font-size: 12px; font-weight: 700; }
.text-link:hover { color: var(--cyan); }
.hero-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 26px; }
.hero-badges span { padding: 6px 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 6px; color: #7589a3; background: rgba(255,255,255,.02); font: 600 9px ui-monospace, monospace; letter-spacing: .08em; }

.hero-console { position: relative; perspective: 1200px; }
.console-frame { position: relative; z-index: 2; border: 1px solid rgba(94,172,255,.28); border-radius: 19px; overflow: hidden; background: rgba(3,8,18,.86); box-shadow: 0 45px 110px rgba(0,0,0,.48), 0 0 60px rgba(0,142,255,.08), inset 0 0 60px rgba(0,98,255,.04); transform: rotateY(-2deg) rotateX(1deg); transform-origin: center; }
.console-frame::before, .gallery-shell::before, .workflow-console::before, .architecture-map::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; padding: 1px; background: linear-gradient(120deg,rgba(0,228,255,.65),transparent 18%,transparent 75%,rgba(0,119,255,.4)); -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .55; }
.console-header, .console-footer, .gallery-topline, .pipeline-head, .panel-header, .terminal-head, .shortcut-head { display: flex; align-items: center; justify-content: space-between; color: #6f86a1; font: 650 9px ui-monospace, monospace; letter-spacing: .12em; }
.console-header { height: 36px; padding: 0 12px; border-bottom: 1px solid rgba(255,255,255,.07); background: linear-gradient(180deg,rgba(19,34,64,.75),rgba(9,17,34,.6)); }
.console-lights { display: flex; gap: 5px; }
.console-lights i { width: 6px; height: 6px; border-radius: 50%; background: #ff6a78; box-shadow: 12px 0 0 #f8bd50,24px 0 0 #4ee59e; }
.console-secure { display: flex; align-items: center; gap: 6px; color: #75b8d8; }
.console-secure i { width: 5px; height: 5px; border-radius: 50%; background: var(--good); box-shadow: 0 0 8px var(--good); }
.console-viewport { position: relative; aspect-ratio: 1600/925; overflow: hidden; background: #020610; }
.console-viewport img { width: 100%; height: 100%; object-fit: cover; opacity: .91; filter: saturate(1.06) contrast(1.03); }
.console-viewport::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 54% 55%,transparent 0 34%,rgba(0,5,14,.08) 60%,rgba(0,5,14,.34) 100%), linear-gradient(90deg,rgba(0,130,255,.06),transparent 30%,transparent 70%,rgba(0,228,255,.04)); }
.scanline { position: absolute; z-index: 4; left: 0; right: 0; height: 2px; top: -3%; background: linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow: 0 0 14px rgba(0,228,255,.7); opacity: .55; animation: scanline 6s linear infinite; }
@keyframes scanline { to { top: 103%; } }
.target-reticle { position: absolute; z-index: 5; left: 51%; top: 54%; width: 70px; height: 70px; transform: translate(-50%,-50%); border: 1px solid rgba(0,228,255,.28); border-radius: 50%; }
.target-reticle::before, .target-reticle::after { content:""; position:absolute; background: rgba(0,228,255,.36); }
.target-reticle::before { width: 1px; height: 86px; left: 50%; top: -8px; }
.target-reticle::after { height: 1px; width: 86px; top: 50%; left: -8px; }
.target-reticle i { position: absolute; width: 12px; height: 12px; border-color: var(--cyan); opacity: .8; }
.target-reticle i:nth-child(1){left:-5px;top:-5px;border-left:1px solid;border-top:1px solid}.target-reticle i:nth-child(2){right:-5px;top:-5px;border-right:1px solid;border-top:1px solid}.target-reticle i:nth-child(3){left:-5px;bottom:-5px;border-left:1px solid;border-bottom:1px solid}.target-reticle i:nth-child(4){right:-5px;bottom:-5px;border-right:1px solid;border-bottom:1px solid}
.telemetry { position: absolute; z-index: 5; min-width: 94px; padding: 7px 9px; border-left: 1px solid var(--cyan); background: rgba(0,8,21,.67); backdrop-filter: blur(5px); display: grid; gap: 2px; }
.telemetry b { color: var(--cyan); font: 700 7px ui-monospace, monospace; letter-spacing: .16em; }
.telemetry span { color: #c6def5; font: 700 9px ui-monospace, monospace; }
.telemetry-a { top: 11%; left: 3%; }.telemetry-b { right: 3%; bottom: 19%; }.telemetry-c { left: 3%; bottom: 8%; }
.console-footer { height: 34px; padding: 0 12px; border-top: 1px solid rgba(255,255,255,.06); }
.console-footer span { padding-right: 10px; }.console-footer .grow { flex:1; }.console-footer span:last-child { color: var(--good); }
@keyframes float { 50% { transform: translateY(10px); } }
@keyframes spin { to { transform: rotate(360deg); } }
.hero-metrics { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-metrics article { position: relative; min-height: 118px; padding: 21px 24px; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 16px; }
.hero-metrics article + article { border-left: 1px solid var(--line); }
.hero-metrics small { grid-column: 1/-1; color: #65809e; font: 700 8px ui-monospace, monospace; letter-spacing:.18em; }
.hero-metrics strong { color: var(--white); font-size: 39px; letter-spacing: -.05em; line-height: 1; }
.hero-metrics span { color: #7f92aa; font-size: 11px; max-width: 140px; }

.content-section { position: relative; padding: 116px 0; }
.content-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,var(--line),transparent); }
.section-heading { max-width: 850px; margin-bottom: 48px; }
.section-heading h2 { margin-top: 15px; font-size: clamp(41px,5vw,76px); font-weight: 700; }
.section-heading p { max-width: 760px; margin: 22px 0 0; color: #91a2b9; font-size: 16px; line-height: 1.75; }

.capability-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.capability-card { position: relative; min-height: 285px; padding: 24px 22px; border:1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg,rgba(13,26,52,.7),rgba(5,11,25,.68)); overflow:hidden; transition: transform .35s var(--ease),border-color .35s,box-shadow .35s; }
.capability-card::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 80% 10%,rgba(0,228,255,.1),transparent 30%); opacity:0; transition:.35s; }
.capability-card::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); transform:scaleX(0); transition:transform .35s; }
.capability-card:hover { transform: translateY(-6px); border-color: rgba(0,228,255,.35); box-shadow: 0 22px 50px rgba(0,0,0,.25); }
.capability-card:hover::before { opacity:1; }.capability-card:hover::after { transform:scaleX(1); }
.card-index { position:absolute; top:18px; right:18px; color:#314b68; font:700 10px ui-monospace,monospace; }
.cap-icon { width:45px; height:45px; display:grid; place-items:center; border:1px solid rgba(0,228,255,.18); border-radius:12px; background:rgba(0,148,255,.06); color:var(--cyan); }
.cap-icon svg { width:22px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.capability-card h3 { margin:23px 0 8px; color:#f0f8ff; font-size:19px; letter-spacing:-.02em; }
.capability-card p { margin:0; color:#8193aa; font-size:12.5px; line-height:1.65; }
.card-tag { position:absolute; bottom:20px; left:22px; color:#5c7896; font:700 8px ui-monospace,monospace; letter-spacing:.15em; }

.workflow-section { overflow:hidden; }
.workflow-console { position:relative; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,rgba(10,22,44,.84),rgba(3,8,18,.8)); padding:30px 26px; display:grid; grid-template-columns:repeat(5,1fr); gap:10px; box-shadow:var(--shadow); }
.workflow-line { position:absolute; top:59px; left:7%; right:7%; height:1px; background:linear-gradient(90deg,var(--electric),var(--cyan),var(--teal)); opacity:.25; }
.workflow-step { position:relative; z-index:2; min-height:210px; padding:8px 16px 15px; border-radius:12px; transition:.3s; }
.workflow-step:hover { background:rgba(0,165,255,.055); }
.workflow-step b { width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(0,228,255,.23);border-radius:50%;background:#081326;color:var(--cyan);box-shadow:0 0 0 6px #07101f; font:700 11px ui-monospace,monospace; }
.workflow-step small { display:block; margin-top:34px;color:#51718f;font:700 8px ui-monospace,monospace;letter-spacing:.18em; }
.workflow-step h3 { margin:7px 0;color:#edf7ff;font-size:17px; }
.workflow-step p { margin:0;color:#788ba5;font-size:11.5px;line-height:1.6; }
.workflow-hud { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px; }
.workflow-hud>div { position:relative;padding:18px 18px 18px 52px;border:1px solid var(--line);border-radius:12px;background:rgba(6,15,31,.62); }
.workflow-hud span { position:absolute;left:16px;top:18px;color:var(--cyan);font:700 9px ui-monospace,monospace; }
.workflow-hud strong { color:#dcecff;font-size:13px; }
.workflow-hud p { margin:5px 0 0;color:#6e819b;font-size:11px; }

.gallery-shell { position:relative;display:grid;grid-template-columns:245px 1fr;gap:0;border:1px solid var(--line);border-radius:18px;background:rgba(4,10,22,.82);overflow:hidden;box-shadow:var(--shadow); }
.gallery-tabs { padding:14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:rgba(7,16,32,.78); }
.gallery-tabs button { text-align:left;border:1px solid transparent;background:transparent;color:#71859f;border-radius:9px;padding:14px 12px;cursor:pointer;font-size:12px;transition:.25s; }
.gallery-tabs button span { display:inline-block;width:28px;color:#3f5d7d;font:700 9px ui-monospace,monospace; }
.gallery-tabs button:hover { color:#cde8f8;background:rgba(0,164,255,.04); }
.gallery-tabs button.active { color:#e9fbff;border-color:rgba(0,228,255,.18);background:linear-gradient(90deg,rgba(0,119,255,.11),rgba(0,255,194,.04)); }
.gallery-tabs button.active span { color:var(--cyan); }
.gallery-stage { position:relative;overflow:hidden;background:#040913;min-height:530px; }
.gallery-stage img { width:100%;height:100%;min-height:530px;object-fit:cover;transition:opacity .25s,transform .55s var(--ease); }
.gallery-stage.changing img { opacity:.18;transform:scale(1.02); }
.gallery-topline { position:absolute;z-index:5;left:0;right:0;top:0;height:38px;padding:0 14px;background:rgba(3,8,18,.82);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(9px); }
.gallery-topline span:first-child { color:#c9efff; }
.gallery-grid { position:absolute;z-index:3;inset:38px 0 0;background-image:linear-gradient(rgba(0,228,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,228,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent 58%); }
.gallery-copy { position:absolute;z-index:5;left:16px;bottom:16px;max-width:390px;padding:12px 14px;border-left:1px solid var(--cyan);background:rgba(2,8,19,.78);backdrop-filter:blur(8px);color:#a9c1d9;font-size:11px;line-height:1.55; }
.visual-chips { margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.visual-chips>div { padding:17px;border:1px solid var(--line);border-radius:11px;background:rgba(6,15,31,.55); }
.visual-chips small { display:block;margin-bottom:10px;color:#56728f;font:700 8px ui-monospace,monospace;letter-spacing:.15em; }
.visual-chips span { display:inline-block;margin:3px 3px 0 0;padding:5px 8px;border:1px solid rgba(120,172,225,.11);border-radius:5px;color:#93a9c2;font-size:9px;background:rgba(255,255,255,.02); }

.measure-layout { display:grid;grid-template-columns:.92fr 1.08fr;gap:16px; }
.measure-radar { position:relative;min-height:560px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at center,rgba(0,91,178,.13),transparent 52%),linear-gradient(160deg,rgba(7,18,36,.9),rgba(2,7,15,.86));box-shadow:var(--shadow); }
.radar-ring { position:absolute;left:50%;top:50%;border:1px solid rgba(0,228,255,.12);border-radius:50%;transform:translate(-50%,-50%); }
.r1{width:72%;aspect-ratio:1}.r2{width:51%;aspect-ratio:1}.r3{width:29%;aspect-ratio:1}
.radar-axis { position:absolute;background:rgba(0,228,255,.1); }.radar-axis.x{height:1px;left:7%;right:7%;top:50%}.radar-axis.y{width:1px;top:7%;bottom:7%;left:50%}
.radar-sweep { position:absolute;left:50%;top:50%;width:36%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(0,228,255,.72),transparent);box-shadow:0 0 12px rgba(0,228,255,.5);animation:spin 7s linear infinite; }
.measure-radar svg { position:absolute;inset:0;width:100%;height:100%; }.measure-radar polyline { stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 6px var(--cyan)); }.measure-radar circle { fill:#041221;stroke:var(--teal);stroke-width:2; }.measure-radar text { fill:var(--ice);font:700 11px ui-monospace,monospace; }
.radar-label { position:absolute;left:22px;bottom:22px;display:grid;gap:4px;padding-left:12px;border-left:1px solid var(--cyan); }.radar-label small{color:#4e7896;font:700 8px ui-monospace,monospace;letter-spacing:.14em}.radar-label strong{color:#e7fbff;font-size:16px}.radar-label span{color:#7690aa;font:10px ui-monospace,monospace}
.measure-tools { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.measure-tools article { position:relative;min-height:132px;padding:20px 18px 17px 52px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(12,25,48,.7),rgba(5,11,23,.65)); }
.measure-tools b { position:absolute;left:16px;top:20px;color:var(--cyan);font:700 10px ui-monospace,monospace; }
.measure-tools h3 { margin:0;color:#e8f5ff;font-size:15px; }.measure-tools p{margin:7px 0 0;color:#788da5;font-size:11px;line-height:1.55}
.notice-bar { display:grid;grid-template-columns:170px 1fr;align-items:center;gap:18px;margin-top:12px;padding:15px 18px;border:1px solid rgba(255,180,74,.17);border-radius:11px;background:rgba(255,180,74,.035); }
.notice-bar span { color:var(--amber);font:700 9px ui-monospace,monospace;letter-spacing:.15em}.notice-bar p{margin:0;color:#9b8b79;font-size:11px}

.terrain-pipeline { position:relative;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(5,13,29,.78); }
.pipeline-head { height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(11,24,46,.67); }
.pipeline-head span:first-child { color:#b7eaff; }
.pipeline-row { display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;padding:22px 18px;gap:8px; }
.pipeline-row article { min-height:120px;padding:17px 14px;border:1px solid rgba(103,167,230,.12);border-radius:10px;background:linear-gradient(155deg,rgba(12,27,52,.72),rgba(3,9,20,.65)); }
.pipeline-row small { color:#486987;font:700 7px ui-monospace,monospace;letter-spacing:.14em}.pipeline-row strong{display:block;margin-top:13px;color:#e2f3ff;font-size:13px}.pipeline-row span{display:block;margin-top:5px;color:#6f849d;font-size:9.5px;line-height:1.45}.pipeline-row>i{align-self:center;color:var(--cyan);font-style:normal;opacity:.5}
.terrain-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px; }
.assessment-panel,.deliverables-panel { border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(5,13,29,.72); }
.panel-header { height:40px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(11,24,46,.52); }.panel-header span:first-child{color:#b7eaff}
.assessment-row { display:grid;grid-template-columns:180px 1fr 48px;align-items:center;gap:12px;margin:12px;padding:17px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018); }
.assessment-row div{display:grid;gap:3px}.assessment-row small{font:700 7px ui-monospace,monospace;letter-spacing:.12em;color:#6d849c}.assessment-row strong{font-size:17px}.assessment-row>span{color:#798da4;font-size:10px}.assessment-row>b{justify-self:end;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:12px}
.assessment-row.good strong{color:var(--good)}.assessment-row.good>b{border:1px solid rgba(90,255,198,.25);color:var(--good);background:rgba(90,255,198,.05)}
.assessment-row.preview strong{color:var(--amber)}.assessment-row.preview>b{border:1px solid rgba(255,180,74,.25);color:var(--amber);background:rgba(255,180,74,.05)}
.assessment-note{display:flex;gap:10px;margin:0 12px 14px;padding:11px 12px;border-left:1px solid var(--cyan);background:rgba(0,164,255,.04)}.assessment-note i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.assessment-note p{margin:0;color:#7389a2;font-size:9.5px}
.deliverables-panel ul{list-style:none;margin:0;padding:12px}.deliverables-panel li{display:flex;justify-content:space-between;gap:12px;padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.deliverables-panel li:last-child{border:0}.deliverables-panel li span{color:#869bb3}.deliverables-panel li b{color:#9feeff;font:700 8px ui-monospace,monospace;letter-spacing:.05em;text-align:right}
.contour-studio { display:grid;grid-template-columns:.8fr 1.2fr;gap:0;margin-top:12px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:linear-gradient(140deg,rgba(10,23,45,.8),rgba(3,9,20,.8)); }
.contour-copy { padding:34px; }.contour-copy h3{margin:15px 0 12px;color:#f0f8ff;font-size:29px;line-height:1.15;letter-spacing:-.035em}.contour-copy p{margin:0;color:#8295ad;font-size:12px;line-height:1.7}.contour-copy>small{display:block;margin-top:11px;color:#63768e;font-size:9px;line-height:1.5}
.evidence-ladder { display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:24px; }.evidence-ladder span{position:relative;padding:9px 0;text-align:center;border:1px solid rgba(255,255,255,.07);color:#52667d;font:700 9px ui-monospace,monospace}.evidence-ladder .reached{color:#80c8e8;border-color:rgba(0,164,255,.18);background:rgba(0,164,255,.04)}.evidence-ladder .current{color:#00131b;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 18px rgba(0,228,255,.2)}
.contour-map { position:relative;min-height:350px;overflow:hidden;background:radial-gradient(circle at 65% 50%,rgba(0,164,255,.16),transparent 38%),#030914; }.contour-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,228,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,228,255,.035) 1px,transparent 1px);background-size:28px 28px}.contour-map svg{position:absolute;inset:0;width:100%;height:100%}.contour-map path{fill:none;stroke:rgba(0,228,255,.6);stroke-width:1.3;filter:drop-shadow(0 0 3px rgba(0,228,255,.4))}.map-crosshair{position:absolute;width:80px;height:80px;left:58%;top:47%;transform:translate(-50%,-50%);border:1px solid rgba(0,255,194,.24);border-radius:50%}.map-crosshair::before,.map-crosshair::after{content:"";position:absolute;background:rgba(0,255,194,.35)}.map-crosshair::before{width:1px;height:110px;left:50%;top:-15px}.map-crosshair::after{height:1px;width:110px;top:50%;left:-15px}.map-label{position:absolute;color:#8cf9e0;font:700 8px ui-monospace,monospace}.map-label.a{left:25%;top:62%}.map-label.b{left:51%;top:38%}.map-label.c{right:18%;top:55%}

.format-controls { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px; }.format-controls button{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);padding:8px 12px;color:#7b8fa8;font-size:10px;cursor:pointer;transition:.2s}.format-controls button:hover,.format-controls button.active{color:#e5fbff;border-color:rgba(0,228,255,.35);background:rgba(0,164,255,.08)}
.format-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px; }.format-grid article{min-height:120px;padding:17px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,rgba(11,24,47,.66),rgba(4,10,22,.68));transition:.25s}.format-grid article:hover{transform:translateY(-3px);border-color:rgba(0,228,255,.28)}.format-grid article.hidden{display:none}.format-grid strong{display:block;color:#f1fbff;font-size:20px;letter-spacing:-.02em}.format-grid span{display:block;margin-top:7px;color:#91a7bf;font-size:10.5px}.format-grid small{display:block;margin-top:5px;color:#556c84;font-size:8.5px}
.format-foot{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:12px}.format-foot>div{padding:18px;border:1px solid var(--line);border-radius:11px;background:rgba(6,15,31,.55)}.format-foot small{display:block;color:#536f8b;font:700 8px ui-monospace,monospace;letter-spacing:.13em}.format-foot strong{display:block;margin-top:10px;color:#dff8ff;font-size:16px}.format-foot span{display:block;margin-top:4px;color:#7589a1;font-size:9.5px}.format-foot .planned{border-color:rgba(255,180,74,.14)}.format-foot .planned small,.format-foot .planned strong{color:var(--amber)}

.architecture-map { position:relative;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(8,20,40,.86),rgba(3,8,18,.85));box-shadow:var(--shadow); }
.architecture-layer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:18px;border:1px solid rgba(91,155,220,.14);border-radius:11px;background:rgba(255,255,255,.018)}.architecture-layer small{width:100%;text-align:center;color:#4d6b88;font:700 8px ui-monospace,monospace;letter-spacing:.16em}.architecture-layer span{padding:6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#87a0bb;font-size:9px}.architecture-layer.core{display:grid;grid-template-columns:repeat(3,auto);}.architecture-layer.core small,.architecture-layer.core strong{grid-column:1/-1}.architecture-layer.core strong{text-align:center;color:#e6f7ff;font-size:19px}.architecture-layer.output span{color:#a0dff3}
.architecture-arrow{text-align:center;color:var(--cyan);font:18px ui-monospace,monospace;opacity:.45;padding:8px}.architecture-arrow.split{letter-spacing:6vw}
.architecture-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.architecture-branches article{min-height:135px;padding:17px;border:1px solid rgba(91,155,220,.14);border-radius:11px;background:rgba(255,255,255,.018);text-align:center}.architecture-branches small{display:block;color:#4d6b88;font:700 8px ui-monospace,monospace;letter-spacing:.14em}.architecture-branches strong{display:block;margin:13px 0 8px;color:#e4f5ff;font-size:15px}.architecture-branches span{display:block;color:#748ba4;font-size:9px;line-height:1.5}
.architecture-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.architecture-cards article{position:relative;padding:22px 20px 20px 54px;border:1px solid var(--line);border-radius:12px;background:rgba(5,14,29,.65)}.architecture-cards span{position:absolute;left:18px;top:24px;color:var(--cyan);font:700 10px ui-monospace,monospace}.architecture-cards h3{margin:0;color:#e6f4ff;font-size:15px}.architecture-cards p{margin:7px 0 0;color:#758aa2;font-size:10.5px;line-height:1.6}

.release-panel { display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(5,13,28,.72); }
.release-id{padding:24px;border-right:1px solid var(--line);display:grid;align-content:center}.release-id small{color:#57738f;font:700 8px ui-monospace,monospace;letter-spacing:.15em}.release-id strong{color:#f2fbff;font-size:60px;line-height:1;letter-spacing:-.07em}.release-id span{margin-top:7px;color:#6b829a;font:9px ui-monospace,monospace}
.release-signal{display:grid;grid-template-columns:repeat(4,1fr)}.release-signal>div{padding:25px 20px;display:grid;align-content:center;border-left:1px solid rgba(255,255,255,.04)}.release-signal b{color:var(--cyan);font-size:27px}.release-signal span{color:#778da5;font-size:9.5px;line-height:1.4}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.trust-card{position:relative;padding:25px 22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,rgba(10,23,45,.72),rgba(4,10,22,.7))}.trust-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font:800 14px ui-monospace,monospace}.trust-card.positive .trust-icon{color:var(--good);border:1px solid rgba(90,255,198,.25);background:rgba(90,255,198,.05)}.trust-card.caution .trust-icon{color:var(--amber);border:1px solid rgba(255,180,74,.25);background:rgba(255,180,74,.05)}.trust-card.neutral .trust-icon{color:var(--cyan);border:1px solid rgba(0,228,255,.25);background:rgba(0,228,255,.05)}.trust-card h3{margin:17px 0 12px;color:#e9f6ff;font-size:16px}.trust-card ul{list-style:none;margin:0;padding:0}.trust-card li{position:relative;padding:7px 0 7px 16px;color:#788da5;font-size:10.5px;line-height:1.5;border-top:1px solid rgba(255,255,255,.045)}.trust-card li::before{content:"";position:absolute;left:0;top:13px;width:5px;height:1px;background:#50708f}
.honesty-terminal{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#030812;box-shadow:var(--shadow)}.terminal-head{height:39px;padding:0 14px;border-bottom:1px solid var(--line);background:#091326}.honesty-terminal code{display:grid;grid-template-columns:35px 1fr;padding:8px 16px;color:#8da3ba;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.honesty-terminal code i{color:#35516d;font-style:normal}.honesty-terminal code b{color:#7eeaff;font-weight:600}.honesty-terminal code em{color:var(--amber);font-style:normal}.terminal-result{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:9px 14px 14px;padding:12px;border:1px solid rgba(255,180,74,.15);background:rgba(255,180,74,.03);color:#917f6e;font-size:10px}.terminal-result span{color:var(--amber);font:700 8px ui-monospace,monospace;letter-spacing:.14em}

.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-grid article{position:relative;min-height:235px;padding:56px 18px 19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,rgba(12,25,48,.7),rgba(4,10,22,.68))}.quick-grid b{position:absolute;left:18px;top:18px;color:var(--cyan);font:700 10px ui-monospace,monospace}.quick-grid b::after{content:"";position:absolute;left:30px;top:6px;width:32px;height:1px;background:rgba(0,228,255,.28)}.quick-grid h3{margin:0;color:#eaf7ff;font-size:17px}.quick-grid p{margin:11px 0;color:#7a8ea6;font-size:10.5px;line-height:1.65}.quick-grid a{position:absolute;left:18px;bottom:17px;color:#82eaff;font-size:10px;font-weight:700}
.shortcut-board{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(4,11,24,.72)}.shortcut-head{height:40px;padding:0 15px;border-bottom:1px solid var(--line);background:rgba(10,23,45,.62)}.shortcut-head span:first-child{color:#c5ecff}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:12px}.shortcut-grid>div{display:flex;align-items:center;gap:10px;padding:12px;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.shortcut-grid kbd{min-width:34px;padding:5px 8px;text-align:center;border:1px solid rgba(120,180,235,.17);border-bottom-color:rgba(120,180,235,.35);border-radius:5px;background:linear-gradient(180deg,#101e36,#081225);color:#c7eaff;font:700 9px ui-monospace,monospace;box-shadow:0 2px 0 #02050d}.shortcut-grid span{color:#7b90a8;font-size:10px}
.final-cta{position:relative;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:28px;margin-top:14px;padding:34px;border:1px solid rgba(0,228,255,.25);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 12% 50%,rgba(0,228,255,.13),transparent 28%),linear-gradient(120deg,rgba(9,27,52,.9),rgba(2,9,20,.9));box-shadow:var(--shadow)}.final-cta::after{content:"";position:absolute;right:-15%;top:-80%;width:55%;height:260%;background:linear-gradient(90deg,transparent,rgba(0,228,255,.055),transparent);transform:rotate(18deg)}.final-cta img{width:140px;filter:drop-shadow(0 0 30px rgba(0,228,255,.28))}.final-cta small{color:var(--cyan);font:700 8px ui-monospace,monospace;letter-spacing:.17em}.final-cta h2{margin-top:10px;font-size:38px}.final-cta p{margin:10px 0 0;color:#8499b0;font-size:11px}.final-actions{position:relative;z-index:2;display:grid;gap:8px;min-width:154px}

.faq { padding-top:72px; }.faq .section-heading{margin-bottom:28px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 4px;color:#d6e8f8;font-size:13px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--cyan);font-size:20px;font-weight:300;transition:transform .25s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:860px;margin:0;padding:0 4px 20px;color:#7e92aa;font-size:11px;line-height:1.7}

footer { margin-top:30px;margin-bottom:0;padding:34px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:54px;height:45px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,228,255,.18))}.footer-brand div{display:grid}.footer-brand strong{color:#e9f7ff;font-size:14px}.footer-brand span{color:#62768e;font-size:9px}.footer-links{display:flex;gap:18px}.footer-links a{color:#7d91a9;font-size:10px}.footer-links a:hover{color:var(--cyan)}.footer-meta{grid-column:1/-1;display:flex;gap:14px;color:#3f5369;font:8px ui-monospace,monospace;letter-spacing:.1em}

.command-palette { width:min(650px,calc(100% - 24px));max-height:min(690px,calc(100vh - 40px));padding:0;border:1px solid rgba(0,228,255,.28);border-radius:16px;background:rgba(4,10,22,.97);color:var(--text);box-shadow:0 40px 130px rgba(0,0,0,.72),0 0 60px rgba(0,164,255,.1);backdrop-filter:blur(24px);overflow:hidden}.command-palette::backdrop{background:rgba(0,3,9,.76);backdrop-filter:blur(7px)}.command-head{height:62px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.command-head svg{width:20px;fill:none;stroke:var(--cyan);stroke-width:1.6}.command-head input{width:100%;border:0;outline:0;background:transparent;color:#e9f8ff;font-size:14px}.command-head input::placeholder{color:#526a84}.command-head button{border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(255,255,255,.03);padding:4px 7px;color:#698098;font:8px ui-monospace,monospace;cursor:pointer}.command-label{padding:13px 16px 8px;color:#48647f;font:700 8px ui-monospace,monospace;letter-spacing:.15em}.command-results{padding:0 9px 10px;overflow-y:auto;max-height:510px}.command-item{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#879cb3;text-align:left;cursor:pointer}.command-item:hover,.command-item.selected{color:#eafaff;border-color:rgba(0,228,255,.14);background:rgba(0,164,255,.07)}.command-item b{color:var(--cyan);font:700 9px ui-monospace,monospace}.command-item strong{display:block;font-size:12px}.command-item small{display:block;margin-top:2px;color:#536b84;font-size:9px}.command-item>span{color:#45627f;font-size:12px}.command-empty{padding:30px;text-align:center;color:#5d748d;font-size:12px}.command-foot{height:39px;display:flex;gap:18px;align-items:center;padding:0 15px;border-top:1px solid var(--line);color:#536b84;font-size:8px}.command-foot kbd{border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:1px 4px;background:rgba(255,255,255,.025);font:8px ui-monospace,monospace}
.noscript{position:fixed;z-index:999;bottom:12px;left:calc(var(--rail-w) + 12px);right:12px;padding:11px;border:1px solid rgba(255,180,74,.25);background:#171007;color:#ffcf8c;font-size:11px}

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--delay,0ms); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1260px) {
  :root{--rail-w:205px}.topnav a{padding-inline:8px}.brand{min-width:230px}.top-actions{min-width:285px}.icon-button span,.icon-button kbd{display:none}
  .hero{grid-template-columns:.82fr 1.18fr;gap:32px}.hero h1{font-size:clamp(52px,6.3vw,82px)}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .format-grid{grid-template-columns:repeat(3,1fr)}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .pipeline-row{grid-template-columns:1fr auto 1fr auto 1fr}.pipeline-row article:nth-of-type(4),.pipeline-row article:nth-of-type(5),.pipeline-row i:nth-of-type(3),.pipeline-row i:nth-of-type(4){margin-top:10px}.pipeline-row{display:flex;flex-wrap:wrap}.pipeline-row article{flex:1 1 170px}.pipeline-row>i{display:none}
}

@media (max-width: 1020px) {
  :root{--rail-w:0px}.section-rail{display:none}.topnav{display:none}.top-actions{min-width:0;margin-left:auto}.menu-button{display:block}
  main,footer{margin-left:0}.hero,.content-section,footer{width:min(calc(100% - 34px),var(--content-max))}
  .hero{grid-template-columns:1fr;padding-top:calc(var(--header-h) + 70px);min-height:auto}.hero-copy{max-width:760px}.hero-console{max-width:900px}.hero-metrics{margin-top:4px}
  .gallery-shell{grid-template-columns:1fr}.gallery-tabs{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.gallery-tabs button{padding:12px 9px}.gallery-tabs button span{display:block;margin-bottom:4px}
  .measure-layout{grid-template-columns:1fr}.measure-radar{min-height:480px}.terrain-grid{grid-template-columns:1fr}.contour-studio{grid-template-columns:1fr}.contour-map{min-height:310px}.release-panel{grid-template-columns:190px 1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-card:last-child{grid-column:1/-1}.final-cta{grid-template-columns:120px 1fr}.final-actions{grid-column:2}
}

@media (max-width: 760px) {
  :root{--header-h:64px}.topbar{padding:0 14px}.brand{min-width:0}.brand-copy small{display:none}.brand-copy strong{font-size:14px}.top-actions .launch-button{display:none}.hero,.content-section,footer{width:min(calc(100% - 24px),var(--content-max))}
  .hero{padding-top:calc(var(--header-h) + 54px);gap:34px}.eyebrow{font-size:8px}.hero h1{font-size:clamp(45px,13vw,68px)}.hero-lead{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 160px}.text-link{width:100%;text-align:center}
  .hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.hero-metrics article:nth-child(4){border-top:1px solid var(--line)}
  .telemetry-c,.target-reticle{display:none}
  .content-section{padding:82px 0}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(38px,11vw,58px)}.section-heading p{font-size:14px}
  .capability-grid,.measure-tools,.visual-chips,.workflow-hud,.architecture-cards,.trust-grid{grid-template-columns:1fr}.trust-card:last-child{grid-column:auto}
  .workflow-console{grid-template-columns:1fr;padding:16px}.workflow-line{display:none}.workflow-step{min-height:0;display:grid;grid-template-columns:50px 1fr;padding:13px}.workflow-step b{grid-row:1/4}.workflow-step small{margin-top:0}.workflow-step h3{margin:4px 0}.workflow-step p{max-width:520px}
  .gallery-tabs{grid-template-columns:1fr 1fr}.gallery-stage,.gallery-stage img{min-height:330px}.gallery-copy{right:16px;max-width:none}
  .measure-radar{min-height:390px}.notice-bar{grid-template-columns:1fr;gap:6px}
  .assessment-row{grid-template-columns:1fr 42px}.assessment-row>span{grid-column:1/-1;grid-row:2}.format-grid{grid-template-columns:1fr 1fr}.format-foot{grid-template-columns:1fr}.architecture-layer.core{grid-template-columns:1fr}.architecture-branches{grid-template-columns:1fr}.architecture-arrow.split{letter-spacing:1vw}
  .release-panel{grid-template-columns:1fr}.release-id{border-right:0;border-bottom:1px solid var(--line);text-align:center}.release-signal{grid-template-columns:1fr 1fr}.release-signal>div:nth-child(3),.release-signal>div:nth-child(4){border-top:1px solid rgba(255,255,255,.04)}
  .quick-grid{grid-template-columns:1fr 1fr}.shortcut-grid{grid-template-columns:1fr 1fr}.final-cta{grid-template-columns:1fr;text-align:center}.final-cta img{margin:auto}.final-actions{grid-column:auto;width:100%}.footer-links{grid-row:2;justify-self:start}.footer-meta{grid-row:3}
}

@media (max-width: 480px) {
  .brand img{width:37px;height:37px}.hero h1{font-size:44px}.hero-metrics article{padding:18px 14px}.hero-metrics strong{font-size:31px}.console-header>span:nth-child(2){display:none}.console-footer span:nth-child(2),.console-footer span:nth-child(3){display:none}
  .format-grid,.quick-grid,.shortcut-grid{grid-template-columns:1fr}.gallery-tabs{grid-template-columns:1fr}.gallery-tabs button span{display:inline-block}.gallery-stage,.gallery-stage img{min-height:270px}.gallery-copy{position:relative;left:auto;right:auto;bottom:auto;margin:0;border-left:0;border-top:1px solid var(--line);background:#061020}.measure-radar{min-height:330px}.contour-copy{padding:24px}.release-signal{grid-template-columns:1fr}.release-signal>div{border-top:1px solid rgba(255,255,255,.04)}.terminal-result{grid-template-columns:1fr}.final-cta{padding:25px 20px}.final-cta h2{font-size:32px}.footer-links{flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.point-field{display:none}
}
.honesty-terminal code > span{min-width:0;overflow-wrap:anywhere}

/* ============================================================
   Advanced interaction layer + research sections (v2 preview)
   ============================================================ */
:root {
  --violet: #756cff;
  --magenta: #d05cff;
}

body::before {
  content: "";
  position: fixed;
  z-index: -3;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 49.93%, rgba(0,228,255,.035) 50%, transparent 50.07%),
    linear-gradient(transparent 0 49.93%, rgba(0,119,255,.025) 50%, transparent 50.07%);
  background-size: 160px 160px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 72%);
}

.topbar::after {
  content: "";
  position: absolute;
  left: -20%;
  bottom: -1px;
  width: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  box-shadow: 0 0 12px var(--cyan);
  animation: headerSignal 7s linear infinite;
  opacity: .75;
}
@keyframes headerSignal { to { left: 110%; } }

.eyebrow-id { color: #456e91; letter-spacing: .12em; }
.hero h1 { text-wrap: balance; text-shadow: 0 14px 48px rgba(0,0,0,.32); }
.hero h1 em { position: relative; }
.hero h1 em::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.08em;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,228,255,.8), transparent);
  transform: scaleX(.82);
  filter: drop-shadow(0 0 8px var(--cyan));
}
.hero-protocol {
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0 0;
  padding: 9px 11px;
  border: 1px solid rgba(0,228,255,.13);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(0,119,255,.06), rgba(0,255,194,.025));
  box-shadow: inset 0 0 24px rgba(0,164,255,.025);
  color: #76a5c6;
  font: 700 8px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .14em;
  overflow: hidden;
}
.hero-protocol span { position: relative; animation: protocolPulse 5.4s ease-in-out infinite; }
.hero-protocol span:nth-of-type(2) { animation-delay: .5s; }
.hero-protocol span:nth-of-type(3) { animation-delay: 1s; }
.hero-protocol i { color: var(--cyan); font-style: normal; opacity: .55; }
@keyframes protocolPulse { 0%,70%,100% { color:#66839d; text-shadow:none } 12%,28% { color:#dffcff; text-shadow:0 0 12px rgba(0,228,255,.55) } }

.hero-console { transform-style: preserve-3d; will-change: transform; }
.hero-console .console-frame { transition: box-shadow .35s var(--ease), border-color .35s var(--ease); }
.hero-console:hover .console-frame { border-color: rgba(0,228,255,.34); box-shadow: 0 34px 110px rgba(0,0,0,.52), 0 0 50px rgba(0,164,255,.12); }
.console-viewport img { transition: transform .8s var(--ease), filter .5s; }
.hero-console:hover .console-viewport img { transform: scale(1.018); filter: saturate(1.06) contrast(1.02); }
.target-reticle { transition: left .14s linear, top .14s linear, opacity .25s; }
.telemetry { backdrop-filter: blur(9px); }

[data-glow], [data-tilt] { position: relative; }
[data-glow] { isolation: isolate; overflow: hidden; }
.micro-glow {
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  left: var(--glow-x, 50%);
  top: var(--glow-y, 50%);
  transform: translate(-50%,-50%);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle, rgba(0,228,255,.11), rgba(0,119,255,.035) 38%, transparent 70%);
  transition: opacity .3s;
}
[data-glow]:hover > .micro-glow { opacity: 1; }
[data-tilt] { transform-style: preserve-3d; transition: transform .28s var(--ease); will-change: transform; }
[data-tilt] > * { transform: translateZ(0); }

.button, .launch-button, .archive-links a { position: relative; overflow: hidden; }
.button::after, .launch-button::after, .archive-links a::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.16) 49%, transparent 63%);
  transform: translateX(-130%);
  transition: transform .65s var(--ease);
}
.button:hover::after, .launch-button:hover::after, .archive-links a:hover::after { transform: translateX(130%); }
.micro-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(182,245,255,.24);
  pointer-events: none;
  transform: translate(-50%,-50%) scale(0);
  animation: rippleOut .6s ease-out forwards;
}
@keyframes rippleOut { to { transform:translate(-50%,-50%) scale(1); opacity:0; } }

.runtime-hud {
  position: fixed;
  z-index: 80;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: stretch;
  border: 1px solid rgba(0,228,255,.16);
  border-radius: 12px;
  background: rgba(3,9,20,.82);
  box-shadow: 0 18px 55px rgba(0,0,0,.38), inset 0 0 25px rgba(0,119,255,.04);
  backdrop-filter: blur(18px) saturate(1.3);
  overflow: hidden;
  transition: transform .3s var(--ease), opacity .3s;
}
.runtime-toggle {
  width: 42px;
  border: 0;
  border-right: 1px solid rgba(0,228,255,.12);
  background: rgba(0,164,255,.06);
  color: var(--cyan);
  font: 800 9px ui-monospace, monospace;
  letter-spacing: .12em;
  cursor: pointer;
}
.runtime-grid { display: grid; grid-template-columns: 100px 100px minmax(150px, auto); }
.runtime-grid span { display:grid; gap:3px; padding:10px 12px; border-right:1px solid rgba(255,255,255,.045); }
.runtime-grid span:last-child { border-right:0; }
.runtime-grid small { color:#49647f; font:700 7px ui-monospace,monospace; letter-spacing:.13em; }
.runtime-grid strong { color:#c7faff; font:700 8px ui-monospace,monospace; letter-spacing:.08em; white-space:nowrap; }
.runtime-hud.collapsed .runtime-grid { display:none; }
.runtime-hud.collapsed .runtime-toggle { height:42px; border-right:0; }

.tooltip {
  position: fixed;
  z-index: 500;
  max-width: 290px;
  padding: 9px 11px;
  border: 1px solid rgba(0,228,255,.25);
  border-radius: 8px;
  background: rgba(2,8,18,.96);
  box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 24px rgba(0,164,255,.08);
  color: #bcd0e4;
  font-size: 10px;
  line-height: 1.5;
  pointer-events: none;
  backdrop-filter: blur(15px);
}
.tooltip::before { content:"INFO // "; color:var(--cyan); font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
[data-tooltip] { cursor: help; }
.help-dot {
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-right:6px;
  border:1px solid rgba(0,228,255,.3);
  border-radius:50%;
  color:var(--cyan);
  font:800 9px ui-monospace,monospace;
}

.probe-cursor {
  position: fixed;
  z-index: 490;
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%,-50%) scale(.75);
  border: 1px solid rgba(0,228,255,.55);
  border-radius: 50%;
  box-shadow: 0 0 22px rgba(0,228,255,.2), inset 0 0 16px rgba(0,119,255,.12);
  transition: opacity .18s, transform .18s;
}
.probe-cursor::before, .probe-cursor::after { content:""; position:absolute; background:rgba(0,228,255,.6); }
.probe-cursor::before { width:70px; height:1px; left:-9px; top:26px; }
.probe-cursor::after { width:1px; height:70px; top:-9px; left:26px; }
.probe-cursor i { position:absolute; inset:20px; border:1px solid var(--cyan); border-radius:50%; box-shadow:0 0 8px var(--cyan); }
.probe-cursor span { position:absolute; left:62px; top:4px; width:118px; color:#62a7c6; font:700 7px ui-monospace,monospace; letter-spacing:.08em; }
.probe-cursor.active { opacity:1; transform:translate(-50%,-50%) scale(1); }

/* Scan Intelligence */
.intelligence-section { position:relative; }
.intelligence-section::before {
  content:"";
  position:absolute;
  inset:12% -8% 8%;
  z-index:-1;
  background:radial-gradient(circle at 20% 45%,rgba(0,119,255,.13),transparent 42%),radial-gradient(circle at 76% 42%,rgba(0,255,194,.07),transparent 38%);
  filter:blur(30px);
}
.intelligence-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:22px; align-items:stretch; }
.intelligence-visual {
  min-height:620px;
  border:1px solid rgba(0,228,255,.18);
  border-radius:18px;
  background:#040a17;
  overflow:hidden;
  box-shadow:var(--shadow), inset 0 0 45px rgba(0,119,255,.04);
}
.intelligence-visual img { width:100%; height:100%; min-height:620px; object-fit:cover; object-position:center; opacity:.9; filter:saturate(.95) contrast(1.04); }
.intel-screen-head { position:absolute; z-index:4; left:0; right:0; top:0; height:42px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; border-bottom:1px solid rgba(0,228,255,.14); background:rgba(3,8,18,.85); backdrop-filter:blur(12px); color:#7fa0ba; font:700 8px ui-monospace,monospace; letter-spacing:.14em; }
.intel-lock { color:var(--teal); }
.intel-scan-sweep { position:absolute; z-index:3; left:0; right:0; top:-15%; height:18%; background:linear-gradient(180deg,transparent,rgba(0,228,255,.08),transparent); border-bottom:1px solid rgba(0,228,255,.25); animation:intelSweep 5.8s linear infinite; pointer-events:none; }
@keyframes intelSweep { to { top:110%; } }
.intel-callout { position:absolute; z-index:5; display:flex; gap:7px; align-items:center; padding:7px 9px; border:1px solid rgba(0,228,255,.2); border-radius:6px; background:rgba(3,10,22,.78); color:#9bc9e2; font:700 7px ui-monospace,monospace; letter-spacing:.1em; backdrop-filter:blur(10px); }
.intel-callout b { color:var(--cyan); }
.intel-callout.a { left:6%; top:18%; }.intel-callout.b{right:6%;top:44%}.intel-callout.c{left:9%;bottom:10%}
.intelligence-stack { display:grid; gap:14px; }
.intelligence-card { padding:24px 24px 22px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(11,23,48,.8),rgba(5,12,27,.82)); box-shadow:inset 0 0 30px rgba(0,119,255,.025); }
.intelligence-card:hover { border-color:rgba(0,228,255,.28); }
.intel-card-id { color:var(--cyan); font:700 8px ui-monospace,monospace; letter-spacing:.15em; }
.intelligence-card h3 { margin:11px 0 8px; color:#ecf9ff; font-size:22px; letter-spacing:-.025em; }
.intelligence-card p { margin:0; color:#8ea2b8; font-size:11px; line-height:1.65; }
.intelligence-card p strong { color:#c7e9fb; }
.intelligence-card ul { margin:14px 0 0; padding:0; list-style:none; display:grid; gap:6px; }
.intelligence-card li { position:relative; padding-left:14px; color:#70879f; font-size:9px; }
.intelligence-card li::before { content:""; position:absolute; left:0; top:.65em; width:5px; height:1px; background:var(--cyan); box-shadow:0 0 6px var(--cyan); }
.intel-caution { margin-top:14px; display:flex; align-items:flex-start; gap:8px; padding:10px; border:1px solid rgba(255,180,74,.14); border-radius:8px; background:rgba(255,180,74,.035); color:#a89370; font-size:9px; line-height:1.55; }
.intel-caution span { flex:0 0 auto; display:grid; place-items:center; width:17px; height:17px; border:1px solid rgba(255,180,74,.35); border-radius:50%; color:var(--amber); font:800 8px ui-monospace,monospace; }
.axis-pills { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
.axis-pills span { padding:7px 9px; border:1px solid rgba(0,228,255,.16); border-radius:999px; background:rgba(0,164,255,.045); color:#8ccce5; font:700 8px ui-monospace,monospace; letter-spacing:.07em; }
.diagnostic-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-top:18px; border:1px solid var(--line); border-radius:14px; background:rgba(6,14,30,.72); overflow:hidden; }
.diagnostic-strip article { min-height:138px; padding:22px; border-right:1px solid var(--line); }
.diagnostic-strip article:last-child { border-right:0; }
.diagnostic-strip small { color:#4e6f8d; font:700 8px ui-monospace,monospace; letter-spacing:.14em; }
.diagnostic-strip strong { display:block; margin-top:12px; color:#d7effc; font-size:13px; }
.diagnostic-strip span { display:block; margin-top:7px; color:#6d849c; font-size:9px; line-height:1.55; }

/* Product evidence + contour export protocol */
.product-evidence { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 14px; }
.product-evidence span { display:flex; gap:8px; align-items:center; padding:8px 10px; border:1px solid rgba(0,228,255,.16); border-radius:7px; background:rgba(0,164,255,.04); color:#7096ae; font:700 8px ui-monospace,monospace; letter-spacing:.08em; }
.product-evidence b { color:var(--cyan); font-size:10px; }
.contour-export-guide { margin-top:20px; border:1px solid rgba(0,228,255,.18); border-radius:18px; background:linear-gradient(145deg,rgba(8,18,38,.86),rgba(3,9,20,.88)); box-shadow:var(--shadow),inset 0 0 55px rgba(0,119,255,.035); overflow:hidden; }
.contour-guide-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; padding:28px 30px 24px; border-bottom:1px solid var(--line); }
.contour-guide-head h3 { margin:10px 0 0; color:#eefaff; font-size:28px; letter-spacing:-.035em; }
.protocol-chip { flex:0 0 auto; padding:8px 10px; border:1px solid rgba(0,255,194,.2); border-radius:7px; background:rgba(0,255,194,.035); color:#8fffdc; font:700 8px ui-monospace,monospace; letter-spacing:.11em; }
.contour-guide-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.9fr); gap:0; }
.contour-steps { margin:0; padding:24px 30px 26px; list-style:none; display:grid; }
.contour-steps li { display:grid; grid-template-columns:48px 1fr; gap:13px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.contour-steps li:last-child { border-bottom:0; }
.contour-steps b { color:var(--cyan); font:800 10px ui-monospace,monospace; }
.contour-steps strong { display:block; color:#dceef9; font-size:12px; }
.contour-steps span { display:block; margin-top:5px; color:#71869d; font-size:9px; line-height:1.55; }
.permit-lab { padding:24px; border-left:1px solid var(--line); background:rgba(2,8,18,.48); }
.permit-head { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#8fb1c7; font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
.permit-head small { color:#44647f; font:700 7px ui-monospace,monospace; letter-spacing:.06em; }
.gate-controls { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:18px; }
.gate-controls label { display:grid; gap:7px; color:#5d7892; font:700 7px ui-monospace,monospace; letter-spacing:.1em; }
.gate-controls button { height:38px; border:1px solid rgba(0,228,255,.18); border-radius:7px; background:rgba(0,164,255,.045); color:#a8efff; font:800 9px ui-monospace,monospace; letter-spacing:.08em; cursor:pointer; transition:.25s; }
.gate-controls button:hover { border-color:var(--cyan); box-shadow:0 0 18px rgba(0,228,255,.08); }
.gate-controls button[data-state="preview"],.gate-controls button[data-state="unknown"] { border-color:rgba(255,180,74,.25); color:#ffd08a; background:rgba(255,180,74,.045); }
.gate-controls button[data-state="blocked"] { border-color:rgba(255,95,125,.28); color:#ff9caf; background:rgba(255,95,125,.045); }
.permit-result { margin-top:14px; padding:16px; display:grid; gap:5px; border:1px solid rgba(90,255,198,.2); border-radius:10px; background:rgba(90,255,198,.035); }
.permit-result small { color:#5b7f78; font:700 7px ui-monospace,monospace; letter-spacing:.13em; }
.permit-result strong { color:#8affe0; font:800 22px ui-monospace,monospace; letter-spacing:.08em; }
.permit-result span { color:#73918a; font-size:9px; }
.permit-result.preview { border-color:rgba(255,180,74,.22); background:rgba(255,180,74,.035); }.permit-result.preview strong{color:#ffd08a}.permit-result.preview small,.permit-result.preview span{color:#9d8666}
.permit-result.blocked { border-color:rgba(255,95,125,.25); background:rgba(255,95,125,.035); }.permit-result.blocked strong{color:#ff9caf}.permit-result.blocked small,.permit-result.blocked span{color:#9c6c76}
.permit-outputs { display:grid; gap:6px; margin-top:12px; }
.permit-outputs div { display:grid; grid-template-columns:1fr auto; gap:3px 12px; padding:9px 10px; border:1px solid rgba(255,255,255,.05); border-radius:7px; background:rgba(255,255,255,.018); }
.permit-outputs span { color:#7790a7; font-size:9px; }.permit-outputs b{color:#c5ddea;font:700 7px ui-monospace,monospace;letter-spacing:.07em}.permit-outputs em{grid-column:1/-1;color:#58a890;font:700 7px ui-monospace,monospace;font-style:normal;letter-spacing:.08em}
.permit-outputs.preview em { color:#ad8a57; }.permit-outputs.blocked em{color:#a16572}
.permit-disclaimer { margin:14px 0 0; color:#4e657b; font-size:8px; line-height:1.55; }
.contour-warning { display:grid; grid-template-columns:150px 1fr; gap:18px; padding:17px 30px; border-top:1px solid var(--line); background:rgba(0,119,255,.025); }
.contour-warning span { color:var(--cyan); font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
.contour-warning p { margin:0; color:#6d8299; font-size:9px; line-height:1.6; }

/* Scientific tests + archive */
.science-section { position:relative; }
.science-section::before { content:"";position:absolute;z-index:-1;inset:14% -8% 4%;background:radial-gradient(circle at 72% 30%,rgba(117,108,255,.09),transparent 42%),radial-gradient(circle at 22% 65%,rgba(0,228,255,.08),transparent 38%);filter:blur(35px); }
.science-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; background:rgba(5,13,28,.72); }
.science-card { min-height:240px; padding:25px; border-right:1px solid var(--line); }
.science-card:last-child { border-right:0; }
.science-card small { color:#50718f; font:700 8px ui-monospace,monospace; letter-spacing:.14em; }
.science-card strong { display:block; margin:18px 0 13px; color:#e6fbff; font:720 54px/1 ui-sans-serif,sans-serif; letter-spacing:-.05em; text-shadow:0 0 28px rgba(0,228,255,.15); }
.science-card span { color:#6e859c; font-size:9px; line-height:1.6; }
.science-card.caution strong { color:#ffbd72; text-shadow:0 0 28px rgba(255,180,74,.1); }
.science-lab-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; margin-top:18px; }
.crosscheck-console,.portability-console { border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(7,17,36,.86),rgba(3,9,20,.86)); overflow:hidden; box-shadow:inset 0 0 45px rgba(0,119,255,.025); }
.lab-head { display:flex; justify-content:space-between; gap:15px; padding:13px 16px; border-bottom:1px solid var(--line); background:rgba(0,164,255,.025); color:#6f90a9; font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
.lab-head span:last-child { color:var(--cyan); }
.crosscheck-row { display:grid; grid-template-columns:90px 1fr 1fr 1fr; gap:10px; align-items:center; padding:15px 16px; border-bottom:1px solid rgba(255,255,255,.04); }
.crosscheck-row b { color:#d9f6ff; font:800 10px ui-monospace,monospace; letter-spacing:.1em; }
.crosscheck-row span { color:#71879d; font-size:9px; }.crosscheck-row em{color:#67cfb0;font:700 8px ui-monospace,monospace;font-style:normal;text-align:right}
.crosscheck-console>p { margin:0; padding:15px 16px; color:#627990; font-size:9px; line-height:1.65; }
.portability-core { display:grid; grid-template-columns:auto 1fr auto auto 1fr; gap:8px; align-items:end; padding:28px 24px 14px; }
.portability-core strong { color:#e5fbff; font-size:42px; line-height:1; letter-spacing:-.05em; }.portability-core span{color:#698198;font-size:9px;padding-bottom:6px}.portability-core i{color:var(--cyan);font-style:normal;font-size:20px;padding-bottom:5px}
.portability-console>p { margin:0; padding:0 24px 20px; color:#6d8399; font-size:9px; line-height:1.65; }
.test-warning { margin:0 18px 18px; padding:12px; border:1px solid rgba(255,180,74,.14); border-radius:8px; background:rgba(255,180,74,.035); color:#977f61; font-size:9px; line-height:1.6; }.test-warning b{color:#ffd08a}
.snapshot-disclosure { display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; margin-top:18px; padding:15px 17px; border:1px solid rgba(255,180,74,.16); border-radius:12px; background:linear-gradient(90deg,rgba(255,180,74,.045),rgba(0,164,255,.025),rgba(4,11,25,.72)); box-shadow:inset 0 0 28px rgba(255,180,74,.018); }
.snapshot-pulse { width:8px; height:8px; border-radius:50%; background:#ffbd72; box-shadow:0 0 0 0 rgba(255,189,114,.5); animation:snapshotPulse 2.4s ease-out infinite; }
.snapshot-disclosure small { display:block; color:#d5a567; font:800 7px ui-monospace,monospace; letter-spacing:.13em; }
.snapshot-disclosure p { margin:5px 0 0; color:#7f8794; font-size:8.5px; line-height:1.65; }
.snapshot-disclosure p b { color:#ffd08a; font-weight:750; }
.snapshot-disclosure a { min-width:124px; padding:10px 12px; border:1px solid rgba(255,180,74,.17); border-radius:8px; color:#d9b27f; background:rgba(255,180,74,.025); font:750 8px ui-monospace,monospace; letter-spacing:.06em; text-align:center; transition:.25s; }
.snapshot-disclosure a:hover { border-color:rgba(0,228,255,.35); color:#bff8ff; background:rgba(0,164,255,.055); }
.snapshot-disclosure a span { color:var(--cyan); }
@keyframes snapshotPulse { 0%{box-shadow:0 0 0 0 rgba(255,189,114,.5)}70%{box-shadow:0 0 0 9px rgba(255,189,114,0)}100%{box-shadow:0 0 0 0 rgba(255,189,114,0)} }
.archive-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:26px; margin-top:18px; padding:28px; border:1px solid rgba(117,108,255,.2); border-radius:16px; background:linear-gradient(135deg,rgba(31,28,78,.28),rgba(4,12,28,.82) 50%,rgba(0,164,255,.05)); box-shadow:inset 0 0 60px rgba(117,108,255,.035); }
.archive-copy small { color:#9a94ff; font:700 8px ui-monospace,monospace; letter-spacing:.14em; }
.archive-copy h3 { margin:12px 0 10px; color:#eff2ff; font-size:28px; line-height:1.12; letter-spacing:-.035em; }
.archive-copy p { margin:0; color:#77859d; font-size:10px; line-height:1.7; }
.archive-links { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.archive-links a { min-height:108px; display:grid; align-content:center; gap:6px; padding:15px; border:1px solid rgba(117,108,255,.17); border-radius:10px; background:rgba(10,14,37,.55); transition:border-color .25s,background .25s,transform .25s; }
.archive-links a:hover { border-color:rgba(0,228,255,.35); background:rgba(0,164,255,.06); }
.archive-links span { color:#666e9b; font:700 7px ui-monospace,monospace; letter-spacing:.11em; }.archive-links strong{color:#dfeaff;font-size:11px;overflow-wrap:anywhere}.archive-links em{color:#58a6c7;font:700 8px ui-monospace,monospace;font-style:normal}

/* Small global micro-details */
.capability-card:hover .card-index, .measure-tools article:hover b { color:var(--teal); text-shadow:0 0 10px rgba(0,255,194,.5); }
.format-grid article { transition:transform .3s var(--ease),border-color .3s,background .3s; }
.format-grid article:hover { transform:translateY(-4px); border-color:rgba(0,228,255,.26); background:rgba(0,164,255,.055); }
.section-heading .section-code::after { content:""; display:inline-block; width:42px; height:1px; margin-left:10px; vertical-align:middle; background:linear-gradient(90deg,var(--cyan),transparent); box-shadow:0 0 7px rgba(0,228,255,.45); }

@media (max-width: 1260px) {
  .runtime-grid { grid-template-columns:88px 88px 130px; }
  .intelligence-layout { grid-template-columns:1fr; }
  .intelligence-visual,.intelligence-visual img { min-height:560px; }
  .intelligence-stack { grid-template-columns:repeat(3,1fr); }
  .science-metrics { grid-template-columns:1fr 1fr; }
  .science-card:nth-child(2) { border-right:0; }.science-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media (max-width: 1020px) {
  .runtime-hud { right:12px; bottom:12px; }
  .runtime-grid { display:none; }.runtime-toggle{height:42px;border-right:0}
  .intelligence-stack { grid-template-columns:1fr; }
  .diagnostic-strip { grid-template-columns:1fr 1fr; }.diagnostic-strip article:nth-child(2){border-right:0}.diagnostic-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .contour-guide-body { grid-template-columns:1fr; }.permit-lab{border-left:0;border-top:1px solid var(--line)}
  .science-lab-grid,.archive-panel { grid-template-columns:1fr; }
  .snapshot-disclosure { grid-template-columns:auto 1fr; }.snapshot-disclosure a{grid-column:2;justify-self:start}
}

@media (max-width: 760px) {
  .hero-protocol { font-size:7px; }
  .eyebrow-id { display:none; }
  .runtime-hud { display:none; }
  .probe-cursor { display:none; }
  .intelligence-visual,.intelligence-visual img { min-height:390px; }
  .intel-callout { display:none; }
  .diagnostic-strip,.science-metrics { grid-template-columns:1fr; }
  .diagnostic-strip article,.science-card { border-right:0;border-bottom:1px solid var(--line);min-height:0 }.diagnostic-strip article:last-child,.science-card:last-child{border-bottom:0}
  .contour-guide-head { align-items:flex-start; flex-direction:column; padding:23px 20px; }.contour-guide-head h3{font-size:24px}.contour-steps{padding:15px 20px}.permit-lab{padding:20px}.gate-controls{grid-template-columns:1fr}.contour-warning{grid-template-columns:1fr;padding:16px 20px}
  .crosscheck-row { grid-template-columns:70px 1fr; }.crosscheck-row span:nth-of-type(2),.crosscheck-row em{grid-column:2;text-align:left}.portability-core{grid-template-columns:auto 1fr auto auto 1fr}.snapshot-disclosure{grid-template-columns:1fr;padding:14px}.snapshot-pulse{display:none}.snapshot-disclosure a{grid-column:1}.archive-panel{padding:21px}.archive-links{grid-template-columns:1fr}
}

@media (max-width: 480px) {
  .hero-protocol i { display:none; }.hero-protocol{gap:6px}.hero-protocol span{width:100%}
  .intelligence-visual,.intelligence-visual img { min-height:315px; }.intel-screen-head{font-size:6px}.intel-lock{display:none}
  .permit-outputs div{grid-template-columns:1fr}.permit-outputs b{grid-row:2}.permit-outputs em{grid-row:3}
  .portability-core { grid-template-columns:auto 1fr; }.portability-core i{display:none}.archive-copy h3{font-size:24px}
}

@media (hover: none), (pointer: coarse) {
  [data-tilt] { transform:none!important; }
  .probe-cursor { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .topbar::after,.hero-protocol span,.intel-scan-sweep,.snapshot-pulse { animation:none!important; }
  [data-tilt] { transform:none!important; }
  .probe-cursor { display:none; }
}

/* Final progress-bar correction */
.scroll-progress{width:100%;transform:scaleX(0);transform-origin:left center;}

/* Kinetic hero title support + reliable anchor framing */
.section-anchor{scroll-margin-top:0;}
/* Sections receive programmatic focus after a jump so screen readers and the
   keyboard follow the page. That focus should not paint a ring. */
.section-anchor[tabindex="-1"]:focus{outline:none;}
.hero-mode{
  width:min(100%,530px);display:grid;grid-template-columns:auto minmax(110px,auto) 1fr;align-items:center;gap:10px;
  margin:15px 0 0;padding:8px 10px;border-left:2px solid var(--cyan);
  background:linear-gradient(90deg,rgba(0,228,255,.07),rgba(0,119,255,.018),transparent);
  color:#5b7894;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;
}
.hero-mode small{color:#55708a;font:inherit;}
.hero-mode strong{position:relative;color:#dffcff;font-size:10px;letter-spacing:.18em;text-shadow:0 0 14px rgba(0,228,255,.38);}
.hero-mode strong::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);animation:modeLine 2.1s ease-in-out infinite;}
.hero-mode span{justify-self:end;color:#38536d;white-space:nowrap;}
.hero-mode strong.swap{animation:modeSwap .42s var(--ease);}
@keyframes modeSwap{0%{opacity:1;transform:translateY(0);filter:blur(0)}45%{opacity:0;transform:translateY(-5px);filter:blur(4px)}55%{opacity:0;transform:translateY(5px);filter:blur(4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes modeLine{0%,100%{transform:scaleX(.25);transform-origin:left;opacity:.35}50%{transform:scaleX(1);transform-origin:left;opacity:1}}
@media(max-width:680px){.hero-mode{grid-template-columns:auto 1fr}.hero-mode span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-mode strong::after{animation:none}.hero-mode strong.swap{animation:none}}