@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500&display=swap";:root{--black:#080808;--void:#0d0d0d;--surface:#111;--surface2:#161616;--border:#1e1e1e;--border-light:#2e2e2e;--accent:#c8ff00;--accent2:#ff3c3c;--white:#f0ede6;--muted:#555;--muted2:#333;--mono:"Space Mono", monospace;--display:"Bebas Neue", sans-serif;--body:"Inter", sans-serif}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(36px,5vw,56px) clamp(20px,5vw,64px);display:flex}.footer-label{align-items:center;gap:10px;margin-bottom:8px;display:flex}.footer-label--point{background:var(--accent);width:6px;height:6px}.footer-label--text{font-family:var(--display);letter-spacing:.06em;font-size:20px}.footer-motto{font-family:var(--mono);color:var(--muted);font-size:10px}.footer-nav{gap:28px;display:flex}.footer-nav--link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:10px;text-decoration:none;transition:color .2s}.footer-nav--link:hover{color:var(--accent)}.footer-rights{font-family:var(--mono);color:var(--muted);font-size:10px}.nav-mobile-overlay{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#080808f7;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:opacity .35s;display:none;position:fixed;inset:0}.nav-mobile-overlay.open{opacity:1;pointer-events:all}.nav-mobile-link{font-size:28px;font-family:var(--display);letter-spacing:.08em;color:var(--text,#fff);text-align:center;border-bottom:1px solid #ffffff12;width:100%;padding:18px 0;text-decoration:none;transition:color .2s}.nav-mobile-link:first-child{border-top:1px solid #ffffff12}.nav-mobile-link:hover{color:var(--accent,#c9a96e)}.burger-btn{cursor:pointer;color:var(--text,#fff);z-index:101;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:none;position:relative}.desktop-links{align-items:center;gap:28px;display:flex}.desktop-cta{display:flex}@media (width<=768px){.desktop-links,.desktop-cta{display:none}.burger-btn,.nav-mobile-overlay{display:flex}}.nav-link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent)}.noise--svg{pointer-events:none;z-index:999;opacity:.03;width:100px;height:100%;position:fixed;top:0;left:0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--black);color:var(--white);font-family:var(--body);line-height:1.6}.wrapper{max-width:900px;margin:auto;padding:120px 28px 80px}.section-label:before{content:"";background:var(--accent);width:24px;height:1px}h1{font-family:var(--display);letter-spacing:.04em;margin-bottom:70px;font-size:clamp(70px,10vw,120px);line-height:.9}.grid{grid-template-columns:1fr 1fr;gap:60px 80px;display:grid}@media (width<=800px){.grid{grid-template-columns:1fr}}.block{border-top:1px solid var(--border);padding-top:22px;animation:.8s both fadeUp}.block-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:14px;font-size:11px}.block p,.block a{color:var(--white);font-size:15px;text-decoration:none}.block a:hover{color:var(--accent)}.uid{border:1px solid var(--border-light);font-family:var(--mono);letter-spacing:.08em;margin-top:10px;padding:6px 12px;font-size:12px;display:inline-block}.full{grid-column:1/-1}.footer{border-top:1px solid var(--border);font-family:var(--mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-top:100px;padding-top:30px;font-size:11px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}:root{--black:#080808;--surface:#111;--surface2:#161616;--border:#1e1e1e;--border-light:#2a2a2a;--accent:#c8ff00;--white:#f0ede6;--muted:#555;--mono:"Space Mono", monospace;--display:"Bebas Neue", sans-serif;--body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--body);font-weight:300;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#080808}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--accent)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-up{animation:.9s cubic-bezier(.16,1,.3,1) both fadeUp}.btn-primary{background:var(--accent);color:#080808;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#d4ff1a;transform:translateY(-1px)}.btn-outline{color:var(--white);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border-light);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 24px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.project-item{border-bottom:1px solid var(--border);cursor:pointer;padding:28px 0;transition:all .2s}.project-item:hover,.project-item.active{border-color:var(--accent)}.ptitle{font-family:var(--display);letter-spacing:.02em;font-size:clamp(28px,4vw,52px);line-height:1;transition:color .2s}.project-item:hover .ptitle,.project-item.active .ptitle{color:var(--accent)}.service-card{background:var(--black);border-top:1px solid var(--border);border-right:1px solid var(--border);padding:32px 28px;transition:all .25s}.service-card:hover{background:var(--surface2);border-top-color:var(--accent)}.process-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:32px;padding:36px 0;display:flex}.step-num{font-family:var(--display);color:var(--border-light);flex-shrink:0;width:80px;font-size:56px;line-height:1;transition:color .2s}.process-step:hover .step-num{color:var(--accent)}.stat-block{border-left:2px solid var(--accent);padding-left:24px}.stat-num{font-family:var(--display);color:var(--white);font-size:clamp(48px,7vw,88px);line-height:1}.tag-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--border-light);color:var(--muted);padding:4px 10px;font-size:10px;display:inline-block}.tech-chip{font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);color:var(--muted);padding:3px 9px;font-size:10px;display:inline-block}.input-field{background:var(--surface);border:1px solid var(--border-light);width:100%;color:var(--white);font-family:var(--body);outline:none;padding:14px 16px;font-size:14px;font-weight:300;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--muted)}select.input-field option{background:#111}.section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);align-items:center;gap:10px;margin-bottom:16px;font-size:10px;display:flex}.section-label:before{content:"";background:var(--accent);width:24px;height:1px;display:block}.grid-bg{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:56px 56px}.hero-ring{border:1px solid var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.hero-ring:before{content:"";border:1px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:210px;height:210px;animation:10s linear infinite spin;position:absolute}.hero-ring:after{content:"";background:var(--surface2);border:1px solid var(--border-light);border-radius:50%;width:110px;height:110px;position:absolute}@media (width<=900px){.hero-ring{display:none}.stat-grid{grid-template-columns:1fr 1fr!important}.project-detail{display:none!important}.svc-grid,.contact-grid,.about-grid,.process-grid{grid-template-columns:1fr!important}}
