:root{--ink:#071015;--panel:#0d1a20;--panel-2:#12242b;--line:rgba(159,219,232,.17);--muted:#93a6ad;--white:#f1f7f8;--cyan:#16c7e8;--lime:#c9ff58;--max:1240px;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.skip{position:fixed;left:12px;top:-80px;background:var(--lime);color:var(--ink);padding:12px 18px;z-index:1000}.skip:focus{top:12px}.site-shell{overflow:hidden}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);position:absolute;z-index:20;width:100%;max-width:1600px;left:50%;transform:translateX(-50%)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.brand-mark{width:45px;height:45px;background:#fff;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:60px;max-width:none}.brand strong,.brand small{display:block}.brand strong{font-size:.82rem}.brand small{font:400 .65rem Space Mono,monospace;color:var(--muted);margin-top:1px}.topbar nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}.topbar nav a{font:700 .7rem Space Mono,monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.topbar nav a:hover,.topbar nav a:focus{color:var(--lime)}.topbar .nav-cta{border:1px solid var(--cyan);padding:12px 16px}.menu{display:none;background:none;border:0;color:var(--white);padding:8px}.menu span{display:block;width:24px;height:2px;background:currentColor;margin:5px}.menu b{position:absolute;clip:rect(0,0,0,0)}
.hero{min-height:820px;height:100vh;max-height:1040px;position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:5vw;padding:130px max(var(--pad),calc((100vw - var(--max))/2)) 100px;background:radial-gradient(circle at 8% 68%,rgba(22,199,232,.13),transparent 27%),var(--ink)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 28%,black 78%,transparent);opacity:.28}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow,.section-code,.kicker{font:700 .68rem Space Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:9px;color:#b7c9cf}.live-dot{width:8px;height:8px;background:var(--lime);box-shadow:0 0 18px var(--lime);border-radius:50%;display:inline-block;flex:0 0 auto}.hero h1{font-size:clamp(3.5rem,6.9vw,7.2rem);line-height:.9;letter-spacing:-.068em;margin:28px 0 30px;max-width:780px}.hero h1 em{color:var(--cyan);font-style:normal}.hero-lede{max-width:640px;color:#b9c8cd;font-size:clamp(1rem,1.3vw,1.18rem)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:16px 20px;text-transform:uppercase;letter-spacing:.07em;font:700 .72rem Space Mono,monospace;border:0;text-decoration:none;cursor:pointer}.button.signal{background:var(--lime);color:var(--ink)}.button.signal:hover,.button.signal:focus{background:var(--cyan)}.button.dark{background:var(--ink);color:var(--white)}.text-link{font:700 .72rem Space Mono,monospace;text-transform:uppercase;text-decoration:none}.text-link:hover,.text-link:focus{color:var(--cyan)}.image-frame{position:relative;height:min(62vh,650px);border:1px solid rgba(22,199,232,.5);padding:13px}.image-frame:before{content:"LIVE FEED / POWER";position:absolute;top:-23px;left:0;font:400 .6rem Space Mono,monospace;color:var(--cyan);letter-spacing:.12em}.image-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.15)}.image-frame:after{content:"";position:absolute;inset:13px;background:linear-gradient(180deg,rgba(5,15,20,.05),rgba(5,15,20,.42));pointer-events:none}.corner{position:absolute;width:20px;height:20px;border-color:var(--lime);z-index:3}.corner.tl{left:5px;top:5px;border-left:2px solid;border-top:2px solid}.corner.tr{right:5px;top:5px;border-right:2px solid;border-top:2px solid}.corner.bl{left:5px;bottom:5px;border-left:2px solid;border-bottom:2px solid}.corner.br{right:5px;bottom:5px;border-right:2px solid;border-bottom:2px solid}.scanline{position:absolute;left:13px;right:13px;height:1px;top:24%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);opacity:.6;animation:scan 5s linear infinite;z-index:3}@keyframes scan{50%{top:78%}}.readout{position:absolute;z-index:5;background:rgba(7,16,21,.92);border-left:2px solid var(--cyan);padding:13px 16px;min-width:145px}.readout small,.readout strong{display:block}.readout small{font:400 .57rem Space Mono,monospace;color:var(--muted);text-transform:uppercase}.readout strong{font-size:.88rem;margin-top:4px}.readout-a{left:-30px;bottom:70px}.readout-b{right:-20px;top:58px}.status-rail{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid var(--line);display:flex;justify-content:center;gap:0;z-index:4;background:rgba(7,16,21,.92)}.status-rail span{font:400 .62rem Space Mono,monospace;color:var(--muted);padding:17px clamp(12px,2.5vw,35px);border-right:1px solid var(--line);text-transform:uppercase}.status-rail span:first-child{border-left:1px solid var(--line)}
.section-pad{padding:clamp(80px,10vw,150px) max(var(--pad),calc((100vw - var(--max))/2))}.section-code{color:var(--cyan);margin:0}.kicker{color:var(--muted);margin:8px 0 0}.statement{display:grid;grid-template-columns:130px minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(30px,6vw,90px);align-items:start;background:var(--white);color:var(--ink)}.statement h2,.section-head h2,.approach h2,.contact h2{font-size:clamp(2.35rem,4.8vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:0}.statement>div>p{font-size:1.08rem;max-width:700px;color:#43535a}.signal-card{display:grid;border-top:1px solid #b9c5c8}.signal-card span{padding:14px 0;border-bottom:1px solid #b9c5c8;font:700 .7rem Space Mono,monospace;text-transform:uppercase;display:flex;justify-content:space-between}.signal-card span:after{content:"●";color:#56a816}
.capabilities{background:var(--ink)}.section-head{display:grid;grid-template-columns:180px minmax(0,1fr) 310px;gap:4vw;align-items:end;margin-bottom:70px}.section-head>p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:360px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.service-no{font:400 .65rem Space Mono,monospace;color:var(--cyan)}.service-icon{font-size:2rem;color:var(--lime);margin:55px 0 20px}.service h3{font-size:1.55rem;line-height:1.1;margin:0 0 15px}.service p{color:var(--muted);font-size:.93rem;margin:0 0 25px}.service a{margin-top:auto;font:700 .68rem Space Mono,monospace;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}.service a b{color:var(--cyan);margin-left:8px}.service-feature{grid-row:span 2;min-height:720px;overflow:hidden;justify-content:flex-end}.service-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,21,.05),rgba(7,16,21,.95) 84%)}.service-content{position:relative;z-index:2}.service-content>span{font:400 .65rem Space Mono,monospace;color:var(--lime)}.service-content h3{font-size:2.2rem;margin-top:12px}.service-content p{color:#c7d1d4}.service-photo{padding:0;overflow:hidden}.service-photo img{width:100%;height:46%;object-fit:cover}.service-photo>div{padding:24px 30px;display:flex;flex-direction:column;height:54%;align-items:flex-start}.service-contact{background:var(--lime);color:var(--ink)}.service-contact p{color:#344113}.service-contact .eyebrow{color:#344113}.service-contact h3{font-size:2rem}.service-contact .button{border:0;padding:14px 17px}
.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}.approach-image{position:relative;min-height:780px}.approach-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.05)}.approach-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,16,21,.8))}.approach-image>span{position:absolute;left:35px;bottom:30px;z-index:2;font:400 .65rem Space Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.approach-copy{padding-left:clamp(40px,7vw,110px);padding-right:max(var(--pad),calc((100vw - var(--max))/2))}.approach-copy h2{font-size:clamp(2.4rem,4.5vw,4.8rem);margin:24px 0 52px}.process{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:52px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:20px 0}.process li>b{font:400 .65rem Space Mono,monospace;color:var(--cyan)}.process strong{font-size:1rem}.process p{color:var(--muted);margin:5px 0 0;font-size:.86rem}
.projects{background:#dce8e9;color:var(--ink)}.projects .section-code{color:#007f98}.projects .kicker,.projects .section-head>p{color:#536a71}.project-strip{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.project{position:relative;height:500px;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,16,21,.92))}.project:hover img{transform:scale(1.035)}.project>div{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:white}.project span{font:400 .6rem Space Mono,monospace;color:var(--lime);text-transform:uppercase}.project h3{font-size:1.35rem;line-height:1.18;margin:8px 0 0}.proof-note{display:flex;align-items:flex-start;gap:16px;border:1px solid #afc0c3;padding:24px;margin-top:18px}.proof-note p{margin:0;color:#52666c;font-size:.86rem}.proof-note strong{color:var(--ink)}
.contact{display:grid;grid-template-columns:1fr 1fr;background:var(--panel-2)}.contact-copy{padding-left:max(var(--pad),calc((100vw - var(--max))/2));padding-right:clamp(40px,7vw,100px)}.contact-copy h2{margin:25px 0 28px}.contact-copy>p:not(.section-code):not(.kicker){color:var(--muted);max-width:650px}.contact-lines{margin-top:45px;border-top:1px solid var(--line)}.contact-lines a,.contact-lines>p{display:grid;grid-template-columns:150px 1fr;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);margin:0}.contact-lines a:hover strong{color:var(--lime)}.contact-lines small{font:400 .58rem Space Mono,monospace;text-transform:uppercase;color:var(--muted)}.contact-lines strong{font-size:.82rem;word-break:break-word}.brief{background:var(--white);color:var(--ink);padding:clamp(48px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.form-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:30px;font:700 .63rem Space Mono,monospace}.form-head b{color:#4a8d00}.brief label{font:700 .62rem Space Mono,monospace;text-transform:uppercase;margin-bottom:20px}.brief input,.brief select,.brief textarea{display:block;width:100%;border:0;border-bottom:1px solid #aebcbe;background:transparent;padding:12px 0;font:500 .92rem Manrope,sans-serif;color:var(--ink);border-radius:0;margin-top:3px}.brief textarea{resize:vertical}.brief input:focus,.brief select:focus,.brief textarea:focus{outline:2px solid var(--cyan);outline-offset:4px}.brief .button{align-self:flex-start;margin-top:8px}.form-status{font-size:.7rem;color:#65767b;margin-top:15px}
footer{max-width:var(--max);margin:auto;min-height:190px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:center;padding:40px var(--pad);color:var(--muted);font-size:.76rem}.footer-brand{color:var(--white)}.footer-code{text-align:right;font:400 .58rem Space Mono,monospace;line-height:1.8}.error-page{min-height:100vh;display:grid;place-items:center;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px}.error-page main{padding:50px}.error-page h1{font-size:clamp(4rem,12vw,9rem);line-height:.9;margin:20px 0}.error-page p{color:var(--muted)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scanline{animation:none}.reveal{opacity:1;transform:none;transition:none}.project img{transition:none}}
@media(max-width:980px){.topbar{height:76px}.menu{display:block;position:relative}.topbar nav{position:absolute;left:0;right:0;top:76px;background:var(--panel);padding:26px var(--pad);display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.topbar nav a{padding:8px 0}.topbar .nav-cta{padding:14px}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:140px}.hero-visual{margin-top:40px}.image-frame{height:520px}.status-rail{position:relative;grid-column:1;display:grid;grid-template-columns:repeat(3,1fr);margin:50px calc(var(--pad)*-1) -100px;width:auto}.status-rail span{border-bottom:1px solid var(--line)}.statement{grid-template-columns:1fr}.signal-card{max-width:480px}.section-head{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service-feature{grid-row:span 1;min-height:520px}.approach{grid-template-columns:1fr}.approach-image{min-height:560px}.approach-copy{padding-right:var(--pad)}.project-strip{grid-template-columns:1fr 1fr}.project:last-child{grid-column:span 2}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.footer-code{grid-column:span 2;text-align:left}}
@media(max-width:640px){:root{--pad:20px}.brand strong{font-size:.72rem}.hero{padding-top:120px}.hero h1{font-size:clamp(3.15rem,15vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{margin-top:20px}.image-frame{height:420px}.readout-a{left:-5px;bottom:35px}.readout-b{right:-5px;top:35px}.status-rail{grid-template-columns:1fr 1fr}.statement h2,.section-head h2,.approach h2,.contact h2{font-size:2.6rem}.section-head{margin-bottom:40px}.service-grid{grid-template-columns:1fr}.service-feature{min-height:520px}.service{min-height:320px}.approach-image{min-height:420px}.project-strip{grid-template-columns:1fr}.project,.project:last-child{grid-column:auto;height:410px}.contact-lines a,.contact-lines>p{grid-template-columns:1fr;gap:5px}.brief{padding:55px 24px}footer{grid-template-columns:1fr}.footer-code{grid-column:auto}.topbar{padding:0 18px}}