:root {
  --ink: #08121e;
  --ink-2: #101e2d;
  --paper: #f1efe8;
  --white: #fffdf8;
  --muted: #66717a;
  --line: rgba(8, 18, 30, 0.17);
  --orange: #ff6a2b;
  --orange-text: #a93b13;
  --amber: #ff9c51;
  --green: #9fcbbd;
  --shell: 1240px;
  --display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.shell { width: min(var(--shell), calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: var(--ink); background: var(--white); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.1); transition: background 200ms ease, backdrop-filter 200ms ease; }
.site-header.is-scrolled { background: rgba(5,14,24,.88); backdrop-filter: blur(18px); }
.header-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 76px; }
.brand { justify-self: start; font-size: 27px; font-weight: 800; letter-spacing: -.07em; line-height: 1; }
.brand span { color: var(--orange); }
.main-nav { display: flex; gap: 34px; font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.main-nav a, .header-cta, footer a { transition: color 150ms ease; }
.main-nav a:hover, footer a:hover { color: var(--amber); }
.header-cta { justify-self: end; font-size: 13px; font-weight: 700; }
.header-cta span { margin-left: 7px; color: var(--orange); }

.hero { position: relative; min-height: 850px; overflow: hidden; color: var(--white); background: var(--ink); }
.hero-art, .hero-shade { position: absolute; inset: 0; }
.hero-art { background-image: url("/assets/bliv-agent-home.jpg"); background-position: 56% center; background-size: cover; opacity: .87; }
.hero-shade { background: linear-gradient(90deg,rgba(4,13,23,.98) 0%,rgba(4,13,23,.82) 34%,rgba(4,13,23,.18) 72%,rgba(4,13,23,.3) 100%),linear-gradient(0deg,rgba(4,13,23,.8) 0%,transparent 42%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 440px; gap: 80px; align-items: end; min-height: 690px; padding: 156px 0 82px; }
.hero-copy { max-width: 790px; }
.eyebrow, .section-kicker { margin: 0 0 26px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,106,43,.13); }
h1, h2, h3, p { text-wrap: pretty; }
h1, h2, h3 { margin-top: 0; font-weight: 400; line-height: .99; letter-spacing: -.045em; }
h1 { max-width: 850px; margin-bottom: 30px; font-family: var(--display); font-size: clamp(4rem,7vw,7.25rem); }
h1 em, h2 em { color: var(--amber); font-weight: 400; }
.hero-intro { max-width: 630px; margin: 0 0 36px; color: rgba(255,253,248,.78); font-size: clamp(1.05rem,1.5vw,1.25rem); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; gap: 28px; align-items: center; justify-content: center; min-height: 52px; padding: 0 22px; font-size: 13px; font-weight: 750; transition: transform 150ms ease,background 150ms ease,color 150ms ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #101319; background: var(--orange); }
.button-primary:hover { background: #ff8050; }
.button-quiet { color: var(--white); border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.04); }

.hero-console { margin-bottom: 4px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); background: rgba(5,15,25,.84); box-shadow: 0 30px 80px rgba(0,0,0,.3); backdrop-filter: blur(14px); font-family: var(--mono); font-size: 12px; }
.console-bar { display: flex; justify-content: space-between; padding: 11px 16px; color: rgba(255,255,255,.52); border-bottom: 1px solid rgba(255,255,255,.1); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.live-label { color: var(--green); }
.live-label i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--green); }
.console-body { padding: 20px; }
.console-body p { margin: 0 0 13px; }
.console-body .prompt { color: var(--orange); }
.console-body .muted, .console-body .output { color: rgba(255,255,255,.72); }
.console-body .output { padding-left: 17px; }
.console-body .output strong { color: var(--green); font-weight: 500; }
.console-body dl { margin: 18px 0 24px; padding: 14px 0; border-block: 1px solid rgba(255,255,255,.08); }
.console-body dl div { display: grid; grid-template-columns: 72px 1fr; gap: 10px; padding: 4px 0; }
.console-body dt { color: rgba(255,255,255,.66); }
.console-body dd { margin: 0; color: rgba(255,255,255,.78); }
.cursor { display: inline-block; width: 7px; height: 13px; margin-left: 4px; background: var(--orange); vertical-align: -2px; animation: blink 1.1s steps(1) infinite; }

