@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --bg: #090b0d;
  --surface: #0f1317;
  --surface-2: #13191f;
  --line: #263039;
  --line-soft: #1b232a;
  --text: #f1f4f7;
  --muted: #99a5af;
  --muted-2: #65727d;
  --accent: #55ddff;
  --accent-deep: #0b8fac;
  --max: 1240px;
  --radius: 10px;
}

html { color-scheme: dark; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif; font-size: 16px; line-height: 1.55; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(85,221,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(85,221,255,.028) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000 0%, transparent 72%); z-index: -1; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(var(--max), calc(100% - 64px)); margin: 0 auto; }
.section-pad { padding: 132px 0; scroll-margin-top: 86px; }
.section-dark { background: var(--surface); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; transform: translateY(-140%); background: var(--accent); color: #001015; padding: 10px 14px; border-radius: 6px; font-weight: 700; }
.skip-link:focus { transform: translateY(0); }

.site-header { height: 76px; position: sticky; top: 0; z-index: 20; background: rgba(9, 11, 13, .85); border-bottom: 1px solid rgba(38, 48, 57, .82); backdrop-filter: blur(16px); }
.nav-wrap { height: 100%; display: flex; justify-content: space-between; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { width: 26px; height: 26px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 3px; padding: 4px; border: 1px solid var(--accent); border-radius: 5px; box-shadow: 0 0 18px rgba(85,221,255,.18); }
.brand-mark span { display: block; background: var(--accent); border-radius: 1px; }
.brand-mark span:nth-child(1) { height: 45%; opacity: .62; }.brand-mark span:nth-child(2) { height: 75%; opacity: .82; }.brand-mark span:nth-child(3) { height: 100%; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; gap: 4px; }.brand-copy strong { font-family: 'Space Grotesk', sans-serif; font-size: 15px; letter-spacing: -.03em; }.brand-copy small { color: var(--muted-2); font: 10px 'DM Mono', monospace; letter-spacing: .06em; }
.site-nav { display: flex; align-items: center; gap: 31px; color: var(--muted); font-size: 14px; }.site-nav a { transition: color 180ms ease; }.site-nav a:hover, .site-nav a:focus-visible { color: var(--text); }.site-nav .nav-cta { color: var(--text); border-left: 1px solid var(--line); padding-left: 27px; }.site-nav .nav-cta span { color: var(--accent); margin-left: 5px; }
.menu-toggle { display: none; }

.hero { min-height: calc(100dvh - 76px); display: flex; align-items: center; padding-top: 76px; padding-bottom: 92px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(440px, .98fr); gap: 86px; align-items: center; }
.eyebrow, .section-index, .visual-topline, .visual-footer, .signal-track, .mini-metric, .contact-meta { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 8px; color: var(--muted); margin-bottom: 27px; }.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(85,221,255,.12); }
h1, h2, h3, p { margin-top: 0; }.hero h1 { max-width: 760px; margin-bottom: 23px; font: 600 clamp(48px, 6.2vw, 88px)/.96 'Space Grotesk', sans-serif; letter-spacing: -.075em; }.hero-lede { max-width: 490px; color: var(--muted); font-size: 18px; line-height: 1.55; margin-bottom: 34px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 42px; }.button { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 12px 19px; border: 1px solid transparent; border-radius: 7px; font-weight: 600; font-size: 14px; cursor: pointer; transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease; }.button:active { transform: translateY(1px); }.button:focus-visible, .text-link:focus-visible, .site-nav a:focus-visible, .brand:focus-visible, .menu-toggle:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }.button-primary { background: var(--accent); color: #031016; }.button-primary:hover { background: #83e9ff; transform: translateY(-1px); }.button-ghost { border-color: var(--line); color: var(--text); }.button-ghost:hover { border-color: var(--accent-deep); color: var(--accent); }
.hero-meta { display: flex; gap: 23px; color: var(--muted-2); font: 11px 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .08em; }.hero-meta span + span { border-left: 1px solid var(--line); padding-left: 23px; }.hero-meta strong { color: var(--muted); font-weight: 500; }
.visual-frame { min-height: 590px; position: relative; overflow: hidden; border: 1px solid #33434f; border-radius: var(--radius); background: #0f1a20; box-shadow: 0 26px 80px rgba(0,0,0,.44); }.visual-frame img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; filter: saturate(.52) contrast(1.12) brightness(.58); transform: scale(1.05); }.visual-scrim { position: absolute; inset: 0; background: linear-gradient(140deg, rgba(4,18,25,.45), rgba(6,10,13,.62) 70%), linear-gradient(to top, rgba(5,11,14,.95), transparent 55%); }.visual-frame::after { content: ''; position: absolute; inset: 15px; border: 1px solid rgba(85,221,255,.17); pointer-events: none; border-radius: 5px; }.visual-topline, .visual-footer { position: absolute; z-index: 2; left: 29px; right: 29px; display: flex; justify-content: space-between; color: #88a2ad; }.visual-topline { top: 27px; }.live-label { color: var(--accent); }.live-label i { width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 11px var(--accent); }.visual-footer { bottom: 27px; color: #6d818c; font-size: 9px; }
.stack-map { position: absolute; z-index: 2; inset: 88px 28px 76px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }.stack-node { width: min(100%, 318px); min-height: 70px; display: grid; grid-template-columns: 40px 1fr; column-gap: 10px; align-items: center; padding: 11px 15px; border: 1px solid rgba(153,213,227,.34); border-radius: 6px; background: rgba(6, 18, 23, .67); backdrop-filter: blur(8px); }.stack-node strong { font: 500 19px 'Space Grotesk', sans-serif; letter-spacing: -.04em; }.stack-node small { grid-column: 2; color: #88a0aa; font: 10px 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .06em; }.node-index { grid-row: span 2; color: var(--accent); font: 11px 'DM Mono', monospace; align-self: start; padding-top: 3px; }.node-systems { margin-left: 38px; }.node-models { margin-left: 76px; border-color: rgba(85,221,255,.58); }.node-apps { margin-left: 114px; background: rgba(15, 52, 63, .8); }.stack-connector { width: 1px; height: 18px; margin-left: 17px; background: linear-gradient(to bottom, rgba(85,221,255,.7), transparent); }.connector-b { margin-left: 95px; }.connector-c { margin-left: 133px; }
.signal-band { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #0c1013; }.signal-track { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--muted-2); font-size: 10px; }.signal-track b { color: var(--accent); font-size: 16px; font-weight: 400; }

.about-grid { display: grid; grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr); gap: 11vw; }.section-index { margin-bottom: 22px; color: var(--accent); }.section-intro h2, .approach-statement h2, .stack-copy h2, .contact-copy h2 { max-width: 490px; margin-bottom: 24px; font: 500 clamp(36px, 4vw, 60px)/1.02 'Space Grotesk', sans-serif; letter-spacing: -.065em; }.about-body { padding-top: 49px; }.about-body p { max-width: 625px; color: var(--muted); }.about-body .lead-paragraph { color: var(--text); font-size: 21px; line-height: 1.45; letter-spacing: -.025em; margin-bottom: 22px; }.about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 53px; padding-top: 18px; border-top: 1px solid var(--line); }.about-stats div { display: flex; flex-direction: column; gap: 7px; }.about-stats strong { color: var(--accent); font: 500 35px 'Space Grotesk', sans-serif; letter-spacing: -.06em; }.about-stats span { color: var(--muted-2); font: 11px/1.45 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .07em; }

.section-heading { max-width: 700px; margin-bottom: 58px; }.section-heading h2 { margin-bottom: 13px; font: 500 clamp(38px, 4.4vw, 64px)/1 'Space Grotesk', sans-serif; letter-spacing: -.07em; }.section-heading > p:last-child { color: var(--muted); font-size: 17px; }.capability-grid { display: grid; grid-template-columns: 1.18fr .91fr .91fr; gap: 14px; }.capability { min-height: 436px; display: flex; flex-direction: column; justify-content: space-between; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(9,11,13,.58); }.capability:hover { border-color: #405360; }.capability-feature { padding: 0; overflow: hidden; background: #111b20; }.capability-feature .capability-content { padding: 29px; }.capability-content { position: relative; z-index: 1; }.capability-number { display: block; margin-bottom: 72px; color: var(--accent); font: 11px 'DM Mono', monospace; }.capability h3 { margin-bottom: 14px; font: 500 27px/1.05 'Space Grotesk', sans-serif; letter-spacing: -.055em; }.capability p { color: var(--muted); font-size: 15px; line-height: 1.55; }.text-link { display: inline-flex; gap: 8px; margin-top: 20px; color: var(--text); font-size: 13px; font-weight: 600; border-bottom: 1px solid #40505a; padding-bottom: 4px; }.text-link span { color: var(--accent); }.mini-metric { display: flex; justify-content: space-between; color: var(--muted-2); font-size: 9px; padding-top: 15px; border-top: 1px solid var(--line); }.mini-metric strong { color: var(--muted); font-weight: 500; }.capability-art { min-height: 170px; position: relative; overflow: hidden; border-bottom: 1px solid rgba(85,221,255,.15); background: radial-gradient(circle at 72% 35%, rgba(85,221,255,.18), transparent 23%), linear-gradient(135deg, #15232a, #0d1114); }.capability-art::before, .capability-art::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 38px, rgba(85,221,255,.08) 39px 40px), repeating-linear-gradient(0deg, transparent 0 38px, rgba(85,221,255,.08) 39px 40px); }.capability-art::after { inset: 26px 38px; border: 1px solid rgba(85,221,255,.2); background: transparent; transform: skewY(-17deg); }.art-core { width: 52px; height: 52px; position: absolute; left: 53%; top: 45%; transform: translate(-50%, -50%) rotate(45deg); border: 1px solid var(--accent); background: rgba(85,221,255,.16); box-shadow: 0 0 33px rgba(85,221,255,.38); }.art-core::before, .art-core::after { content: ''; position: absolute; inset: 9px; border: 1px solid rgba(85,221,255,.6); }.art-core::after { inset: 19px; background: var(--accent); border: 0; }.grid-cross { width: 10px; height: 10px; position: absolute; z-index: 1; border-left: 1px solid var(--accent); border-top: 1px solid var(--accent); }.cross-1 { top: 32px; left: 42px; }.cross-2 { right: 35px; bottom: 29px; transform: rotate(180deg); }.art-line { position: absolute; z-index: 1; height: 1px; background: var(--accent); transform-origin: left center; opacity: .62; }.line-1 { top: 48px; left: 54px; width: 33%; transform: rotate(26deg); }.line-2 { right: 48px; bottom: 44px; width: 26%; transform: rotate(-20deg); transform-origin: right center; }

.approach-grid { display: grid; grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr); gap: 10vw; }.approach-statement > p:last-child { max-width: 400px; color: var(--muted); font-size: 17px; }.process-list { border-top: 1px solid var(--line); }.process-item { display: grid; grid-template-columns: 44px 1fr 30px; gap: 15px; align-items: start; padding: 27px 0; border-bottom: 1px solid var(--line); }.process-marker { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--accent-deep); border-radius: 50%; color: var(--accent); font: 11px 'DM Mono', monospace; }.process-item h3 { margin: 1px 0 8px; font: 500 23px 'Space Grotesk', sans-serif; letter-spacing: -.045em; }.process-item p { max-width: 490px; margin-bottom: 0; color: var(--muted); font-size: 15px; }.process-arrow { color: var(--accent); font-size: 20px; }

.stack-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 11vw; align-items: center; }.stack-copy > p:last-child { max-width: 395px; color: var(--muted); font-size: 17px; }.stack-rail { border-top: 1px solid var(--line); }.rail-item { min-height: 87px; display: grid; grid-template-columns: 42px 1fr; align-content: center; column-gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }.rail-item span { grid-row: span 2; color: var(--accent); font: 11px 'DM Mono', monospace; }.rail-item strong { font: 500 25px 'Space Grotesk', sans-serif; letter-spacing: -.05em; }.rail-item small { color: var(--muted-2); font: 11px 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .06em; }.rail-item.active { padding-left: 16px; background: linear-gradient(90deg, rgba(85,221,255,.14), transparent); border-left: 2px solid var(--accent); }

