:root{
  --bg:#07111c;
  --panel:#0d1b2a;
  --panel2:#102437;
  --blue:#2f9cff;
  --cyan:#83d5ff;
  --white:#f4f8fb;
  --muted:#8ca1b2;
  --line:#20384d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.logo{
  position:absolute;z-index:30;left:30px;top:28px;display:flex;align-items:center;gap:10px
}
.logo .bolt{font-size:20px;color:var(--blue)}
.logo strong{display:block;font-size:20px;letter-spacing:.04em}
.logo small{display:block;font:500 7px Consolas,"Courier New",monospace;letter-spacing:.25em;color:#7f97a9}
.nav-trigger{
  position:fixed;z-index:70;right:24px;bottom:24px;width:74px;height:74px;
  border:1px solid #355574;background:#0b1a28;color:#fff;cursor:pointer;
  clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);
  display:grid;place-items:center;align-content:center;gap:1px;box-shadow:0 10px 40px #0008
}
.nav-trigger span{font-size:18px;color:var(--blue)}.nav-trigger b{font:600 8px Consolas,"Courier New",monospace;letter-spacing:.15em}
.nav-panel{
  position:fixed;z-index:80;inset:0;background:#06101a;color:#fff;
  transform:scale(.94);opacity:0;pointer-events:none;transition:.3s ease;
  padding:70px 7vw;overflow:hidden
}
.nav-panel.open{transform:none;opacity:1;pointer-events:auto}
.nav-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#15304755 1px,transparent 1px),linear-gradient(90deg,#15304755 1px,transparent 1px);background-size:42px 42px;opacity:.35}
.nav-close{position:absolute;right:28px;top:22px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;z-index:2}
.nav-title{position:relative;z-index:2;margin-bottom:45px}.nav-title small{font:500 8px Consolas,"Courier New",monospace;letter-spacing:.2em;color:#6f8da4}.nav-title h2{font-size:54px;margin:7px 0}
.nav-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr)}
.nav-links a{padding:30px;border:1px solid #20384d;margin-right:-1px;margin-bottom:-1px;display:grid;gap:8px;background:#091624cc}
.nav-links a span{font:500 8px Consolas,"Courier New",monospace;color:var(--blue)}.nav-links a strong{font-size:30px}.nav-links a small{font:400 9px Consolas,"Courier New",monospace;color:#7891a5}
.hero{min-height:760px;display:grid;grid-template-columns:.85fr 1.15fr;background:#08131f}
.hero-copy{padding:150px 6vw 80px;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font:500 8px Consolas,"Courier New",monospace;letter-spacing:.24em;color:#6f8da4}
.hero h1,.system-map h2,.services h2,.projects h2,.process h2,.contact h2{font-weight:600}
.hero h1{font-size:clamp(62px,6.7vw,105px);line-height:.92;letter-spacing:-.04em;margin:24px 0}
.hero h1 span{color:var(--blue)}
.lead{max-width:560px;color:#a4b4c0;line-height:1.8;font-size:13px}
.signal-link{display:inline-flex;gap:45px;align-items:center;width:max-content;margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--blue);font:600 9px Consolas,"Courier New",monospace;letter-spacing:.13em}
.signal-link b{color:var(--blue)}
.hero-system{position:relative;overflow:hidden;background:#0b1926;display:grid;place-items:center}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#17334b 1px,transparent 1px),linear-gradient(90deg,#17334b 1px,transparent 1px);background-size:52px 52px;opacity:.55}
.house{position:relative;width:78%;height:62%;z-index:2}
.roof{position:absolute;left:24%;top:18%;width:52%;height:2px;background:#6bbaf6;transform:rotate(-27deg);transform-origin:left}
.roof:after{content:"";position:absolute;left:100%;top:0;width:52%;height:2px;background:#6bbaf6;transform:rotate(54deg);transform-origin:left}
.wall{position:absolute;left:27%;top:34%;width:47%;height:44%;border:2px solid #355b77;border-top:0}
.node{position:absolute;width:76px;height:76px;border:1px solid #2f9cff;background:#0d1f30;display:grid;place-items:center;font:600 11px Consolas,"Courier New",monospace;z-index:3;box-shadow:0 0 25px #2f9cff18}
.n1{left:19%;top:9%}.n2{left:43%;top:35%}.n3{right:3%;bottom:12%}.n4{left:13%;bottom:4%}
.house svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.house path{fill:none;stroke:#2f9cff;stroke-width:2;stroke-dasharray:7 8;animation:dash 12s linear infinite}
@keyframes dash{to{stroke-dashoffset:-120}}
.data-panel{position:absolute;right:25px;top:90px;z-index:4;border:1px solid #2b4961;background:#091725cc;backdrop-filter:blur(8px)}
.data-panel div{display:grid;grid-template-columns:75px 75px;padding:12px 14px;border-bottom:1px solid #20384d}.data-panel span{font:400 7px Consolas,"Courier New",monospace;color:#6e879a}.data-panel b{font:600 9px Consolas,"Courier New",monospace;color:#7fd1ff}
.signal-strip{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:16px 4vw;background:#2f9cff;color:#04101a;font:600 9px Consolas,"Courier New",monospace;letter-spacing:.1em}.signal-strip i{width:5px;height:5px;background:#04101a;transform:rotate(45deg)}
.system-map{display:grid;grid-template-columns:.55fr 1.45fr;padding:100px 5vw;background:#0c1b29}
.system-copy{padding-right:5vw}.system-copy h2{font-size:clamp(48px,5vw,76px);line-height:.98;margin:18px 0 28px}.system-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#91a5b4}
.flow-map{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr 80px 1fr;align-items:center}
.flow-node{height:190px;border:1px solid #28455c;background:#0c2030;padding:25px;display:flex;flex-direction:column;justify-content:space-between}
.flow-node span{font:500 8px Consolas,"Courier New",monospace;color:#4ea8e8}.flow-node strong{font-size:24px}.flow-node small{font:500 7px Consolas,"Courier New",monospace;letter-spacing:.15em;color:#738ca0}
.connector{height:1px;background:#2f9cff;position:relative}.connector:after{content:"";position:absolute;right:0;top:-4px;border-left:7px solid #2f9cff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.services{padding:95px 5vw;background:#07111c}
.services header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #20384d;padding-bottom:35px}.services h2{font-size:clamp(46px,4.8vw,72px);margin:16px 0 0}
.service-matrix{display:grid;grid-template-columns:repeat(3,1fr)}
.service-matrix article{min-height:290px;padding:34px 30px;border-right:1px solid #20384d;border-bottom:1px solid #20384d;display:flex;flex-direction:column}
.service-matrix article:nth-child(3n+1){border-left:1px solid #20384d}.code{font:500 8px Consolas,"Courier New",monospace;color:#2f9cff}.service-matrix h3{font-size:23px;margin:52px 0 12px}.service-matrix p{font-size:11px;line-height:1.7;color:#8fa2b0}.service-matrix strong{margin-top:auto;font:500 7px Consolas,"Courier New",monospace;letter-spacing:.1em;color:#6c8496}
.projects{padding:95px 5vw;background:#e8eef2;color:#0d2232}
.project-title{margin-bottom:45px}.project-title h2{font-size:clamp(48px,5vw,76px);line-height:1;margin:16px 0}
.project{display:grid;grid-template-columns:1.3fr .7fr;min-height:430px;border-top:1px solid #b9c7d0}
.project:nth-of-type(even){grid-template-columns:.7fr 1.3fr}
.project-photo{background-size:cover;background-position:center}
.p1 .project-photo{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1200&q=84')}
.p2 .project-photo{background-image:url('https://images.unsplash.com/photo-1592833159155-c62df1b65634?auto=format&fit=crop&w=1200&q=84')}
.p3 .project-photo{background-image:url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=1200&q=84')}
.project-data{padding:48px 36px;background:#f4f7f8}.project-data>span{font:500 8px Consolas,"Courier New",monospace;color:#2b7fb9}.project-data h3{font-size:31px;margin:22px 0 35px}.project-data dl{margin:0}.project-data dl div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #c8d3da}.project-data dt{font:500 7px Consolas,"Courier New",monospace;color:#718490}.project-data dd{margin:0;font:600 8px Consolas,"Courier New",monospace}
.process{display:grid;grid-template-columns:.55fr 1.45fr;padding:95px 5vw;background:#0d1b2a}
.process-copy h2{font-size:clamp(48px,5vw,75px);line-height:1;margin:17px 0}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;padding-top:30px}
.process-line article{position:relative;padding-right:25px}.process-line b{font:600 12px Consolas,"Courier New",monospace;color:#2f9cff}.process-line span{display:block;height:1px;background:#31526b;margin:16px 0 25px;position:relative}.process-line span:after{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;background:#2f9cff}.process-line h3{font-size:16px;margin:0 0 10px}.process-line p{font-size:10px;line-height:1.7;color:#879cab}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#2f9cff;color:#06111b}.metrics div{padding:35px 4vw;border-right:1px solid #267cc2}.metrics span{display:block;font:600 7px Consolas,"Courier New",monospace;letter-spacing:.14em}.metrics strong{display:block;font-size:39px;margin-top:8px}
.contact{display:grid;grid-template-columns:.7fr 1.3fr;background:#07111c}
.contact-visual{position:relative;min-height:620px;background:#0a1926;display:flex;align-items:center;justify-content:center;overflow:hidden}
.contact-grid{position:absolute;inset:0;background-image:linear-gradient(#17334b 1px,transparent 1px),linear-gradient(90deg,#17334b 1px,transparent 1px);background-size:44px 44px;opacity:.45}.contact-visual p{position:relative;z-index:2;font-size:clamp(65px,7vw,110px);font-weight:700;line-height:.8;color:#173854;letter-spacing:-.04em}
.contact-copy{padding:90px 6vw}.contact-copy h2{font-size:clamp(46px,4.8vw,72px);line-height:1.03;margin:18px 0 24px}.contact-copy>p{font-size:11px;line-height:1.8;color:#8da1b0;max-width:600px}
.contact form{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label span{display:block;font:500 7px Consolas,"Courier New",monospace;letter-spacing:.15em;color:#6f8799;margin-bottom:7px}.contact input,.contact select{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #2b465b;padding:11px 0;outline:none}.contact select option{color:#111}.contact button{grid-column:1/3;border:1px solid #2f9cff;background:transparent;color:#fff;padding:16px 18px;display:flex;justify-content:space-between;font:600 9px Consolas,"Courier New",monospace;letter-spacing:.12em;cursor:pointer}.contact button:hover{background:#2f9cff;color:#06111b}
.contact-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;font:400 8px Consolas,"Courier New",monospace;color:#71899c}
footer{background:#040a10;color:#6e8291;padding:28px 4vw;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:center;font-size:8px}.footer strong{color:#fff}footer strong{display:block;font-size:16px}footer small{font:500 6px Consolas,"Courier New",monospace;letter-spacing:.2em}.footer a{margin-left:18px;color:#9eb0bd}
.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,120px);background:#dff4ff;color:#07111c;border-left:4px solid #2f9cff;padding:14px 18px;font:500 9px Consolas,"Courier New",monospace;transition:.3s}.toast.show{transform:translate(-50%,0)}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr 1fr}
  .flow-map{grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr}
  .service-matrix{grid-template-columns:1fr 1fr}.service-matrix article:nth-child(3n+1){border-left:0}.service-matrix article:nth-child(odd){border-left:1px solid #20384d}
  .process{grid-template-columns:1fr}.process-copy{margin-bottom:25px}
}
@media(max-width:760px){
  .logo{left:16px;top:18px}.logo strong{font-size:17px}.nav-trigger{width:64px;height:64px;right:15px;bottom:15px}
  .nav-panel{padding:65px 18px}.nav-title h2{font-size:40px}.nav-links{grid-template-columns:1fr 1fr}.nav-links a{padding:18px 14px}.nav-links a strong{font-size:20px}
  .hero{display:block}.hero-copy{padding:100px 20px 60px}.hero h1{font-size:62px}.hero-system{min-height:570px}.house{width:95%;height:65%}.data-panel{right:14px;top:25px}
  .signal-strip{overflow:auto;justify-content:flex-start;padding:14px 20px;white-space:nowrap}
  .system-map{grid-template-columns:1fr;padding:70px 20px}.system-copy{padding:0 0 35px}.flow-map{grid-template-columns:1fr}.connector{height:55px;width:1px;margin:auto}.connector:after{right:-4px;top:auto;bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid #2f9cff;border-bottom:0}
  .services{padding:70px 20px}.services header{display:block}.service-matrix{grid-template-columns:1fr}.service-matrix article,.service-matrix article:nth-child(odd){border-left:1px solid #20384d}
  .projects{padding:70px 20px}.project,.project:nth-of-type(even){grid-template-columns:1fr}.project-photo{min-height:350px}.p2 .project-data{order:2}
  .process{padding:70px 20px}.process-line{grid-template-columns:1fr 1fr;gap:30px}
  .metrics{grid-template-columns:1fr 1fr}.metrics div{padding:25px 20px}
  .contact{grid-template-columns:1fr}.contact-visual{min-height:380px}.contact-copy{padding:65px 20px}.contact form{grid-template-columns:1fr}.contact button{grid-column:auto}
  footer{grid-template-columns:1fr;padding:26px 20px}footer a{margin:0 18px 0 0}
}