@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:root{--black: #080808;--white: #f8f8f8;--grey-1: #1a1a1a;--grey-2: #2e2e2e;--grey-3: #888888;--grey-4: #cccccc;--font-display: "Bebas Neue", sans-serif;--font-mono: "IBM Plex Mono", monospace;--section-padding: 100px 8vw;--transition-base: .3s ease;--transition-reveal: .7s ease}html{scroll-behavior:smooth;font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--grey-2)}::-webkit-scrollbar-thumb:hover{background:var(--grey-3)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey-3)}.section-heading{font-family:var(--font-display);font-size:clamp(40px,5vw,56px);letter-spacing:.08em;color:var(--white);line-height:1}.section-subtext{font-family:var(--font-mono);font-size:13px;color:var(--grey-4);line-height:1.7}.btn-outline{display:inline-block;border:1px solid var(--white);color:var(--white);background:transparent;font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;padding:14px 28px;text-transform:uppercase;transition:var(--transition-base)}.btn-outline:hover{background:var(--white);color:var(--black)}.btn-filled{display:inline-block;background:var(--white);color:var(--black);font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;padding:14px 28px;text-transform:uppercase;transition:var(--transition-base);border:1px solid var(--white)}.btn-filled:hover{background:transparent;color:var(--white)}.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--transition-reveal),transform var(--transition-reveal);transition-delay:calc(var(--i, 0) * 60ms)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{transform:translate(-32px)}.reveal-right{transform:translate(32px)}.reveal-left.visible,.reveal-right.visible{transform:translate(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-animate{animation:fadeUp .8s ease forwards;opacity:0}.hero-animate:nth-child(1){animation-delay:.2s}.hero-animate:nth-child(2){animation-delay:.4s}.hero-animate:nth-child(3){animation-delay:.6s}.hero-animate:nth-child(4){animation-delay:.8s}.hero-animate:nth-child(5){animation-delay:1s}.hero-animate:nth-child(6){animation-delay:1.2s}.nav-link{position:relative}.nav-link:after{content:"";display:block;height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.card-line{height:1px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;margin-top:auto}.service-card:hover .card-line{transform:scaleX(1)}#nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#080808eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition-base)}#nav.scrolled{border-bottom-color:var(--grey-2)}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 8vw;max-width:100%}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-name{font-family:var(--font-display);font-size:22px;color:var(--white)}.nav-logo-dot{color:var(--grey-3);font-size:18px}.nav-logo-sub{font-family:var(--font-mono);font-size:11px;color:var(--grey-3);letter-spacing:.1em}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--grey-4)}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-hamburger{display:none;font-size:22px;color:var(--white);background:none;border:none}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.open{opacity:1;pointer-events:all}.nav-overlay .nav-link{font-family:var(--font-display);font-size:48px;letter-spacing:.1em}.nav-overlay .nav-hamburger{position:absolute;top:20px;right:8vw;display:block}#hero{min-height:100vh;display:flex;align-items:center;padding:var(--section-padding);padding-top:120px;background-color:var(--black);background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.03) 40px,rgba(255,255,255,.03) 41px)}.hero-inner{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:60px;width:100%}.hero-heading{font-family:var(--font-display);font-size:clamp(64px,9vw,120px);line-height:.92;letter-spacing:.02em}.hero-heading span{display:block}.hero-heading span.muted{color:var(--grey-3)}.hero-sub{font-family:var(--font-mono);font-size:13px;color:var(--grey-4);max-width:420px;line-height:1.7;margin-top:24px}.hero-buttons{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}.hero-deco{display:flex;align-items:center;justify-content:center}.deco-outer{width:280px;height:280px;border:1px solid var(--grey-2);transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.deco-inner{width:120px;height:120px;background:var(--grey-2);transform:rotate(-45deg)}#services{padding:var(--section-padding);background:var(--grey-1)}.services-header{margin-bottom:60px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.service-card{background:var(--black);padding:48px 36px;display:flex;flex-direction:column;min-height:360px;border-left:2px solid transparent;transition:border-color var(--transition-base)}.service-card:hover{border-left-color:var(--white)}.service-number{font-family:var(--font-display);font-size:80px;color:var(--grey-2);line-height:1}.service-title{font-family:var(--font-display);font-size:28px;color:var(--white);margin-top:8px;letter-spacing:.05em}.service-desc{font-family:var(--font-mono);font-size:13px;color:var(--grey-4);line-height:1.7;margin-top:16px}.card-line{margin-top:auto;padding-top:32px}#techstack{padding:var(--section-padding);background:var(--black)}.techstack-header{margin-bottom:60px}.techstack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2px}.tech-tile{background:var(--grey-1);padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid transparent;transition:all var(--transition-base);cursor:default}.tech-tile:hover{border-color:var(--grey-2);background:#222}.tech-tile img,.tech-tile svg{width:48px;height:48px;filter:brightness(0) invert(1);transition:filter var(--transition-base)}.tech-label{font-family:var(--font-mono);font-size:11px;color:var(--grey-4);text-align:center;letter-spacing:.1em}#clients{padding:var(--section-padding);background:var(--grey-1)}.clients-header{margin-bottom:60px}.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.client-card{background:var(--black);padding:48px 36px;display:flex;flex-direction:column;border-left:2px solid transparent;transition:all var(--transition-base)}.client-card:hover{border-left-color:var(--white)}.client-logo-placeholder{width:80px;height:80px;border:1px dashed var(--grey-2);display:flex;align-items:center;justify-content:center}.client-logo-placeholder span{font-family:var(--font-mono);font-size:10px;color:var(--grey-3)}.client-logo{height:80px;width:auto;max-width:100%;object-fit:contain;object-position:left center}.client-name{font-family:var(--font-display);font-size:26px;color:var(--white);margin-top:24px;letter-spacing:.05em}.client-desc{font-family:var(--font-mono);font-size:12px;color:var(--grey-3);margin-top:8px;line-height:1.6}.client-tags{font-family:var(--font-mono);font-size:10px;color:var(--grey-3);margin-top:24px;padding-top:16px;border-top:1px solid var(--grey-2);letter-spacing:.1em}#contact{padding:var(--section-padding);background:var(--black);text-align:center}.contact-inner{max-width:700px;margin:0 auto}.contact-heading{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);color:var(--white);letter-spacing:.05em}.contact-sub{font-family:var(--font-mono);font-size:13px;color:var(--grey-4);margin-top:16px;line-height:1.7}.contact-email{display:inline-block;margin-top:40px;font-family:var(--font-display);font-size:32px;color:var(--white);border-bottom:2px solid var(--white);padding-bottom:4px;transition:color var(--transition-base)}.contact-email:hover{color:var(--grey-3)}.contact-socials{display:flex;justify-content:center;gap:24px;margin-top:40px}.social-link{color:var(--white);opacity:1;transition:opacity var(--transition-base)}.social-link:hover{opacity:.5}.social-link svg{width:24px;height:24px;fill:var(--white)}footer{padding:32px 8vw;background:var(--grey-1);border-top:1px solid var(--grey-2)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--font-mono);font-size:12px;color:var(--grey-3)}.footer-tagline{font-family:var(--font-mono);font-size:11px;color:var(--grey-3);font-style:italic}@media(max-width:768px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-deco{display:none}.hero-buttons{justify-content:center}.hero-sub{margin:16px auto 0}.services-grid,.clients-grid{grid-template-columns:1fr}.techstack-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.nav-links{display:none}.nav-hamburger{display:block}.footer-inner{flex-direction:column;gap:12px;text-align:center}}