:root {
  color-scheme: light;
  --cream: #eee6d2;
  --cream-2: #ddd3ba;
  --ink: #211725;
  --ink-2: #130d17;
  --plum: #2d1d30;
  --muted: #6e655f;
  --amber: #f2aa05;
  --amber-hot: #ffc119;
  --cyan: #4edbc7;
  --green: #68dc84;
  --yellow: #f7d739;
  --red: #ef2538;
  --line: rgba(33,23,37,.22);
  --line-light: rgba(238,230,210,.22);
  --max: 1200px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: Arial, Helvetica, ui-sans-serif, system-ui, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.container { width: min(var(--max), calc(100% - 44px)); margin: 0 auto; }
.site-header { position: absolute; z-index: 10; inset: 0 0 auto; height: 76px; border-bottom: 1px solid rgba(238,230,210,.2); color: var(--cream); }
.site-header .nav { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 900; letter-spacing: -.04em; white-space: nowrap; }
.brand span { font-style: italic; }
.brand b { color: var(--amber); }
.signal-stripes { position: absolute; left: 0; top: 0; height: 7px; display: flex; transform: skew(-25deg); transform-origin: left; }
.signal-stripes i { width: 34px; }
.signal-stripes i:nth-child(1) { background: var(--cyan); }.signal-stripes i:nth-child(2) { background: var(--green); }.signal-stripes i:nth-child(3) { background: var(--yellow); }.signal-stripes i:nth-child(4) { background: var(--red); }
.nav-links { display: flex; align-items: center; gap: 24px; font-size: 12px; font-weight: 800; letter-spacing: .045em; }
.nav-links > a:not(.button) { opacity: .82; }.nav-links > a:not(.button):hover { opacity: 1; color: var(--amber-hot); }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border: 2px solid transparent; border-radius: 3px; font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: .075em; cursor: pointer; transition: transform .18s, box-shadow .18s, background .18s, color .18s; }
.button:hover { transform: translateY(-2px); box-shadow: 6px 7px 0 rgba(0,0,0,.2); }
.button-primary { background: var(--amber); color: var(--ink-2); border-color: var(--amber); }
.button-primary:hover { background: var(--amber-hot); border-color: var(--amber-hot); }
.button-outline { color: var(--cream); border-color: rgba(238,230,210,.75); background: transparent; }
.button-dark { color: var(--cream); background: var(--ink); border-color: var(--ink); }
.button-small { min-height: 39px; padding: 0 15px; }
:focus-visible { outline: 4px solid var(--cyan); outline-offset: 4px; }
.hero { position: relative; min-height: 830px; overflow: hidden; display: grid; align-items: center; padding: 150px 0 90px; color: var(--cream); background: radial-gradient(circle at 78% 35%, rgba(239,37,56,.24), transparent 25%), radial-gradient(circle at 64% 12%, rgba(78,219,199,.12), transparent 26%), linear-gradient(130deg, #120c16 0%, #2a192a 57%, #351c25 100%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: repeating-linear-gradient(117deg, transparent 0 38px, rgba(238,230,210,.07) 39px 40px), linear-gradient(90deg, transparent 49.8%, rgba(238,230,210,.2) 50%, transparent 50.2%); }
.hero::after { content: "//"; position: absolute; right: -30px; bottom: -140px; color: rgba(238,230,210,.035); font-size: 550px; line-height: 1; font-weight: 900; font-style: italic; letter-spacing: -.2em; }
.hero-grid { position: absolute; width: 610px; height: 610px; right: 4%; top: 19%; border: 1px solid rgba(238,230,210,.14); border-radius: 50%; box-shadow: 0 0 0 80px rgba(238,230,210,.025), 0 0 0 160px rgba(238,230,210,.02); }
.hero-grid::before, .hero-grid::after { content: ""; position: absolute; background: rgba(238,230,210,.14); }.hero-grid::before { width: 1px; height: 130%; left: 50%; top: -15%; }.hero-grid::after { height: 1px; width: 130%; top: 50%; left: -15%; }
.hero-content { position: relative; z-index: 2; }
.eyebrow, .section-kicker { margin: 0 0 20px; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 9px; height: 9px; margin-right: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }
h1,h2,h3 { margin: 0; font-family: "Arial Narrow", "Roboto Condensed", Impact, Arial, sans-serif; font-weight: 900; text-transform: uppercase; line-height: .94; letter-spacing: -.035em; }
h1 { max-width: 980px; font-size: clamp(54px, 8.6vw, 112px); }
.hero-copy { max-width: 720px; margin: 30px 0 35px; color: rgba(238,230,210,.82); font-size: clamp(17px, 2vw, 21px); }
.button-row { display: flex; flex-wrap: wrap; gap: 13px; }
.hero-stats { margin-top: 72px; display: grid; grid-template-columns: repeat(3,1fr); max-width: 900px; border-top: 1px solid var(--line-light); }
.hero-stats > div { padding: 20px 25px 4px 0; display: flex; gap: 13px; align-items: baseline; }
.hero-stats strong { color: var(--amber); font-size: 30px; line-height: 1; }.hero-stats span { max-width: 190px; color: rgba(238,230,210,.68); font-size: 12px; }
.mission-strip { padding: 14px 0; background: var(--amber); color: var(--ink); overflow: hidden; }
.mission-row { display: flex; justify-content: space-between; gap: 20px; white-space: nowrap; font-size: 11px; font-weight: 900; letter-spacing: .14em; }.mission-row b { font-size: 8px; }
section { padding: 105px 0; }
.section-heading { max-width: 630px; }.section-heading.wide { max-width: 820px; margin-bottom: 45px; }
.section-kicker { color: #a16d00; }
h2 { font-size: clamp(42px, 5.4vw, 70px); }
h3 { font-size: 24px; }
.section-intro { max-width: 700px; margin: 22px 0 26px; color: var(--muted); font-size: 17px; }
.split { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.text-cta { display: inline-flex; gap: 12px; margin-top: 14px; border-bottom: 3px solid var(--amber); padding-bottom: 5px; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.text-cta:hover { background: var(--amber); color: var(--ink); }
.challenge-list { border-top: 2px solid var(--ink); }
.challenge-list article { display: grid; grid-template-columns: 45px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.challenge-list article > span { color: #9a6a00; font-weight: 900; font-size: 12px; }.challenge-list h3 { margin-bottom: 8px; }.challenge-list p { margin: 0; color: var(--muted); }
.capabilities { color: var(--cream); background: var(--ink); position: relative; }
.capabilities::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .25; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(238,230,210,.08) 25%); }
.capabilities .container { position: relative; }.capabilities .section-kicker { color: var(--amber); }.capabilities .section-intro { color: rgba(238,230,210,.7); }
.capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }
.cap-card { min-height: 300px; padding: 28px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); background: rgba(255,255,255,.015); transition: background .2s, transform .2s; }
.cap-card:hover { background: rgba(242,170,5,.09); transform: translateY(-4px); }.cap-code { color: var(--amber); font: 800 11px monospace; }.cap-card h3 { margin: 62px 0 13px; }.cap-card p { color: rgba(238,230,210,.67); min-height: 74px; }.cap-card a { color: var(--amber); font-size: 11px; font-weight: 900; letter-spacing: .06em; }
.section-cta { margin-top: 45px; display: flex; justify-content: space-between; align-items: center; gap: 25px; border-top: 1px solid var(--line-light); padding-top: 28px; }.section-cta p { margin: 0; font-weight: 700; }
.connectors { background: var(--amber); }
.connector-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }.connectors .section-kicker { color: #634100; }.connectors .section-intro { color: #4e402a; }
.connector-board { display: flex; flex-wrap: wrap; gap: 9px; align-content: center; }
.connector-board span { padding: 12px 15px; border: 2px solid var(--ink); background: rgba(238,230,210,.28); font-size: 11px; font-weight: 900; letter-spacing: .06em; box-shadow: 4px 4px 0 var(--ink); transform: rotate(-1deg); }.connector-board span:nth-child(3n) { transform: rotate(1deg); }.connector-board span:nth-child(4n) { background: var(--ink); color: var(--cream); }
.open-source { background: var(--cream); }
.pipeline { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: stretch; margin: 50px 0; }
.pipeline > div { padding: 25px 20px; border: 2px solid var(--ink); background: rgba(255,255,255,.18); }.pipeline > i { display: grid; place-items: center; font-style: normal; font-weight: 900; }.pipeline b { color: #a16d00; font-size: 12px; }.pipeline h3 { margin: 34px 0 9px; }.pipeline p { margin: 0; color: var(--muted); font-size: 14px; }
.use-cases { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.use-cases article { padding: 28px; background: var(--ink); color: var(--cream); }.use-cases article:nth-child(2) { background: var(--plum); }.use-cases article:nth-child(3) { background: #3b2826; }.use-cases p { color: rgba(238,230,210,.68); min-height: 105px; }.use-cases a { color: var(--amber); font-size: 11px; font-weight: 900; letter-spacing: .07em; }
.process { color: var(--cream); background: linear-gradient(135deg, #211725, #351c25); }.process .section-kicker { color: var(--amber); }.process-grid { list-style: none; padding: 0; margin: 55px 0 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-light); }.process-grid li { padding: 25px; border-right: 1px solid var(--line-light); }.process-grid li:last-child { border: 0; }.process-grid span { color: var(--amber); font-size: 12px; font-weight: 900; }.process-grid h3 { margin: 48px 0 12px; }.process-grid p { color: rgba(238,230,210,.66); font-size: 14px; }.inverse { border-color: var(--line-light); }
.faq-section { background: var(--cream-2); }.faq-list { border-top: 2px solid var(--ink); }details { border-bottom: 1px solid var(--line); }summary { cursor: pointer; list-style: none; padding: 23px 0; display: flex; justify-content: space-between; gap: 18px; font-weight: 800; }summary::-webkit-details-marker { display:none; }summary::after { content:"+"; color:#9a6a00; font-size:24px; }details[open] summary::after { content:"−"; }details p { max-width: 680px; margin: -4px 0 25px; color: var(--muted); }
.final-cta { position: relative; overflow: hidden; color: var(--cream); background: var(--ink-2); }.final-cta::before { content:""; position:absolute; left:0; right:0; top:0; height:8px; background: linear-gradient(90deg,var(--cyan) 0 25%,var(--green) 25% 50%,var(--yellow) 50% 75%,var(--red) 75%); }.hazard-mark { position:absolute; right:5%; top:-90px; color:rgba(238,230,210,.05); font-size:360px; font-weight:900; font-style:italic; }.final-grid { position:relative; display:grid; grid-template-columns:1.3fr .7fr; gap:70px; align-items:end; }.final-grid .section-kicker { color:var(--amber); }.final-grid h2 { max-width:800px; }.final-grid p { max-width:700px; color:rgba(238,230,210,.7); }.final-actions { display:grid; gap:12px; }
.footer { padding: 32px 0; background: #09060b; color: var(--cream); }.footer-row { display:flex; align-items:center; justify-content:space-between; gap:25px; }.footer p { margin:0; color:rgba(238,230,210,.48); font-size:12px; }.footer > .container > a:last-child { color:var(--amber); font-size:11px; font-weight:900; letter-spacing:.06em; }
.form-shell { min-height:100vh; padding:140px 0 85px; color:var(--cream); background:radial-gradient(circle at 80% 20%,rgba(239,37,56,.2),transparent 28%),linear-gradient(135deg,#130d17,#321c2b); }.form-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }.form-shell .hero-copy { color:rgba(238,230,210,.72); }.form-card { padding:34px; background:var(--cream); color:var(--ink); border-top:8px solid var(--amber); box-shadow:12px 14px 0 rgba(0,0,0,.3); }label { display:block; margin-bottom:7px; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.field { margin-bottom:19px; }input,select,textarea { width:100%; border:2px solid rgba(33,23,37,.35); border-radius:0; padding:13px 14px; color:var(--ink); background:#f8f1df; font:inherit; }textarea { min-height:145px; resize:vertical; }input:focus,select:focus,textarea:focus { outline:3px solid var(--cyan); border-color:var(--ink); }.honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }.form-note { color:var(--muted); font-size:12px; }.contact-points { margin-top:35px; display:grid; gap:9px; color:rgba(238,230,210,.68); font-size:13px; }.contact-points span::before { content:"◆"; margin-right:9px; color:var(--amber); font-size:8px; }
.thank-you { min-height:100vh; display:grid; place-items:center; text-align:center; padding:50px 0; color:var(--cream); background:radial-gradient(circle at 50% 30%,rgba(242,170,5,.15),transparent 30%),var(--ink-2); }.thank-you-content { max-width:750px; }.check { width:66px;height:66px;display:grid;place-items:center;margin:0 auto 28px;border:3px solid var(--amber);color:var(--amber);font-size:28px;box-shadow:7px 7px 0 rgba(242,170,5,.22); }.thank-you h1 { font-size:clamp(48px,8vw,90px); }.thank-you p { color:rgba(238,230,210,.7);font-size:18px;margin:25px auto 34px; }
@media(max-width:900px){.nav-links>a:not(.button){display:none}.split,.connector-layout,.final-grid,.form-layout{grid-template-columns:1fr;gap:50px}.capability-grid,.use-cases{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:1fr}.pipeline>i{height:35px;transform:rotate(90deg)}.hero-stats{grid-template-columns:1fr}.hero-stats>div{border-bottom:1px solid var(--line-light)}.hero-grid{right:-280px}.footer-row{flex-wrap:wrap}}
@media(max-width:580px){.container{width:min(var(--max),calc(100% - 28px))}.site-header,.site-header .nav{height:68px}.nav .button{min-height:36px;padding:0 10px}.hero{min-height:760px;padding-top:120px}h1{font-size:50px}h2{font-size:41px}section{padding:76px 0}.capability-grid,.use-cases,.process-grid,.form-row{grid-template-columns:1fr}.button{width:100%}.mission-row{width:max-content;animation:marquee 15s linear infinite}.cap-card{min-height:250px}.section-cta{align-items:stretch;flex-direction:column}.form-card{padding:23px}.footer-row{display:grid;text-align:center;justify-content:center}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.footer-links { display:flex; align-items:center; gap:18px; color:var(--amber); font-size:11px; font-weight:900; letter-spacing:.06em; } .footer-links a:hover { color:var(--amber-hot); } .form-note a { color:#8a5c00; font-weight:900; text-decoration:underline; } .form-status { min-height:20px; margin:12px 0 0; color:var(--red); font-size:13px; font-weight:800; } .legal-shell { min-height:100vh; padding:140px 0 90px; background:var(--cream); } .legal-card { max-width:880px; padding:46px; background:#f8f1df; border-top:8px solid var(--amber); box-shadow:12px 14px 0 rgba(33,23,37,.18); } .legal-card h1 { color:var(--ink); font-size:clamp(48px,7vw,82px); } .legal-card h2 { margin-top:34px; font-size:30px; } .legal-card p { color:var(--muted); } .legal-updated { font-weight:800; } .legal-actions { margin-top:34px; } @media(max-width:580px){.footer-links{justify-content:center;flex-wrap:wrap}.legal-card{padding:28px}}