:root {
  color-scheme: dark;
  --ink: #061326;
  --ink-soft: #0b1d36;
  --paper: #f0f0e8;
  --paper-muted: #b7bbb2;
  --lime: #32e7ff;
  --coral: #3f8cff;
  --blue: #a8f5ff;
  --line: rgba(240, 240, 232, .16);
  --font-display: "Space Grotesk", "Trebuchet MS", sans-serif;
  --font-mono: "DM Mono", "Courier New", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--font-display); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.site-shell { overflow: hidden; }
.section-wrap { width: min(1240px, calc(100% - 80px)); margin-inline: auto; }
.site-header { width: min(1360px, calc(100% - 80px)); height: 82px; margin: auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 5; }
.wordmark { display: inline-flex; align-items: center; gap: 11px; font-size: 18px; font-weight: 700; letter-spacing: 0; }
.wordmark-ai { color: var(--lime); }
.mark { height: 24px; width: 25px; display: flex; align-items: flex-end; gap: 3px; transform: skew(-26deg); }
.mark i { width: 6px; display: block; background: var(--lime); }
.mark i:nth-child(1) { height: 12px; }.mark i:nth-child(2) { height: 19px; }.mark i:nth-child(3) { height: 24px; }
.main-nav { display: flex; gap: 36px; margin-left: 70px; }
.main-nav a, .header-cta { font-size: 12px; color: #c6c9c1; transition: color .2s ease; }
.main-nav a:hover, .header-cta:hover { color: var(--lime); }
.header-cta { padding: 12px 16px; border: 1px solid rgba(240,240,232,.32); color: var(--paper); }
.header-cta span { color: var(--lime); padding-left: 13px; }
.menu-toggle { display: none; }
.hero { min-height: 665px; position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding-top: 35px; }
.hero-copy { padding: 15px 0 0; position: relative; z-index: 1; animation: rise-in .7s .1s both; }
.eyebrow, .section-kicker, .mono-note, .tiny-label, .live-status, .hero-bottomline, .art-caption, .art-coordinate, .card-meta, .visual-label, .image-label, .path-top, .contact-note, .copyright { font-family: var(--font-mono); letter-spacing: 0; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #c0c4ba; font-size: 10px; text-transform: uppercase; }
.pulse-dot, .live-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(50,231,255,.65); animation: blink 2.2s infinite; }
h1 { font-size: clamp(52px, 6.5vw, 86px); line-height: .99; letter-spacing: -4px; margin: 28px 0 22px; font-weight: 600; }
.accent-word { color: var(--lime); }
.hero-intro { color: #b9bdb4; font-size: 16px; line-height: 1.7; max-width: 475px; margin: 0; }
.hero-actions { display: flex; align-items: center; gap: 27px; margin-top: 33px; }
.button { min-height: 48px; padding: 0 19px; display: inline-flex; align-items: center; gap: 29px; justify-content: space-between; font-size: 12px; font-weight: 600; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-3px); }
.button-lime { background: var(--lime); color: var(--ink); }.button-lime:hover { background: #e1ff76; }
.button span { font-size: 17px; }
.text-link, .underlined-link { color: #e2e4dd; font-size: 12px; }.text-link span { color: var(--lime); padding-left: 8px; }
.hero-proof { display: flex; align-items: center; gap: 11px; margin-top: 72px; color: #81877e; font: 9px var(--font-mono); text-transform: uppercase; }
.proof-rule { height: 1px; width: 32px; background: var(--lime); }.proof-index { color: var(--lime); margin-left: 20px; }
.hero-art { height: 510px; position: relative; display: grid; place-items: center; margin-left: -14px; animation: appear-in .9s .25s both; }
.art-orbit { border: 1px solid rgba(50,231,255,.14); position: absolute; border-radius: 50%; transform: rotate(-25deg); }
.orbit-one { width: 450px; height: 245px; }.orbit-two { width: 530px; height: 318px; transform: rotate(40deg); border-color: rgba(240,240,232,.09); }.orbit-three { width: 370px; height: 390px; transform: rotate(70deg); border-color: rgba(168,245,255,.13); }
.art-cross { position: absolute; width: 7px; height: 7px; border: 1px solid var(--lime); transform: rotate(45deg); }.cross-a { top: 80px; left: 77px; }.cross-b { bottom: 67px; right: 38px; border-color: var(--coral); }
.core-card { width: 232px; height: 230px; position: relative; z-index: 2; background: rgba(31,35,32,.9); border: 1px solid rgba(240,240,232,.2); padding: 15px; box-shadow: 0 20px 65px rgba(0,0,0,.4); }
.core-top, .core-bottom { display: flex; align-items: center; justify-content: space-between; }.tiny-label { color: #858b80; font-size: 8px; }.live-status { color: var(--lime); font-size: 8px; display: flex; align-items: center; gap: 6px; }.live-status i { width: 5px; height: 5px; }
.core-glyph { height: 155px; display: flex; justify-content: center; align-items: center; gap: 6px; position: relative; }.core-glyph::before, .core-glyph::after { content: ""; border: 1px solid rgba(50,231,255,.25); border-radius: 50%; position: absolute; width: 94px; height: 94px; animation: rotate 15s linear infinite; }.core-glyph::after { width: 125px; height: 125px; border-color: rgba(168,245,255,.24); animation-direction: reverse; }.core-glyph span { width: 8px; z-index: 1; background: var(--lime); animation: bars 1.5s ease-in-out infinite alternate; }.core-glyph span:nth-child(1), .core-glyph span:nth-child(7) { height: 20px; animation-delay: .3s; }.core-glyph span:nth-child(2), .core-glyph span:nth-child(6) { height: 35px; animation-delay: .7s; }.core-glyph span:nth-child(3), .core-glyph span:nth-child(5) { height: 48px; animation-delay: .15s; }.core-glyph span:nth-child(4) { height: 61px; background: var(--coral); }.core-bottom { border-top: 1px solid var(--line); padding-top: 10px; color: #c3c7be; font-size: 9px; }.core-arrow { color: var(--lime); font-size: 16px; }
.float-node { position: absolute; display: flex; align-items: center; gap: 9px; z-index: 3; background: #10213a; border: 1px solid rgba(240,240,232,.16); box-shadow: 0 9px 24px rgba(0,0,0,.23); padding: 9px 10px; animation: float 4s ease-in-out infinite; }.float-node span:nth-child(2) { display: grid; gap: 3px; }.float-node small { font: 7px var(--font-mono); color: #858c81; }.float-node b { font-size: 9px; font-weight: 500; white-space: nowrap; }.node-input { left: 1%; top: 117px; }.node-reason { right: -1%; top: 219px; animation-delay: -1.3s; }.node-action { left: 8%; bottom: 96px; animation-delay: -2.4s; }.node-icon { width: 23px; height: 23px; display: grid; place-items: center; color: var(--lime); background: rgba(50,231,255,.1); font-size: 14px; }.node-icon-coral { background: rgba(63,140,255,.12); color: var(--coral); }.node-icon-blue { background: rgba(168,245,255,.13); color: var(--blue); }.node-check { color: var(--lime); font-size: 12px; margin-left: 6px; }
.art-caption { position: absolute; right: 1%; bottom: 48px; display: flex; gap: 9px; align-items: center; color: #8d9388; font-size: 8px; }.caption-line { width: 22px; height: 1px; background: var(--coral); }.art-coordinate { position: absolute; color: #626960; font-size: 8px; }.coord-one { left: 0; bottom: 72px; }.coord-two { right: 4%; top: 71px; writing-mode: vertical-rl; }
.hero-bottomline { position: absolute; bottom: 0; left: 0; right: 0; height: 46px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); color: #767d73; font-size: 8px; }
.ticker { background: var(--lime); color: var(--ink); overflow: hidden; height: 52px; display: flex; align-items: center; transform: rotate(-1deg) scale(1.02); margin: 2px 0 18px; }.ticker-track { display: flex; align-items: center; gap: 42px; min-width: max-content; animation: ticker 32s linear infinite; font-size: 12px; font-weight: 700; }.ticker-track i { color: var(--coral); font-style: normal; margin-left: 42px; }
.intro { padding-top: 134px; padding-bottom: 53px; }.section-kicker { color: #93998f; font-size: 9px; display: flex; align-items: center; gap: 12px; }.section-kicker span { color: var(--lime); }.intro-content { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; margin-top: 29px; }.intro h2, .products h2 { font-size: clamp(39px, 5vw, 59px); line-height: 1.06; font-weight: 500; letter-spacing: -2px; margin: 0; }.muted-heading { color: #737a70; }.intro-copy { max-width: 390px; padding-bottom: 3px; }.intro-copy p, .products-heading p { color: #adb2a9; font-size: 13px; line-height: 1.8; margin: 0 0 20px; }.underlined-link { display: inline-flex; gap: 20px; align-items: center; border-bottom: 1px solid #747c70; padding-bottom: 9px; }.underlined-link span { color: var(--lime); }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); margin-bottom: 134px; }.capability-card { min-height: 430px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px 27px 25px; position: relative; overflow: hidden; }.card-meta { display: flex; justify-content: space-between; align-items: center; color: #777e73; font-size: 8px; }.card-index { color: var(--lime); font-size: 15px; }.capability-card h3 { font-size: 22px; font-weight: 500; letter-spacing: -.5px; margin: 14px 0 8px; }.capability-card p { margin: 0; max-width: 415px; color: #9da39a; font-size: 12px; line-height: 1.7; }.tag-row { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 17px; }.tag-row span { color: #aeb3aa; border: 1px solid rgba(240,240,232,.18); padding: 6px 8px; font-size: 9px; }.capability-visual { height: 213px; margin: 10px 0 2px; position: relative; overflow: hidden; }.visual-agent { background-image: radial-gradient(circle at center, rgba(50,231,255,.09), transparent 45%); }.agent-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(50,231,255,.25); border-radius: 50%; transform: translate(-50%,-50%); }.ring-outer { height: 163px; width: 163px; border-style: dashed; animation: rotate 28s linear infinite; }.ring-inner { height: 115px; width: 115px; border-color: rgba(168,245,255,.35); animation: rotate 17s linear infinite reverse; }.agent-center { position: absolute; left: 50%; top: 50%; height: 70px; width: 70px; display: grid; place-items: center; transform: translate(-50%,-50%); border-radius: 50%; background: var(--lime); color: var(--ink); font: 600 17px var(--font-mono); box-shadow: 0 0 38px rgba(50,231,255,.18); }.agent-center i { position: absolute; width: 7px; height: 7px; border-radius: 50%; right: 2px; top: 2px; background: var(--coral); }.visual-label { position: absolute; padding: 5px 7px; background: #10223a; border: 1px solid rgba(240,240,232,.15); font-size: 8px; color: #b7c58c; }.label-one { top: 27px; left: 17%; }.label-two { top: 72px; right: 13%; color: #8ebee4; }.label-three { bottom: 24px; left: 26%; color: #f39b8a; }.visual-path { position: absolute; left: 27%; right: 23%; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--lime), var(--blue), transparent); transform: rotate(-28deg); opacity: .6; }
.visual-generative { background: radial-gradient(ellipse at 50% 55%, rgba(63,140,255,.1), transparent 54%); }.gen-line { position: absolute; width: 135%; height: 1px; background: linear-gradient(90deg, transparent, rgba(63,140,255,.8), rgba(50,231,255,.6), transparent); left: -15%; top: 48%; transform: rotate(-22deg); animation: drift-line 4s ease-in-out infinite alternate; }.line-b { transform: rotate(16deg); top: 41%; animation-delay: -1s; opacity: .55; }.line-c { transform: rotate(-42deg); top: 58%; animation-delay: -2.1s; opacity: .45; }.line-d { transform: rotate(38deg); top: 54%; animation-delay: -.5s; opacity: .6; }.gen-spark { position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); color: var(--coral); font-size: 50px; text-shadow: 0 0 22px rgba(63,140,255,.5); animation: spark 3s ease-in-out infinite; }.gen-token { position: absolute; font: 8px var(--font-mono); color: #afb3aa; border: 1px solid var(--line); padding: 6px 8px; background: #222623; }.token-a { top: 28px; left: 16%; }.token-b { right: 14%; top: 67px; }.token-c { bottom: 26px; left: 41%; }
.visual-architecture { background: radial-gradient(ellipse at center, rgba(168,245,255,.11), transparent 60%); }.arch-window { position: absolute; width: 55%; height: 145px; left: 22%; top: 33px; background: #10223a; border: 1px solid rgba(168,245,255,.33); box-shadow: 0 10px 38px rgba(0,0,0,.3); }.arch-window-head { height: 21px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 4px; padding-left: 8px; }.arch-window-head i { height: 4px; width: 4px; border-radius: 50%; background: #798078; }.arch-window-head i:first-child { background: var(--coral); }.arch-column { position: absolute; left: 0; top: 22px; bottom: 0; width: 27%; padding: 13px 8px; border-right: 1px solid var(--line); display: grid; align-content: start; gap: 10px; }.arch-column span, .arch-code b { display: block; height: 3px; background: #656f6a; width: 78%; }.arch-column span:nth-child(2) { width: 51%; background: var(--blue); }.arch-code { position: absolute; left: 34%; top: 40px; display: grid; gap: 10px; width: 60%; }.arch-code b { height: 4px; width: 83%; background: #7e9c80; }.arch-code b:nth-child(2) { width: 51%; background: var(--coral); }.arch-code b:nth-child(3) { width: 92%; }.arch-code b:nth-child(4) { width: 61%; background: var(--blue); }.arch-code b:nth-child(5) { width: 74%; }.arch-node { width: 13px; height: 13px; position: absolute; border: 1px solid var(--lime); background: var(--ink); transform: rotate(45deg); }.arch-node-a { left: 13%; top: 85px; }.arch-node-b { right: 13%; top: 85px; border-color: var(--coral); }.arch-connector { position: absolute; height: 1px; width: 78%; left: 11%; top: 92px; background: linear-gradient(90deg, var(--lime), rgba(168,245,255,.5), var(--coral)); z-index: -1; }
.visual-delivery { display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at 45% 50%, rgba(50,231,255,.08), transparent 55%); }.delivery-track { position: absolute; top: 87px; left: 12%; right: 12%; display: flex; align-items: center; justify-content: space-between; }.delivery-step { width: 34px; height: 34px; border: 1px solid rgba(240,240,232,.25); color: #8a9186; display: grid; place-items: center; border-radius: 50%; background: var(--ink); font: 9px var(--font-mono); z-index: 1; }.step-done { background: var(--lime); color: var(--ink); border-color: var(--lime); }.step-now { border-color: var(--coral); color: var(--coral); box-shadow: 0 0 17px rgba(63,140,255,.28); animation: blink 2s infinite; }.delivery-track i { height: 1px; flex: 1; background: #4d554a; }.delivery-labels { position: absolute; left: 8%; right: 8%; top: 132px; display: flex; justify-content: space-between; color: #858c81; font: 8px var(--font-mono); }.delivery-labels span:nth-child(3) { color: var(--coral); }.delivery-wave { position: absolute; height: 30px; bottom: 15px; left: 10%; right: 10%; opacity: .65; background: repeating-linear-gradient(90deg, transparent 0 8px, rgba(50,231,255,.6) 8px 9px, transparent 9px 17px); clip-path: polygon(0 66%, 8% 54%, 15% 71%, 22% 45%, 31% 57%, 38% 25%, 45% 62%, 53% 40%, 61% 68%, 69% 30%, 77% 55%, 85% 38%, 93% 61%, 100% 42%, 100% 100%, 0 100%); }
.manifesto { background: #dcecf5; color: var(--ink); padding: 97px 0 100px; }.manifesto .section-kicker { color: #666d61; }.manifesto .section-kicker span { color: #066f8c; }.manifesto-layout { display: grid; grid-template-columns: 1fr .54fr; gap: 80px; align-items: end; padding: 27px 0 42px; }.manifesto h2 { font-weight: 500; letter-spacing: -3px; line-height: .99; font-size: clamp(47px, 6.2vw, 78px); max-width: 720px; margin: 0; }.manifesto-highlight { color: #087d9a; }.manifesto-aside { padding-bottom: 6px; }.manifesto-aside p { font-size: 13px; line-height: 1.8; max-width: 330px; margin: 18px 0 19px; color: #4f554d; }.mono-note { color: #777e6d; font-size: 8px; }.manifesto-mark { height: 36px; display: flex; gap: 4px; align-items: flex-end; transform: skew(-27deg); }.manifesto-mark span { display: block; width: 8px; background: #087d9a; animation: bars 1.6s ease-in-out infinite alternate; }.manifesto-mark span:nth-child(1) { height: 15px; }.manifesto-mark span:nth-child(2) { height: 27px; animation-delay: .2s; }.manifesto-mark span:nth-child(3) { height: 21px; animation-delay: .6s; }.manifesto-mark span:nth-child(4) { height: 34px; animation-delay: .4s; }.manifesto-image { height: 370px; position: relative; overflow: hidden; background: #222; }.manifesto-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,10,23,.78), transparent 45%), linear-gradient(90deg, rgba(6,13,28,.15), transparent); pointer-events: none; }.manifesto-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; filter: saturate(.85); transition: transform .8s ease; }.manifesto-image:hover img { transform: scale(1.035); }.image-label { position: absolute; z-index: 1; bottom: 17px; left: 20px; right: 20px; display: flex; justify-content: space-between; color: white; font-size: 8px; }.image-stamp { position: absolute; z-index: 1; right: 35px; top: 28px; width: 91px; height: 91px; border: 1px solid var(--lime); color: var(--lime); display: grid; place-content: center; text-align: center; font: 9px/1.5 var(--font-mono); transform: rotate(7deg); }.image-stamp span { position: absolute; top: -10px; right: -9px; font-size: 21px; color: var(--coral); }
.products { padding-top: 128px; padding-bottom: 135px; }.products-heading { display: flex; justify-content: space-between; align-items: end; margin: 29px 0 39px; }.products-heading p { width: 300px; margin: 0 0 5px; }.product-paths { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }.path-card { min-height: 360px; padding: 22px 27px 25px; position: relative; overflow: hidden; }.path-card + .path-card { border-left: 1px solid var(--line); }.path-top { display: flex; justify-content: space-between; color: #888f84; font-size: 8px; }.path-top span:last-child { color: var(--lime); }.path-symbol { height: 129px; width: 180px; position: relative; margin: 18px auto 3px; }.symbol-product .symbol-square { position: absolute; width: 43px; height: 43px; border: 1px solid rgba(50,231,255,.55); transform: rotate(45deg); left: calc(50% - 21px); top: 40px; }.symbol-product .sq-one { animation: rotate 19s linear infinite; }.symbol-product .sq-two { width: 69px; height: 69px; left: calc(50% - 34px); top: 27px; border-color: rgba(168,245,255,.38); animation: rotate 27s linear infinite reverse; }.symbol-product .sq-three { width: 95px; height: 95px; left: calc(50% - 47px); top: 14px; border-color: rgba(63,140,255,.28); animation: rotate 34s linear infinite; }.symbol-product .sq-four { width: 120px; height: 120px; left: calc(50% - 60px); top: 1px; border-color: rgba(240,240,232,.14); animation: rotate 40s linear infinite reverse; }.symbol-product > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 26px; color: var(--lime); }.symbol-partner { display: grid; place-items: center; }.partner-orbit { position: absolute; width: 112px; height: 65px; border: 1px solid rgba(168,245,255,.6); border-radius: 50%; transform: rotate(-35deg); animation: rotate 12s linear infinite; }.partner-core { width: 43px; height: 43px; z-index: 1; display: grid; place-items: center; color: var(--ink); background: var(--coral); font-size: 15px; }.partner-satellite { position: absolute; width: 9px; height: 9px; border: 1px solid var(--lime); background: var(--ink); border-radius: 50%; }.satellite-a { top: 28px; left: 45px; }.satellite-b { bottom: 24px; right: 42px; background: var(--blue); border: 0; }.satellite-c { top: 36px; right: 29px; background: var(--lime); border: 0; }.path-card h3 { font-size: 20px; font-weight: 500; margin: 12px 0 7px; }.path-card p { max-width: 410px; color: #a5aba2; font-size: 12px; line-height: 1.7; margin: 0; }.path-link { display: inline-flex; gap: 22px; align-items: center; margin-top: 18px; color: var(--paper); font-size: 11px; }.path-link span { color: var(--lime); transition: transform .2s; }.path-link:hover span { transform: translate(3px,-3px); }
.contact-section { background: var(--lime); color: var(--ink); padding: 79px 0 86px; position: relative; overflow: hidden; }
.contact-section::after { content: ""; position: absolute; height: 380px; width: 380px; border: 1px solid rgba(6,19,38,.11); border-radius: 50%; right: -98px; top: -175px; box-shadow: 0 0 0 40px rgba(6,19,38,.035), 0 0 0 80px rgba(6,19,38,.025); }
.contact-section .section-kicker { color: #16435a; }
.contact-section .section-kicker span { color: var(--ink); }
.contact-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr); align-items: start; gap: 48px; margin-top: 32px; }
.contact-layout h2 { font-size: clamp(49px, 7vw, 86px); line-height: .96; letter-spacing: -4px; font-weight: 600; margin: 0; }
.contact-accent { color: #075d79; }
.contact-layout p { max-width: 425px; font-size: 13px; line-height: 1.7; margin: 21px 0 0; color: #17394f; }
.contact-action { width: 100%; max-width: 460px; position: relative; z-index: 1; padding-bottom: 4px; display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.contact-action .button {
  width: 220px;
}.contact-action .button-dark:hover {
  transform: translateY(-3px);
}

.contact-note {
  font-size: 8px;
  color: #545c38;
  line-height: 1.6;
}
.button-dark { background: var(--ink); color: var(--paper); min-width: 190px; border: 1px solid var(--ink); }
.button-dark:hover { background: #10213a; }
.button-dark span { color: var(--lime); }
.contact-note { font-size: 8px; color: #16435a; line-height: 1.6; }
.contact-orbit { position: absolute; right: 13px; top: -86px; font-size: 30px; color: var(--coral); animation: rotate 16s linear infinite; }
.contact-form { display: grid; gap: 10px; width: 100%; margin-top: 8px; }
.contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; }
.contact-field { display: grid; gap: 6px; min-width: 0; }
.contact-field-full { grid-column: 1 / -1; }
.contact-field label { color: #16435a; font: 8px var(--font-mono); text-transform: uppercase; }
.contact-field input, .contact-field select, .contact-field textarea { width: 100%; min-width: 0; border: 1px solid rgba(6,19,38,.28); border-radius: 0; color: var(--ink); background: rgba(240,248,255,.78); padding: 10px 11px; font: 12px var(--font-display); }
.contact-field input:focus, .contact-field select:focus, .contact-field textarea:focus { outline: 2px solid #087d9a; outline-offset: 1px; }
.contact-field textarea { min-height: 96px; resize: vertical; }
.contact-submit { width: 220px; cursor: pointer; }
.form-status { margin: 0; color: #16435a; font-size: 10px; line-height: 1.5; }
@media (max-width: 900px) {
  .contact-layout { grid-template-columns: 1fr; }
  .contact-action { max-width: 620px; }
}
@media (max-width: 650px) {
  .contact-fields { grid-template-columns: 1fr; }
  .contact-field-full { grid-column: auto; }
  .footer-links { flex-wrap: wrap; }
}
.site-footer { min-height: 105px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.footer-wordmark { font-size: 14px; }.footer-wordmark .mark { transform: scale(.8) skew(-26deg); transform-origin: left center; }.footer-tagline { color: #82897f; font-size: 11px; }.footer-links { display: flex; gap: 23px; color: #a0a59d; font-size: 10px; }.footer-links a:hover { color: var(--lime); }.copyright { color: #70776c; font-size: 8px; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes rise-in { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes appear-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes float { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes rotate { to { rotate: 360deg; } }
@keyframes bars { from { transform: scaleY(.52); opacity: .6; } to { transform: scaleY(1.08); opacity: 1; } }
@keyframes blink { 50% { opacity: .45; } }
@keyframes ticker { to { transform: translateX(-50%); } }
@keyframes drift-line { to { translate: 0 -9px; opacity: .8; } }
@keyframes spark { 50% { scale: 1.2; rotate: 22deg; } }
@media (max-width: 900px) {
  .section-wrap, .site-header { width: min(100% - 48px, 700px); }
  .main-nav { gap: 19px; margin-left: 0; }.main-nav a { font-size: 11px; }
  .hero { min-height: 600px; grid-template-columns: 1fr .85fr; }.hero-art { scale: .85; margin-inline: -65px; }.hero h1 { font-size: 65px; }.hero-proof { margin-top: 50px; }
  .intro-content { gap: 35px; }.manifesto-layout { gap: 35px; }.footer-tagline { display: none; }
}
@media (max-width: 650px) {
  html { scroll-padding-top: 72px; }.section-wrap, .site-header { width: calc(100% - 36px); }
  .site-header { height: 70px; }.wordmark { font-size: 16px; }.header-cta { padding: 10px 11px; font-size: 10px; }.header-cta span { padding-left: 5px; }
  .menu-toggle { display: flex; width: 38px; height: 38px; border: 1px solid var(--line); color: var(--paper); background: transparent; flex-direction: column; align-items: center; justify-content: center; gap: 5px; order: 3; }.menu-toggle span { width: 15px; height: 1px; background: var(--paper); }.main-nav { display: none; position: absolute; top: 69px; left: -18px; right: -18px; padding: 18px; flex-direction: column; gap: 0; background: #202421; border-bottom: 1px solid var(--line); }.main-nav.is-open { display: flex; }.main-nav a { padding: 13px 5px; border-bottom: 1px solid rgba(240,240,232,.08); font-size: 13px; }
  .hero { display: flex; flex-direction: column; align-items: stretch; padding-top: 62px; min-height: auto; }.hero-copy { padding: 0; }.eyebrow { font-size: 8px; }.hero h1 { font-size: clamp(49px, 13vw, 72px); letter-spacing: -2.5px; margin: 23px 0 17px; }.hero-intro { font-size: 14px; max-width: 440px; }.hero-actions { gap: 17px; margin-top: 25px; }.button { min-height: 46px; padding-inline: 15px; gap: 18px; }.text-link { font-size: 10px; }.hero-proof { margin-top: 33px; font-size: 7px; }.proof-index { margin-left: auto; }
  .hero-art { height: 360px; scale: .88; transform-origin: center top; margin: 14px -35px -39px; }.core-card { width: 205px; height: 205px; }.core-glyph { height: 132px; }.orbit-one { width: 370px; height: 215px; }.orbit-two { width: 400px; height: 274px; }.orbit-three { width: 300px; height: 330px; }.node-input { left: 0; top: 72px; }.node-reason { right: -2%; top: 165px; }.node-action { left: 4%; bottom: 70px; }.art-coordinate { display: none; }.art-caption { bottom: 22px; right: 6%; }.hero-bottomline { position: relative; font-size: 6px; height: 39px; margin-top: 0; }
  .ticker { height: 43px; margin-top: 15px; }.ticker-track { font-size: 10px; gap: 25px; }.ticker-track i { margin-left: 25px; }
  .intro { padding-top: 90px; padding-bottom: 34px; }.intro-content { display: block; margin-top: 22px; }.intro h2, .products h2 { font-size: 43px; letter-spacing: -1.7px; }.intro-copy { margin-top: 20px; }.intro-copy p, .products-heading p { font-size: 12px; }
  .capability-grid { grid-template-columns: 1fr; margin-bottom: 88px; }.capability-card { min-height: 390px; padding: 19px 18px 22px; }.capability-visual { height: 194px; }.capability-card h3 { font-size: 20px; }.capability-card p { font-size: 11px; }.tag-row span { font-size: 8px; }
  .manifesto { padding: 70px 0 71px; }.manifesto-layout { display: block; padding: 23px 0 26px; }.manifesto h2 { font-size: clamp(46px, 12vw, 65px); letter-spacing: -2.5px; }.manifesto-aside { margin-top: 26px; }.manifesto-aside p { font-size: 12px; }.manifesto-image { height: 260px; }.image-label { left: 12px; right: 12px; bottom: 12px; font-size: 6px; }.image-stamp { width: 72px; height: 72px; right: 16px; top: 15px; font-size: 7px; }
  .products { padding-top: 88px; padding-bottom: 89px; }.products-heading { display: block; margin: 22px 0 27px; }.products-heading p { width: auto; max-width: 380px; margin-top: 18px; }.product-paths { grid-template-columns: 1fr; }.path-card { min-height: 335px; padding: 18px; }.path-card + .path-card { border-left: 0; border-top: 1px solid var(--line); }.path-card p { font-size: 11px; }
  .contact-section { padding: 67px 0; }.contact-layout { display: block; margin-top: 25px; }.contact-layout h2 { font-size: clamp(51px, 13vw, 74px); letter-spacing: -2.5px; }.contact-layout p { font-size: 12px; }.contact-action { margin-top: 30px; }.contact-orbit { right: -15px; top: -194px; }
  .site-footer { min-height: 130px; flex-wrap: wrap; padding-block: 22px; justify-content: space-between; gap: 15px; }.footer-links { gap: 14px; font-size: 9px; order: 3; width: 100%; }.copyright { margin-left: auto; }
}
@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; }
}

.work-section { background: #dcecf5; color: var(--ink); padding: 105px 0 114px; }
.work-section .section-kicker { color: #666d61; }
.work-section .section-kicker span { color: #066f8c; }
.work-heading { display: grid; grid-template-columns: 1fr .52fr; gap: 50px; align-items: end; margin: 26px 0 37px; }
.work-heading h2 { font-size: clamp(48px, 6vw, 76px); line-height: .98; font-weight: 500; letter-spacing: 0; margin: 0; }
.work-heading h2 span { color: #087d9a; }
.work-heading p { max-width: 340px; color: #4f554d; font-size: 13px; line-height: 1.8; margin: 0 0 6px; }
.work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.work-card { min-width: 0; display: flex; flex-direction: column; background: #061326; color: var(--paper); border: 1px solid rgba(6,19,38,.18); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.work-card[href]:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(6,19,38,.17); }
.work-preview { height: 235px; position: relative; overflow: hidden; background: #232824; }
.preview-chrome { height: 27px; position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 4px; padding: 0 11px; background: rgba(16,19,18,.75); border-bottom: 1px solid rgba(240,240,232,.12); }
.preview-chrome i { width: 5px; height: 5px; border-radius: 50%; background: #687067; }.preview-chrome i:first-child { background: var(--coral); }.preview-chrome span { font: 7px var(--font-mono); color: #a2a99d; margin-left: 8px; }
.shop-preview { background: #dcecf5; color: #061326; }.shop-preview-top { position: absolute; top: 42px; left: 17px; right: 17px; display: flex; justify-content: space-between; align-items: center; z-index: 1; }.shop-preview-top b { font-size: 12px; }.shop-preview-top span, .shop-preview-copy small, .shop-preview-copy > span, .shop-delivery { font: 7px var(--font-mono); letter-spacing: 0; }.shop-preview-top span { color: #466277; }.shop-preview-copy { position: absolute; z-index: 1; top: 87px; left: 22px; display: grid; gap: 9px; }.shop-preview-copy small { color: #587a8f; }.shop-preview-copy strong { font-size: clamp(20px, 3vw, 31px); line-height: 1.02; font-weight: 600; }.shop-preview-copy > span { color: #466277; }.shop-preview img { position: absolute; top: 27px; right: 0; width: 49%; height: calc(100% - 27px); object-fit: cover; object-position: center; clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%); }.shop-preview::after { content: ""; position: absolute; inset: 27px 0 0 42%; background: linear-gradient(90deg, rgba(220,228,206,.3), transparent 48%); pointer-events: none; }.shop-delivery { position: absolute; z-index: 1; left: 17px; bottom: 16px; display: flex; gap: 14px; align-items: center; color: #314f63; }.shop-delivery b { font-size: 14px; color: #ea614b; }
.hire-preview { background: #252d32; padding: 42px 22px 15px; }.hire-top { display: flex; justify-content: space-between; align-items: center; }.hire-top b { font-size: 12px; }.hire-top b span { color: var(--lime); }.hire-top small { color: #87949a; font: 7px var(--font-mono); }.hire-title { font-size: 20px; line-height: 1.1; margin: 14px 0 12px; }.hire-title strong { color: #9bd1ff; font-weight: 500; }.candidate-row { min-height: 37px; width: 77%; display: flex; align-items: center; gap: 8px; position: relative; z-index: 1; padding: 5px 8px; background: rgba(14,18,20,.74); border: 1px solid rgba(240,240,232,.12); margin-top: 6px; }.candidate-row > span:nth-child(2) { display: grid; gap: 3px; }.candidate-row b { font-size: 8px; font-weight: 500; }.candidate-row small { font: 6px var(--font-mono); color: #919da0; }.candidate-row > strong { color: var(--lime); font: 9px var(--font-mono); margin-left: auto; }.candidate-avatar { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 6px var(--font-mono); color: #17202a; background: #9bd1ff; }.avatar-b { background: #ff9b83; }.candidate-row-two { margin-left: 25px; }.hire-meter { position: absolute; right: 33px; bottom: 21px; height: 67px; display: flex; gap: 4px; align-items: end; transform: rotate(-5deg); }.hire-meter i { width: 5px; height: 33%; background: #9bd1ff; opacity: .7; }.hire-meter i:nth-child(2n) { height: 65%; }.hire-meter i:nth-child(3n) { height: 90%; background: var(--lime); }
.khata-preview { background: #202926; padding-top: 27px; }.khata-top { height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid rgba(240,240,232,.12); }.khata-top b { font-size: 11px; }.khata-top b span { color: #9eaaa0; font-size: 8px; font-weight: 400; }.khata-status { color: var(--lime); font: 7px var(--font-mono); }.khata-dashboard { display: flex; height: 170px; }.khata-sidebar { width: 45px; border-right: 1px solid rgba(240,240,232,.1); display: flex; align-items: center; flex-direction: column; gap: 13px; padding-top: 16px; }.khata-sidebar i { width: 12px; height: 12px; border: 1px solid #66736a; }.khata-sidebar i:first-child { background: var(--lime); border-color: var(--lime); }.khata-main { flex: 1; padding: 12px 18px; }.khata-main > small { font: 7px var(--font-mono); color: #89978a; }.khata-main > strong { display: block; margin: 7px 0 10px; font-size: 17px; line-height: 1; font-weight: 500; color: #e6eddc; }.ledger-line { display: grid; grid-template-columns: 65px 1fr auto; gap: 7px; align-items: center; height: 19px; border-top: 1px solid rgba(240,240,232,.09); color: #aab6aa; font-size: 7px; }.ledger-line i { height: 1px; background: #455149; }.ledger-line b { color: var(--lime); font: 6px var(--font-mono); font-weight: 400; }
.automation-preview { background-color: #0b1b30; background-image: radial-gradient(rgba(50,231,255,.12) 1px, transparent 1px); background-size: 15px 15px; }.automation-label { position: absolute; top: 43px; left: 17px; right: 17px; display: flex; justify-content: space-between; font: 7px var(--font-mono); color: #94a095; }.automation-label b { color: var(--lime); font-weight: 400; }.flow-canvas { position: absolute; left: 9%; right: 9%; top: 56px; bottom: 42px; display: flex; justify-content: space-between; align-items: center; }.flow-line { position: absolute; height: 1px; left: 22%; right: 22%; top: 50%; background: linear-gradient(90deg, var(--coral), var(--lime), var(--blue)); }.flow-node { width: 67px; height: 48px; display: grid; place-content: center; gap: 4px; text-align: center; position: relative; z-index: 1; border: 1px solid rgba(240,240,232,.23); background: #171c19; box-shadow: 0 0 16px rgba(0,0,0,.3); }.flow-node span { color: #899387; font: 6px var(--font-mono); }.flow-node b { color: var(--paper); font-size: 9px; font-weight: 500; }.flow-process { border-color: var(--lime); }.flow-process b { color: var(--lime); }.flow-trigger { border-color: rgba(63,140,255,.7); }.flow-action { border-color: rgba(168,245,255,.7); }.flow-pulse { position: absolute; z-index: 2; left: 26%; top: calc(50% - 3px); width: 6px; height: 6px; border-radius: 50%; background: white; box-shadow: 0 0 12px var(--lime); animation: flow-travel 3s linear infinite; }.automation-footer { position: absolute; left: 17px; right: 17px; bottom: 14px; display: flex; justify-content: space-between; color: #96a095; font: 6px var(--font-mono); }
.work-card-copy { padding: 17px 19px 20px; flex: 1; }.work-card-meta { display: flex; justify-content: space-between; color: #98a095; font: 7px var(--font-mono); }.work-card-meta span:last-child { color: var(--lime); }.work-card-copy h3 { margin: 12px 0 7px; font-size: 21px; font-weight: 500; letter-spacing: 0; }.work-card-copy p { min-height: 41px; max-width: 430px; margin: 0; color: #adb4a9; font-size: 11px; line-height: 1.7; }.work-card-link { display: inline-flex; gap: 18px; align-items: center; margin-top: 14px; color: #e4e8dd; font-size: 10px; }.work-card-link b { color: var(--lime); font-size: 14px; transition: transform .2s ease; }.work-card[href]:hover .work-card-link b { transform: translate(3px,-3px); }
@keyframes flow-travel { from { left: 25%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } to { left: 73%; opacity: 0; } }
@media (max-width: 650px) {
  .work-section { padding: 76px 0 83px; }
  .work-heading { display: block; margin: 21px 0 26px; }
  .work-heading h2 { font-size: 47px; }
  .work-heading p { margin-top: 16px; font-size: 12px; }
  .work-grid { grid-template-columns: 1fr; gap: 11px; }
  .work-preview { height: 215px; }
  .work-card-copy { padding: 16px 16px 19px; }
  .work-card-copy p { min-height: auto; }
}

.wordmark-copy { display: grid; gap: 3px; }
.wordmark-copy > span { line-height: 1; }
.wordmark-copy small { color: #8ea6bd; font: 6px var(--font-mono); letter-spacing: .06em; white-space: nowrap; }
.hero-art::before { content: ""; position: absolute; inset: 12% 8%; background: radial-gradient(ellipse at center, rgba(0, 184, 255, .18), transparent 60%); filter: blur(15px); pointer-events: none; }
.hero-art::after { content: ""; position: absolute; inset: 10%; background-image: radial-gradient(rgba(127, 222, 255, .4) .7px, transparent .7px); background-size: 29px 29px; mask-image: radial-gradient(ellipse, black 4%, transparent 72%); opacity: .24; pointer-events: none; animation: network-drift 18s linear infinite; }
.core-card { background: linear-gradient(145deg, rgba(15, 39, 65, .97), rgba(5, 18, 37, .96)); border-color: rgba(81, 223, 255, .38); box-shadow: 0 20px 70px rgba(0, 0, 0, .45), 0 0 40px rgba(0, 190, 255, .08); }
.core-glyph { display: grid; align-items: center; justify-content: center; }
.core-glyph::before { width: 142px; height: 142px; border-color: rgba(58, 199, 255, .33); box-shadow: 0 0 24px rgba(22, 170, 255, .09); }
.core-glyph::after { width: 116px; height: 116px; border-style: dashed; border-color: rgba(168, 245, 255, .45); }
.robot-unit { width: 112px; height: 130px; position: relative; z-index: 2; display: grid; place-items: center; animation: robot-hover 3.8s ease-in-out infinite; }
.robot-head { width: 96px; height: 75px; position: relative; margin-top: 19px; border: 1px solid #88efff; border-radius: 27px 27px 20px 20px; background: linear-gradient(155deg, #24516c 0%, #102d4b 48%, #08182e 100%); box-shadow: inset 0 0 19px rgba(112, 230, 255, .25), 0 0 23px rgba(0, 190, 255, .22); }
.robot-head::before { content: ""; position: absolute; inset: 5px 13px auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(190, 250, 255, .9), transparent); }
.core-glyph .robot-antenna { position: absolute; z-index: 1; left: 55px; top: 2px; width: 2px; height: 24px; background: linear-gradient(#8ff6ff, #208aff); box-shadow: 0 0 9px rgba(50, 231, 255, .8); }
.core-glyph .robot-beacon { position: absolute; z-index: 2; left: 52px; top: -3px; width: 8px; height: 8px; border: 1px solid #ddfcff; border-radius: 50%; background: #32e7ff; box-shadow: 0 0 7px #32e7ff, 0 0 18px rgba(50, 231, 255, .9); animation: beacon-pulse 1.8s ease-in-out infinite; }
.core-glyph .robot-ear { position: absolute; top: 25px; width: 8px; height: 25px; border: 1px solid #51d9f5; background: linear-gradient(#1a5274, #0c2440); box-shadow: 0 0 10px rgba(50, 231, 255, .22); }
.core-glyph .robot-ear-left { left: -7px; border-radius: 5px 0 0 5px; }
.core-glyph .robot-ear-right { right: -7px; border-radius: 0 5px 5px 0; }
.robot-visor { position: absolute; top: 21px; left: 11px; right: 11px; height: 27px; display: flex; justify-content: space-evenly; align-items: center; overflow: hidden; border: 1px solid rgba(97, 220, 255, .72); border-radius: 9px; background: linear-gradient(110deg, #06162e, #0c2847); box-shadow: inset 0 0 14px rgba(0, 154, 255, .24); }
.robot-visor::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; top: 0; background: #b8faff; box-shadow: 0 0 8px 2px rgba(50, 231, 255, .65); animation: visor-scan 2.6s ease-in-out infinite; }
.robot-visor i { width: 9px; height: 9px; border-radius: 50%; background: #adfbff; box-shadow: 0 0 7px 2px #23dcff, 0 0 15px rgba(24, 169, 255, .8); animation: robot-blink 4.5s infinite; }
.robot-visor i:last-child { animation-delay: .12s; }
.robot-mouth { position: absolute; left: 34px; bottom: 10px; width: 27px; height: 5px; display: flex; justify-content: space-between; align-items: center; }
.robot-mouth i { width: 4px; height: 3px; border-radius: 2px; background: #66eaff; box-shadow: 0 0 5px rgba(50, 231, 255, .75); }
.core-glyph .robot-neck { position: absolute; z-index: -1; bottom: 5px; left: 43px; width: 26px; height: 17px; border: 1px solid rgba(92, 220, 255, .65); background: linear-gradient(#133d5c, #07172d); }
.robot-neck::after { content: ""; position: absolute; left: -11px; right: -11px; bottom: -5px; height: 5px; border: 1px solid rgba(92, 220, 255, .55); background: #102a45; }
@media (max-width: 900px) {
  .wordmark-copy small { display: none; }
}
@keyframes robot-hover { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-4px); } }
@keyframes robot-blink { 0%, 44%, 48%, 100% { transform: scaleY(1); } 46% { transform: scaleY(.12); } }
@keyframes beacon-pulse { 0%, 100% { box-shadow: 0 0 7px #32e7ff, 0 0 18px rgba(50, 231, 255, .8); } 50% { box-shadow: 0 0 12px #32e7ff, 0 0 28px rgba(50, 231, 255, 1); } }
@keyframes visor-scan { 0%, 100% { top: 1px; opacity: .3; } 50% { top: 24px; opacity: 1; } }
@keyframes network-drift { to { background-position: 58px 29px; } }