:root{
  --bg:#090c0f;
  --panel:#11161a;
  --panel-2:#161c21;
  --text:#f3f0e8;
  --muted:#a8adb0;
  --line:rgba(255,255,255,.12);
  --orange:#ff7a1a;
  --orange-soft:#ffb45e;
  --teal:#55d6c2;
  --max:1240px;
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.circuit-rail{position:fixed;right:18px;top:0;width:48px;height:100vh;z-index:2;opacity:.22;pointer-events:none}
.circuit-rail path,.circuit-rail circle{fill:none;stroke:var(--orange);stroke-width:1.4;vector-effect:non-scaling-stroke}
.section{padding:120px max(24px,calc((100vw - var(--max))/2))}
.section-label,.eyebrow{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--orange-soft)}
.site-header{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(to bottom,rgba(6,9,11,.9),rgba(6,9,11,.3),transparent);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);font-family:"DM Mono",monospace;font-size:.72rem;color:var(--orange);transform:rotate(-4deg)}
.nav-menu{display:flex;gap:28px;font-size:.9rem;color:#d2d5d6}
.nav-menu a{position:relative}
.nav-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--orange);transition:.25s}
.nav-menu a:hover:after{right:0}
.menu-toggle{display:none;background:none;border:0;color:white;width:44px;height:44px}
.menu-toggle span{display:block;height:1px;background:white;margin:7px 0}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:150px 6vw 90px;overflow:hidden}
.hero-media{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1523987355523-c7b5b0dd90a7?auto=format&fit=crop&w=2200&q=88');background-size:cover;background-position:center;transform:scale(1.04);animation:drift 18s ease-in-out infinite alternate}
.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.94) 0%,rgba(4,7,9,.72) 42%,rgba(4,7,9,.2) 75%),linear-gradient(0deg,var(--bg) 0%,transparent 35%,rgba(0,0,0,.18) 100%)}
.hero-content{position:relative;z-index:3;max-width:860px}
.signal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px var(--teal);margin-right:10px}
.hero h1{font-size:clamp(3.2rem,7.5vw,8rem);line-height:.92;letter-spacing:-.065em;margin:24px 0 28px;max-width:1100px}
.hero h1 span{color:#bfc3c1;font-weight:500}
.hero-content>p{max-width:740px;color:#d2d6d4;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.7}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{min-height:54px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;font-weight:700;transition:.25s;cursor:pointer}
.button-primary{background:var(--orange);color:#130b05;box-shadow:0 14px 36px rgba(255,122,26,.2)}
.button-primary:hover{transform:translateY(-3px);background:#ff913f}
.button-secondary{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.button-secondary:hover{border-color:white;background:rgba(255,255,255,.1)}
.established{margin-top:34px;font-family:"DM Mono",monospace;font-size:.75rem;color:#afb5b2;letter-spacing:.08em;text-transform:uppercase}
.established strong{color:var(--text)}.established span{margin:0 10px;color:var(--orange)}
.terminal{position:absolute;right:6vw;bottom:90px;width:min(340px,31vw);z-index:4;background:rgba(8,12,14,.78);border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.terminal-head{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line)}
.terminal-head span{width:7px;height:7px;border-radius:50%;background:#566064}.terminal-head span:first-child{background:var(--orange)}
.terminal-head b{margin-left:auto;font-family:"DM Mono",monospace;font-size:.64rem;color:#8f999c;font-weight:400}
.terminal-body{padding:18px 20px;font-family:"DM Mono",monospace;font-size:.74rem;line-height:1.6;color:#b7c0c1}
.terminal-body p{margin:5px 0}.terminal-body em{color:var(--orange);font-style:normal}.terminal-body strong{color:var(--teal)}
.typing span{animation:blink .8s infinite}
.scroll-cue{position:absolute;bottom:30px;left:50%;z-index:5;transform:translateX(-50%);font-family:"DM Mono",monospace;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;color:#c4c7c4;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-cue span{display:block;width:1px;height:36px;background:linear-gradient(var(--orange),transparent);animation:scrollPulse 1.8s infinite}
.intro{border-top:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;margin-top:32px}
.intro h2,.journal h2,.contact h2{font-size:clamp(2.5rem,5vw,5.4rem);line-height:1;letter-spacing:-.055em;margin:0}
.intro p,.journal-head>p,.contact-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.8}
.services{padding-top:0;display:grid;gap:32px}
.service-panel{min-height:620px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr}
.service-reverse .service-image{order:2}
.service-image{min-height:480px;background-size:cover;background-position:center;position:relative}
.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(0,0,0,.2))}
.service-power{background-image:url('https://images.unsplash.com/photo-1593941707882-a5bba14938c7?auto=format&fit=crop&w=1400&q=84')}
.service-desk{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1400&q=84')}
.service-integration{background-image:url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1400&q=84')}
.service-copy{padding:clamp(36px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.service-copy>span,.project-meta{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--orange-soft)}
.service-copy h2{font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.05em;margin:20px 0}
.service-copy p{color:var(--muted);font-size:1rem;line-height:1.8}
.service-copy ul{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--line)}
.service-copy li{padding:14px 0;border-bottom:1px solid var(--line);color:#d6d9d7;font-size:.9rem}
.service-copy li:before{content:"↳";color:var(--orange);margin-right:10px}
.journal{background:#0d1114}
.journal-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:70px}
.journal-head>div{max-width:900px}.journal-head .section-label{margin-bottom:28px}.journal-head>p{max-width:250px}
.project-card{margin-bottom:70px}
.project-image{height:min(64vw,760px);border-radius:24px;background-size:cover;background-position:center;border:1px solid var(--line);overflow:hidden;transition:.6s}
.project-card:hover .project-image{transform:scale(.992);filter:saturate(1.1)}
.project-linux{background-image:url('https://images.unsplash.com/photo-1555617981-dac3880eac6e?auto=format&fit=crop&w=1800&q=86')}
.project-flora{background-image:url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=1400&q=85')}
.project-starlink{background-image:url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1400&q=85')}
.project-meta{display:flex;justify-content:space-between;margin:20px 0 12px}
.project-card h3{font-size:clamp(1.8rem,3vw,3.7rem);letter-spacing:-.04em;margin:0 0 12px}
.project-card p{color:var(--muted);max-width:780px;line-height:1.7}
.project-card>a{display:inline-block;margin-top:12px;color:var(--orange-soft);font-size:.9rem}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.project-grid .project-image{height:500px}
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#11171b}
.marquee-track{display:flex;width:max-content;gap:32px;align-items:center;animation:marquee 26s linear infinite;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:#d8dcd9}
.marquee-track i{color:var(--orange);font-style:normal}
.contact{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;overflow:hidden;min-height:720px;align-items:center}
.wire-glow{position:absolute;inset:0;opacity:.28;pointer-events:none}
.wire-glow svg{width:100%;height:100%}.wire-glow path{fill:none;stroke:var(--orange);stroke-width:2;filter:drop-shadow(0 0 8px var(--orange))}.wire-glow circle{fill:var(--orange);filter:drop-shadow(0 0 10px var(--orange))}
.contact-copy,.contact-form{position:relative;z-index:2}.contact-copy h2{margin:25px 0}.contact-copy>p{max-width:540px}
.harmony{margin-top:50px;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--orange-soft)}.harmony span{margin-left:12px}
.contact-form{background:rgba(18,24,28,.78);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,58px);backdrop-filter:blur(20px)}
.contact-form label{display:flex;justify-content:space-between;font-size:.84rem;margin:0 0 10px;color:#ecede9}.contact-form label span{font-family:"DM Mono",monospace;font-size:.61rem;color:#7f898d;text-transform:uppercase;letter-spacing:.08em}
.contact-form input,.contact-form textarea{width:100%;background:#0c1114;border:1px solid #273036;color:white;border-radius:14px;padding:16px 18px;margin-bottom:24px;outline:none;transition:.2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.1)}
.submit-button{width:100%;border:0}.form-status{min-height:22px;margin:14px 0 0;font-size:.82rem;color:var(--teal)}
footer{border-top:1px solid var(--line);padding:60px 6vw 35px;display:grid;grid-template-columns:1fr auto;gap:50px;background:#080b0d}
.footer-node{display:flex;flex-direction:column;gap:7px;font-family:"DM Mono",monospace}.footer-node span,.footer-node small{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#7f898c}.footer-node strong{font-size:1.1rem}.footer-node b{color:var(--teal)}
.footer-links{display:flex;gap:22px;align-self:center}.footer-links a{color:#c7cbc8;font-size:.9rem}.footer-links a:hover{color:var(--orange)}
.footer-legal{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px;color:#747d80;font-size:.78rem}
dialog{max-width:600px;background:#12181c;color:white;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:13px;background:none;border:0;color:white;font-size:1.6rem;cursor:pointer}dialog p{color:var(--muted);line-height:1.7}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@keyframes drift{to{transform:scale(1.09) translate3d(-1%,1%,0)}}
@keyframes blink{50%{opacity:0}}
@keyframes scrollPulse{0%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(.2);transform-origin:bottom}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:1000px){
  .terminal{display:none}.intro-grid,.contact{grid-template-columns:1fr}.service-panel{grid-template-columns:1fr}.service-reverse .service-image{order:0}.service-image{min-height:420px}.journal-head{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-grid .project-image{height:58vw;min-height:360px}.contact{gap:45px}.circuit-rail{display:none}
}
@media (max-width:760px){
  .section{padding:90px 20px}.site-header{height:68px;padding:0 20px}.menu-toggle{display:block}.nav-menu{position:absolute;top:68px;left:14px;right:14px;background:rgba(10,14,17,.96);border:1px solid var(--line);border-radius:18px;padding:18px;display:none;flex-direction:column;gap:0;box-shadow:0 25px 60px rgba(0,0,0,.45)}.nav-menu.open{display:flex}.nav-menu a{padding:14px}.hero{padding:135px 22px 85px;align-items:center}.hero-gradient{background:linear-gradient(0deg,var(--bg) 0%,rgba(4,7,9,.72) 44%,rgba(4,7,9,.45) 100%)}.hero h1{font-size:clamp(3rem,15vw,5rem);margin-top:20px}.hero-content>p{font-size:1rem}.button{width:100%}.scroll-cue{display:none}.intro-grid{gap:25px}.service-panel{border-radius:20px}.service-image{min-height:320px}.service-copy{padding:32px 24px 38px}.project-image,.project-grid .project-image{height:80vw;min-height:300px;border-radius:18px}.project-meta{gap:18px;align-items:flex-start}.project-meta span:last-child{text-align:right}.contact-form{padding:25px 20px}.footer-links{flex-wrap:wrap}footer{grid-template-columns:1fr}.footer-legal{flex-direction:column;gap:10px}.marquee-track{font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media,.marquee-track,.scroll-cue span,.typing span{animation:none}.reveal{opacity:1;transform:none;transition:none}}