:root {
    --os-ink: #071127;
    --os-paper: #fbfcfa;
    --os-paper-2: #f3f6f7;
    --os-line: #d8e0e6;
    --os-muted: #657180;
    --os-blue: #1a56db;
    --os-cyan: #06b6d4;
    --os-cyan-soft: #bff4fb;
    --os-green: #12a46f;
    --os-red: #d63c48;
    --os-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.home-page {
    color: var(--os-ink);
    background: var(--os-paper);
}

.home-page .site-header {
    border-bottom-color: rgba(7, 17, 39, .11);
    color: var(--os-ink);
    background: rgba(251, 252, 250, .92);
}

.home-page .site-header.is-scrolled { box-shadow: 0 10px 35px rgba(7, 17, 39, .08); }
.home-page .brand span { border-left-color: #cbd5df; color: var(--os-blue); }
.home-page .site-nav > a { color: #445164; }
.home-page .site-nav > a:hover { color: var(--os-ink); }
.home-page .site-nav .nav-cta { color: #fff; background: var(--os-blue); }
.home-page .nav-toggle { border-color: #cbd5df; color: var(--os-ink); }
.home-page main { overflow: clip; }

.system-kicker {
    margin: 0 0 17px;
    color: var(--os-cyan-soft);
    font-family: var(--os-mono);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.system-kicker.dark { color: var(--os-blue); }
.system-kicker > span { display: inline-block; width: 27px; height: 2px; margin: 0 10px 3px 0; background: currentColor; }
.panel-label { margin: 0; color: #8793a2; font-family: var(--os-mono); font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.technical-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(7,17,39,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(7,17,39,.045) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000 20%, transparent 100%); }
.technical-grid.dark-grid { opacity: .14; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); }

.button.outline-dark { border-color: #bdc8d4; color: var(--os-ink); background: rgba(255,255,255,.75); box-shadow: none; }
.button.dark-outline { border-color: rgba(255,255,255,.25); color: #fff; background: transparent; }

/* Hero */
.os-hero { position: relative; min-height: 760px; border-bottom: 1px solid var(--os-line); background: radial-gradient(circle at 86% 32%, rgba(6,182,212,.08), transparent 24%), var(--os-paper); }
.os-hero-layout { position: relative; display: grid; min-height: 760px; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 80px; padding-top: 75px; padding-bottom: 85px; }
.os-hero-copy h1 { max-width: 760px; margin: 0; font-size: clamp(3.7rem, 6.3vw, 6.2rem); line-height: .92; letter-spacing: -.072em; }
.os-hero-copy h1 em { display: inline-block; color: var(--os-blue); font-family: inherit; font-style: normal; font-weight: 800; }
.os-hero-lead { max-width: 730px; margin: 30px 0 0; color: #566273; font-size: 1.15rem; line-height: 1.7; }
.os-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.ownership-line { display: flex; flex-wrap: wrap; gap: 13px 24px; margin-top: 34px; border-top: 1px solid var(--os-line); padding-top: 19px; color: #586576; font-family: var(--os-mono); font-size: .69rem; text-transform: uppercase; }
.ownership-line b { margin-right: 5px; color: var(--os-blue); }

.boot-console { overflow: hidden; border: 1px solid #243651; border-radius: 12px; color: #d9e4ef; background: #081427; box-shadow: 0 36px 80px rgba(7,17,39,.23); }
.console-bar { display: grid; min-height: 48px; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.1); padding: 0 17px; color: #92a4ba; font-family: var(--os-mono); font-size: .64rem; letter-spacing: .06em; }
.console-bar > span { display: flex; gap: 5px; }
.console-bar > span i { width: 8px; height: 8px; border-radius: 50%; background: #53647b; }
.console-bar > span i:first-child { background: #e45f68; }
.console-bar > span i:nth-child(2) { background: #d8a742; }
.console-bar > span i:last-child { background: #2bb784; }
.console-bar b { color: #eaf2fb; font-weight: 600; }
.console-bar small { color: var(--os-cyan-soft); }
.console-body { padding: 22px; }
.console-line { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; margin: 0; border-bottom: 1px solid rgba(255,255,255,.07); padding: 11px 2px; color: #7588a0; font-family: var(--os-mono); font-size: .72rem; }
.console-line > span { color: #52657c; }
.console-line b { font-weight: 500; }
.console-line small { border-radius: 999px; padding: 2px 7px; color: #71849b; background: rgba(255,255,255,.05); }
.console-line.is-running { color: #f0f6fd; }
.console-line.is-running small { color: var(--os-cyan-soft); background: rgba(6,182,212,.12); }
.console-line.is-ready { color: #dff8ef; }
.console-line.is-ready > span, .console-line.is-ready small { color: #65d6ad; }
.console-line.is-ready small { background: rgba(18,164,111,.13); }
.system-tree { margin-top: 19px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; padding: 15px 17px; color: #b8c6d7; background: rgba(255,255,255,.025); font-family: var(--os-mono); font-size: .72rem; }
.system-tree > div { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; min-height: 27px; }
.system-tree .tree-child { color: #8394aa; }
.system-tree small { color: #65788f; }
.console-result { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 12px; margin-top: 17px; border: 1px solid rgba(6,182,212,.23); border-radius: 8px; padding: 13px 14px; background: rgba(6,182,212,.06); }
.pulse-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--os-green); box-shadow: 0 0 0 4px rgba(18,164,111,.14); }
.console-result p { display: flex; flex-direction: column; margin: 0; line-height: 1.25; }
.console-result small { color: #6f849b; font-family: var(--os-mono); font-size: .58rem; }
.console-result strong { color: #f0f7ff; font-size: .8rem; }
.console-result > b { color: var(--os-cyan-soft); font-family: var(--os-mono); font-size: .61rem; font-weight: 500; }
.boot-console.is-ready .console-result { border-color: rgba(18,164,111,.32); background: rgba(18,164,111,.08); }

.proof-rail { border-bottom: 1px solid var(--os-line); background: #fff; }
.proof-rail-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-rail-grid > div { display: grid; min-height: 128px; grid-template-columns: 32px 1fr; align-items: center; gap: 12px; border-right: 1px solid var(--os-line); padding: 22px; }
.proof-rail-grid > div:first-child { border-left: 1px solid var(--os-line); }
.proof-rail-grid > div > span { color: var(--os-blue); font-family: var(--os-mono); font-size: .64rem; }
.proof-rail-grid p { display: flex; flex-direction: column; margin: 0; line-height: 1.35; }
.proof-rail-grid strong { font-size: .86rem; }
.proof-rail-grid small { margin-top: 7px; color: var(--os-muted); font-size: .72rem; line-height: 1.45; }

/* Narrative */
.narrative-section { position: relative; padding: 145px 0; background: var(--os-paper); }
.narrative-layout { position: relative; display: grid; grid-template-columns: 120px 1fr; gap: 55px; }
.section-index { display: flex; align-items: center; flex-direction: column; gap: 13px; color: #758191; font-family: var(--os-mono); font-size: .65rem; }
.section-index > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--os-line); border-radius: 50%; color: var(--os-blue); background: #fff; }
.section-index i { width: 1px; height: 120px; background: linear-gradient(var(--os-line), transparent); }
.section-index small { writing-mode: vertical-rl; letter-spacing: .18em; }
.narrative-copy h2 { max-width: 1040px; margin: 0; font-size: clamp(3rem, 5.4vw, 5.5rem); line-height: 1.01; letter-spacing: -.065em; }
.narrative-copy h2 em { color: #6b7684; font-style: normal; font-weight: 500; }
.narrative-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; max-width: 900px; margin-top: 55px; }
.narrative-columns p { margin: 0; color: #596575; font-size: 1.05rem; }

/* Live workflow */
.live-demo-section { padding: 115px 0 125px; color: #edf5fc; background: #071127; }
.experience-heading { display: grid; grid-template-columns: 1fr .72fr; align-items: end; gap: 80px; margin-bottom: 55px; }
.experience-heading h2 { max-width: 850px; margin: 0; font-size: clamp(2.8rem, 5vw, 4.9rem); line-height: .99; letter-spacing: -.06em; }
.experience-heading > p { margin: 0 0 5px; color: #a9b8ca; font-size: 1.02rem; }
.workflow-console { overflow: hidden; border: 1px solid #2a3c56; border-radius: 13px; background: #0b182c; box-shadow: 0 38px 90px rgba(0,0,0,.25); }
.workflow-console-bar { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid #2a3c56; padding: 10px 18px; }
.workflow-console-bar p { display: flex; align-items: center; gap: 12px; margin: 0; }
.workflow-console-bar p b { font-family: var(--os-mono); font-size: .76rem; }
.workflow-console-bar p small { color: #6f8299; font-family: var(--os-mono); font-size: .6rem; letter-spacing: .08em; }
.workflow-console-bar button { border: 1px solid var(--os-cyan); border-radius: 6px; padding: 9px 15px; color: #061321; background: var(--os-cyan-soft); font-family: var(--os-mono); font-size: .7rem; font-weight: 800; }
.workflow-console-bar button:hover { background: #fff; }
.workflow-console-bar button:disabled { border-color: #45576f; color: #9aaabd; background: #1b2a3f; }
.workflow-console-grid { display: grid; grid-template-columns: .86fr 1.25fr .89fr; min-height: 570px; }
.workflow-console-grid > * { min-width: 0; padding: 26px; }
.demo-input-panel, .demo-process-panel { border-right: 1px solid #263850; }
.demo-mail { margin-top: 22px; border: 1px solid #2b3e58; border-radius: 8px; padding: 18px; background: rgba(255,255,255,.025); }
.demo-mail > span { display: block; color: #687d95; font-family: var(--os-mono); font-size: .58rem; }
.demo-mail > b { display: block; margin: 2px 0 12px; color: #e3edf7; font-size: .78rem; }
.demo-mail > p { margin: 18px 0 0; border-top: 1px solid #263850; padding-top: 16px; color: #9eb0c4; font-size: .85rem; }
.demo-input-panel dl { display: grid; gap: 8px; margin: 18px 0 0; }
.demo-input-panel dl > div { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgba(255,255,255,.07); padding: 8px 2px; }
.demo-input-panel dt { color: #75889f; font-size: .7rem; }
.demo-input-panel dd { margin: 0; color: #c6d3e1; font-family: var(--os-mono); font-size: .67rem; text-align: right; }
.orchestrator-node { display: grid; grid-template-columns: 40px 1fr auto; align-items: center; gap: 12px; margin-top: 22px; border: 1px solid rgba(6,182,212,.28); border-radius: 8px; padding: 13px; background: rgba(6,182,212,.06); }
.orchestrator-node > span { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--os-cyan); border-radius: 7px; color: var(--os-cyan-soft); font-family: var(--os-mono); font-weight: 800; }
.orchestrator-node p, .demo-steps p { display: flex; flex-direction: column; margin: 0; line-height: 1.35; }
.orchestrator-node small, .demo-steps small { color: #778ba3; font-size: .67rem; }
.orchestrator-node > i, .demo-steps > li > i { color: #6f8299; font-family: var(--os-mono); font-size: .62rem; font-style: normal; }
.orchestrator-node.is-running > i { color: var(--os-cyan-soft); }
.orchestrator-node.is-complete > i { color: #62d7ad; }
.process-path { display: flex; height: 36px; align-items: center; justify-content: center; gap: 4px; }
.process-path i:first-child { width: 1px; height: 100%; background: #34485f; }
.process-path i:not(:first-child) { width: 3px; height: 3px; border-radius: 50%; background: var(--os-cyan); }
.demo-steps { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.demo-steps li { display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 10px; border: 1px solid #263850; border-radius: 7px; padding: 10px 11px; color: #9fb0c3; transition: border-color .2s, background .2s, color .2s; }
.demo-steps li > span { color: #637990; font-family: var(--os-mono); font-size: .62rem; }
.demo-steps li.is-running { border-color: rgba(6,182,212,.4); color: #f2f8fd; background: rgba(6,182,212,.06); }
.demo-steps li.is-running > i { color: var(--os-cyan-soft); }
.demo-steps li.is-complete { border-color: rgba(18,164,111,.28); color: #dff8ef; background: rgba(18,164,111,.05); }
.demo-steps li.is-complete > span, .demo-steps li.is-complete > i { color: #62d7ad; }
.run-log { min-height: 58px; margin-top: 17px; border-left: 2px solid #34485f; padding: 10px 13px; color: #70849b; background: rgba(255,255,255,.025); font-family: var(--os-mono); font-size: .63rem; }
.run-log.is-active { border-left-color: var(--os-cyan); color: #b8d6e7; }
.output-placeholder { display: flex; min-height: 235px; align-items: center; justify-content: center; flex-direction: column; margin-top: 22px; border: 1px dashed #32455e; border-radius: 8px; color: #71859d; text-align: center; }
.output-placeholder > span { font-size: 2rem; }
.output-placeholder p { display: flex; align-items: center; flex-direction: column; margin: 8px 0 0; }
.output-placeholder small { margin-top: 4px; font-size: .7rem; }
.output-artifact { margin-top: 22px; border: 1px solid #bed0df; border-radius: 5px; padding: 20px; color: var(--os-ink); background: #f9fbfc; box-shadow: 0 18px 38px rgba(0,0,0,.16); }
.artifact-preview-head { display: flex; justify-content: space-between; border-bottom: 1px solid #dce3e9; padding-bottom: 15px; font-family: var(--os-mono); font-size: .62rem; }
.artifact-preview-head b { color: var(--os-blue); }
.output-artifact > small { display: block; margin-top: 20px; color: #7b8794; font-family: var(--os-mono); font-size: .58rem; }
.output-artifact > strong { display: block; margin: 5px 0 25px; font-size: 1.25rem; line-height: 1.2; }
.output-artifact > div:not(.artifact-preview-head) { display: flex; justify-content: space-between; border-top: 2px solid var(--os-ink); padding-top: 12px; font-size: .75rem; }
.output-artifact > a { display: flex; justify-content: space-between; margin-top: 20px; border-radius: 5px; padding: 10px 12px; color: #fff; background: var(--os-blue); font-size: .72rem; font-weight: 800; text-decoration: none; }
.approval-gate { display: grid; grid-template-columns: 40px 1fr; gap: 12px; margin-top: 17px; border: 1px solid rgba(215,166,67,.25); border-radius: 7px; padding: 12px; background: rgba(215,166,67,.05); }
.approval-gate > span { display: grid; height: 34px; place-items: center; border-radius: 5px; color: #e8c478; background: rgba(215,166,67,.12); font-family: var(--os-mono); font-size: .58rem; }
.approval-gate p { display: flex; flex-direction: column; margin: 0; line-height: 1.3; }
.approval-gate b { color: #dfc58d; font-size: .73rem; }
.approval-gate small { color: #75889f; font-size: .65rem; }
.approval-gate.is-ready { border-color: rgba(18,164,111,.32); background: rgba(18,164,111,.07); }
.approval-gate.is-ready > span { color: #8ce1c1; background: rgba(18,164,111,.14); }
.approval-gate.is-ready b { color: #c8f1e2; }

/* Architecture */
.layers-section { position: relative; padding: 135px 0; border-bottom: 1px solid var(--os-line); background: var(--os-paper); }
.layers-layout { position: relative; display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 90px; }
.layers-intro { position: sticky; top: 145px; }
.layers-intro h2 { margin: 0; font-size: clamp(2.8rem, 4.7vw, 4.5rem); line-height: .98; letter-spacing: -.06em; }
.layers-intro > p:not(.system-kicker) { max-width: 560px; color: var(--os-muted); font-size: 1.02rem; }
.architecture-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 30px; font-family: var(--os-mono); font-size: .63rem; }
.architecture-summary span { border: 1px solid var(--os-line); border-radius: 5px; padding: 6px 8px; background: #fff; }
.architecture-summary i { color: var(--os-cyan); font-style: normal; }
.layer-explorer { overflow: hidden; border: 1px solid #cfd8e0; border-radius: 11px; background: #fff; box-shadow: 0 25px 65px rgba(7,17,39,.09); }
.layer-tabs { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid var(--os-line); }
.layer-tabs button { display: grid; min-height: 108px; grid-template-columns: 35px 1fr; grid-template-rows: auto auto; align-content: center; gap: 2px 10px; border: 0; border-right: 1px solid var(--os-line); border-bottom: 1px solid var(--os-line); padding: 18px; color: #778291; background: #f8fafb; text-align: left; }
.layer-tabs button:nth-child(2n) { border-right: 0; }
.layer-tabs button:nth-child(n+3) { border-bottom: 0; }
.layer-tabs button > span { grid-row: 1 / 3; color: #a2adb9; font-family: var(--os-mono); font-size: .64rem; }
.layer-tabs button b { color: #435064; font-size: .85rem; }
.layer-tabs button small { font-size: .68rem; }
.layer-tabs button[aria-selected="true"] { color: #526173; background: #fff; box-shadow: inset 3px 0 0 var(--os-blue); }
.layer-tabs button[aria-selected="true"] > span, .layer-tabs button[aria-selected="true"] b { color: var(--os-blue); }
.layer-panels { min-height: 430px; padding: 45px; }
.layer-panels article h3 { margin: 15px 0 18px; font-size: 2.15rem; line-height: 1.1; letter-spacing: -.035em; }
.layer-panels article > p:not(.panel-label) { max-width: 640px; color: var(--os-muted); font-size: 1rem; }
.layer-panels ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 35px 0 0; padding: 0; list-style: none; }
.layer-panels li { border: 1px solid var(--os-line); border-radius: 6px; padding: 12px; color: #4e5a6b; font-family: var(--os-mono); font-size: .66rem; background: #f7f9fa; }

/* Departments */
.team-section { padding: 125px 0; color: #edf5fc; background: #071127; }
.team-heading { align-items: center; }
.team-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.team-metrics span { display: flex; min-height: 92px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #293b54; border-radius: 7px; color: #788ba3; font-family: var(--os-mono); font-size: .61rem; text-align: center; text-transform: uppercase; }
.team-metrics b { color: var(--os-cyan-soft); font-size: 1.25rem; }
.orchestrator-strip { display: flex; align-items: center; justify-content: space-between; gap: 25px; border: 1px solid rgba(6,182,212,.32); border-radius: 9px; padding: 17px 20px; background: rgba(6,182,212,.06); }
.orchestrator-strip > div { display: flex; align-items: center; gap: 14px; }
.orchestrator-strip > div > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--os-cyan); border-radius: 7px; color: var(--os-cyan-soft); font-family: var(--os-mono); font-weight: 800; }
.orchestrator-strip p { display: flex; flex-direction: column; margin: 0; }
.orchestrator-strip small { color: #7d90a7; font-size: .72rem; }
.orchestrator-strip code, .enablement-note code { color: var(--os-cyan-soft); font-family: var(--os-mono); font-size: .64rem; }
.department-directory { margin-top: 22px; border: 1px solid #293b54; border-radius: 10px; background: #0a182b; }
.directory-bar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; border-bottom: 1px solid #293b54; padding: 0 20px; color: #dce8f3; font-family: var(--os-mono); font-size: .68rem; }
.directory-bar small { color: #63778f; }
.department-row { border-bottom: 1px solid #25364e; }
.department-row:last-child { border-bottom: 0; }
.department-row summary { display: grid; min-height: 75px; grid-template-columns: 42px 1fr auto 65px; align-items: center; gap: 15px; padding: 10px 20px; cursor: pointer; list-style: none; }
.department-row summary::-webkit-details-marker { display: none; }
.department-row summary:hover { background: rgba(255,255,255,.025); }
.folder-icon { position: relative; width: 34px; height: 24px; border-radius: 3px; background: linear-gradient(#72d7e7, #27abc4); box-shadow: inset 0 1px rgba(255,255,255,.35); }
.folder-icon::before { position: absolute; top: -5px; left: 2px; width: 15px; height: 7px; border-radius: 3px 3px 0 0; background: #70d4e4; content: ""; }
.department-row summary .department-name { display: flex; flex-direction: column; margin: 0; }
.department-row summary b { color: #e3ecf5; font-size: .86rem; }
.department-row summary small { color: #6f8299; font-size: .7rem; }
.department-row summary > i { color: #5f738c; font-family: var(--os-mono); font-size: .62rem; font-style: normal; }
.department-row summary > em { color: #74879f; font-family: var(--os-mono); font-size: .59rem; font-style: normal; text-align: right; text-transform: uppercase; }
.department-row[open] summary { background: rgba(6,182,212,.045); }
.department-row[open] summary > em { color: var(--os-cyan-soft); }
.department-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 0 20px 20px 77px; border-left: 2px solid var(--os-cyan); padding: 18px 20px; color: #91a3b8; background: rgba(255,255,255,.025); }
.department-detail > p { margin: 0; font-size: .83rem; }
.department-detail ul { display: flex; flex-wrap: wrap; align-content: start; gap: 7px; margin: 0; padding: 0; list-style: none; }
.department-detail li { border: 1px solid #304159; border-radius: 5px; padding: 5px 8px; color: #a8b7c8; font-family: var(--os-mono); font-size: .59rem; }
.department-detail > span { display: flex; grid-column: 1 / -1; align-items: center; gap: 8px; color: #5f738b; font-family: var(--os-mono); font-size: .59rem; }
.department-detail > span i { width: 6px; height: 6px; border-radius: 50%; background: #51657e; }
.enablement-note { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 15px; margin-top: 15px; border: 1px dashed #34475f; border-radius: 8px; padding: 16px 20px; }
.enablement-note > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: var(--os-cyan-soft); background: rgba(6,182,212,.1); font-family: var(--os-mono); }
.enablement-note p { display: flex; flex-direction: column; margin: 0; }
.enablement-note small { color: #71849c; font-size: .72rem; }

/* Autonomy */
.autonomy-section { position: relative; padding: 130px 0; color: #f1f6fb; background: #0b1d38; }
.autonomy-layout { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 90px; }
.autonomy-copy h2 { margin: 0; font-size: clamp(3rem, 5vw, 4.9rem); line-height: .98; letter-spacing: -.06em; }
.autonomy-copy > p:not(.system-kicker) { max-width: 610px; color: #98a9bd; }
.autonomy-control { border: 1px solid #344a67; border-radius: 11px; padding: 32px; background: rgba(5,14,30,.5); box-shadow: 0 28px 65px rgba(0,0,0,.2); }
.autonomy-readout { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 17px; }
.autonomy-readout > span { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--os-cyan); border-radius: 8px; color: var(--os-cyan-soft); background: rgba(6,182,212,.08); font-family: var(--os-mono); font-size: 1.3rem; font-weight: 800; }
.autonomy-readout p { display: flex; flex-direction: column; margin: 0; line-height: 1.25; }
.autonomy-readout small { color: #6f859d; font-family: var(--os-mono); font-size: .58rem; letter-spacing: .1em; }
.autonomy-readout strong { margin-top: 5px; }
.autonomy-readout > i { border-radius: 999px; padding: 5px 9px; color: #d8bd79; background: rgba(216,167,67,.11); font-family: var(--os-mono); font-size: .59rem; font-style: normal; white-space: nowrap; }
.autonomy-control input[type="range"] { width: 100%; margin: 35px 0 8px; accent-color: var(--os-cyan); }
.autonomy-scale { display: flex; justify-content: space-between; color: #667c94; font-family: var(--os-mono); font-size: .61rem; }
.autonomy-example { min-height: 138px; margin-top: 28px; border: 1px solid #304661; border-radius: 7px; padding: 20px; background: rgba(255,255,255,.025); }
.autonomy-example > p:last-child { margin: 13px 0 0; color: #aab9ca; font-size: .85rem; }
.autonomy-guard { display: grid; grid-template-columns: 35px 1fr; gap: 12px; margin-top: 13px; border-left: 2px solid #d8a743; padding: 11px 14px; background: rgba(216,167,67,.055); }
.autonomy-guard > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #e0c47e; background: rgba(216,167,67,.12); font-family: var(--os-mono); }
.autonomy-guard p { display: flex; flex-direction: column; margin: 0; }
.autonomy-guard b { color: #d8c28b; font-size: .73rem; }
.autonomy-guard small { color: #7389a1; font-size: .66rem; }

/* Privacy router */
.privacy-os-section { padding: 130px 0; border-bottom: 1px solid var(--os-line); background: #fff; }
.privacy-heading h2 { color: var(--os-ink); }
.privacy-heading > p { color: var(--os-muted); }
.privacy-router { display: grid; grid-template-columns: 200px 90px 1fr; align-items: center; }
.router-source { display: flex; min-height: 150px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #cfd9e1; border-radius: 9px; background: #f8fafb; text-align: center; }
.router-source > span { color: var(--os-blue); font-family: var(--os-mono); font-size: .61rem; }
.router-source > b { margin-top: 9px; }
.router-source > small { color: var(--os-muted); font-size: .68rem; }
.router-line { position: relative; height: 1px; background: #b9c7d3; }
.router-line::after { position: absolute; top: -4px; right: 0; width: 7px; height: 7px; border-top: 1px solid #8393a3; border-right: 1px solid #8393a3; content: ""; transform: rotate(45deg); }
.router-routes { display: grid; gap: 8px; }
.router-routes article { display: grid; min-height: 74px; grid-template-columns: 45px 1fr auto; align-items: center; gap: 13px; border: 1px solid var(--os-line); border-left: 3px solid var(--os-green); border-radius: 7px; padding: 11px 15px; background: #fbfcfd; }
.router-routes article > span { color: #748393; font-family: var(--os-mono); font-size: .66rem; }
.router-routes p { display: flex; flex-direction: column; margin: 0; }
.router-routes p small { color: var(--os-muted); font-size: .68rem; }
.router-routes em { border-radius: 999px; padding: 4px 8px; color: #14805c; background: #eaf7f1; font-family: var(--os-mono); font-size: .58rem; font-style: normal; }
.router-routes article:nth-child(2) { border-left-color: var(--os-blue); }
.router-routes article:nth-child(2) em { color: var(--os-blue); background: #edf2ff; }
.router-routes article:nth-child(3) { border-left-color: #bd8d2d; }
.router-routes article:nth-child(3) em { color: #8c6415; background: #fbf4e4; }
.router-routes article.is-blocked { border-left-color: var(--os-red); background: #fffafa; }
.router-routes article.is-blocked em { color: #b12f3b; background: #fdecef; }
.privacy-principles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 30px; border: 1px solid var(--os-line); background: var(--os-line); }
.privacy-principles span { padding: 18px; color: #506071; background: #fff; font-family: var(--os-mono); font-size: .65rem; text-align: center; }

/* Modules */
.modules-section { padding: 125px 0; color: #edf5fc; background: #071127; }
.module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.module-card { display: flex; min-height: 470px; flex-direction: column; border: 1px solid #2b3e56; border-radius: 10px; padding: 27px; background: #0a182b; }
.module-card.featured-module { border-color: rgba(6,182,212,.48); background: linear-gradient(150deg, rgba(6,182,212,.09), #0a182b 42%); }
.module-top { display: flex; justify-content: space-between; color: #657991; font-family: var(--os-mono); font-size: .61rem; }
.module-top span { color: var(--os-cyan-soft); }
.module-top i { font-style: normal; }
.module-icon { display: grid; width: 60px; height: 60px; margin: 35px 0; place-items: center; border: 1px solid #38516c; border-radius: 8px; color: var(--os-cyan-soft); background: rgba(6,182,212,.07); font-family: var(--os-mono); font-size: .72rem; font-weight: 800; }
.module-card h3 { margin: 0; font-size: 1.6rem; letter-spacing: -.03em; }
.module-card > p { color: #8598ad; font-size: .87rem; }
.module-card ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 17px 0 30px; padding: 0; list-style: none; }
.module-card li { border: 1px solid #30445d; border-radius: 5px; padding: 5px 7px; color: #9eafc1; font-family: var(--os-mono); font-size: .58rem; }
.module-card > a { display: flex; justify-content: space-between; margin-top: auto; border-top: 1px solid #2b3e56; padding-top: 18px; color: var(--os-cyan-soft); font-size: .76rem; font-weight: 800; text-decoration: none; }

/* Fit, packages, delivery, FAQ, final */
.fit-bridge-section { padding: 120px 0; background: #eaf0f4; }
.fit-bridge-layout { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 90px; }
.fit-bridge-layout h2 { margin: 0; font-size: clamp(3rem, 5vw, 5rem); line-height: .98; letter-spacing: -.065em; }
.fit-bridge-layout > div:first-child > p:last-child { max-width: 700px; color: var(--os-muted); }
.fit-terminal { border: 1px solid #1f324d; border-radius: 10px; padding: 27px; color: #dce7f2; background: #081528; box-shadow: 0 28px 55px rgba(7,17,39,.16); }
.fit-terminal > p { margin: 0 0 20px; border-bottom: 1px solid #263a54; padding-bottom: 17px; color: #9aadc1; font-family: var(--os-mono); font-size: .68rem; }
.fit-terminal > p span { margin-right: 8px; color: var(--os-cyan); }
.fit-terminal > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 10px 0; font-family: var(--os-mono); font-size: .65rem; }
.fit-terminal > div span { color: #647a92; }
.fit-terminal > div i { height: 1px; background: #2c4059; }
.fit-terminal > div b { color: #bed0e0; font-weight: 500; }
.fit-terminal .button { width: 100%; margin-top: 22px; }
.os-packages { padding: 125px 0; color: #f2f7fc; background: #0c1c35; }
.package-heading > p { color: #93a5ba; }
.os-packages .package-card { border-color: #31445e; color: #dce6ef; background: #10213c; }
.os-packages .package-card.featured { border-color: var(--os-cyan); box-shadow: 0 25px 60px rgba(0,0,0,.22); }
.os-packages .package-card h3, .os-packages .package-card > strong { color: #f2f7fc; }
.os-packages .package-card > p:not(.package-name), .os-packages .package-card > small { color: #8da0b6; }
.os-packages .package-card ul, .os-packages .package-card > a { border-color: #31445e; }
.os-packages .package-card > a { display: flex; justify-content: space-between; color: var(--os-cyan-soft); }
.os-packages .package-badge { color: #071127; background: var(--os-cyan-soft); }
.os-packages .package-note { color: #788da5; }
.os-delivery { padding: 125px 0; color: var(--os-ink); background: var(--os-paper); }
.delivery-heading > p { color: var(--os-muted); }
.os-delivery .delivery-steps { color: var(--os-ink); }
.os-delivery .delivery-steps article { border-top-color: var(--os-line); }
.os-delivery .delivery-steps h3 { color: var(--os-ink); }
.os-delivery .delivery-steps p { color: var(--os-muted); }
.os-delivery .delivery-steps article > span { color: #fff; background: var(--os-blue); }
.os-faq { padding: 125px 0; background: #fff; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
.faq-layout > div:first-child { position: sticky; top: 150px; align-self: start; }
.faq-layout h2 { margin: 0; font-size: clamp(2.8rem, 4.6vw, 4.4rem); line-height: .99; letter-spacing: -.06em; }
.system-final { position: relative; overflow: hidden; padding: 125px 0; color: #fff; background: #050d1c; text-align: center; }
.final-noise { position: absolute; inset: 0; opacity: .35; background: radial-gradient(ellipse at 50% 100%, rgba(6,182,212,.3), transparent 47%), repeating-linear-gradient(90deg, transparent 0 34px, rgba(6,182,212,.05) 35px, transparent 36px); }
.system-final-inner { position: relative; }
.system-final h2 { margin: 10px auto 25px; font-size: clamp(3.2rem, 6vw, 6.2rem); line-height: .93; letter-spacing: -.07em; }
.system-final h2 em { color: var(--os-cyan-soft); font-style: normal; font-weight: 500; }
.system-final-inner > p:not(.system-kicker) { max-width: 700px; margin: 0 auto; color: #94a5b9; font-size: 1.05rem; }
.system-final-inner > div { display: flex; justify-content: center; gap: 12px; margin-top: 35px; }
.system-final-inner > small { display: block; margin-top: 22px; color: #62758d; font-family: var(--os-mono); font-size: .62rem; }

@media (max-width: 1080px) {
    .os-hero-layout, .layers-layout, .autonomy-layout { grid-template-columns: 1fr; }
    .os-hero-layout { gap: 55px; }
    .boot-console { width: min(100%, 700px); }
    .layers-layout, .autonomy-layout { gap: 60px; }
    .layers-intro, .faq-layout > div:first-child { position: static; }
    .workflow-console-grid { grid-template-columns: 1fr 1.25fr; }
    .demo-output-panel { grid-column: 1 / -1; border-top: 1px solid #263850; }
    .output-placeholder, .output-artifact { min-height: 0; }
    .proof-rail-grid, .privacy-principles { grid-template-columns: repeat(2, 1fr); }
    .proof-rail-grid > div:nth-child(3) { border-left: 1px solid var(--os-line); }
    .module-grid { grid-template-columns: 1fr 1fr; }
    .module-card:last-child { grid-column: 1 / -1; min-height: 390px; }
}

@media (max-width: 780px) {
    .os-hero, .os-hero-layout { min-height: auto; }
    .os-hero-layout { padding-top: 70px; padding-bottom: 70px; }
    .os-hero-copy h1 { font-size: clamp(3.25rem, 14vw, 5rem); }
    .os-hero-lead { font-size: 1rem; }
    .proof-rail-grid, .narrative-columns, .experience-heading, .workflow-console-grid, .layers-layout, .team-heading, .autonomy-layout, .fit-bridge-layout, .package-heading, .delivery-heading, .faq-layout { grid-template-columns: 1fr; }
    .proof-rail-grid > div { border-left: 1px solid var(--os-line); }
    .narrative-section, .live-demo-section, .layers-section, .team-section, .autonomy-section, .privacy-os-section, .modules-section, .fit-bridge-section, .os-packages, .os-delivery, .os-faq, .system-final { padding: 85px 0; }
    .narrative-layout { grid-template-columns: 1fr; gap: 25px; }
    .section-index { align-items: center; flex-direction: row; }
    .section-index i { width: 80px; height: 1px; }
    .section-index small { writing-mode: initial; }
    .narrative-copy h2 { font-size: clamp(2.7rem, 11vw, 4.3rem); }
    .experience-heading { gap: 20px; }
    .experience-heading h2 { font-size: clamp(2.7rem, 11vw, 4.2rem); }
    .workflow-console-grid > * { padding: 21px; }
    .demo-input-panel, .demo-process-panel { border-right: 0; border-bottom: 1px solid #263850; }
    .demo-output-panel { grid-column: auto; }
    .layer-tabs { grid-template-columns: 1fr; }
    .layer-tabs button { min-height: 88px; border-right: 0; border-bottom: 1px solid var(--os-line) !important; }
    .layer-tabs button:last-child { border-bottom: 0 !important; }
    .layer-panels { min-height: 0; padding: 29px 23px; }
    .layer-panels ul { grid-template-columns: 1fr; }
    .team-metrics { grid-template-columns: repeat(3, 1fr); }
    .orchestrator-strip { align-items: flex-start; flex-direction: column; }
    .department-row summary { grid-template-columns: 38px 1fr auto; padding-inline: 14px; }
    .department-row summary > i { display: none; }
    .department-detail { grid-template-columns: 1fr; margin-left: 58px; }
    .department-detail > span { grid-column: auto; }
    .enablement-note { grid-template-columns: 40px 1fr; }
    .enablement-note code { display: none; }
    .autonomy-readout { grid-template-columns: 58px 1fr; }
    .autonomy-readout > i { grid-column: 1 / -1; width: fit-content; }
    .privacy-router { grid-template-columns: 1fr; gap: 18px; }
    .router-line { width: 1px; height: 40px; margin-inline: auto; }
    .router-line::after { top: auto; right: -3px; bottom: 0; transform: rotate(135deg); }
    .module-grid { grid-template-columns: 1fr; }
    .module-card:last-child { grid-column: auto; }
}

@media (max-width: 540px) {
    .os-hero-actions, .os-hero-actions .button, .system-final-inner > div, .system-final-inner .button { width: 100%; }
    .os-hero-actions, .system-final-inner > div { flex-direction: column; }
    .ownership-line { display: grid; grid-template-columns: 1fr; }
    .console-bar { grid-template-columns: auto 1fr; }
    .console-bar > small { display: none; }
    .console-body { padding: 15px; }
    .console-line { grid-template-columns: 25px 1fr; }
    .console-line small { display: none; }
    .system-tree small, .console-result > b { display: none; }
    .console-result { grid-template-columns: 12px 1fr; }
    .proof-rail-grid, .privacy-principles { grid-template-columns: 1fr; }
    .proof-rail-grid > div { min-height: 105px; }
    .narrative-columns { gap: 25px; }
    .workflow-console-bar { align-items: stretch; flex-direction: column; padding-block: 15px; }
    .workflow-console-bar p { align-items: flex-start; flex-direction: column; gap: 3px; }
    .orchestrator-node, .demo-steps li { grid-template-columns: 35px 1fr; }
    .orchestrator-node > i, .demo-steps li > i { grid-column: 2; }
    .team-metrics { grid-template-columns: 1fr; }
    .team-metrics span { min-height: 70px; }
    .directory-bar small, .department-row summary > em { display: none; }
    .department-row summary { grid-template-columns: 38px 1fr; }
    .department-detail { margin: 0 12px 15px 12px; }
    .router-routes article { grid-template-columns: 38px 1fr; }
    .router-routes article em { grid-column: 2; width: fit-content; }
    .package-card { min-height: 0; }
}