/* Cadivor Premium v1.0 — Launch stylesheet (recovered) */
:root {
  --navy: #061329;
  --navy-2: #0b2549;
  --ink: #10284b;
  --muted: #5a6a7f;
  --line: #dce4ef;
  --paper: #f7f9fc;
  --blue: #2e63c6;
  --blue-bright: #3b77f2;
  --green: #1ba879;
  --premium-max: 1580px;
  --motion-standard: 520ms;
  --ease-premium: cubic-bezier(.22, 1, .36, 1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }

.site-header { height: 72px; position: sticky; top: 0; z-index: 100; display: flex; align-items: center; gap: 28px; padding: 0 max(28px, calc((100vw - var(--premium-max)) / 2)); color: #fff; background: rgba(6,19,41,.96); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(18px); }
.logo { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; letter-spacing: -.04em; }
.logo b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#4e8cff,#2359c8); box-shadow: 0 8px 24px rgba(43,106,220,.35); }
.site-header nav { display: flex; flex: 1; justify-content: center; gap: 28px; color: #c4d0e4; font-size: 13px; }
.site-header nav a:hover { color: #fff; }
.site-header nav a.active { color: #fff; font-weight: 750; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.menu-toggle { display: none; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 16px; border: 1px solid transparent; border-radius: 7px; font-size: 13px; font-weight: 750; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: linear-gradient(135deg,#3b77f2,#215bc5); box-shadow: 0 8px 20px rgba(38,96,207,.25); }
.btn-ghost { color: inherit; border-color: rgba(255,255,255,.3); background: transparent; }
.btn-large { min-height: 48px; padding-inline: 20px; }

.page { display: none; }
.page.active { display: block; }
.hero { position: relative; display: grid; grid-template-columns: minmax(320px,.4fr) minmax(0,.6fr); gap: clamp(28px,4vw,64px); min-height: 780px; padding: 58px max(28px, calc((100vw - var(--premium-max)) / 2)) 56px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 14%,#173f78 0,transparent 38%), linear-gradient(135deg,#061329,#092550); }
.hero-glow { position: absolute; width: 600px; height: 600px; right: -170px; bottom: -220px; border-radius: 50%; background: #2369d9; filter: blur(100px); opacity: .18; }
.hero-copy { position: relative; z-index: 1; align-self: start; max-width: 520px; padding-top: 18px; }
.eyebrow { display: inline-block; color: #2e63c6; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.eyebrow.dark { padding: 8px 11px; border: 1px solid rgba(123,169,255,.35); border-radius: 999px; color: #bad4ff; background: rgba(43,103,200,.12); }
.hero h1, .page-hero h1 { margin: 24px 0 18px; font-size: clamp(44px,3.7vw,64px); line-height: 1.02; letter-spacing: -.055em; }
.hero h1 em { color: #8db8ff; font-style: normal; }
.hero p { max-width: 500px; margin: 0; color: #b7c7df; font-size: 16px; line-height: 1.65; }
.hero-actions, .trust-row { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-actions { margin-top: 26px; }
.trust-row { margin-top: 20px; gap: 16px; color: #b9c8db; font-size: 12px; }

/* Cadivor Premium v1.0 Recovery — product theater */
.product-theater { position: relative; z-index: 1; width: 100%; min-width: 0; }
.float-file { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; left: -18px; top: 38px; padding: 10px; border-radius: 8px; color: var(--ink); background: #fff; box-shadow: 0 16px 42px rgba(2,14,35,.3); }
.float-file b, .upload-symbol { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 6px; color: #fff; background: #1b9b6f; }
.float-file strong, .float-file small { display: block; font-size: 8px; }
.float-file small { color: #75839a; }
.demo-cursor { position: absolute; z-index: 5; width: 18px; height: 25px; right: 22%; bottom: 22%; border-left: 9px solid #fff; border-top: 15px solid transparent; border-bottom: 3px solid transparent; filter: drop-shadow(0 2px 2px rgba(0,0,0,.4)); }
.app-window { overflow: hidden; border: 1px solid rgba(190,214,245,.85); border-radius: 8px; color: var(--ink); background: #f7faff; box-shadow: 0 28px 80px rgba(3,17,42,.36),0 0 0 1px rgba(100,154,242,.15); }
.product-header { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 18px; background: #fff; border-bottom: 1px solid var(--line); }
.product-header__brand { display: flex; align-items: center; gap: 9px; }
.product-header__icon, .mini-logo { display: grid; place-items: center; color: #fff; background: #2765cd; }
.product-header__icon { width: 27px; height: 27px; border-radius: 7px; }
.product-header strong, .product-header small { display: block; font-size: 10px; }
.product-header small { margin-top: 2px; color: #75839a; font-size: 8px; }
.product-header__status { display: flex; align-items: center; gap: 10px; color: #718098; font-size: 9px; }
.product-header__status em { font-style: normal; color: #138963; }
.live-indicator i { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: #28bd87; }
.window-layout { display: grid; grid-template-columns: 64px minmax(0,1fr); min-height: 640px; }
.window-layout aside { display: flex; flex-direction: column; gap: 5px; padding: 12px 8px; color: #94accd; background: #082248; }
.mini-logo { width: 28px; height: 28px; margin: 0 auto 7px; border-radius: 7px; font-size: 10px; font-weight: 800; }
.window-layout aside button { padding: 8px 2px; border: 0; border-radius: 5px; color: inherit; background: transparent; font-size: 7px; }
.window-layout aside button.active { color: #fff; background: #16447d; }
.demo-main { display: flex; flex-direction: column; min-width: 0; padding: 18px 20px 16px; }
.demo-main > header { display: flex; align-items: start; justify-content: space-between; }
.demo-main > header small, .demo-main cite { display: block; color: #718098; font-size: 7px; font-style: normal; letter-spacing: .12em; }
.demo-main h3 { margin: 4px 0; font-size: 17px; }
#analysisState { padding: 6px 8px; border-radius: 99px; color: #24714e; background: #e8f8ef; font-size: 8px; font-weight: 700; }
.theater-stage-rail, .phase-track, .activity-strip { display: flex; gap: 6px; align-items: center; margin-top: 12px; overflow: hidden; }
.theater-stage-rail span, .activity-strip span { padding: 5px 6px; border-radius: 5px; color: #8190a5; background: #edf2f8; font-size: 6px; white-space: nowrap; }
.theater-stage-rail span.active, .activity-strip span.active { color: #fff; background: #2e63c6; }
.phase-track { position: relative; justify-content: space-between; height: 24px; margin-inline: 6px; }
.phase-track:before, #phaseFill { position: absolute; top: 5px; left: 0; width: 100%; height: 3px; border-radius: 3px; background: #dbe4ef; content: ""; }
#phaseFill { width: 15%; background: #3b77f2; transition: width .5s var(--ease-premium); }
.phase-track span { position: relative; margin-top: 14px; color: #8290a3; font-size: 6px; }
.theater-viewport { flex: 1; min-height: 0; overflow: auto; margin-top: 8px; }
.theater-canvas { display: flex; flex-direction: column; gap: 9px; padding-bottom: 8px; }
.upload-stack { display: grid; grid-template-columns: 1fr 1.1fr; gap: 9px; }
.upload-card, .import-workspace, .risk-list, .supplier-panel, .demo-chat, .decision-panel, .monitor-panel { border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.upload-card { position: relative; display: flex; align-items: center; gap: 9px; min-height: 72px; padding: 12px; overflow: hidden; }
.upload-card span { flex: 1; }
.upload-card strong, .upload-card small { display: block; font-size: 8px; }
.upload-card small { margin-top: 3px; color: #75839a; }
.upload-card em { color: #728299; font-size: 7px; font-style: normal; }
#uploadProgress { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #3578ef; transition: width .6s; }
.import-workspace { padding: 10px; }
.import-workspace > small { display: block; margin-bottom: 6px; color: #74849a; font-size: 7px; letter-spacing: .1em; }
.import-cols, .import-row { display: grid; grid-template-columns: 1.2fr 1fr .5fr .8fr; gap: 5px; padding: 4px 0; border-bottom: 1px solid #edf0f5; color: #687891; font-size: 7px; }
.import-row b { color: var(--ink); }
.import-meta { display: flex; gap: 8px; margin-top: 6px; color: #2e63c6; font-size: 7px; }
.activity-strip { margin-top: 0; }
.demo-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.demo-metrics article { min-height: 64px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.demo-metrics span, .demo-metrics small { display: block; color: #78889f; font-size: 7px; }
.demo-metrics strong { display: block; margin: 5px 0; font-size: 18px; }
.demo-workspace { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; min-height: 220px; position: relative; }
.demo-workspace header { display: flex; justify-content: space-between; padding: 9px 10px; border-bottom: 1px solid #edf0f5; }
.demo-workspace header b { font-size: 8px; }
.demo-workspace header small { color: #78889f; font-size: 7px; }
.risk-list, .supplier-panel { grid-column: 1; }
.risk-row { display: grid; grid-template-columns: 17px 1fr auto; gap: 6px; align-items: center; margin: 6px; padding: 7px; border-radius: 5px; background: #f8faff; font-size: 7px; }
.risk-row i { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 4px; color: #2e63c6; background: #e7f0ff; font-style: normal; }
.risk-row b, .risk-row small { display: block; font-size: 7px; }
.risk-row small { margin-top: 2px; color: #7b899c; }
.risk-row em { color: #c44f57; font-size: 6px; font-style: normal; font-weight: 800; }
.supplier-row { display: grid; grid-template-columns: 1.1fr .9fr .7fr .55fr .5fr .55fr .8fr; gap: 4px; padding: 7px 8px; border-bottom: 1px solid #edf0f5; font-size: 6px; }
.supplier-row.head { color: #75849a; background: #f7f9fc; font-weight: 700; }
.supplier-row.selected { color: #174b9f; background: #edf4ff; }
.supplier-row em { display: block; color: #1a9770; font-size: 5px; font-style: normal; }
.demo-chat { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; min-height: 240px; overflow: hidden; }
.chat-question { margin: 9px; padding: 9px; border-radius: 6px; color: #53657e; background: #f2f5f9; font-size: 8px; }
.reasoning-steps { display: grid; gap: 4px; padding: 0 9px; }
.reasoning-steps span { padding: 5px; color: #78889c; font-size: 7px; }
.chat-response { margin: 9px; padding: 10px; border-radius: 7px; color: #fff; background: #0b2b56; }
.chat-response strong { display: block; font-size: 8px; line-height: 1.5; }
.chat-response small { display: block; margin-top: 6px; color: #a6c3ed; font-size: 6px; }
.chat-evidence, .chat-actions { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 9px 8px; }
.evidence-chip { padding: 4px; border-radius: 4px; color: #2961bc; background: #eaf2ff; font-size: 6px; }
.chat-actions button, .decision-panel__approve { padding: 6px 8px; border: 0; border-radius: 5px; color: #fff; background: #2e63c6; font-size: 7px; }
.decision-panel, .monitor-panel { grid-column: 1 / -1; padding: 10px; }
.decision-panel__meta, .decision-panel__track { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; color: #718198; font-size: 7px; }
.decision-panel__verdict { margin: 9px 0; font-size: 9px; line-height: 1.45; }
.monitor-row { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; padding: 7px 0; border-top: 1px solid #edf0f5; font-size: 7px; }
.monitor-row small { display: block; color: #7a899e; font-size: 6px; }
.monitor-row em { color: #2e63c6; font-style: normal; }
.monitor-active { color: #1b9c71; }
.window-evidence { position: relative; display: flex; align-items: center; gap: 14px; padding: 9px 18px; border-top: 1px solid var(--line); color: #708098; background: #fff; font-size: 7px; }
.window-evidence b { color: #2e63c6; }
.window-evidence em { margin-left: auto; color: #178961; font-style: normal; }
.scene-controls { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.scene-controls button, #sceneDots button { border: 1px solid rgba(255,255,255,.25); border-radius: 99px; color: #fff; background: rgba(255,255,255,.07); }
.scene-controls button { width: 28px; height: 28px; }
#sceneDots { display: flex; align-items: center; gap: 5px; }
#sceneDots button { width: 6px; height: 6px; padding: 0; }

.coverage, .launch-proof { max-width: var(--premium-max); margin: auto; }
.coverage { display: flex; align-items: center; justify-content: center; gap: clamp(18px,4vw,56px); min-height: 74px; color: #334862; border-bottom: 1px solid #e5ebf3; font-size: 14px; }
.coverage span { color: #73839a; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.coverage small { color: #2e63c6; font-size: 8px; }
.launch-proof { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--line); }
.launch-proof article { padding: 20px; background: #fff; }
.launch-proof small, .launch-proof span { display: block; color: #75849a; font-size: 9px; }
.launch-proof b { display: block; margin: 5px 0; color: #13345f; font-size: 24px; }
.section { padding: clamp(64px,7vw,96px) max(28px, calc((100vw - var(--premium-max)) / 2)); }
.section-intro { max-width: 760px; margin: 0 auto 28px; text-align: center; }
.section-intro h2, .story-copy h2 { margin: 12px 0; font-size: clamp(32px,3.4vw,50px); line-height: 1.08; letter-spacing: -.045em; }
.section-intro p, .story-copy p { color: var(--muted); line-height: 1.65; }
.dark { color: #fff; background: var(--navy); }
.dark .section-intro p { color: #b6c6dc; }
.workflow-engine { position: relative; max-width: 1480px; margin: 24px auto 0; }
.workflow-rail { position: relative; padding-top: 76px; }
.workflow-track { position: absolute; top: 94px; left: 9%; right: 9%; height: 3px; background: #dce5f0; }
.workflow-track__fill { display: block; width: 20%; height: 100%; background: #3678ef; transition: width .6s; }
.workflow-stages { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.workflow-stage { position: relative; text-align: center; }
.workflow-node { position: relative; z-index: 1; display: inline-flex; flex-direction: column; gap: 5px; align-items: center; }
.workflow-node__num { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #2e63c6; background: #fff; border: 1px solid #cdd9e8; font-size: 10px; font-weight: 800; }
.workflow-stage.active .workflow-node__num { color: #fff; background: #2e63c6; box-shadow: 0 0 0 6px #e8f0ff; }
.workflow-node__title { font-size: 11px; font-weight: 750; }
.workflow-card { min-height: 168px; margin-top: 24px; padding: 18px; text-align: left; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.workflow-card header { display: flex; justify-content: space-between; color: #72829a; font-size: 9px; }
.workflow-card__state { color: #1b9c72; font-style: normal; }
.workflow-card__outcome { font-size: 14px; line-height: 1.45; }
.workflow-card small { color: #718198; font-size: 10px; line-height: 1.4; }
.command-center { max-width: 1480px; margin: auto; padding: 28px; border: 1px solid rgba(133,174,236,.25); border-radius: 14px; background: linear-gradient(145deg,#0d315f,#071d40); }
.command-livebar { display: flex; gap: 12px; align-items: center; color: #b8c9df; font-size: 11px; }
.command-livebar i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #30cb93; }
.command-livebar em { margin-left: auto; font-style: normal; }
.command-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 16px; }
.command-kpis article, .risk-stack, .score-ring, .release-posture { border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.045); }
.command-kpis article { padding: 15px; }
.command-kpis span, .command-kpis small { display: block; color: #aac0dc; font-size: 9px; }
.command-kpis strong { display: block; margin: 5px 0; color: #fff; font-size: 34px; }
.command-grid { display: grid; grid-template-columns: .7fr 1.3fr 1fr; gap: 14px; min-height: 280px; margin-top: 14px; }
.score-ring { position: relative; display: grid; place-items: center; }
.score-ring svg { width: 148px; height: 148px; transform: rotate(-90deg); }
.score-ring circle { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 9; }
.score-ring .score { stroke: #69a0ff; stroke-linecap: round; stroke-dasharray: 314; stroke-dashoffset: 80; }
.score-ring div { position: absolute; text-align: center; }
.score-ring b { display: block; color: #fff; font-size: 34px; }
.score-ring span { color: #78dcb8; font-size: 10px; }
.risk-stack { display: grid; gap: 7px; padding: 12px; }
.risk-stack div { display: grid; grid-template-columns: 1fr 1.2fr auto; align-items: center; gap: 6px; padding: 12px; border-radius: 7px; background: rgba(255,255,255,.055); }
.risk-stack b { color: #fff; font-size: 11px; }
.risk-stack span { color: #aac0dc; font-size: 10px; }
.risk-stack em { color: #74dfb9; font-size: 8px; font-style: normal; }
.release-posture { padding: 20px; }
.release-posture small { color: #80aaf0; letter-spacing: .12em; }
.release-posture h3 { margin: 10px 0; font-size: 22px; }
.release-posture p { color: #a8bcd5; font-size: 12px; line-height: 1.6; }
.release-posture a { color: #85b4ff; font-size: 11px; }
.copilot-story { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 58px; max-width: var(--premium-max); margin-inline: auto; }
.evidence-checks { display: grid; gap: 9px; margin-top: 22px; color: #216449; font-size: 13px; }
.copilot-workspace { min-height: min(720px,74vh); padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: radial-gradient(circle at 50% 30%,#e5efff,#f9fbff 68%); box-shadow: 0 25px 70px rgba(10,39,78,.12); }
.copilot-shell { min-height: 660px; overflow: auto; border: 1px solid #cbd9e9; border-radius: 12px; background: #fff; }
.copilot-shell__header { display: flex; justify-content: space-between; padding: 15px; border-bottom: 1px solid var(--line); }
.copilot-shell__header small, .copilot-shell__header b { display: block; font-size: 9px; }
.copilot-shell__header small { color: #75859b; letter-spacing: .1em; }
.copilot-shell__actions { display: flex; align-items: center; gap: 8px; color: #2e63c6; font-size: 9px; }
.copilot-shell__grid { display: grid; grid-template-columns: .74fr 1.26fr; gap: 20px; padding: 22px; }
.person-chip { display: flex; gap: 10px; align-items: center; }
.person-chip > b { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: #fff; background: #133e78; font-size: 10px; }
.person-chip strong, .person-chip small { display: block; font-size: 10px; }
.person-chip small { color: #77879c; font-size: 8px; }
.copilot-input { display: block; margin-top: 24px; color: #6e7f97; font-size: 9px; }
.copilot-input__field { min-height: 118px; margin-top: 7px; padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbff; }
.copilot-input__field p { color: #344a69; font-size: 13px; line-height: 1.55; }
.copilot-panel { min-width: 0; }
.copilot-reasoning { display: grid; gap: 6px; }
.copilot-reasoning article { display: flex; justify-content: space-between; padding: 10px; border: 1px solid #e5ebf3; border-radius: 6px; font-size: 10px; }
.copilot-reasoning em { color: #78899f; font-style: normal; }
.copilot-evidence-rail { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0; }
.copilot-evidence-rail span { padding: 5px 7px; border-radius: 99px; color: #2860bb; background: #eaf2ff; font-size: 8px; }
.copilot-supplier-evidence { display: grid; gap: 5px; padding: 10px; border-radius: 7px; background: #f7f9fc; }
.copilot-supplier-evidence small { color: #718198; font-size: 7px; letter-spacing: .1em; }
.copilot-supplier-evidence div { display: flex; justify-content: space-between; color: #52657f; font-size: 8px; }
.copilot-response { margin-top: 10px; padding: 14px; border-radius: 8px; color: #fff; background: #0b2b56; }
.copilot-response header { display: flex; justify-content: space-between; }
.copilot-response em { color: #80dcba; font-size: 9px; font-style: normal; }
.copilot-response > strong { display: block; margin: 14px 0; font-size: 13px; line-height: 1.55; }
.copilot-mitigation { color: #b8cbed; font-size: 10px; line-height: 1.5; }
.copilot-action { width: 100%; min-height: 44px; margin-top: 10px; border: 0; border-radius: 7px; color: #fff; background: #2e63c6; font-size: 11px; font-weight: 750; }
.supplier-showcase { background: #f7f9fc; }
.supplier-stage-inner { max-width: 1360px; margin: auto; }
.supplier-workspace { padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: #f7faff; }
.supplier-layout { display: grid; grid-template-columns: minmax(200px,.27fr) minmax(0,1fr); gap: 14px; }
.supplier-comparison { display: flex; flex-direction: column; gap: 12px; }
.supplier-network { position: relative; min-height: 200px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(#fbfdff,#f2f7ff); }
.part-node { position: absolute; top: 18%; left: 50%; padding: 8px; border-radius: 6px; transform: translateX(-50%); color: #fff; background: #194a88; font-size: 9px; }
.supplier-node { position: absolute; padding: 8px; border: 1px solid #cbd9ea; border-radius: 6px; color: #315371; background: #fff; font-size: 9px; }
.supplier-node small { display: block; color: #708098; font-size: 7px; }
.supplier-node.active { border-color: #3b77f2; color: #1953ad; box-shadow: 0 4px 12px rgba(41,99,197,.14); }
.supplier-node[data-supplier="digikey"] { left: 12%; bottom: 16%; }
.supplier-node[data-supplier="mouser"] { top: 22%; right: 12%; }
.supplier-node[data-supplier="newark"] { right: 14%; bottom: 14%; }
.supplier-insight { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.supplier-insight small { color: #2e63c6; font-size: 8px; letter-spacing: .1em; }
.supplier-insight h3 { margin: 7px 0; font-size: 15px; }
.supplier-insight div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; color: #72829a; font-size: 8px; }
.supplier-insight b { display: block; color: var(--ink); }
.supplier-insight p { color: #5d6f86; font-size: 10px; line-height: 1.5; }
.supplier-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.supplier-table header, .supplier-table button { display: grid; grid-template-columns: .85fr .65fr .75fr .7fr .5fr .6fr .6fr .45fr .6fr .45fr .7fr; min-width: 1040px; gap: 6px; padding: 12px; text-align: left; border: 0; border-bottom: 1px solid #edf0f5; background: #fff; font-size: 10px; }
.supplier-table header { color: #718198; background: #f7f9fc; font-weight: 750; }
.supplier-table button.selected { color: #1f58af; background: #edf4ff; }
.decision-showcase { background: #f6f8fc; }
.decision-record { position: relative; max-width: 1360px; min-height: 580px; margin: auto; padding: 42px 44px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 25px 70px rgba(9,30,66,.12); }
.watermark { position: absolute; top: 44%; right: -55px; color: #e9eef5; font-size: 12px; letter-spacing: .25em; transform: rotate(-90deg); }
.decision-record > header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 2px solid #17345e; }
.decision-record > header small { color: #5c78a5; font-size: 9px; letter-spacing: .14em; }
.decision-record h2 { margin: 6px 0 0; font-size: clamp(27px,3vw,40px); letter-spacing: -.04em; }
.decision-record > header button { align-self: start; padding: 10px 14px; border: 0; border-radius: 6px; color: #fff; background: #0b2b56; }
.record-meta, .record-detail-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.record-meta { margin: 20px 0; }
.record-meta article, .record-detail-grid article { padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: #f8fbff; }
.record-meta span, .record-detail-grid span { display: block; color: #70819a; font-size: 9px; }
.record-meta b, .record-detail-grid b { display: block; margin-top: 5px; font-size: 12px; }
.decision-record section { position: relative; padding: 20px 0; }
.decision-record section small { color: #70819a; letter-spacing: .12em; }
.decision-record section h3 { max-width: 820px; font-size: 23px; line-height: 1.35; }
.decision-record section p { max-width: 780px; color: #5a6b82; font-size: 14px; line-height: 1.65; }
.approval-track { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding-top: 18px; border-top: 1px solid var(--line); color: #74849a; font-size: 10px; }
.approval-track .done { color: #198764; }
.decision-signature { display: flex; justify-content: space-between; gap: 20px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.decision-signature small, .decision-signature b, .decision-signature span { display: block; font-size: 9px; }
.decision-signature small { color: #70819a; }
.monitor-switch { display: flex; gap: 7px; align-items: center; color: #5c6f87; font-size: 10px; }
.monitor-switch i { width: 24px; height: 14px; border-radius: 99px; background: #2e63c6; }
.proof { display: grid; grid-template-columns: .8fr 1.2fr; gap: 42px; background: #fff; }
.proof h2 { font-size: clamp(30px,3.5vw,48px); letter-spacing: -.04em; }
.proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.proof-grid article, .faq-list details { padding: 18px; border: 1px solid var(--line); border-radius: 8px; }
.proof-grid b { font-size: 15px; }
.proof-grid p { color: var(--muted); font-size: 12px; line-height: 1.5; }
.faq { background: #f7f9fc; }
.faq-list { max-width: 800px; margin: auto; display: grid; gap: 9px; }
.faq-list summary { font-weight: 750; cursor: pointer; }
.faq-list p { color: var(--muted); line-height: 1.6; font-size: 14px; }
.closing-cta { display: flex; justify-content: space-between; gap: 40px; align-items: center; padding: 72px max(28px,calc((100vw - var(--premium-max))/2)); color: #fff; background: linear-gradient(130deg,#061329,#123d77); }
.closing-cta h2 { max-width: 640px; margin: 12px 0; font-size: clamp(30px,3.5vw,48px); letter-spacing: -.045em; }
.closing-cta p { color: #b6c8e0; }

.inner-page { min-height: 70vh; }
.page-hero { padding: 100px max(28px, calc((100vw - var(--premium-max)) / 2)) 70px; color: #fff; background: radial-gradient(circle at 78% 14%,#173f78 0,transparent 38%), linear-gradient(135deg,#061329,#092550); border-radius: 0; }
.page-hero.compact { padding-block: 78px 56px; }
.page-hero p { max-width: 680px; color: #b8cae1; line-height: 1.65; }
.page-hero > div { display: flex; gap: 10px; margin-top: 20px; }
.page-hero .btn-ghost { color: #fff; }
.product-page-sections, .solution-scenes { display: flex; flex-direction: column; gap: clamp(48px,6vw,72px); max-width: var(--premium-max); margin: auto; padding: 72px max(28px,calc((100vw - var(--premium-max))/2)) 88px; }
.product-module, .solution-scene { display: grid; grid-template-columns: minmax(320px,.4fr) minmax(0,.6fr); gap: clamp(40px,5vw,72px); align-items: center; }
.product-module:nth-child(even), .solution-scene:nth-child(even) { grid-template-columns: minmax(0,.6fr) minmax(320px,.4fr); }
.product-module:nth-child(even) .product-module__copy, .solution-scene:nth-child(even) .solution-scene__copy { order: 2; }
.product-module__copy > span, .solution-scene__eyebrow { color: #2e63c6; font-size: 10px; font-weight: 750; letter-spacing: .14em; }
.product-module__copy h2, .solution-scene h2 { margin: 9px 0; font-size: clamp(27px,3vw,40px); letter-spacing: -.04em; }
.product-module__copy p, .solution-scene p { color: var(--muted); line-height: 1.65; }
.product-module__metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.product-module__metrics b { padding: 6px 9px; border: 1px solid #cbdcf9; border-radius: 99px; color: #2860bb; background: #edf4ff; font-size: 10px; }
.product-surface { min-height: 240px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: 0 15px 45px rgba(9,30,66,.08); }
.product-surface__bar { display: flex; justify-content: space-between; gap: 10px; padding: 10px 14px; color: #6d7d93; background: #f4f7fc; border-bottom: 1px solid var(--line); font-size: 10px; }
.product-surface__bar b { color: var(--ink); }
.product-surface__body { padding: 18px; }
.mini-table { display: grid; gap: 6px; }
.mini-table div { display: grid; grid-template-columns: 1fr 1fr .6fr .8fr; gap: 8px; padding: 8px; border: 1px solid #edf0f5; border-radius: 5px; font-size: 11px; }
.mini-table .head { color: #718198; background: #f7f9fc; font-size: 9px; font-weight: 750; }
.kpi-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.kpi-row article, .report-cards article, .alt-card div { padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: #f8fbff; }
.kpi-row span, .report-cards small { color: #718198; font-size: 9px; }
.kpi-row strong { display: block; margin-top: 4px; font-size: 28px; }
.qa-block { display: grid; gap: 10px; }
.question, .answer { padding: 12px; border-radius: 7px; font-size: 12px; line-height: 1.55; }
.question { border: 1px solid var(--line); background: #f7f9fc; }
.answer { color: #fff; background: #0c2a53; }
.ps-supplier table { width: 100%; border-collapse: collapse; font-size: 11px; }
.ps-supplier th, .ps-supplier td { padding: 8px; text-align: left; border-bottom: 1px solid #edf0f5; }
.ps-supplier tr.selected td { background: #edf4ff; }
.alt-card { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.alt-card p, .dr-mini p { color: var(--muted); font-size: 11px; }
.dr-mini { padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: #f8fbff; }
.dr-mini small { color: #70819a; font-size: 9px; letter-spacing: .1em; }
.dr-mini h3 { margin: 8px 0; font-size: 16px; }
.watch-list span { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #edf0f5; font-size: 11px; }
.report-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.report-cards b { display: block; margin-top: 9px; font-size: 13px; }
.solution-scene { padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(#fff,#f8fbff); }
.solution-scene ul { padding-left: 18px; color: #52657e; line-height: 1.7; }
.industry-strip { display: flex; justify-content: center; flex-wrap: wrap; gap: 22px; padding: 28px; color: #53667f; background: #f7f9fc; font-size: 12px; }
.billing-toggle { display: inline-flex; gap: 4px; padding: 4px; border-radius: 7px; background: rgba(255,255,255,.12); }
.billing-toggle button { padding: 7px 10px; border: 0; border-radius: 5px; color: #cbd8ea; background: transparent; font-size: 11px; }
.billing-toggle button.active { color: #0d315f; background: #fff; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; max-width: var(--premium-max); margin: 64px auto; padding: 0 max(28px,calc((100vw - var(--premium-max))/2)); }
.pricing-grid article { position: relative; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.pricing-grid article.featured { border-color: #3b77f2; box-shadow: 0 15px 42px rgba(40,96,195,.16); }
.pricing-grid em { position: absolute; top: -10px; right: 16px; padding: 4px 7px; border-radius: 99px; color: #fff; background: #2e63c6; font-size: 7px; font-style: normal; }
.pricing-grid > article > span { color: #2e63c6; font-size: 10px; font-weight: 750; letter-spacing: .1em; }
.pricing-grid h2 { margin: 15px 0 4px; font-size: 32px; }
.pricing-grid h2 small { color: #718198; font-size: 11px; }
.pricing-grid p { min-height: 44px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.pricing-grid .btn { margin: 10px 0; }
.pricing-grid .btn-ghost { border-color: var(--line); color: #1b3d6d; }
.pricing-grid ul { margin: 10px 0; padding-left: 18px; color: #50627b; font-size: 11px; line-height: 2; }
.comparison { max-width: 1100px; margin: 0 auto 88px; padding: 0 28px; }
.comparison-row { display: grid; grid-template-columns: 1.4fr repeat(4,1fr); padding: 12px; border-bottom: 1px solid var(--line); font-size: 11px; }
.comparison-row.head { color: #6c7e95; background: #f7f9fc; font-weight: 750; }
.resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; max-width: var(--premium-max); margin: 64px auto; padding: 0 max(28px,calc((100vw - var(--premium-max))/2)); }
.resource-grid article { display: flex; flex-direction: column; min-height: 280px; padding: 20px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.resource-grid article > span { color: #2e63c6; font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.resource-grid h2 { margin: 10px 0; font-size: 20px; }
.resource-grid p { color: var(--muted); font-size: 13px; line-height: 1.55; }
.resource-preview { min-height: 0; max-height: 180px; aspect-ratio: 16 / 10; margin-top: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: #f8fbff; }
.doc-line { height: 7px; margin-bottom: 8px; border-radius: 4px; background: #dce6f2; }
.doc-line:nth-child(1) { width: 42%; background: #9cbcf4; }
.doc-line:nth-child(2) { width: 78%; }.doc-line:nth-child(3) { width: 64%; }.doc-line:nth-child(4) { width: 88%; background: #f5d59e; }.doc-line:nth-child(5) { width: 52%; }
.coming-soon { margin-top: auto; padding: 9px; border: 1px solid var(--line); border-radius: 6px; color: #73839a; background: #f7f9fc; font-size: 10px; }
.resource-showcase { display: grid; grid-template-columns: .8fr 1.2fr; gap: 38px; align-items: center; padding: 72px max(28px,calc((100vw - var(--premium-max))/2)); background: #f7f9fc; }
.resource-showcase h2 { font-size: clamp(28px,3.4vw,44px); letter-spacing: -.04em; }.resource-showcase p { color: var(--muted); line-height: 1.6; }
.report-stack { display: grid; gap: 10px; }.report-stack article { padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.report-stack small, .report-stack span { display: block; color: #718198; font-size: 9px; }.report-stack b { display: block; margin: 7px 0; }
.company-story { display: grid; grid-template-columns: minmax(320px,1fr) minmax(320px,1fr); gap: clamp(40px,5vw,56px); max-width: var(--premium-max); margin: 72px auto; padding: 0 max(28px,calc((100vw - var(--premium-max))/2)); }
.company-story > article > span { color: #2e63c6; font-size: 10px; font-weight: 750; letter-spacing: .13em; }.company-story h2 { font-size: clamp(28px,3.4vw,44px); letter-spacing: -.045em; }.company-story p { color: var(--muted); line-height: 1.65; }
.values { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.values div { padding: 15px; border: 1px solid var(--line); border-radius: 8px; }.values p { margin-bottom: 0; font-size: 12px; }
.company-product { display: grid; grid-template-columns: minmax(320px,.42fr) minmax(0,.58fr); gap: 48px; align-items: center; max-width: var(--premium-max); margin: 24px auto 72px; padding: 44px max(28px,calc((100vw - var(--premium-max))/2)); background: #f7f9fc; }.company-product h2 { font-size: 32px; letter-spacing: -.04em; }.company-product p { color: var(--muted); line-height: 1.6; }
.company-decision { display: grid; gap: 8px; padding: 22px; border-radius: 9px; color: #fff; background: #0b2b56; }.company-decision small { color: #9dbce6; font-size: 8px; }.company-decision b { font-size: 17px; }.company-decision span { color: #c5d7ed; font-size: 10px; }.company-decision em { color: #79e0b7; font-size: 9px; font-style: normal; }
.company-stats { display: grid; grid-template-columns: repeat(4,1fr); max-width: var(--premium-max); margin: auto; padding: 0 max(28px,calc((100vw - var(--premium-max))/2)) 80px; }.company-stats article { padding: 18px; border: 1px solid var(--line); }.company-stats strong, .company-stats span { display: block; }.company-stats strong { font-size: 26px; }.company-stats span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.contact-layout { display: grid; grid-template-columns: 1fr .8fr; max-width: var(--premium-max); margin: auto; }.contact-layout .page-hero { min-height: 600px; }.contact-form { display: grid; align-content: center; gap: 12px; padding: 44px; background: #f7f9fc; }.contact-form label { display: grid; gap: 6px; color: #4c607c; font-size: 11px; font-weight: 700; }.contact-form input, .contact-form textarea { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: #fff; }.contact-form small { color: #74849a; font-size: 10px; }
.legal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; max-width: var(--premium-max); margin: 64px auto 24px; padding: 0 max(28px,calc((100vw - var(--premium-max))/2)); }.legal-grid article, .legal-copy { padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.legal-grid h2, .legal-copy h2 { font-size: 19px; }.legal-grid p, .legal-copy p, .legal-note { color: var(--muted); font-size: 13px; line-height: 1.65; }
.security-workspace { max-width: min(var(--premium-max),calc(100vw - 56px)); margin: 24px auto 48px; padding: 28px; border: 1px solid var(--line); border-radius: 14px; background: #f8fbff; }.security-workspace > div > small, .security-workspace > div > b { display: block; }.security-workspace > div > small { color: #2e63c6; font-size: 9px; letter-spacing: .1em; }.security-workspace > div > b { margin-top: 5px; font-size: 18px; }.security-workspace__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 16px; }.security-workspace__grid article { padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }.security-workspace__grid span, .security-workspace__grid b, .security-workspace__grid em { display: block; }.security-workspace__grid span, .security-workspace__grid em { color: #70819a; font-size: 9px; }.security-workspace__grid b { margin: 7px 0; font-size: 13px; }.security-workspace__grid em { font-style: normal; }.legal-copy { max-width: 900px; margin: 60px auto; }.legal-note { max-width: var(--premium-max); margin: 0 auto 70px; padding-inline: 28px; }
.site-footer { display: grid; grid-template-columns: 2fr repeat(4,1fr); gap: 24px; padding: 52px max(28px,calc((100vw - var(--premium-max))/2)); color: #9fb0c8; background: #030d1e; }.site-footer h4 { margin: 0 0 10px; color: #fff; font-size: 11px; }.site-footer a:not(.logo) { display: block; margin-bottom: 7px; font-size: 11px; }.site-footer p { font-size: 12px; }.site-footer small { font-size: 10px; }
@media (max-width: 1179px) { .hero { grid-template-columns: 1fr; min-height: auto; }.hero-copy { max-width: 700px; }.product-theater { max-width: 960px; margin: auto; }.copilot-story { grid-template-columns: 1fr; }.supplier-layout { grid-template-columns: 1fr; }.record-detail-grid { grid-template-columns: repeat(2,1fr); }.security-workspace__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 1024px) { .site-header nav { display: none; }.product-module, .product-module:nth-child(even), .solution-scene, .solution-scene:nth-child(even), .company-story, .company-product { grid-template-columns: 1fr; }.product-module:nth-child(even) .product-module__copy, .solution-scene:nth-child(even) .solution-scene__copy { order: unset; }.pricing-grid { grid-template-columns: repeat(2,1fr); }.resource-grid { grid-template-columns: repeat(2,1fr); }.contact-layout { grid-template-columns: 1fr; }.contact-layout .page-hero { min-height: auto; }.proof, .resource-showcase { grid-template-columns: 1fr; }.company-product { margin-inline: 0; }.command-grid { grid-template-columns: 1fr 1fr; }.release-posture { grid-column: 1 / -1; } }
@media (max-width: 820px) { .site-header { height: 64px; padding-inline: 18px; }.menu-toggle { display: grid; gap: 4px; width: 30px; padding: 6px; border: 0; background: transparent; }.menu-toggle span { display: block; height: 2px; background: #fff; }.header-actions .desktop-demo, .header-actions .btn-ghost { display: none; }.hero, .page-hero { padding-inline: 18px; }.hero h1, .page-hero h1 { font-size: 40px; }.window-layout { grid-template-columns: 1fr; }.window-layout aside { display: none; }.demo-main { padding: 14px 10px; }.upload-stack, .demo-workspace, .copilot-shell__grid { grid-template-columns: 1fr; }.demo-chat { grid-column: 1; grid-row: auto; }.coverage { justify-content: flex-start; padding: 0 18px; overflow: auto; }.launch-proof, .command-kpis, .record-meta, .company-stats { grid-template-columns: 1fr 1fr; }.workflow-stages { grid-template-columns: 1fr; }.workflow-track { display: none; }.workflow-card { margin-top: 10px; }.workflow-stage { text-align: left; }.workflow-node { flex-direction: row; }.command-grid { grid-template-columns: 1fr; }.release-posture { grid-column: auto; }.pricing-grid, .resource-grid, .legal-grid { grid-template-columns: 1fr; padding-inline: 18px; }.comparison { overflow-x: auto; padding-inline: 18px; }.comparison-row { min-width: 650px; }.resource-showcase { padding-inline: 18px; }.company-story { padding-inline: 18px; }.company-product { padding-inline: 18px; }.security-workspace__grid, .proof-grid, .values, .alt-card { grid-template-columns: 1fr; }.decision-record { padding: 28px 20px; }.decision-record > header, .decision-signature, .closing-cta { flex-direction: column; align-items: flex-start; }.site-footer { grid-template-columns: 1fr 1fr; padding-inline: 18px; } }
@media (max-width: 520px) { .header-actions .btn-primary { padding-inline: 10px; font-size: 11px; }.hero h1, .page-hero h1 { font-size: 35px; }.demo-metrics, .launch-proof, .command-kpis, .record-meta, .company-stats { grid-template-columns: 1fr 1fr; }.theater-stage-rail { max-width: 100%; }.window-evidence { display: grid; grid-template-columns: 1fr 1fr; }.window-evidence em { margin-left: 0; }.site-footer { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }

.page[data-page="home"] { background: #fff; }
.page[data-page="home"] .section { scroll-margin-top: 72px; }

/* Emergency Recovery Part 2 — route-scoped interior grids */
.page[data-page="resources"] .resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; background: #f7f9fc; }
.page[data-page="security"] .legal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; background: #f7f9fc; }
.page[data-page="pricing"] .pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) { .page[data-page="pricing"] .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) {
  .page[data-page="resources"] .resource-grid, .page[data-page="security"] .legal-grid { grid-template-columns: 1fr; }
  .page[data-page="pricing"] .pricing-grid { grid-template-columns: 1fr; }
}