.contact { background: linear-gradient(180deg, var(--bg), #0d161a); }.contact-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 11vw; }.contact-copy > p:nth-last-of-type(1) { max-width: 400px; color: var(--muted); font-size: 17px; }.contact-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 43px; color: var(--muted-2); font-size: 10px; }.contact-meta span:first-child { color: var(--accent); text-transform: none; letter-spacing: 0; font-size: 13px; }.contact-form { padding-top: 9px; }.form-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 22px; }.form-field label { font: 11px 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }.form-field input, .form-field textarea { width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; outline: 0; color: var(--text); background: transparent; transition: border-color 180ms ease; resize: vertical; }.form-field input:focus, .form-field textarea:focus { border-color: var(--accent); }.form-hint { color: var(--muted-2); font-size: 12px; }.form-submit { margin-top: 10px; min-width: 145px; }.form-status { min-height: 24px; margin-top: 16px; color: var(--accent); font-size: 13px; }
.site-footer { border-top: 1px solid var(--line); background: #080a0c; }.footer-wrap { min-height: 110px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--muted-2); font: 11px 'DM Mono', monospace; }.footer-brand { color: var(--text); }.footer-wrap p { margin: 0; color: var(--muted); font-family: 'DM Sans', sans-serif; font-size: 14px; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity 650ms ease, transform 650ms cubic-bezier(.22,.8,.3,1); }.reveal.is-visible { opacity: 1; transform: none; }.reveal-delay-1 { transition-delay: 90ms; }.reveal-delay-2 { transition-delay: 160ms; }.reveal-delay-3 { transition-delay: 230ms; }
h1, h2, h3 { text-wrap: balance; }

@media (max-width: 980px) { .container { width: min(var(--max), calc(100% - 40px)); }.hero-grid { grid-template-columns: 1fr; gap: 54px; }.hero { padding-top: 65px; }.hero h1 { max-width: 690px; }.hero-visual { max-width: 720px; }.visual-frame { min-height: 520px; }.capability-grid { grid-template-columns: 1fr 1fr; }.capability-feature { grid-column: 1 / -1; min-height: 0; }.capability-feature .capability-art { min-height: 210px; }.capability { min-height: 390px; }.about-grid, .approach-grid, .stack-grid, .contact-grid { gap: 50px; } }
@media (max-width: 700px) { .container { width: min(var(--max), calc(100% - 34px)); }.site-header { height: 68px; }.menu-toggle { width: 44px; height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--line); border-radius: 6px; background: transparent; color: var(--text); cursor: pointer; }.menu-toggle span:not(.sr-only) { width: 18px; height: 1px; background: var(--text); transition: transform 180ms ease; }.site-nav { position: absolute; top: 68px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 17px 18px; background: rgba(9,11,13,.98); border-bottom: 1px solid var(--line); }.site-nav.is-open { display: flex; }.site-nav a { padding: 15px 0; border-bottom: 1px solid var(--line-soft); }.site-nav .nav-cta { padding-left: 0; border-left: 0; border-bottom: 0; padding-top: 19px; }.section-pad { padding: 88px 0; }.hero { min-height: auto; padding-top: 70px; padding-bottom: 75px; }.hero-grid { gap: 50px; }.hero h1 { font-size: clamp(46px, 14vw, 70px); }.hero-lede { font-size: 16px; }.hero-actions { margin-bottom: 30px; }.hero-meta { flex-direction: column; gap: 10px; }.hero-meta span + span { border-left: 0; padding-left: 0; }.visual-frame { min-height: 500px; }.visual-topline, .visual-footer { left: 19px; right: 19px; }.visual-footer { gap: 8px; font-size: 8px; }.stack-map { left: 16px; right: 16px; }.stack-node { min-height: 65px; }.node-systems { margin-left: 17px; }.node-models { margin-left: 34px; }.node-apps { margin-left: 51px; }.connector-b { margin-left: 51px; }.connector-c { margin-left: 68px; }.signal-track { min-height: 66px; overflow: hidden; justify-content: flex-start; width: max-content; min-width: 100%; font-size: 9px; }.signal-track b { margin: 0 3px; }.about-grid, .approach-grid, .stack-grid, .contact-grid { grid-template-columns: 1fr; gap: 23px; }.about-body { padding-top: 0; }.about-stats { margin-top: 35px; gap: 10px; }.about-stats strong { font-size: 28px; }.about-stats span { font-size: 9px; }.section-intro h2, .approach-statement h2, .stack-copy h2, .contact-copy h2 { font-size: clamp(40px, 11vw, 58px); }.section-heading { margin-bottom: 39px; }.capability-grid { grid-template-columns: 1fr; }.capability-feature { grid-column: auto; }.capability { min-height: 340px; }.capability-number { margin-bottom: 45px; }.capability-art { min-height: 165px !important; }.approach-statement > p:last-child, .stack-copy > p:last-child, .contact-copy > p:last-child { font-size: 16px; }.process-item { grid-template-columns: 34px 1fr 20px; gap: 10px; }.process-item h3 { font-size: 21px; }.process-item p { font-size: 14px; }.rail-item strong { font-size: 22px; }.footer-wrap { min-height: 150px; flex-wrap: wrap; padding: 24px 0; }.footer-wrap p { order: 3; width: 100%; }.footer-wrap > span:last-child { font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }