@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #171b24;
  --ink-2: #222733;
  --ink-3: #2e3441;
  --paper: #f8f7f2;
  --white: #fffefa;
  --lime: #c7fa62;
  --lime-deep: #6f941f;
  --violet: #6f5bff;
  --violet-soft: #ebe8ff;
  --coral: #ff7a66;
  --cyan: #52d1df;
  --muted: #68707b;
  --line: rgba(23,27,36,.12);
  --shadow: 0 28px 70px rgba(40,43,54,.11);
  --display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--display); font-size: 16px; line-height: 1.55; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
button, a { color: inherit; font: inherit; }
a { text-decoration: none; }
button { border: 0; }
img, svg { max-width: 100%; }
::selection { color: var(--ink); background: var(--lime); }

.skip-link { position: fixed; z-index: 999; left: 12px; top: -80px; padding: 12px 16px; color: var(--ink); background: var(--lime); border-radius: 10px; font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.scroll-meter { position: fixed; z-index: 1000; inset: 0 0 auto; height: 3px; pointer-events: none; }
.scroll-meter span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--violet),var(--cyan),var(--lime),var(--coral)); }
.section-shell { width: min(1220px, calc(100% - 52px)); margin-inline: auto; }

.site-header { position: absolute; z-index: 100; top: 22px; left: 50%; transform: translateX(-50%); width: min(1280px,calc(100% - 36px)); min-height: 76px; padding: 8px 10px 8px 20px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(23,27,36,.1); border-radius: 20px; background: rgba(255,255,255,.88); box-shadow: 0 18px 55px rgba(51,54,65,.1); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; }
.brand img { display: block; width: 214px; height: auto; }
.main-nav { display: flex; align-items: center; gap: 22px; font-size: 13px; font-weight: 650; }
.main-nav > a:not(.nav-cta) { color: #525965; transition: color .2s; }
.main-nav > a:not(.nav-cta):hover { color: var(--violet); }
.nav-signin { min-height: 42px; padding: 10px 14px; display: inline-flex; align-items: center; border: 1px solid rgba(23,27,36,.14); border-radius: 12px; font-weight: 800; }
.nav-cta { min-height: 48px; padding: 13px 18px; display: inline-flex; align-items: center; gap: 10px; color: var(--ink); background: var(--lime); border-radius: 13px; font-weight: 800; }
.nav-toggle { display: none; width: 45px; height: 45px; padding: 11px; background: transparent; cursor: pointer; }
.nav-toggle > span { display: block; height: 2px; margin: 5px 0; background: var(--ink); }

.hero { min-height: 970px; position: relative; padding: 160px max(26px,calc((100vw - 1220px)/2)) 42px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items: center; overflow: hidden; background: radial-gradient(circle at 87% 13%,rgba(111,91,255,.16),transparent 32%),radial-gradient(circle at 14% 96%,rgba(199,250,98,.23),transparent 27%),var(--paper); }
.hero-grid,.demo-grid,.cta-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(23,27,36,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,27,36,.04) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 93%); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(20px); pointer-events: none; }
.orb-violet { width: 520px; height: 520px; right: -180px; top: 145px; background: rgba(111,91,255,.1); }
.orb-lime { width: 380px; height: 380px; left: 27%; bottom: -270px; background: rgba(199,250,98,.22); }
.hero-copy,.hero-workspace { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 25px; display: flex; align-items: center; gap: 10px; color: #606775; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }
.eyebrow > span { width: 31px; height: 2px; background: var(--violet); }
.eyebrow.light { color: #aeb5c2; }
.eyebrow.light > span { background: var(--lime); }
.eyebrow.centered { justify-content: center; }
.hero h1 { max-width: 680px; margin: 0; font-size: clamp(55px,5.7vw,86px); line-height: .98; letter-spacing: -4.6px; font-weight: 650; }
.hero h1 em,h2 em { color: var(--violet); font-style: normal; }
.hero-lede { max-width: 650px; margin: 31px 0 0; color: #5d6570; font-size: clamp(17px,1.35vw,20px); line-height: 1.7; }
.hero-lede strong { color: var(--ink); }
.hero-actions { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 13px; }
.button { min-height: 54px; padding: 15px 21px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 14px; font-size: 13px; font-weight: 800; transition: transform .2s,box-shadow .2s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: var(--ink); background: var(--lime); box-shadow: 0 16px 35px rgba(111,148,31,.16); }
.button-quiet { border: 1px solid rgba(23,27,36,.15); background: rgba(255,255,255,.64); }
.hero-founder-proof { grid-column:1/-1;margin-top:20px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:1px solid rgba(15,23,42,.11);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 24px 65px rgba(15,76,92,.1);backdrop-filter:blur(16px);position:relative;z-index:2; }
.hero-founder-proof article { min-width:0;min-height:104px;padding:14px;display:grid;grid-template-columns:minmax(120px,145px) 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#fbfdff; }
.proof-logo-frame { min-width:0;height:64px;padding:8px 10px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:white;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08); }
.proof-logo-frame img { display:block;width:100%;max-width:145px;max-height:52px;object-fit:contain; }
.proof-copy small,.proof-copy strong { display:block; }
.proof-copy small { color:#667386;font-size:8px;font-weight:800;letter-spacing:1.25px; }
.proof-copy strong { margin-top:7px;color:var(--ink);font-size:14px;line-height:1.35; }

.hero-workspace { min-height: 635px; padding: 23px; border: 1px solid rgba(23,27,36,.12); border-radius: 28px; background: rgba(255,255,255,.86); box-shadow: 0 42px 90px rgba(53,48,91,.15); backdrop-filter: blur(18px); transform-style: preserve-3d; transition: transform .25s ease-out; }
.hero-workspace::before { content: ''; position: absolute; z-index: -1; inset: -16px; border: 1px solid rgba(111,91,255,.16); border-radius: 38px; transform: rotate(-1.7deg); }
.workspace-chrome { height: 46px; padding: 0 5px 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #777e88; border-bottom: 1px solid var(--line); font-size: 9px; font-weight: 800; letter-spacing: 1px; }
.window-controls { display: flex; gap: 6px; }
.window-controls i { width: 8px; height: 8px; border-radius: 50%; background: #d6d8d5; }
.window-controls i:nth-child(2) { background: #d9d1ff; }.window-controls i:nth-child(3) { background: #dff3aa; }
.workspace-live { justify-self: end; display: inline-flex; align-items: center; gap: 7px; color: #617427; }
.workspace-live i,.pulse-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--lime-deep); box-shadow: 0 0 0 5px rgba(111,148,31,.1); animation: pulse 1.8s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .35; transform: scale(.8); } }
.request-card { margin: 23px 2px 0; padding: 17px; display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; border: 1px solid rgba(23,27,36,.1); border-radius: 16px; background: #fffefa; box-shadow: 0 12px 28px rgba(41,45,55,.07); }
.request-avatar { width: 38px; height: 38px; display: grid; place-items: center; color: var(--ink); background: #e9e6ff; border-radius: 11px; font-size: 13px; font-weight: 800; }
.request-card small,.ai-readout small { display: block; color: #818793; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.request-card p { margin: 5px 0 0; font-size: 13px; font-weight: 700; }
.request-channel { padding: 6px 8px; color: #6a57dc; background: #efedff; border-radius: 7px; font-size: 8px; font-weight: 800; }
.ai-readout { margin: 19px 2px; padding: 18px; display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; color: white; background: linear-gradient(135deg,#282d39,#171b24); border-radius: 18px; box-shadow: 0 20px 38px rgba(23,27,36,.18); }
.ai-symbol,.mini-cubes,.cta-cubes { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.ai-symbol { width: 42px; height: 42px; padding: 7px; background: rgba(255,255,255,.07); border-radius: 12px; }
.ai-symbol span,.mini-cubes i,.cta-cubes i { border-radius: 3px; background: var(--lime); }
.ai-symbol span:nth-child(2),.mini-cubes i:nth-child(2),.cta-cubes i:nth-child(2) { background: var(--violet); }
.ai-symbol span:nth-child(3),.mini-cubes i:nth-child(3),.cta-cubes i:nth-child(3) { background: var(--coral); }
.ai-symbol span:nth-child(4),.mini-cubes i:nth-child(4),.cta-cubes i:nth-child(4) { background: white; }
.ai-readout strong { display: block; margin-top: 4px; font-size: 14px; }
.ai-readout p { margin: 2px 0 0; color: #9fa6b3; font-size: 10px; }
.confidence { padding: 7px 9px; color: var(--lime); border: 1px solid rgba(199,250,98,.25); border-radius: 8px; font-size: 8px; font-weight: 800; }
.hero-flow { min-height: 248px; padding: 25px 5px 20px; display: grid; grid-template-columns: repeat(7,auto); align-items: center; justify-content: center; }
.flow-block { position: relative; width: 94px; height: 122px; padding: 12px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(23,27,36,.12); border-radius: 16px; background: white; box-shadow: 0 14px 28px rgba(42,45,56,.07); transition: transform .35s,border-color .35s,box-shadow .35s; }
.flow-block.active { transform: translateY(-8px); border-color: var(--violet); box-shadow: 0 18px 34px rgba(111,91,255,.14),0 0 0 4px rgba(111,91,255,.07); }
.flow-block > span { position: absolute; top: 10px; right: 10px; color: #969ca5; font-size: 8px; font-weight: 800; }
.flow-block > i { width: 29px; height: 29px; margin-bottom: 14px; display: grid; place-items: center; color: white; background: var(--violet); border-radius: 9px; font-style: normal; }
.flow-block:nth-of-type(3)>i { color: var(--ink); background: var(--lime); }.flow-block:nth-of-type(5)>i { background: var(--coral); }.flow-block:nth-of-type(7)>i { color: var(--ink); background: var(--cyan); }
.flow-block b { font-size: 11px; }.flow-block small { margin-top: 2px; color: #7e858f; font-size: 9px; }
.flow-connector { width: 27px; height: 2px; position: relative; background: rgba(111,91,255,.24); overflow: hidden; }
.flow-connector i { position: absolute; top: 0; width: 12px; height: 2px; background: var(--violet); animation: move-line 1.8s linear infinite; }
@keyframes move-line { from { left: -12px; } to { left: 30px; } }
.workspace-footer { min-height: 48px; padding: 12px 4px 0; display: flex; justify-content: space-between; align-items: center; color: #727985; border-top: 1px solid var(--line); font-size: 9px; font-weight: 700; }
.workspace-footer > span:first-child { display: flex; align-items: center; gap: 9px; }
.human-chip { padding: 7px 9px; color: #7550ca; background: #f0edff; border-radius: 8px; }
.origin-statement { padding:76px max(26px,calc((100vw - 1220px)/2));color:white;background:var(--ink); }
.origin-inner { display:grid;grid-template-columns:92px 1fr .72fr;gap:38px;align-items:center; }
.origin-marker { width:74px;height:74px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#202c3d;box-shadow:0 20px 45px rgba(0,0,0,.24); }
.origin-marker span { border-radius:5px;background:var(--lime); }.origin-marker span:nth-child(2) { background:var(--violet); }.origin-marker span:nth-child(3) { background:var(--coral); }.origin-marker span:nth-child(4) { background:white; }
.origin-copy>p { margin:0 0 12px;color:#79dce8;font-size:9px;font-weight:800;letter-spacing:1.6px; }
.origin-copy h2 { font-size:clamp(39px,4.3vw,64px);letter-spacing:-3px; }
.origin-copy h2 em { color:var(--lime); }
.origin-signature { margin:0;padding-left:29px;color:#c4ccd7;border-left:1px solid rgba(255,255,255,.14);font-size:12px;line-height:2.1; }
.origin-signature span { display:inline-block;width:28px;color:var(--lime);font-size:9px;font-weight:800; }

.promise-strip { min-height: 116px; padding: 26px max(26px,calc((100vw - 1220px)/2)); display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 25px; align-items: center; color: var(--ink); background: var(--lime); }
.promise-strip p,.promise-strip span { margin: 0; font-size: 12px; font-weight: 700; }
.promise-strip strong { text-align: center; font-size: clamp(21px,2vw,29px); line-height: 1.2; letter-spacing: -1px; }
.promise-strip span { text-align: right; }

.platform { padding: 145px 0 160px; }
.section-intro { display: grid; grid-template-columns: 1.1fr .9fr; column-gap: 100px; align-items: end; }
.section-intro .eyebrow { grid-column: 1/-1; }
h2 { margin: 0; font-size: clamp(44px,5.2vw,70px); line-height: 1.04; letter-spacing: -3.1px; font-weight: 650; }
.section-intro > p:last-child { margin: 0 0 4px; color: #626a75; font-size: 16px; line-height: 1.75; }
.platform-stack { margin-top: 76px; display: grid; grid-template-columns: 1fr 110px 1fr 110px 1fr; align-items: center; }
.layer-card { min-height: 455px; position: relative; padding: 27px; border: 1px solid rgba(23,27,36,.1); border-radius: 26px; background: rgba(255,255,255,.9); box-shadow: 0 24px 65px rgba(47,50,61,.08); overflow: hidden; }
.layer-card::before { content: ''; position: absolute; width: 170px; height: 170px; right: -85px; top: -85px; border-radius: 50%; background: rgba(111,91,255,.08); }
.layer-card.layer-blocks { transform: translateY(-22px); border-color: rgba(111,91,255,.28); box-shadow: 0 32px 80px rgba(111,91,255,.12); }
.layer-card.layer-agents::before { background: rgba(199,250,98,.16); }
.layer-number { position: absolute; top: 27px; right: 27px; color: #969ca5; font-size: 10px; font-weight: 800; }
.layer-icon { width: 68px; height: 68px; margin-bottom: 40px; position: relative; display: grid; place-items: center; border-radius: 19px; background: #f0edff; }
.layer-icon>i { position: absolute; width: 28px; height: 8px; border: 2px solid var(--violet); border-radius: 4px; }.layer-icon>i:nth-child(1){transform:translateY(-13px)}.layer-icon>i:nth-child(3){transform:translateY(13px)}
.block-icon { grid-template-columns:1fr 1fr; gap:5px; padding:13px; background:#eaffbd; }.block-icon>i { position:static;width:auto;height:auto;border:0;background:var(--lime-deep);border-radius:5px; }
.agent-icon { background:#fff0eb; }.agent-icon>i { width:11px;height:11px;border:0;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(255,122,102,.12); }.agent-icon>i:nth-child(1){transform:translate(-13px,-10px)}.agent-icon>i:nth-child(2){transform:translate(13px,-10px)}.agent-icon>i:nth-child(3){transform:translateY(13px)}
.layer-card>small { color:#7d8490;font-size:9px;font-weight:800;letter-spacing:1.2px; }.layer-card h3 { margin:9px 0 15px;font-size:27px;line-height:1.15;letter-spacing:-1.2px; }.layer-card p { margin:0;color:#626a75;font-size:14px;line-height:1.7; }.layer-card ul { margin:27px 0 0;padding:22px 0 0;display:grid;gap:10px;border-top:1px solid var(--line);list-style:none; }.layer-card li { position:relative;padding-left:18px;color:#4d5560;font-size:12px;font-weight:650; }.layer-card li::before { content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--violet); }.layer-card.layer-agents li::before { background:var(--coral); }
.layer-link { display:flex;flex-direction:column;align-items:center;gap:13px;color:#858c96;font-size:7px;font-weight:800;letter-spacing:.8px;text-align:center; }.layer-link i { width:72px;height:2px;position:relative;background:rgba(111,91,255,.22); }.layer-link i::after { content:'→';position:absolute;right:-5px;top:-12px;color:var(--violet);font-style:normal;font-size:17px; }

.demo { position:relative;padding:145px 0 150px;color:white;background:var(--ink);overflow:hidden; }
.demo-grid { opacity:.45;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); }
.demo::after { content:'';position:absolute;width:600px;height:600px;right:-280px;top:0;border-radius:50%;background:rgba(111,91,255,.13);filter:blur(30px); }
.demo>.section-shell { position:relative;z-index:2; }
.demo-heading { display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end; }.demo-heading h2 em { color:var(--lime); }.demo-heading>p { margin:0 0 5px;color:#aeb4bf;font-size:16px;line-height:1.75; }
.demo-console { margin-top:70px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#202530;box-shadow:0 38px 90px rgba(0,0,0,.3);overflow:hidden; }
.scenario-tabs { padding:13px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);background:#1b202a;overflow:auto; }
.scenario-tabs button { min-width:128px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:9px;color:#979eaa;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap; }
.scenario-tabs button span { color:var(--lime); }.scenario-tabs button[aria-selected=true] { color:white;background:#2b313d;border-color:rgba(255,255,255,.12);box-shadow:0 10px 25px rgba(0,0,0,.16); }
.demo-body { display:grid;grid-template-columns:.9fr 1.25fr .9fr; }
.demo-body>div { min-height:480px;padding:30px; }.demo-body>div+div { border-left:1px solid rgba(255,255,255,.1); }
.console-label { display:flex;align-items:center;gap:9px;color:#8e96a3;font-size:9px;font-weight:800;letter-spacing:1.1px; }.console-label span { width:25px;height:25px;display:grid;place-items:center;color:var(--lime);background:rgba(199,250,98,.08);border-radius:7px; }
.demo-request blockquote { min-height:150px;margin:55px 0 28px;padding:0;color:white;font-size:24px;line-height:1.45;letter-spacing:-.7px;font-weight:600; }
.intent-card { padding:15px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;position:relative;background:#292f3b;border:1px solid rgba(255,255,255,.1);border-radius:15px; }.ai-mark { width:36px;height:36px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:10px;font-size:11px;font-weight:900; }.intent-card p { margin:0; }.intent-card small { display:block;color:#858d99;font-size:8px;font-weight:800;letter-spacing:.8px; }.intent-card strong { display:block;margin-top:3px;padding-right:55px;color:#d7dbe1;font-size:10px;line-height:1.45; }.intent-card>i { position:absolute;right:12px;top:12px;color:var(--lime);font-style:normal;font-size:7px;font-weight:800; }
.demo-process { display:flex;flex-direction:column; }.demo-stages { margin:30px 0 24px;display:grid;gap:9px;flex:1; }.demo-stage { min-height:51px;padding:9px 12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;color:#8d95a1;background:#252b36;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:.35s; }.demo-stage>span { width:28px;height:28px;display:grid;place-items:center;color:#949ca8;background:#303743;border-radius:8px;font-size:8px;font-weight:800; }.demo-stage b { font-size:11px; }.demo-stage small { font-size:8px; }.demo-stage i { width:8px;height:8px;border:2px solid #58606e;border-radius:50%; }.demo-stage.active { color:white;border-color:rgba(111,91,255,.8);background:rgba(111,91,255,.12);transform:translateX(5px); }.demo-stage.active i { border-color:var(--violet);box-shadow:0 0 0 5px rgba(111,91,255,.12); }.demo-stage.complete { color:#dce2e9; }.demo-stage.complete>span { color:var(--ink);background:var(--lime); }.demo-stage.complete i { border-color:var(--lime);background:var(--lime); }
.run-button { min-height:61px;padding:9px 12px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:var(--ink);background:var(--lime);border-radius:14px;cursor:pointer;text-align:left; }.run-icon { width:38px;height:38px;grid-row:1/3;display:grid;place-items:center;background:rgba(23,27,36,.1);border-radius:10px;font-size:10px; }.run-button b { align-self:end;font-size:12px; }.run-button small { align-self:start;color:#5d742b;font-size:8px; }
.demo-result { display:flex;flex-direction:column; }.result-card { margin-top:55px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#292f3b; }.result-top { padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.09); }.result-top span { display:flex;align-items:center;gap:8px;color:var(--lime);font-size:8px;font-weight:800; }.result-top span i { width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime); }.result-top small { color:#8a929d;font-size:7px; }.result-card>p { min-height:170px;margin:25px 0;color:#d5d9df;font-size:15px;line-height:1.7; }.result-actions { display:grid;grid-template-columns:1fr 1.5fr;gap:7px; }.result-actions span,.result-actions strong { padding:11px 8px;text-align:center;border-radius:9px;font-size:8px; }.result-actions span { color:#b4bac4;border:1px solid rgba(255,255,255,.12); }.result-actions strong { color:var(--ink);background:var(--lime); }.demo-disclaimer { margin:18px 0 0;color:#777f8c;font-size:10px;text-align:center; }

.intelligence { padding:150px 0; }
.section-intro.compact { display:block;max-width:780px; }.section-intro.compact .eyebrow { display:flex; }.intelligence-grid { margin-top:70px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:stretch; }
.intelligence-card { min-height:560px;padding:35px;border:1px solid var(--line);border-radius:27px;background:white;box-shadow:var(--shadow); }.intelligence-head { display:flex;justify-content:space-between;align-items:center; }.intelligence-head>span { width:50px;height:50px;display:grid;place-items:center;color:white;background:var(--violet);border-radius:15px;font-size:11px;font-weight:900; }.agent-card .intelligence-head>span { color:var(--ink);background:var(--lime); }.intelligence-head small { color:#7f8690;font-size:9px;font-weight:800;letter-spacing:1.3px; }.intelligence-card h3 { margin:48px 0 13px;font-size:34px;letter-spacing:-1.6px; }.intelligence-card>p { margin:0;color:#626a74;line-height:1.7; }.intelligence-card ul { margin:30px 0 0;padding:0;display:grid;gap:0;list-style:none;border-top:1px solid var(--line); }.intelligence-card li { padding:14px 0 14px 22px;position:relative;color:#4f5762;border-bottom:1px solid var(--line);font-size:13px;font-weight:650; }.intelligence-card li::before { content:'→';position:absolute;left:0;color:var(--violet); }.agent-card li::before { color:var(--lime-deep); }
.mini-example { margin-top:30px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#f4f3ed;border-radius:13px; }.mini-example small { grid-column:1/-1;color:#898f98;font-size:7px;font-weight:800;letter-spacing:1px; }.mini-example span,.mini-example strong { font-size:9px; }.mini-example i { color:var(--violet);font-style:normal; }
.intelligence-bridge { display:flex;flex-direction:column;align-items:center;justify-content:center; }.bridge-line { width:2px;height:90px;background:linear-gradient(transparent,var(--violet)); }.bridge-line:last-child { background:linear-gradient(var(--lime-deep),transparent); }.bridge-core { width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:var(--ink);border-radius:50%;box-shadow:0 0 0 15px rgba(111,91,255,.08),0 0 0 30px rgba(111,91,255,.04);text-align:center; }.mini-cubes { width:28px;height:28px;padding:3px;margin-bottom:8px; }.bridge-core>small { color:#9299a4;font-size:7px;font-weight:800;letter-spacing:1px; }.bridge-core>strong { margin-top:4px;color:var(--lime);font-size:9px;line-height:1.35; }

.blocks { padding:150px 0;background:#f0edff; }
.blocks-heading { max-width:910px; }.blocks-heading>p:last-child { max-width:690px;margin:24px 0 0;color:#606875;font-size:16px;line-height:1.7; }
.block-lab { margin-top:68px;display:grid;grid-template-columns:245px 1fr;border:1px solid rgba(23,27,36,.11);border-radius:27px;background:white;box-shadow:0 35px 80px rgba(72,62,126,.12);overflow:hidden; }
.block-tabs { padding:13px;background:#232834; }.block-tabs button { width:100%;min-height:72px;padding:14px 15px;display:flex;align-items:center;gap:14px;color:#9da4af;background:transparent;border-radius:12px;cursor:pointer;text-align:left; }.block-tabs button+button { margin-top:5px; }.block-tabs button span { width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:8px; }.block-tabs button b { font-size:12px; }.block-tabs button[aria-selected=true] { color:var(--ink);background:var(--lime); }.block-tabs button[aria-selected=true] span { border-color:rgba(23,27,36,.13);background:rgba(255,255,255,.38); }
.block-inspector { padding:31px; }.inspector-top { padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line); }.selected-block { display:flex;align-items:center;gap:15px; }.selected-block>span { width:53px;height:53px;display:grid;place-items:center;color:white;background:var(--violet);border-radius:15px;font-size:11px;font-weight:800; }.selected-block small { color:#858c96;font-size:8px;font-weight:800;letter-spacing:1px; }.selected-block h3 { margin:3px 0 0;font-size:24px; }.configured-chip { padding:9px 11px;display:flex;align-items:center;gap:8px;color:#58652e;background:#efffcf;border-radius:9px;font-size:9px;font-weight:800; }.configured-chip i { width:7px;height:7px;border-radius:50%;background:var(--lime-deep); }
.inspector-grid { margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.inspector-grid article { min-height:235px;padding:19px;border:1px solid var(--line);border-radius:17px;background:#fbfaf6; }.facet-icon { width:40px;height:40px;margin-bottom:30px;display:grid;place-items:center;border-radius:11px;font-size:10px;font-weight:900; }.context-icon { color:var(--violet);background:#eae7ff; }.intelligence-icon { color:white;background:var(--violet); }.action-icon { color:var(--ink);background:var(--lime); }.inspector-grid small { color:#858c95;font-size:8px;font-weight:800;letter-spacing:1px; }.inspector-grid h4 { margin:6px 0 11px;font-size:15px; }.inspector-grid p { margin:0;color:#626a74;font-size:12px;line-height:1.65; }
.inspector-flow { margin-top:16px;padding:14px 17px;display:flex;align-items:center;justify-content:center;gap:18px;color:#737a84;background:#f1f0eb;border-radius:13px;font-size:10px; }.inspector-flow i { color:var(--violet);font-style:normal; }.inspector-flow strong { color:var(--ink); }

.control { padding:150px 0;color:white;background:var(--ink); }
.control-shell { display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center; }.control-copy h2 em { color:var(--lime); }.control-copy>p:nth-of-type(2) { margin:27px 0 0;color:#aeb4bf;font-size:16px;line-height:1.75; }.control-points { margin-top:42px;border-top:1px solid rgba(255,255,255,.11); }.control-points>div { padding:18px 0;display:grid;grid-template-columns:35px 1fr;gap:10px;border-bottom:1px solid rgba(255,255,255,.11); }.control-points>div>span { color:var(--lime);font-size:9px;font-weight:800; }.control-points p { margin:0; }.control-points strong,.control-points small { display:block; }.control-points strong { font-size:14px; }.control-points small { margin-top:4px;color:#9299a5;font-size:11px;line-height:1.5; }
.control-console { padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#222733;box-shadow:0 35px 80px rgba(0,0,0,.28); }.control-console-head { padding:5px 4px 18px;display:flex;justify-content:space-between;color:#858d99;font-size:8px;font-weight:800;letter-spacing:1px; }.approval-card { padding:19px;border:1px solid rgba(199,250,98,.23);border-radius:18px;background:#292f3b;box-shadow:0 0 0 5px rgba(199,250,98,.03); }.approval-title { display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center; }.approval-title>span { width:40px;height:40px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:11px;font-size:11px;font-weight:900; }.approval-title p { margin:0; }.approval-title small,.approval-title strong { display:block; }.approval-title small { color:#89919d;font-size:7px;font-weight:800;letter-spacing:.9px; }.approval-title strong { margin-top:3px;font-size:13px; }.approval-title>i { padding:7px 8px;color:#f2c968;background:rgba(242,201,104,.08);border:1px solid rgba(242,201,104,.2);border-radius:8px;font-size:7px;font-style:normal;font-weight:800; }.approval-detail { margin-top:19px;padding:14px;display:grid;grid-template-columns:1fr 1.3fr;gap:9px;background:#222733;border-radius:12px;font-size:9px; }.approval-detail span { color:#858d99; }.approval-detail strong { color:#d9dde3; }.approval-buttons { margin-top:12px;display:grid;grid-template-columns:.6fr 1.4fr;gap:8px; }.approval-buttons button { min-height:41px;color:#b6bdc7;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:9px;font-weight:800; }.approval-buttons button:last-child { color:var(--ink);background:var(--lime);border-color:var(--lime); }
.activity-log { margin:18px 0 0;padding:4px 13px;background:#1d222c;border-radius:15px; }.activity-log>div { min-height:62px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07); }.activity-log>div:last-child { border-bottom:0; }.activity-log>div>i { width:9px;height:9px;border:2px solid #545c69;border-radius:50%; }.activity-log>div>i.done { border-color:var(--lime);background:var(--lime); }.activity-log p { margin:0; }.activity-log strong,.activity-log small { display:block; }.activity-log strong { color:#d5dae1;font-size:10px; }.activity-log small { margin-top:3px;color:#747c89;font-size:8px; }.activity-log>div>span { color:#77808d;font-size:7px;font-weight:800; }.activity-log .current>i { border-color:var(--violet);box-shadow:0 0 0 5px rgba(111,91,255,.12); }.activity-log .current>span { color:#a899ff; }.control-note { padding:17px 0 2px;color:#8b939e;font-size:9px;text-align:center; }.control-note span { color:var(--lime); }

.cases { padding:150px 0; }.case-grid { margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px; }.case-card { min-height:360px;padding:26px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 18px 50px rgba(44,47,56,.06);transition:transform .25s,box-shadow .25s; }.case-card:hover { transform:translateY(-6px);box-shadow:0 30px 65px rgba(44,47,56,.11); }.case-icon { width:47px;height:47px;margin-bottom:35px;display:grid;place-items:center;color:var(--violet);background:#eeebff;border-radius:14px;font-size:20px; }.case-card:nth-child(2) .case-icon,.case-card:nth-child(5) .case-icon { color:#6b8d20;background:#efffcf; }.case-card:nth-child(3) .case-icon,.case-card:nth-child(4) .case-icon { color:#d85e4b;background:#fff0eb; }.case-card>small { color:#7e8590;font-size:8px;font-weight:800;letter-spacing:1.2px; }.case-card h3 { margin:8px 0 20px;font-size:23px;line-height:1.23;letter-spacing:-.8px; }.case-flowline { padding:11px 0;display:flex;align-items:center;gap:6px;color:#6b727d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;font-weight:700; }.case-flowline i { color:var(--violet);font-style:normal; }.case-card>p { margin:auto 0 0;padding-top:22px;color:#626a74;font-size:12px;line-height:1.65; }

.start-steps { padding:130px 0;background:#fff1eb; }.start-heading { max-width:880px; }.steps-grid { margin:65px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none; }.steps-grid li { min-height:320px;padding:24px;position:relative;border:1px solid rgba(23,27,36,.09);border-radius:21px;background:rgba(255,255,255,.72); }.steps-grid li>span { position:absolute;right:22px;top:22px;color:#a2a7ae;font-size:10px;font-weight:800; }.steps-grid li>small { display:block;margin-top:95px;color:#d35947;font-size:9px;font-weight:800;letter-spacing:1.2px; }.steps-grid h3 { margin:9px 0 15px;font-size:21px;line-height:1.22; }.steps-grid p { margin:0;color:#626a74;font-size:12px;line-height:1.7; }

.contact-section { padding:140px 0;background:#111827;color:white; }
.contact-shell { display:grid;grid-template-columns:.82fr 1.18fr;gap:88px;align-items:start; }
.contact-copy { position:sticky;top:110px; }
.contact-copy .eyebrow { color:#b8c2d1; }
.contact-copy h2 { font-size:clamp(42px,4.8vw,66px); }
.contact-copy h2 em { color:var(--lime); }
.contact-copy>p:nth-of-type(2) { max-width:540px;margin:28px 0 42px;color:#bdc6d3;font-size:17px;line-height:1.75; }
.contact-promise { padding:20px 0;display:grid;grid-template-columns:40px 1fr;gap:13px;border-top:1px solid rgba(255,255,255,.12); }
.contact-promise>span { color:var(--lime);font-size:10px;font-weight:800; }
.contact-promise p { margin:0; }
.contact-promise strong,.contact-promise small { display:block; }
.contact-promise strong { font-size:15px; }
.contact-promise small { margin-top:5px;color:#939eae;font-size:12px;line-height:1.55; }
.contact-direct { margin:30px 0 0!important;color:#9faabc!important;font-size:13px!important; }
.contact-direct a { color:var(--lime);font-weight:800;text-decoration:underline;text-underline-offset:4px; }
.contact-form { padding:34px;border:1px solid rgba(255,255,255,.15);border-radius:27px;background:white;color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.24); }
.form-heading { padding-bottom:25px;border-bottom:1px solid var(--line); }
.form-heading span,.form-heading strong { display:block; }
.form-heading span { color:var(--violet);font-size:9px;font-weight:800;letter-spacing:1.2px; }
.form-heading strong { margin-top:7px;font-size:24px;letter-spacing:-.5px; }
.form-grid { margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px 16px; }
.form-grid label>span:first-child { display:block;margin-bottom:8px;color:#394355;font-size:12px;font-weight:800; }
.form-grid label b { color:#d14343; }
.form-grid label em { color:#7b8595;font-size:10px;font-style:normal;font-weight:600; }
.form-grid input:not([type=checkbox]),.form-grid textarea { width:100%;padding:14px 15px;color:var(--ink);background:#f8fafc;border:1px solid #cad2df;border-radius:11px;font:500 16px/1.5 var(--display);outline:0;transition:border-color .2s,box-shadow .2s,background .2s; }
.form-grid input:not([type=checkbox]) { min-height:52px; }
.form-grid textarea { min-height:155px;resize:vertical; }
.form-grid input:focus,.form-grid textarea:focus { background:white;border-color:var(--violet);box-shadow:0 0 0 4px rgba(0,175,199,.13); }
.form-grid [aria-invalid=true] { border-color:#c94040!important;box-shadow:0 0 0 3px rgba(201,64,64,.1)!important; }
.form-wide { grid-column:1/-1; }
.field-error { display:block;min-height:18px;margin-top:5px;color:#b52c2c;font-size:11px;line-height:1.4; }
.field-hint { display:flex;justify-content:space-between;gap:15px;color:#758093;font-size:10px; }
.field-hint .field-error { margin:5px 0 0; }
.consent-row { display:grid!important;grid-template-columns:23px 1fr;gap:11px;align-items:start;cursor:pointer; }
.consent-row input { width:20px;height:20px;margin:2px 0 0;accent-color:var(--violet); }
.consent-row>span { margin:0!important;color:#596477!important;font-size:12px!important;font-weight:600!important;line-height:1.6; }
.consent-row a { color:#08798b;text-decoration:underline;text-underline-offset:3px; }
.honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.contact-submit { width:100%;margin-top:25px;color:#111827;background:var(--lime);border:0;cursor:pointer;font-size:14px; }
.contact-submit:disabled { cursor:wait;opacity:.7;transform:none; }
.form-status { min-height:24px;margin:15px 0 0;padding:0 2px;color:#176b5d;font-size:13px;font-weight:800; }
.form-status.error { color:#b52c2c; }
.form-note { margin:8px 0 0;color:#778294;font-size:10px;line-height:1.55; }

.legal-body { background:#f5f8fc; }
.legal-header { position:relative;top:auto;left:auto;transform:none;width:min(1180px,calc(100% - 36px));margin:22px auto 0; }
.legal-nav { display:flex;align-items:center;gap:18px; }.legal-nav a { color:#445267;font-size:13px;font-weight:800; }.legal-nav .nav-cta { color:var(--ink); }
.legal-main { width:min(940px,calc(100% - 40px));margin:75px auto 110px; }
.legal-hero { padding-bottom:48px;border-bottom:1px solid var(--line); }
.legal-hero h1 { max-width:800px;margin:0;font-size:clamp(48px,7vw,76px);line-height:1;letter-spacing:-4px; }
.legal-hero>p:not(.eyebrow) { max-width:720px;margin:25px 0 0;color:#5d6878;font-size:17px;line-height:1.75; }
.legal-meta { margin-top:23px;display:flex;flex-wrap:wrap;gap:10px; }
.legal-meta span { padding:8px 11px;color:#526075;background:#e5f8fb;border-radius:8px;font-size:10px;font-weight:800; }
.legal-content { padding-top:35px; }
.legal-content section { padding:27px 0;border-bottom:1px solid var(--line); }
.legal-content h2 { margin:0 0 14px;font-size:26px;letter-spacing:-.7px; }
.legal-content h3 { margin:22px 0 8px;font-size:17px; }
.legal-content p,.legal-content li { color:#566274;font-size:15px;line-height:1.8; }
.legal-content ul { padding-left:22px; }
.legal-content a { color:#08798b;font-weight:700;text-decoration:underline;text-underline-offset:3px; }
.legal-callout { padding:20px!important;border:1px solid rgba(0,175,199,.22)!important;border-radius:15px;background:#eaf9fc; }
.legal-footer { background:#eef3f8; }

.final-cta { min-height:780px;position:relative;padding:120px 26px;display:grid;place-items:center;overflow:hidden;text-align:center;background:linear-gradient(135deg,#fffefa,#efffcf 54%,#eae7ff); }.cta-grid { opacity:.65; }.cta-glow { position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(111,91,255,.1);filter:blur(30px); }.final-copy { position:relative;z-index:2;max-width:920px; }.cta-cubes { width:70px;height:70px;margin:0 auto 36px;padding:9px;gap:6px;background:var(--ink);border-radius:20px;box-shadow:0 22px 55px rgba(23,27,36,.18); }.final-copy h2 { font-size:clamp(55px,7vw,92px);line-height:.98;letter-spacing:-4.8px; }.final-copy>p:not(.eyebrow) { max-width:660px;margin:28px auto 0;color:#5b636d;font-size:18px;line-height:1.7; }.button-large { margin-top:34px;min-height:61px;padding-inline:28px;background:var(--ink);color:white;box-shadow:0 18px 45px rgba(23,27,36,.18); }.button-large span { color:var(--lime); }.final-copy>small { display:block;margin-top:16px;color:#747b84;font-size:10px; }

footer { padding:0 max(26px,calc((100vw - 1220px)/2));background:#f8f7f2; }.footer-main { min-height:170px;display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:30px;align-items:center; }.footer-brand img { width:230px; }.footer-main p { color:#626a74;font-size:13px; }.footer-links { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 18px; }.footer-links a { color:var(--violet);font-size:12px;font-weight:800; }.footer-bottom { min-height:66px;padding:20px 0;display:flex;justify-content:space-between;color:#7b828c;border-top:1px solid var(--line);font-size:11px; }

.reveal { opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease; }.reveal.visible { opacity:1;transform:none; }

@media(max-width:1120px) {
  .site-header { min-height:72px; }.brand img { width:190px; }.main-nav { gap:10px;font-size:11px; }
  .hero-founder-proof article { grid-template-columns:1fr;gap:10px; }.proof-logo-frame { height:58px; }.proof-copy { text-align:center; }
  .origin-inner { grid-template-columns:74px 1fr; }.origin-signature { grid-column:2;padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14); }
  .platform-stack { grid-template-columns:1fr 72px 1fr 72px 1fr; }.layer-card { padding:22px; }.layer-link span { display:none; }.layer-link i { width:42px; }
  .demo-body { grid-template-columns:1fr 1fr; }.demo-result { grid-column:1/-1;min-height:auto!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.1); }.result-card { margin-top:25px; }.result-card>p { min-height:auto; }
  .control-shell { gap:55px; }.case-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:960px) {
  .hero { grid-template-columns:1fr;gap:70px;padding-top:150px; }.hero-copy { max-width:850px; }.hero-workspace { width:min(760px,100%);margin-inline:auto; }
}

@media(max-width:820px) {
  .section-shell { width:min(100% - 34px,680px); }
  .site-header { top:12px;width:calc(100% - 24px);min-height:66px;padding-left:14px; }.brand img { width:166px; }.nav-toggle { display:block; }.main-nav { position:absolute;left:0;right:0;top:74px;padding:15px;display:none;align-items:stretch;flex-direction:column;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow); }.main-nav.open { display:flex; }.main-nav>a { padding:10px; }.nav-signin,.nav-cta { justify-content:center; }.footer-links { align-items:flex-start;flex-direction:column; }
  .hero { min-height:0;padding:125px 18px 70px; }.hero-copy { order:1; }.hero-founder-proof { order:2;margin-top:0;grid-template-columns:1fr;padding:10px; }.hero-workspace { order:3; }.hero h1 { font-size:clamp(47px,13vw,68px);letter-spacing:-3px; }.hero-lede { font-size:17px; }.hero-actions { align-items:stretch;flex-direction:column; }.button { width:100%; }.hero-founder-proof article { min-height:88px;padding:11px;grid-template-columns:128px 1fr;gap:13px; }.proof-logo-frame { height:60px; }.proof-copy { text-align:left; }.hero-workspace { min-height:0;padding:15px;border-radius:22px; }.hero-workspace::before { display:none; }.workspace-chrome { grid-template-columns:1fr 1fr; }.workspace-chrome>span:nth-child(2) { display:none; }.request-card,.ai-readout { grid-template-columns:auto 1fr; }.request-channel,.confidence { display:none; }.hero-flow { min-height:0;padding:22px 0;grid-template-columns:1fr;gap:7px; }.flow-block { width:100%;height:67px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:12px;justify-content:start;align-items:center; }.flow-block.active { transform:translateX(5px); }.flow-block>i { width:36px;height:36px;margin:0;grid-row:1/3; }.flow-block>b { align-self:end; }.flow-block>small { align-self:start; }.flow-block>span { top:9px;right:11px; }.flow-connector { width:2px;height:18px;margin-left:18px; }.flow-connector i { width:2px;height:9px;animation:move-vertical 1.6s linear infinite; }.workspace-footer { gap:10px;align-items:flex-start;flex-direction:column; }
  @keyframes move-vertical { from{top:-8px}to{top:20px} }
  .origin-statement { padding:65px 20px; }.origin-inner { grid-template-columns:1fr;gap:28px; }.origin-marker { width:64px;height:64px; }.origin-signature { grid-column:auto;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14); }.origin-copy h2 { font-size:clamp(40px,10.5vw,56px);letter-spacing:-2.5px; }
  .promise-strip { padding:30px 20px;grid-template-columns:1fr;text-align:center; }.promise-strip span { text-align:center; }
  .platform,.intelligence,.cases { padding:95px 0; }.section-intro,.demo-heading { grid-template-columns:1fr;gap:24px; }.section-intro>p:last-child,.demo-heading>p { margin:0; }.platform-stack { margin-top:48px;grid-template-columns:1fr;gap:15px; }.layer-card,.layer-card.layer-blocks { min-height:0;transform:none; }.layer-link { height:48px; }.layer-link i { width:2px;height:42px; }.layer-link i::after { content:'↓';right:-7px;top:23px; }
  .demo { padding:95px 0; }.demo-console { margin-top:48px; }.demo-body { grid-template-columns:1fr; }.demo-body>div { min-height:0;padding:24px; }.demo-body>div+div { border-left:0;border-top:1px solid rgba(255,255,255,.1); }.demo-request blockquote { min-height:0;margin:35px 0 25px;font-size:22px; }.demo-stages { min-height:300px; }.demo-result { grid-column:auto; }.result-card>p { min-height:120px; }
  .intelligence-grid { grid-template-columns:1fr;gap:24px; }.intelligence-card { min-height:0; }.intelligence-bridge { min-height:180px; }.bridge-line { height:35px; }.bridge-core { width:120px;height:120px; }
  .blocks { padding:95px 0; }.block-lab { margin-top:45px;grid-template-columns:1fr; }.block-tabs { display:flex;overflow:auto; }.block-tabs button { min-width:145px; }.block-tabs button+button { margin:0; }.inspector-top { align-items:flex-start;gap:18px;flex-direction:column; }.inspector-grid { grid-template-columns:1fr; }.inspector-grid article { min-height:0; }.inspector-flow { align-items:stretch;flex-direction:column;text-align:center; }.inspector-flow i { transform:rotate(90deg); }
  .control { padding:95px 0; }.control-shell { grid-template-columns:1fr;gap:55px; }.case-grid { grid-template-columns:1fr; }.case-card { min-height:330px; }
  .start-steps { padding:95px 0; }.steps-grid { grid-template-columns:1fr; }.steps-grid li { min-height:260px; }.steps-grid li>small { margin-top:65px; }
  .contact-section { padding:95px 0; }.contact-shell { grid-template-columns:1fr;gap:50px; }.contact-copy { position:static; }.contact-form { padding:25px; }.form-grid { grid-template-columns:1fr; }.form-wide { grid-column:auto; }
  .final-cta { min-height:700px;padding:95px 20px; }.final-copy h2 { font-size:clamp(49px,13vw,72px);letter-spacing:-3px; }.final-copy>p:not(.eyebrow) { font-size:16px; }.footer-main { padding:45px 0;grid-template-columns:1fr; }.footer-bottom { gap:13px;align-items:flex-start;flex-direction:column; }
  .legal-header { margin-top:12px; }.legal-header .brand img { width:166px; }.legal-nav a:first-child { display:none; }.legal-main { margin-top:60px; }.legal-hero h1 { letter-spacing:-2.5px; }
}

@media(max-width:480px) {
  .hero h1 { font-size:45px; }.eyebrow { font-size:9px;line-height:1.5; }.hero-principles { align-items:flex-start;flex-direction:column; }.hero-workspace { padding:12px; }.request-card,.ai-readout { padding:13px; }.ai-readout p { font-size:9px; }.workspace-footer { font-size:8px; }
  h2 { font-size:39px;letter-spacing:-2px; }.layer-card h3 { font-size:25px; }.scenario-tabs button { min-width:112px; }.demo-body>div { padding:20px; }.demo-request blockquote { font-size:20px; }.result-actions { grid-template-columns:1fr; }.intelligence-card { padding:25px; }.intelligence-card h3 { font-size:29px; }.block-inspector { padding:20px; }.configured-chip { white-space:nowrap; }.approval-detail { grid-template-columns:1fr; }.approval-buttons { grid-template-columns:1fr; }.case-flowline { gap:4px; }.final-copy h2 { font-size:47px; }
  .contact-form { padding:20px; }.form-heading strong { font-size:21px; }.field-hint { align-items:flex-start;flex-direction:column;gap:0; }.legal-main { width:min(100% - 30px,940px); }.legal-hero h1 { font-size:45px; }.legal-content h2 { font-size:23px; }
}

@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; }
}

/* Precision Technology colour system
   Graphite = authority · Digital cyan = intelligence · Soft mint = action
   Violet = emphasis and exceptions · Cool white = workspace surface */
:root {
  --ink: #111827;
  --ink-2: #1f2937;
  --ink-3: #273449;
  --paper: #f5f8fc;
  --white: #ffffff;
  --lime: #a7f3d0;
  --lime-deep: #0f8f7a;
  --violet: #00afc7;
  --violet-soft: #ddf7fa;
  --coral: #8b5cf6;
  --cyan: #38d5e8;
  --muted: #64748b;
  --line: rgba(15,23,42,.12);
  --shadow: 0 28px 70px rgba(15,23,42,.11);
}

body { background:var(--paper); }
.site-header { border-color:rgba(15,23,42,.1);background:rgba(255,255,255,.9);box-shadow:0 18px 55px rgba(15,23,42,.09); }
.hero { background:radial-gradient(circle at 87% 13%,rgba(0,175,199,.17),transparent 32%),radial-gradient(circle at 14% 96%,rgba(167,243,208,.3),transparent 27%),var(--paper); }
.hero-grid,.cta-grid { background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px); }
.orb-violet { background:rgba(0,175,199,.12); }.orb-lime { background:rgba(167,243,208,.28); }
.hero-workspace { border-color:rgba(15,23,42,.12);background:rgba(255,255,255,.9);box-shadow:0 42px 90px rgba(15,76,92,.14); }
.hero-workspace::before { border-color:rgba(0,175,199,.2); }
.request-avatar { color:#5b21b6;background:#ede9fe; }
.request-channel { color:#08798b;background:#ddf7fa; }
.ai-readout { background:linear-gradient(135deg,#26364d,#111827); }
.confidence { color:var(--lime);border-color:rgba(167,243,208,.3); }
.flow-block.active { border-color:var(--violet);box-shadow:0 18px 34px rgba(0,175,199,.16),0 0 0 4px rgba(0,175,199,.08); }
.flow-block:nth-of-type(5)>i { background:var(--coral); }
.human-chip { color:#6d3ed1;background:#ede9fe; }
.promise-strip { background:var(--lime); }

.layer-card::before { background:rgba(0,175,199,.09); }
.layer-card.layer-blocks { border-color:rgba(0,175,199,.3);box-shadow:0 32px 80px rgba(0,175,199,.12); }
.layer-card.layer-agents::before { background:rgba(139,92,246,.1); }
.layer-icon { background:#ddf7fa; }.block-icon { background:#dffbed; }.agent-icon { background:#ede9fe; }
.agent-icon>i { background:var(--coral);box-shadow:0 0 0 7px rgba(139,92,246,.12); }

.demo::after { background:rgba(0,175,199,.15); }
.demo-stage.active { border-color:rgba(0,175,199,.82);background:rgba(0,175,199,.13); }
.demo-stage.active i { border-color:var(--violet);box-shadow:0 0 0 5px rgba(0,175,199,.13); }
.intent-card,.result-card { background:#293548; }

.bridge-core { box-shadow:0 0 0 15px rgba(0,175,199,.09),0 0 0 30px rgba(0,175,199,.045); }
.blocks { background:#eaf9fc; }
.block-lab { box-shadow:0 35px 80px rgba(15,76,92,.12); }
.context-icon { color:#08798b;background:#ddf7fa; }
.configured-chip { color:#176b5d;background:#dffbed; }

.control-console { background:#202b3c; }
.approval-card { border-color:rgba(167,243,208,.25);box-shadow:0 0 0 5px rgba(167,243,208,.035); }
.approval-title>i { color:#ad8b26;background:rgba(255,213,107,.08);border-color:rgba(255,213,107,.22); }
.activity-log .current>i { border-color:var(--violet);box-shadow:0 0 0 5px rgba(0,175,199,.14); }
.activity-log .current>span { color:#53d4e6; }

.case-icon { color:#08798b;background:#ddf7fa; }
.case-card:nth-child(2) .case-icon,.case-card:nth-child(5) .case-icon { color:#0f8f7a;background:#dffbed; }
.case-card:nth-child(3) .case-icon,.case-card:nth-child(4) .case-icon { color:#6d3ed1;background:#ede9fe; }
.start-steps { background:#f1efff; }
.steps-grid li>small { color:#6d3ed1; }
.final-cta { background:linear-gradient(135deg,#ffffff,#e3fbf2 54%,#e5f8fb); }
.cta-glow { background:rgba(0,175,199,.12); }
