*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--accent: #D4FF00;--dark: #080808;--text: #f5f5f0;--muted: #666;--border: #1a1a1a;--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}html{scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Cabinet Grotesk,sans-serif;background-color:var(--dark);color:var(--text);min-height:100vh;overflow-x:hidden}#app{width:100%;max-width:none;margin:0}.noise-overlay{position:fixed;inset:0;background-image:var(--noise);background-repeat:repeat;pointer-events:none;z-index:9999;opacity:.5}.font-display{font-family:Clash Display,sans-serif}.text-accent{color:var(--accent)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.rule{border:none;height:1px;background:var(--border);width:100%}.service-row{transition:all .4s cubic-bezier(.16,1,.3,1);border-bottom:1px solid var(--border)}.service-row:hover{padding-left:2rem;background:#d4ff0008}.service-row:hover .service-number,.service-row:hover .service-title{color:var(--accent)}.service-row:hover .service-arrow{opacity:1;transform:translate(0)}.service-arrow{opacity:0;transform:translate(-12px);transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card{position:relative;border-bottom:1px solid var(--border);transition:all .5s cubic-bezier(.16,1,.3,1)}.project-card:hover{background:#d4ff0005}.project-card:hover .project-logo{opacity:1;filter:brightness(1)}.project-card .project-logo{opacity:.5;filter:brightness(.7);transition:all .5s cubic-bezier(.16,1,.3,1)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:marquee 20s linear infinite}.cta-btn{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.cta-btn:after{content:"";position:absolute;inset:0;background:#ffffff1a;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cta-btn:hover:after{transform:translate(0)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #d4ff0026}.social-link{transition:all .3s ease;color:var(--muted)}.social-link:hover{color:var(--accent)}@keyframes heroReveal{0%{opacity:0;transform:translateY(60px) skewY(3deg)}to{opacity:1;transform:translateY(0) skewY(0)}}.hero-line{overflow:hidden}.hero-line span{display:inline-block;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.hero-line:nth-child(1) span{animation-delay:.1s}.hero-line:nth-child(2) span{animation-delay:.25s}.hero-line:nth-child(3) span{animation-delay:.4s}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-fade{animation:fadeDown .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s;opacity:0}@media(max-width:768px){.hero-text{font-size:14vw!important}}