*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,sans-serif;background:#1c1c1e;color:#fff;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}:root{--anthracite:#1C1C1E;--steel:#4A4A4F;--iron:#2B2D42;--concrete:#D4D4D8;--light:#F4F4F5;--white:#FFFFFF;--orange:#E85D04;--orange-glow:rgba(232,93,4,.15);--blue:#0066FF;--blue-glow:rgba(0,102,255,.12);--graphite:#27272A;--font-display:"Bebas Neue",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-body:"Inter",sans-serif;--max-w:1200px;--gap:24px}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:clamp(32px,5vw,56px);font-weight:800;text-transform:uppercase;letter-spacing:.1em}h2{font-size:clamp(24px,4vw,40px);font-weight:800;text-transform:uppercase;letter-spacing:.08em;position:relative;padding-bottom:16px;margin-bottom:40px}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--orange)}h3{font-size:clamp(18px,2.5vw,24px);font-weight:600}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap)}section{padding:80px 0}@media(max-width:768px){section{padding:48px 0}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-weight:600;font-size:15px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;transition:all .3s ease}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#d45200;transform:translateY(-2px);box-shadow:0 8px 30px var(--orange-glow)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:#0055d4;transform:translateY(-2px);box-shadow:0 8px 30px var(--blue-glow)}.btn-outline{border:1px solid rgba(255,255,255,.2);color:#fff;background:transparent}.btn-outline:hover{border-color:#ffffff80;background:#ffffff0d}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:clamp(20px,3vw,32px);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}.card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000004d}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#1c1c1ef2;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 var(--gap);transition:background .3s}.header-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:18px;letter-spacing:.12em;display:flex;align-items:center;gap:4px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:14px;font-weight:500;letter-spacing:.05em;color:#ffffffb3;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--orange);transition:width .3s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-phone{font-family:var(--font-mono);font-size:13px;color:var(--orange);white-space:nowrap}.hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0;z-index:110}.hamburger span{display:block;height:2px;background:#fff;transition:all .3s;border-radius:1px}.mobile-nav{display:none;position:fixed;inset:0;background:#1c1c1efa;z-index:105;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-nav a{font-size:24px;font-weight:600;letter-spacing:.1em}.mobile-nav.open{display:flex}@media(max-width:768px){.nav-links,.nav-phone{display:none}.hamburger{display:flex}}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:48px 0 32px;background:var(--anthracite)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gap)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:16px}.footer-col p,.footer-col a{font-size:14px;color:#fff9;font-weight:300;line-height:1.8}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:12px;color:#ffffff40}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px 60px;background:linear-gradient(160deg,#0d0d0f,#1c1c1e 40%,#2b2d42);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(60deg,transparent,transparent 80px,rgba(255,255,255,.015) 80px,rgba(255,255,255,.015) 82px)}.hero *{position:relative;z-index:1}.hero-delta{font-family:var(--font-display);font-size:clamp(100px,18vw,220px);line-height:1;color:#ffffff1f}.hero h1 span{font-weight:300;opacity:.5;font-size:.45em;display:block;letter-spacing:.3em;margin-top:8px}.hero-sub{font-size:clamp(15px,2vw,20px);color:#ffffff80;margin-top:24px;max-width:600px;font-weight:300}.hero-badges{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}.hero-badges .badge{padding:12px 28px;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:14px;color:#ffffffb3}.hero-cta{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center;padding:60px 0}.stats .stat-num{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);color:var(--orange)}.stats .stat-label{font-size:14px;color:#ffffff80;margin-top:4px;font-weight:300}@media(max-width:600px){.stats{grid-template-columns:1fr;gap:24px}}.dir-card{border-radius:4px;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .35s,box-shadow .35s}.dir-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.dir-card:hover{transform:translateY(-6px)}.dir-stroy{background:linear-gradient(180deg,rgba(232,93,4,.08) 0%,var(--anthracite) 100%)}.dir-stroy:before{background:var(--orange)}.dir-stroy:hover{box-shadow:0 20px 60px var(--orange-glow)}.dir-tech{background:linear-gradient(180deg,rgba(0,102,255,.06) 0%,var(--anthracite) 100%)}.dir-tech:before{background:var(--blue)}.dir-tech:hover{box-shadow:0 20px 60px var(--blue-glow)}.dir-label{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);letter-spacing:.05em}.dir-stroy .dir-label{color:var(--orange)}.dir-tech .dir-label{color:var(--blue)}.dir-card ul li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-weight:300;font-size:15px}.dir-card ul li:last-child{border:none}.cta-section{text-align:center;padding:80px 24px;background:linear-gradient(135deg,var(--iron),var(--anthracite));border-radius:4px;margin:40px 0}.cta-section h2{margin-bottom:16px}.cta-section h2:after{left:50%;transform:translate(-50%)}.cta-section p{color:#ffffff80;font-weight:300;margin-bottom:32px;font-size:18px}.page-hero{padding:120px 0 60px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(60deg,transparent,transparent 80px,rgba(255,255,255,.01) 80px,rgba(255,255,255,.01) 82px)}.page-hero-stroy{background:linear-gradient(160deg,#0d0d0f,var(--anthracite),rgba(232,93,4,.1))}.page-hero-tech{background:linear-gradient(160deg,#0d0d0f,var(--anthracite),rgba(0,102,255,.08))}.page-hero-neutral{background:linear-gradient(160deg,#0d0d0f,var(--anthracite),var(--iron))}.page-hero .container{position:relative;z-index:1}.page-hero h1{margin-bottom:16px}.page-hero p{font-size:18px;color:#ffffff80;font-weight:300;max-width:600px}.service-item{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.06);align-items:flex-start}.service-num{font-family:var(--font-mono);font-size:13px;color:#ffffff40;min-width:40px;padding-top:4px}.service-item h3{margin-bottom:8px}.service-item p{font-weight:300;color:#fff9;font-size:15px}.tech-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;transition:transform .3s,box-shadow .3s}.tech-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0066ff26}.tech-card-img{height:180px;background:var(--graphite);display:flex;align-items:center;justify-content:center;overflow:hidden}.tech-card-body{padding:20px}.tech-card-body h4{font-size:16px;margin-bottom:12px}.tech-spec{font-family:var(--font-mono);font-size:12px;color:#fff9;line-height:2}.portfolio-card{border-radius:4px;overflow:hidden;position:relative}.portfolio-card .portfolio-img{height:220px;background:var(--graphite);display:flex;align-items:center;justify-content:center}.portfolio-card .portfolio-info{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-top:0}.portfolio-card h4{font-size:15px;margin-bottom:4px}.portfolio-card p{font-size:13px;color:#ffffff80;font-weight:300}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;color:#ffffff80;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-family:var(--font-body);font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--orange)}.form-group textarea{min-height:120px;resize:vertical}.map-wrap{border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.map-wrap iframe{width:100%;height:400px;border:0;filter:invert(.9) hue-rotate(180deg) contrast(.9) brightness(.8)}.permit-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:14px;color:#fff9}h2.section-blue:after{background:var(--blue)}.brand-title{font-family:Inter,sans-serif;font-size:clamp(16px,2.5vw,22px);letter-spacing:.12em;margin-bottom:16px;color:#ffffffd9}.glitch-box{position:relative;overflow:hidden;background:var(--anthracite);border:2px solid rgba(255,255,255,.06);border-radius:6px;min-height:280px;display:flex;align-items:center;justify-content:center}.glitch-box .hazard-bg{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(-45deg,var(--orange),var(--orange) 12px,transparent 12px,transparent 24px);transition:opacity .1s}.glitch-box.glitching .hazard-bg{animation:hazardFlash .15s steps(1) 3}@keyframes hazardFlash{0%{opacity:.6}33%{opacity:0}66%{opacity:.4}to{opacity:0}}.glitch-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;opacity:0;transition:opacity .4s;pointer-events:none}.glitch-state.active{opacity:1;pointer-events:auto}.glitch-state h3{margin:0 0 8px;font-family:Bebas Neue,sans-serif;font-size:40px;letter-spacing:.05em}.glitch-state p{font-weight:300;font-size:15px;color:#fff9;max-width:400px}.glitch-text{position:relative;display:inline-block}.glitch-box.glitching .glitch-text{animation:glitchText .3s steps(2) 2}@keyframes glitchText{0%{transform:translate(0);filter:none}20%{transform:translate(-3px,2px);filter:hue-rotate(90deg)}40%{transform:translate(3px,-2px);filter:hue-rotate(-90deg) brightness(1.5)}60%{transform:translate(-2px,-1px);filter:saturate(3)}80%{transform:translate(2px,1px);filter:invert(.1)}to{transform:translate(0);filter:none}}.glitch-box.glitching:before{content:"";position:absolute;inset:0;z-index:10;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(232,93,4,.05) 2px,rgba(232,93,4,.05) 4px);animation:scanlines .1s linear 3;pointer-events:none}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.glitch-nav{position:absolute;bottom:20px;display:flex;gap:8px;z-index:5}.glitch-nav button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:background .2s,border-color .2s}.glitch-nav button.active{background:var(--orange);border-color:var(--orange)}.glitch-counter{position:absolute;top:16px;right:20px;font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff40;z-index:5}@media(prefers-reduced-motion:no-preference){.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.fade-in.visible{opacity:1;transform:none}}