@font-face { font-family: Archivo; src: url('/assets/archivo-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Archivo; src: url('/assets/archivo-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Archivo; src: url('/assets/archivo-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/jetbrains-mono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/jetbrains-mono-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  --ink: #0e1d21;
  --paper: #f7f6f3;
  --white: #ffffff;
  --rust: #b03a0b;
  --rust-hover: #d85b26;
  --teal: #0e5f55;
  --mint: #63b7a3;
  --muted: #56666a;
  --border: #c7c4bb;
  --dark-border: #334a4d;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Archivo, Arial, sans-serif; font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
h1, h2, h3, p, figure { margin: 0; }
h1, h2, h3 { font-weight: 700; letter-spacing: -.01em; }
p, h1, h2, h3, a { overflow-wrap: anywhere; }
::selection { background: #f3d5c8; }
:focus-visible { outline: 3px solid #e8874e; outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-160%); background: var(--white); color: var(--ink); padding: 10px 14px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }

.site-nav { position: sticky; z-index: 60; top: 0; border-bottom: 1px solid rgba(255,255,255,.14); background: var(--ink); color: var(--white); }
.nav-inner { display: grid; min-height: 76px; width: min(1440px,100%); margin-inline: auto; grid-template-columns: minmax(240px,1fr) auto minmax(240px,1fr); align-items: center; gap: 32px; padding: 0 48px; }
.wordmark { display: inline-flex; align-items: center; justify-self: start; gap: 11px; color: inherit; }
.wordmark span { display: grid; line-height: 1.15; }
.wordmark strong { font-size: 16px; }
.wordmark small { margin-top: 4px; color: #a7b5b5; font-family: 'JetBrains Mono', monospace; font-size: 10px; }
.site-nav nav { display: flex; align-items: center; gap: 30px; }
.site-nav nav a { color: #c4cecd; font-size: 14px; font-weight: 700; }
.site-nav nav a:hover { color: var(--white); }
.nav-cta { display: inline-flex; min-height: 42px; align-items: center; justify-self: end; gap: 9px; border: 1px solid #e8874e; padding: 8px 14px; color: var(--white); font-size: 14px; font-weight: 700; }
.nav-cta:hover { background: var(--rust); }

.eyebrow { color: var(--teal); font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.section-shell { width: min(1344px,calc(100% - 96px)); margin-inline: auto; }
.hero { position: relative; display: grid; height: clamp(650px,calc(100svh - 96px),780px); overflow: hidden; align-items: center; background: var(--ink); color: var(--white); }
.hero::after { position: absolute; inset: auto 0 0; height: 7px; background: var(--rust); content: ''; }
.hero-inner { position: relative; z-index: 2; width: min(1344px,calc(100% - 96px)); margin-inline: auto; }
.hero .eyebrow { color: var(--mint); }
.hero h1 { max-width: 820px; margin-top: 18px; font-size: clamp(3.4rem,7vw,6.8rem); line-height: .96; letter-spacing: -.04em; }
.hero-copy { max-width: 680px; margin-top: 30px; color: #d7dfde; font-size: 20px; line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.primary-action,.secondary-action { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 12px 18px; font-size: 15px; font-weight: 700; }
.primary-action { border: 1px solid var(--rust); background: var(--rust); color: var(--white); }
.primary-action:hover { border-color: var(--rust-hover); background: var(--rust-hover); }
.secondary-action { border: 1px solid #53696b; color: var(--white); }
.secondary-action:hover { border-color: var(--white); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 34px; color: #b8c3c2; font-family: 'JetBrains Mono', monospace; font-size: 11px; }
.hero-proof span { display: inline-flex; align-items: center; gap: 8px; }
.hero-proof b { color: var(--mint); }
.route-map { position: absolute; inset: 0; opacity: .48; }
.route-line { position: absolute; right: -9%; top: 44%; width: 68%; border-top: 1px solid #4fa893; transform: rotate(-24deg); transform-origin: center; }
.route-point { position: absolute; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #4fa893; background: var(--ink); color: var(--mint); font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; }
.point-1 { right: 3%; top: 18%; }.point-2 { right: 14%; top: 28%; }.point-3 { right: 25%; top: 39%; }.point-4 { right: 36%; top: 50%; }.point-5 { right: 47%; top: 61%; border-color: var(--rust); color: #e8874e; }
.hero-note { position: absolute; right: 48px; bottom: 32px; z-index: 2; max-width: 320px; color: #94a5a4; font-family: 'JetBrains Mono', monospace; font-size: 10px; text-align: right; text-transform: uppercase; }

.product-proof { padding: 110px 0 128px; }
.section-heading { max-width: 850px; }
.section-heading h2,.journey-intro h2,.safeguards h2,.pilot h2 { margin-top: 12px; font-size: clamp(2.25rem,4vw,3.9rem); line-height: 1.06; letter-spacing: -.025em; }
.section-heading > p:last-child,.journey-intro > p:last-child,.pilot-copy > p:not(.eyebrow) { max-width: 720px; margin-top: 20px; color: var(--muted); font-size: 18px; }
.product-frame { margin-top: 54px; border: 1px solid var(--border); background: var(--white); }
.product-frame img { display: block; width: 100%; height: auto; }
.product-frame figcaption { border-top: 1px solid #e0ded7; padding: 12px 16px; color: var(--muted); font-family: 'JetBrains Mono', monospace; font-size: 10px; }

.journey { display: grid; grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr); gap: 80px; border-top: 1px solid var(--border); padding: 118px 0 130px; }
.journey-intro { align-self: start; }
.stage-list { margin: 0; padding: 0; list-style: none; }
.stage-list li { display: grid; grid-template-columns: 54px 130px minmax(0,1fr); gap: 20px; border-top: 1px solid var(--border); padding: 19px 0; }
.stage-list li:first-child { border-top: 3px solid var(--teal); }
.stage-list span { color: var(--teal); font-family: 'JetBrains Mono', monospace; font-size: 12px; }
.stage-list strong { font-size: 16px; }.stage-list p { color: var(--muted); font-size: 14px; }

.capabilities { background: var(--ink); color: var(--white); }
.capabilities-inner { width: min(1344px,calc(100% - 96px)); margin-inline: auto; padding: 118px 0 130px; }
.light-heading .eyebrow { color: var(--mint); }.light-heading h2 { color: var(--white); }.light-heading > p:last-child { color: #b8c3c2; }
.capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 64px; border-top: 1px solid var(--dark-border); border-bottom: 1px solid var(--dark-border); }
.capability-grid article { min-height: 330px; border-right: 1px solid var(--dark-border); padding: 30px 28px; }.capability-grid article:first-child { border-left: 1px solid var(--dark-border); }
.capability-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #4fa893; color: var(--mint); font-family: 'JetBrains Mono', monospace; }
.capability-label { margin-top: 54px; color: var(--mint); font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.capability-grid h3 { margin-top: 9px; font-size: 21px; }.capability-grid article > p:last-child { margin-top: 14px; color: #b8c3c2; font-size: 14px; }

.safeguards { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr); gap: 90px; padding: 126px 0; }
.safeguards-statement { align-self: start; }.safeguard-list { border-top: 3px solid var(--rust); }
.safeguard-list article { display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 18px; border-bottom: 1px solid var(--border); padding: 24px 0; }
.safeguard-list > article > span { color: var(--rust); font-family: 'JetBrains Mono', monospace; font-size: 12px; }.safeguard-list h3 { font-size: 18px; }.safeguard-list p { margin-top: 5px; color: var(--muted); font-size: 14px; }

.pilot { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: 90px; border-top: 7px solid var(--rust); background: var(--white); padding: 70px 68px; }
.pilot-copy .primary-action { margin-top: 30px; }.pilot-includes { border-left: 1px solid #e0ded7; padding-left: 46px; }
.pilot-includes ul { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; }.pilot-includes li { display: flex; gap: 10px; border-top: 1px solid #e0ded7; padding: 13px 0; font-size: 14px; font-weight: 600; }.pilot-includes li span { color: var(--teal); }
.boundary { margin-top: 24px; background: #e1eeeb; padding: 16px; color: #0a493f; }.boundary p { margin-top: 4px; font-size: 12px; }

.lead-capture { scroll-margin-top: 76px; background: var(--ink); color: var(--white); padding: 118px 0 130px; }
.lead-capture-inner { display: grid; width: min(1344px,calc(100% - 96px)); margin-inline: auto; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: 90px; }
.lead-capture .eyebrow { color: var(--mint); }.lead-capture h2 { max-width: 650px; margin-top: 12px; font-size: clamp(2.25rem,4vw,3.9rem); line-height: 1.06; letter-spacing: -.025em; }.lead-capture-intro > p:not(.eyebrow) { max-width: 530px; margin-top: 20px; color: #b8c3c2; font-size: 17px; }
.lead-capture-note { font-size: 14px!important; }.lead-capture-note a { color: var(--mint); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.lead-form { border-top: 3px solid var(--rust); padding-top: 26px; }.lead-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.lead-form label { display: grid; gap: 8px; color: #d7dfde; font-size: 14px; font-weight: 700; }.lead-form label > span { color: #a7b5b5; font-family: 'JetBrains Mono',monospace; font-size: 10px; font-weight: 400; text-transform: uppercase; }.lead-form-wide { grid-column: 1 / -1; }
.lead-form input,.lead-form select,.lead-form textarea { width: 100%; border: 1px solid #53696b; border-radius: 0; background: #132a2f; color: #ffffff; padding: 12px; font: inherit; font-size: 15px; line-height: 1.4; }.lead-form select { min-height: 46px; }.lead-form textarea { min-height: 108px; resize: vertical; }.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color: var(--mint); outline: 2px solid transparent; }.lead-form input::placeholder,.lead-form textarea::placeholder { color: #94a5a4; }
.lead-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.lead-consent { display: flex!important; align-items: flex-start; gap: 10px; margin-top: 22px; color: #b8c3c2!important; font-size: 13px!important; font-weight: 400!important; }.lead-consent input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--rust); }.lead-consent a { color: var(--mint); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.lead-form-actions { display: flex; align-items: center; gap: 20px; margin-top: 24px; }.lead-submit { display: inline-flex; min-height: 50px; align-items: center; gap: 10px; border: 1px solid var(--rust); background: var(--rust); padding: 12px 18px; color: var(--white); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }.lead-submit:hover:not(:disabled) { border-color: var(--rust-hover); background: var(--rust-hover); }.lead-submit:disabled { cursor: wait; opacity: .65; }.lead-form-status { color: #b8c3c2; font-size: 14px; }.lead-form-status[data-state="success"] { color: var(--mint); }.lead-form-status[data-state="error"] { color: #ffb1a3; }

.site-footer { display: grid; min-height: 150px; margin-top: 110px; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; background: var(--ink); padding: 32px max(48px,calc((100% - 1344px)/2)); color: var(--white); }
.site-footer > p { color: #a7b5b5; font-family: 'JetBrains Mono', monospace; font-size: 10px; text-align: center; text-transform: uppercase; }
.site-footer nav { display: flex; justify-self: end; gap: 24px; }.site-footer nav a { color: #c4cecd; font-size: 13px; font-weight: 700; }.site-footer nav a:hover { color: var(--white); }

.legal-nav { grid-template-columns: 1fr auto; }.legal-page { width: min(760px,calc(100% - 48px)); margin-inline: auto; padding: 100px 0 120px; }.legal-page h1 { margin-top: 12px; font-size: clamp(3.4rem,8vw,6rem); line-height: 1; }.legal-lead { margin-top: 24px; color: var(--muted); font-size: 20px; }.legal-page section { border-top: 1px solid var(--border); margin-top: 42px; padding-top: 28px; }.legal-page section h2 { font-size: 24px; }.legal-page section p { margin-top: 10px; color: var(--muted); }.legal-page section a { color: var(--teal); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }.legal-footer { grid-template-columns: 1fr auto; margin-top: 0; }.legal-footer > p { justify-self: start; color: var(--white); font-family: Archivo,Arial,sans-serif; font-size: 16px; font-weight: 700; text-transform: none; }

@media (max-width:1023px) {
  .nav-inner { grid-template-columns: 1fr auto; padding-inline: 28px; }.site-nav nav { display: none; }
  .hero-inner,.section-shell,.capabilities-inner { width: min(100% - 56px,900px); }.route-map { opacity: .28; transform: translateX(20%); }
  .journey,.safeguards { grid-template-columns: 1fr; gap: 54px; }.capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.capability-grid article:nth-child(3),.capability-grid article:nth-child(4) { border-top: 1px solid var(--dark-border); }.capability-grid article:nth-child(3) { border-left: 1px solid var(--dark-border); }
  .pilot { grid-template-columns: 1fr; gap: 54px; }.pilot-includes { border-top: 1px solid #e0ded7; border-left: 0; padding-top: 36px; padding-left: 0; }
  .lead-capture-inner { grid-template-columns: 1fr; gap: 54px; }
  .site-footer { grid-template-columns: 1fr auto; }.site-footer > p { display: none; }
}

@media (max-width:640px) {
  .nav-inner { min-height: 68px; padding-inline: 18px; }.wordmark small { display: none; }.nav-cta { min-height: 38px; padding-inline: 11px; font-size: 12px; }
  .hero { height: auto; min-height: calc(100svh - 130px); padding: 56px 0 38px; }.hero-inner,.section-shell,.capabilities-inner { width: calc(100% - 36px); }.hero h1 { font-size: 3rem; line-height: .98; }.hero-copy { margin-top: 24px; font-size: 17px; }.hero-actions { display: grid; }.primary-action,.secondary-action { width: 100%; }.hero-proof { display: grid; gap: 11px; }.route-map,.hero-note { display: none; }
  .product-proof { padding: 30px 0 84px; }.section-heading h2,.journey-intro h2,.safeguards h2,.pilot h2 { font-size: 2.35rem; }.section-heading > p:last-child,.journey-intro > p:last-child,.pilot-copy > p:not(.eyebrow) { font-size: 16px; }.product-frame { margin-top: 34px; overflow: hidden; }.product-frame img { width: 920px; max-width: none; transform: translateX(-110px); }
  .journey { padding: 78px 0 84px; }.stage-list li { grid-template-columns: 40px 90px minmax(0,1fr); gap: 9px; }.stage-list p { font-size: 12px; }
  .capabilities-inner { padding: 78px 0 84px; }.capability-grid { grid-template-columns: 1fr; margin-top: 38px; }.capability-grid article { min-height: 0; border: 0; border-top: 1px solid var(--dark-border)!important; padding: 25px 0 28px; }.capability-grid article:first-child,.capability-grid article:nth-child(3) { border-left: 0; }.capability-label { margin-top: 28px; }
  .safeguards { padding: 82px 0; }.pilot { gap: 44px; border-top-width: 6px; padding: 44px 20px; }
  .lead-capture { padding: 78px 0 84px; }.lead-capture-inner { width: calc(100% - 36px); }.lead-capture h2 { font-size: 2.35rem; }.lead-capture-intro > p:not(.eyebrow) { font-size: 16px; }.lead-form-grid { grid-template-columns: 1fr; gap: 18px; }.lead-form-wide { grid-column: auto; }.lead-form-actions { align-items: stretch; flex-direction: column; }.lead-submit { justify-content: center; width: 100%; }
  .site-footer { margin-top: 80px; grid-template-columns: 1fr; justify-items: start; padding: 34px 18px; }.site-footer nav { justify-self: start; flex-wrap: wrap; }
  .legal-page { padding: 70px 0 90px; }.legal-page h1 { font-size: 3.5rem; }.legal-lead { font-size: 18px; }.legal-footer { grid-template-columns: 1fr; }
}

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