:root { --ink:#08131e; --navy:#07111c; --navy-2:#0b1925; --paper:#eef1ec; --muted:#a9b5ba; --cyan:#36f1cd; --line:rgba(255,255,255,.14); --max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy); color:var(--paper); font-family:Arial,var(--font-geist-sans),sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
p { margin:0; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:100; background:var(--cyan); color:var(--ink); padding:.8rem 1rem; font-weight:700; }
.skip-link:focus { top:1rem; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; position:absolute; top:0; left:0; right:0; z-index:20; max-width:var(--max); margin:auto; padding:0 28px; border-bottom:1px solid var(--line); }
.brand { display:flex; gap:12px; align-items:center; text-decoration:none; font-size:14px; letter-spacing:-.02em; }
.brand strong { font-weight:700; }
.brand-mark { width:26px; height:26px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; align-items:end; transform:skew(-12deg); }
.brand-mark i { display:block; background:var(--cyan); border-radius:1px; }
.brand-mark i:nth-child(1){height:45%}.brand-mark i:nth-child(2){height:75%}.brand-mark i:nth-child(3){height:100%}
nav { display:flex; align-items:center; gap:34px; font-size:13px; }
nav a { text-decoration:none; color:#c8d0d3; }
nav a:hover { color:#fff; }
.nav-cta { color:var(--ink)!important; background:var(--cyan); padding:13px 18px; font-weight:700; }
.hero { min-height:820px; height:100vh; max-height:980px; position:relative; overflow:hidden; padding:158px max(28px,calc((100vw - var(--max))/2 + 28px)) 60px; background:radial-gradient(circle at 70% 42%,rgba(32,132,139,.18),transparent 32%),linear-gradient(145deg,#081520 0%,#06101a 62%,#0b1d28 100%); }
.hero::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 90%); pointer-events:none; }
.hero-noise { position:absolute; inset:0; opacity:.18; background-image:radial-gradient(rgba(255,255,255,.25) .5px,transparent .5px); background-size:5px 5px; }
.eyebrow,.section-kicker { position:relative; z-index:2; font:600 11px/1 var(--font-geist-mono),monospace; text-transform:uppercase; letter-spacing:.15em; color:var(--cyan); }
.eyebrow { display:flex; align-items:center; gap:10px; }.eyebrow span{width:28px;height:1px;background:var(--cyan)}
.hero h1 { position:relative; z-index:2; font-size:clamp(78px,11vw,166px); line-height:.78; letter-spacing:-.075em; font-weight:700; margin:56px 0 0; max-width:900px; }
.hero h1 em,.contact h2 em { font-weight:300; color:var(--cyan); font-style:italic; }
.hero-bottom { position:absolute; z-index:3; left:max(28px,calc((100vw - var(--max))/2 + 28px)); bottom:75px; width:390px; }
.hero-bottom p { font-size:17px; line-height:1.55; color:#bdc7ca; margin-bottom:28px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:42px; min-width:245px; padding:17px 19px; text-decoration:none; font-size:13px; font-weight:700; border:1px solid transparent; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }.button:focus-visible,nav a:focus-visible,footer a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.button-primary { background:var(--cyan); color:var(--ink); }.button-primary:hover{background:#71ffe4}
.model-orbit { position:absolute; z-index:2; right:max(2vw,calc((100vw - var(--max))/2 - 80px)); bottom:5%; width:min(48vw,660px); aspect-ratio:1; border-radius:50%; }
.orbit { position:absolute; inset:12%; border:1px solid rgba(54,241,205,.25); border-radius:50%; }.orbit-two{inset:26%;border-color:rgba(255,255,255,.12)}
.orbit::before,.orbit::after{content:"";position:absolute;width:5px;height:5px;background:var(--cyan);border-radius:50%}.orbit::before{top:14%;left:17%}.orbit::after{right:1%;bottom:43%}
.core { position:absolute; inset:38%; border-radius:50%; border:1px solid var(--cyan); background:rgba(5,18,26,.75); box-shadow:0 0 60px rgba(54,241,205,.16); display:flex; flex-direction:column; align-items:center; justify-content:center; font:10px var(--font-geist-mono),monospace; letter-spacing:.18em; color:#92aaa9; }.core strong{font-size:12px;color:var(--cyan);margin-top:6px}
.node { position:absolute; font:9px var(--font-geist-mono),monospace; letter-spacing:.15em; color:#9eb0b4; background:#091722; padding:8px 10px; border:1px solid rgba(255,255,255,.14); }.node-language{top:18%;left:13%}.node-vision{right:5%;top:44%}.node-action{left:19%;bottom:12%}
.scroll-note { position:absolute; bottom:47px; right:max(28px,calc((100vw - var(--max))/2 + 28px)); z-index:3; font:9px var(--font-geist-mono),monospace; color:#87959b; text-transform:uppercase; letter-spacing:.16em; writing-mode:vertical-rl; }.scroll-note span{color:var(--cyan);margin-top:8px}
.section { padding:110px max(28px,calc((100vw - var(--max))/2 + 28px)); }
.why { background:var(--paper); color:var(--ink); }.why .section-kicker{color:#087c6c}.why-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin:55px 0 90px}.why h2,.section-heading-row h2,.context h2,.approach h2,.practical h2,.contact h2{font-size:clamp(44px,5vw,74px);line-height:1;letter-spacing:-.055em;margin:0;font-weight:600}.why h2 span{color:#879297;font-weight:300}.why-copy{padding-top:8px}.why-copy p{font-size:15px;line-height:1.65;color:#59656a}.why-copy .lead{font-size:20px;line-height:1.5;color:#10222a;margin-bottom:24px}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bfc7c5}.signal-grid article{padding:28px 28px 10px 0;border-right:1px solid #bfc7c5;min-height:190px}.signal-grid article:not(:first-child){padding-left:28px}.signal-grid article:last-child{border:0}.signal-icon{font-size:24px;color:#087c6c}.signal-grid h3{font-size:15px;margin:28px 0 12px}.signal-grid p{font-size:13px;line-height:1.55;color:#667175}
.capabilities{background:#07131d}.section-heading-row{display:grid;grid-template-columns:1.5fr .5fr;align-items:end;gap:60px;margin:56px 0 70px}.section-heading-row p{font-size:15px;line-height:1.6;color:#92a0a5;max-width:330px}.service-stack{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:70px 1fr 1.2fr 1fr;gap:30px;align-items:center;min-height:180px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.service-card:hover{background:rgba(255,255,255,.025);padding-left:12px}.service-number{font:11px var(--font-geist-mono),monospace;color:var(--cyan)}.service-label{font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.12em;color:#829096;margin-bottom:9px}.service-card h3{font-size:38px;letter-spacing:-.04em;margin:0}.service-body{font-size:14px;line-height:1.6;color:#93a1a6}.service-card ul{list-style:none;margin:0;padding:0}.service-card li{font-size:11px;color:#aab5b8;border:1px solid var(--line);padding:8px 10px;margin:5px 0;width:max-content;max-width:100%}
.context{background:#0c1c27}.context-panel{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:640px;border:1px solid var(--line)}.context-visual{position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(54,241,205,.12),transparent 38%)}.context-ring{position:absolute;border:1px solid rgba(54,241,205,.25);border-radius:50%;inset:13%}.ring-b{inset:29%;border-color:rgba(255,255,255,.15)}.context-center{position:absolute;inset:40%;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.context-center small{font:9px var(--font-geist-mono),monospace;letter-spacing:.18em}.context-center strong{font-size:26px}.context-chip{position:absolute;font:9px var(--font-geist-mono),monospace;color:#b3c2c4;letter-spacing:.14em}.chip-a{top:20%;left:22%}.chip-b{top:31%;right:13%}.chip-c{bottom:22%;right:18%}.chip-d{bottom:13%;left:25%}.context-copy{padding:65px 60px;background:#0a1722}.context-copy h2{font-size:56px;margin-top:42px}.context-lead{font-size:24px;color:var(--cyan);margin:25px 0 22px}.context-copy>p:not(.context-lead){font-size:14px;line-height:1.7;color:#95a3a7}.check-list{list-style:none;padding:0;margin:35px 0 0}.check-list li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);font-size:13px;color:#c4ced0}.check-list span{font:10px var(--font-geist-mono),monospace;color:var(--cyan)}
.approach{background:var(--paper);color:var(--ink)}.approach .section-kicker{color:#087c6c}.approach .section-heading-row p{color:#657176}.lifecycle{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #b9c1c0}.lifecycle li{min-height:255px;padding:25px 24px 20px 0;border-right:1px solid #b9c1c0}.lifecycle li:not(:first-child){padding-left:24px}.lifecycle li:last-child{border-right:0}.lifecycle span{font:10px var(--font-geist-mono),monospace;color:#087c6c}.lifecycle h3{font-size:25px;margin:68px 0 17px}.lifecycle p{font-size:12px;line-height:1.6;color:#677276}.ops-band{margin-top:30px;background:var(--ink);color:#cad4d5;padding:18px 22px;font:10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.ops-band span{color:var(--cyan);margin-right:45px}
.practical{background:linear-gradient(135deg,#09202c,#07131e 70%);position:relative;overflow:hidden}.practical::after{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(54,241,205,.1);border-radius:50%;right:-250px;top:-250px;box-shadow:0 0 0 120px rgba(54,241,205,.025),0 0 0 240px rgba(54,241,205,.02)}.practical-label{font:11px var(--font-geist-mono),monospace;color:var(--cyan);text-transform:uppercase;letter-spacing:.15em}.practical h2{position:relative;z-index:2;margin:50px 0 80px;font-size:clamp(50px,6vw,88px)}.practical-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:25px}.practical-footer>p{max-width:520px;font-size:15px;line-height:1.7;color:#9eadb0}.practical-tags{display:grid;grid-template-columns:1fr 1fr}.practical-tags span{font:10px var(--font-geist-mono),monospace;border-bottom:1px solid var(--line);padding:12px;color:#c9d2d3}
.contact{background:var(--cyan);color:var(--ink);text-align:center;position:relative;overflow:hidden;padding-top:120px;padding-bottom:120px}.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(4,30,31,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(4,30,31,.08) 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(circle,black,transparent 72%)}.contact .section-kicker{color:#075f58}.contact h2{position:relative;margin:42px auto 30px;font-size:clamp(55px,7vw,100px)}.contact h2 em{color:#0b4945}.contact>p{position:relative;font-size:16px;line-height:1.6;max-width:580px;margin:0 auto 36px}.button-light{position:relative;background:var(--paper);color:var(--ink);min-width:310px}.button-light:hover{background:#fff}
footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:45px 28px 55px;color:#8f9da2;font-size:11px;line-height:1.6}footer>p{text-align:center}footer>div{display:flex;justify-content:flex-end;gap:25px}footer a{text-decoration:none}footer a:hover{color:#fff}
@media(max-width:900px){nav>a:not(.nav-cta){display:none}.hero{min-height:760px}.hero h1{font-size:clamp(70px,17vw,120px)}.model-orbit{width:65vw;right:-15vw;bottom:2%}.hero-bottom{bottom:55px;width:min(370px,70vw)}.why-grid,.section-heading-row,.context-panel,.practical-footer{grid-template-columns:1fr}.signal-grid{grid-template-columns:1fr 1fr}.service-card{grid-template-columns:50px 1fr 1.3fr}.service-card ul{display:none}.lifecycle{grid-template-columns:1fr 1fr}.lifecycle li{border-bottom:1px solid #b9c1c0}.context-visual{min-height:480px}.section-heading-row{gap:25px}.section-heading-row p{max-width:520px}}
@media(max-width:600px){.site-header{height:72px;padding:0 18px}.nav-cta{padding:11px;font-size:0}.nav-cta span{font-size:16px}.hero{height:auto;max-height:none;min-height:800px;padding:130px 20px 55px}.hero h1{font-size:22vw;margin-top:38px}.hero-bottom{left:20px;bottom:55px;width:calc(100% - 40px)}.hero-bottom p{font-size:15px;max-width:90%}.model-orbit{width:90vw;right:-37vw;bottom:18%}.scroll-note{display:none}.section{padding:82px 20px}.why-grid{margin:42px 0 60px}.why h2,.section-heading-row h2,.context h2,.approach h2,.practical h2{font-size:42px}.signal-grid{grid-template-columns:1fr}.signal-grid article,.signal-grid article:not(:first-child){padding:22px 0;border-right:0;border-bottom:1px solid #bfc7c5;min-height:0}.signal-grid h3{margin:12px 0 7px}.service-card{grid-template-columns:40px 1fr;padding:28px 0}.service-card:hover{padding-left:0}.service-card h3{font-size:32px}.service-body{grid-column:2}.context-panel{border:0}.context-visual{min-height:380px}.context-copy{padding:48px 25px}.context-copy h2{font-size:42px}.lifecycle{grid-template-columns:1fr}.lifecycle li,.lifecycle li:not(:first-child){min-height:0;padding:22px 0;border-right:0}.lifecycle h3{margin:25px 0 10px}.ops-band{line-height:1.7}.ops-band span{display:block;margin:0 0 5px}.practical h2{margin-bottom:55px}.practical-footer{gap:35px}.contact h2{font-size:50px}.button-light{min-width:100%;font-size:12px}footer{grid-template-columns:1fr;gap:24px;text-align:left}footer>p{text-align:left}footer>div{justify-content:flex-start}.node{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-card{transition:none}}