.proof-rail { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); min-height: 120px; margin-block: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.15); list-style: none; }
.proof-rail > li { position: relative; display: grid; grid-template-columns: 42px 1fr; align-content: center; padding-right: 35px; }
.proof-rail > li:not(:last-child)::after { position: absolute; top: 28px; right: 30px; bottom: 28px; width: 1px; background: rgba(255,255,255,.13); content: ""; }
.proof-rail span { grid-row: 1/3; color: var(--orange); font-family: var(--mono); font-size: 11px; }
.proof-rail strong { font-size: 14px; }
.proof-rail small { color: rgba(255,255,255,.7); font-size: 11px; }

.section { padding: 132px 0; }
.manifesto { border-bottom: 1px solid var(--line); }
.manifesto-grid { display: grid; grid-template-columns: 1fr 2.1fr; gap: 70px; }
.section-kicker { color: var(--orange-text); line-height: 1.7; }
.manifesto h2, .rule-one h2, .faq h2 { max-width: 920px; margin-bottom: 40px; font-family: var(--display); font-size: clamp(3rem,5.2vw,5.5rem); }
.manifesto-grid > div > p { max-width: 770px; margin: 0; color: #39434a; font-size: 19px; line-height: 1.65; }
.features { padding-top: 0; }
.feature-row { display: grid; grid-template-columns: 150px .9fr 1.1fr; gap: 58px; align-items: start; padding: 132px 0; border-bottom: 1px solid var(--line); }
.feature-number { padding-top: 8px; color: var(--orange-text); font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.feature-copy h3 { margin-bottom: 28px; font-family: var(--display); font-size: clamp(2.6rem,3.8vw,4.25rem); line-height: 1.04; }
.feature-copy > p { max-width: 530px; margin: 0; color: #4e585f; font-size: 17px; }
.tick-list { display: grid; gap: 9px; margin: 30px 0 0; padding: 0; list-style: none; font-size: 13px; font-weight: 650; }
.tick-list li::before { margin-right: 10px; color: var(--orange-text); content: "↳"; }

.lifecycle { padding: 26px; color: var(--white); background: var(--ink-2); }
.machine-state { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; padding: 19px 20px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.025); }
.machine-state span { color: #d0a67c; font-family: var(--mono); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.machine-state strong { grid-row: 2; font-size: 18px; }
.machine-state small { grid-row: 1/3; grid-column: 2; align-self: center; color: rgba(255,255,255,.7); font-family: var(--mono); font-size: 10px; }
.machine-state.state-active { border-left: 3px solid var(--orange); }
.flow-line { display: flex; gap: 13px; align-items: center; height: 52px; margin-left: 24px; color: rgba(255,255,255,.7); font-family: var(--mono); font-size: 9px; }
.flow-line i { width: 1px; height: 100%; background: rgba(255,255,255,.2); }
.flow-line b { font-weight: 400; }

.feature-row-alt { grid-template-columns: 150px 1.03fr .97fr; }
.claim-stamp { display: inline-flex; gap: 10px; align-items: center; margin-top: 32px; padding: 10px 14px; color: #18362f; border: 1px solid #90b7ac; font-size: 12px; font-weight: 750; }
.claim-stamp span { color: #2e695a; }
.injection-diagram { padding: 30px; border: 1px solid var(--line); background-color: #e9e6dd; background-image: linear-gradient(rgba(8,18,30,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,18,30,.045) 1px,transparent 1px); background-size: 20px 20px; }
.diagram-source, .diagram-machine { display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); background: rgba(241,239,232,.92); }
.diagram-source small, .diagram-machine > small { margin-bottom: 16px; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .12em; }
.diagram-source strong { font-size: 17px; }
.diagram-source span { color: var(--muted); font-family: var(--mono); font-size: 10px; }
.injection-arrow { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 18px; color: var(--orange); font-family: var(--mono); font-size: 9px; }
.injection-arrow i { font-family: var(--sans); font-size: 24px; font-style: normal; }
.diagram-machine { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.diagram-machine > small { grid-column: 1/3; }
.memory, .disk { display: flex; flex-direction: column; padding: 14px; border: 1px solid var(--line); }
.memory { color: #17352d; border-color: #8ab7aa; background: rgba(159,203,189,.25); }
.disk { color: #6f543f; border-color: #c8aa8e; }
.memory b, .disk b, code, .protocols li { font-family: var(--mono); }
.memory b, .disk b { font-size: 11px; }
.memory span, .disk span { font-size: 10px; }
code { padding: 2px 5px; background: #dedbd2; font-size: .84em; }
.protocols { display: flex; flex-wrap: wrap; margin: 32px 0 0; padding: 0; list-style: none; }
.protocols li { padding: 8px 12px; border: 1px solid var(--line); border-right: 0; font-size: 10px; }
.protocols li:last-child { border-right: 1px solid var(--line); }

.agent-flow { padding: 12px 30px; color: var(--white); background: var(--ink-2); }
.agent-flow ol { margin: 0; padding: 0; list-style: none; }
.agent-flow li { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 22px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.agent-flow li:last-child { border: 0; }
.agent-flow li > span, .agent-flow li > b { color: rgba(255,255,255,.68); font-family: var(--mono); font-size: 10px; }
.agent-flow li > b { font-weight: 400; }
.agent-flow li > b.ok { color: var(--green); }
.agent-flow li div { display: flex; flex-direction: column; }
.agent-flow li strong { font-size: 14px; }
.agent-flow li small { color: rgba(255,255,255,.7); font-size: 10px; }

.sovereign { color: var(--white); background: #172c3d; }
.sovereign-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; }
.eyebrow-light { color: #87b6ae; }
.sovereign h2 { margin-bottom: 0; font-family: var(--display); font-size: clamp(3.5rem,5.6vw,6rem); }
.sovereign-copy > p { margin: 0 0 55px; color: rgba(255,255,255,.65); font-size: 17px; }
.sovereign-facts { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); }
.sovereign-facts div { display: flex; flex-direction: column; padding-top: 20px; }
.sovereign-facts strong { color: var(--amber); font-family: var(--mono); font-size: 13px; }
.sovereign-facts span { color: rgba(255,255,255,.7); font-size: 9px; }

.rule-one { color: var(--white); background: #0b1723; }
.rule-one .section-kicker { color: var(--amber); }
.rule-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: end; }
.rule-copy > p:last-child { max-width: 550px; color: rgba(255,255,255,.72); }
.waiting-log { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.025); font-family: var(--mono); }
.log-header, .log-footer { display: flex; justify-content: space-between; padding: 12px 15px; color: rgba(255,255,255,.7); font-size: 8px; letter-spacing: .1em; }
.log-header { border-bottom: 1px solid rgba(255,255,255,.1); }
.log-footer { border-top: 1px solid rgba(255,255,255,.1); }
.log-line { display: grid; grid-template-columns: auto auto 1fr; gap: 16px; align-items: center; min-height: 110px; padding: 20px; }
.log-time { color: rgba(255,255,255,.66); font-size: 10px; }
.log-line strong { font-size: 11px; font-weight: 400; }
.waiting-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0 rgba(255,106,43,.35); animation: pulse 2s infinite; }

.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
.faq h2 { font-size: clamp(3.2rem,4.5vw,5rem); }
.faq-list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; padding: 26px 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 700; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: var(--orange-text); font-size: 22px; font-weight: 400; transition: transform 150ms ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { max-width: 680px; margin: -5px 40px 28px 0; color: #596269; }

.final-cta { padding: 100px 0; color: var(--ink); background: var(--orange); }
.final-cta-inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 100px; align-items: end; }
.final-cta .eyebrow-light { color: var(--ink); }
.final-cta h2 { margin: 0; font-family: var(--display); font-size: clamp(3.8rem,6.5vw,7rem); }
.final-cta-inner > div:last-child p { margin-bottom: 30px; font-weight: 600; }
.button-light { color: var(--white); background: var(--ink); }
footer { padding: 42px 0; color: var(--white); background: #050e18; }
.footer-inner { display: grid; grid-template-columns: .4fr 1.3fr .7fr auto; gap: 50px; align-items: center; }
.brand-footer { font-size: 24px; }
.footer-inner p, .footer-inner small, .footer-inner div { margin: 0; color: rgba(255,255,255,.68); font-size: 11px; }
.footer-inner div { display: flex; gap: 24px; }

.reveal { opacity: 1; transform: none; }
@keyframes blink { 50% { opacity: 0; } }
@keyframes pulse { 70% { box-shadow: 0 0 0 12px rgba(255,106,43,0); } 100% { box-shadow: 0 0 0 0 rgba(255,106,43,0); } }

@media (max-width: 1050px) {
  .hero-layout { grid-template-columns: 1fr 360px; gap: 38px; }
  .feature-row, .feature-row-alt { grid-template-columns: 100px 1fr; }
  .feature-row > :last-child { grid-column: 2; }
  .rule-layout, .sovereign-layout { gap: 55px; }
}

@media (max-width: 820px) {
  .shell { width: min(100% - 32px,var(--shell)); }
  .header-inner { grid-template-columns: 1fr auto; height: 66px; }
  .main-nav { display: none; }
  .hero { min-height: auto; }
  .hero-art { background-position: 65% center; }
  .hero-shade { background: linear-gradient(90deg,rgba(4,13,23,.97) 0%,rgba(4,13,23,.75) 78%,rgba(4,13,23,.35) 100%),linear-gradient(0deg,rgba(4,13,23,.9),transparent 60%); }
  .hero-layout { grid-template-columns: 1fr; min-height: auto; padding: 140px 0 55px; }
  h1 { font-size: clamp(3.7rem,13vw,6rem); }
  .hero-console { max-width: 520px; }
  .proof-rail { grid-template-columns: 1fr; padding: 22px 0; }
  .proof-rail > li { min-height: 74px; }
  .proof-rail > li:not(:last-child)::after { top: auto; right: 0; bottom: 0; left: 0; width: auto; height: 1px; }
  .section { padding: 90px 0; }
  .manifesto-grid, .sovereign-layout, .rule-layout, .faq-layout, .final-cta-inner { grid-template-columns: 1fr; gap: 38px; }
  .feature-row, .feature-row-alt { grid-template-columns: 1fr; gap: 35px; padding: 90px 0; }
  .feature-row > :last-child { grid-column: 1; }
  .sovereign-facts { margin-top: 10px; }
  .footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
}

@media (max-width: 520px) {
  .shell { width: min(100% - 24px,var(--shell)); }
  .header-cta { font-size: 11px; }
  .hero-layout { padding-top: 120px; }
  h1 { font-size: 3.55rem; }
  .button { width: 100%; }
  .hero-console { font-size: 10px; }
  .console-body { padding: 16px; }
  .manifesto h2, .rule-one h2, .faq h2 { font-size: 3.1rem; }
  .feature-copy h3 { font-size: 2.8rem; }
  .lifecycle, .agent-flow, .injection-diagram { padding-inline: 16px; }
  .sovereign h2, .final-cta h2 { font-size: 3.4rem; }
  .sovereign-facts { grid-template-columns: 1fr; }
  .sovereign-facts div { display: grid; grid-template-columns: 48px 1fr; }
  .log-line { grid-template-columns: auto 1fr; }
  .log-time { display: none; }
  .log-footer { gap: 20px; }
  .footer-inner { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}