*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050810;--surface: #0A0F1C;--cyan: #00E5FF;--violet: #7C5CFF;--amber: #FFB454;--green: #00FFA3;--text: #E6EDF3;--muted: #4A5568;--border: rgba(0, 229, 255, .12);--glow: rgba(0, 229, 255, .25);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--bg);color:var(--text);font-family:var(--font-body);height:100%;overflow-x:hidden;overscroll-behavior-y:none;cursor:none;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100%;overflow-x:hidden;position:relative}main{position:relative;z-index:10}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:900}.grain{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.035;pointer-events:none;z-index:901;mix-blend-mode:overlay}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;opacity:0}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10vw;transition:opacity .6s ease,visibility .6s ease}#preloader.hidden{opacity:0;visibility:hidden}#preloader-lines{font-family:var(--font-mono);font-size:clamp(.75rem,1.2vw,1rem);color:var(--cyan);line-height:2;white-space:pre}#preloader-cursor{display:inline-block;font-family:var(--font-mono);color:var(--cyan);animation:blink .7s step-end infinite;font-size:clamp(.75rem,1.2vw,1rem)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#cursor-dot,#cursor-ring{position:fixed;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:opacity .3s}#cursor-dot{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan);top:0;left:0}#cursor-ring{width:40px;height:40px;border:1px solid rgba(0,229,255,.5);top:0;left:0;transition:width .2s ease,height .2s ease,border-color .2s ease,background-color .2s ease}#cursor-ring.expanded{width:60px;height:60px;border-color:var(--cyan);background-color:#00e5ff0d}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2.5rem;display:flex;align-items:center}.logo{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.15em;color:var(--text);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}.logo-mark{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.82;transition:opacity .2s}.logo:hover .logo-mark{opacity:1}.logo:hover{color:var(--cyan)}.logo-dot{color:var(--cyan);margin:0 .05em}.sidenav{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1.5rem;align-items:flex-end}.sidenav-item{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;transition:color .3s;flex-direction:row-reverse}.sidenav-item.active,.sidenav-item:hover{color:var(--cyan)}.sidenav-dot{width:6px;height:6px;border-radius:50%;border:1px solid currentColor;display:block;transition:background .3s,box-shadow .3s}.sidenav-item.active .sidenav-dot,.sidenav-item:hover .sidenav-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.section{position:relative;z-index:10;min-height:100vh;min-height:100svh;display:flex;align-items:center;scroll-snap-align:start;scroll-snap-stop:always}.section-hero{padding:0 10vw;justify-content:flex-start}.hero-content{max-width:900px;padding-top:8rem}.mono-label{font-family:var(--font-mono);font-size:clamp(.65rem,1vw,.8rem);letter-spacing:.2em;color:var(--cyan);margin-bottom:1.5rem;opacity:0;transform:translateY(10px)}.mono-label.visible{opacity:1;transform:none}.accent{color:var(--cyan)}.muted{color:var(--muted)}.hero-h1{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,10rem);font-weight:700;letter-spacing:-.04em;line-height:.92;color:var(--text);margin-bottom:2rem;display:flex;flex-direction:column;text-wrap:balance}.reveal-word{display:block;clip-path:inset(0 100% 0 0)}.reveal-word.visible{clip-path:inset(0 0% 0 0)}.hero-body{font-size:clamp(.9rem,1.5vw,1.15rem);line-height:1.7;color:var(--text);margin-bottom:3rem;opacity:0;transform:translateY(16px)}.hero-body.visible{opacity:1;transform:none}.cta-btn{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;color:var(--text);text-decoration:none;padding:1rem 2rem;border:1px solid var(--border);position:relative;overflow:hidden;transition:color .3s,border-color .3s,box-shadow .3s;opacity:0;transform:translateY(16px)}.cta-btn.visible{opacity:1;transform:none}.cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00e5ff0a;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.cta-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 30px #00e5ff26,inset 0 0 20px #00e5ff0a}.cta-btn:hover:before{transform:scaleX(1)}.cta-line{display:block;width:2rem;height:1px;background:currentColor;transition:width .3s}.cta-btn:hover .cta-line{width:3rem}.cta-arrow{transition:transform .3s;display:inline-block}.cta-btn:hover .cta-arrow{transform:translate(4px)}.scroll-cue{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--cyan));animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes ctaGlowPulse{0%{box-shadow:0 0 #00e5ff00;border-color:var(--border)}40%{box-shadow:0 0 36px #00e5ff59,inset 0 0 22px #00e5ff14;border-color:var(--cyan)}to{box-shadow:0 0 #00e5ff00;border-color:var(--border)}}.cta-glow-pulse{animation:ctaGlowPulse 1.1s ease-out}.section-stack{padding:6rem 10vw;justify-content:center}.section-inner{width:100%;max-width:1200px;margin:0 auto}.section-h2,.contact-h2{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,6rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-bottom:4rem;text-wrap:balance}.section-h2{margin-top:1rem}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem}.card{background:#0a0f1ca6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-top:2px solid var(--card-accent, var(--cyan));padding:2rem;position:relative;overflow:hidden;cursor:default;opacity:0;transform:translateY(30px);transition:border-color .3s,box-shadow .3s,transform .3s}.card--cyan{--card-accent: var(--cyan);--card-glow: rgba(0,229,255,.12)}.card--violet{--card-accent: var(--violet);--card-glow: rgba(124,92,255,.12)}.card--amber{--card-accent: var(--amber);--card-glow: rgba(255,180,84,.12)}.card--green{--card-accent: var(--green);--card-glow: rgba(0,255,163,.12)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{border-color:#ffffff14;border-top-color:var(--card-accent);box-shadow:0 0 40px var(--card-glow),inset 0 0 40px var(--card-glow);transform:translateY(-4px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card-num{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--card-accent);opacity:.7}.card-status{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--muted)}.card-dot{width:5px;height:5px;border-radius:50%;background:var(--card-accent);display:block;box-shadow:0 0 6px var(--card-accent);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.card-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.75rem;line-height:1}.card-tags{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--muted);line-height:1.7}.card-bg-icon{position:absolute;bottom:1.25rem;right:1.25rem;width:52px;height:52px;color:var(--card-accent);opacity:.18;transition:opacity .3s}.card:hover .card-bg-icon{opacity:.35}.tech-strip{padding:1.5rem 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.tech-row{overflow:hidden;width:100%}.tech-row-inner{display:flex;align-items:center;gap:.6rem;white-space:nowrap;width:max-content;animation:marquee var(--row-speed, 40s) linear infinite}.tech-row--1 .tech-row-inner{--row-speed: 36s}.tech-row--2 .tech-row-inner{--row-speed: 54s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-item{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--muted);transition:color .3s,text-shadow .3s;cursor:default}.tech-item:hover{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.tech-sep{color:var(--border)}.section-contact{padding:6rem 10vw;justify-content:center}.contact-inner{display:flex;flex-direction:column;align-items:flex-start}.contact-h2{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:3rem}.contact-cta{display:inline-flex;align-items:center;gap:1.5rem;font-family:var(--font-mono);font-size:clamp(.85rem,1.5vw,1.1rem);letter-spacing:.12em;color:var(--text);text-decoration:none;padding:1.25rem 2.5rem;border:1px solid var(--border);position:relative;overflow:hidden;transition:color .3s,border-color .3s,box-shadow .3s;margin-bottom:6rem}.contact-cta:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 40px #00e5ff33,inset 0 0 30px #00e5ff0d}.contact-cta .cta-arrow{transition:transform .3s;display:inline-block}.contact-cta:hover .cta-arrow{transform:translate(6px)}.site-footer{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--muted)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;scroll-snap-type:none}#webgl{display:none}body{background:linear-gradient(135deg,#050810,#0a0f1c,#070c1a)}body:before{animation:none!important}.section{scroll-snap-align:none;scroll-snap-stop:normal}.reveal-word,.reveal-item,.mono-label,.hero-body,.cta-btn,.card{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}*{animation:none!important;transition:none!important}.tech-row-inner{animation:none!important}.tech-strip{flex-direction:row;flex-wrap:wrap;gap:.5rem;overflow:visible}.tech-row{overflow:visible}.tech-row-inner{white-space:normal;flex-wrap:wrap;width:auto}}@media (max-width: 768px),(hover: none) and (pointer: coarse){html{scroll-snap-type:none;overscroll-behavior-y:auto}body:before{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,#0508101a,#050810b8),radial-gradient(circle at 18% 20%,rgba(0,229,255,.18) 0%,rgba(0,229,255,.08) 18%,transparent 42%),radial-gradient(circle at 78% 26%,rgba(124,92,255,.2) 0%,rgba(124,92,255,.08) 16%,transparent 40%),url(/assets/mobile-hero-bg-BvjT9FOS.webp),repeating-linear-gradient(90deg,rgba(0,229,255,.04) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(124,92,255,.035) 0 1px,transparent 1px 48px);background-size:cover,120% 120%,120% 120%,cover,52px 52px,52px 52px;background-position:center,18% 18%,78% 24%,center,center,center;background-blend-mode:normal,screen,screen,screen,overlay,overlay;filter:saturate(116%) contrast(108%);opacity:.9;transform:translateZ(0) scale(1.02);animation:mobileAmbientDrift 20s ease-in-out infinite alternate}@keyframes mobileAmbientDrift{0%{background-position:center,18% 18%,78% 24%,48% 50%,center,center;transform:translate3d(-1%,-.75%,0) scale(1.02)}to{background-position:center,22% 24%,72% 20%,54% 49%,center,center;transform:translate3d(1%,.75%,0) scale(1.06)}}body:after{background:linear-gradient(180deg,rgba(5,8,16,.18),transparent 28%,rgba(5,8,16,.62)),repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 4px)}#webgl,#cursor-dot,#cursor-ring{display:none}html{cursor:auto}body{background:linear-gradient(135deg,#050810,#0a0f1c 60%,#070c1a);background-attachment:fixed}.section{min-height:auto;align-items:flex-start;scroll-snap-align:none;scroll-snap-stop:normal}.section-hero{min-height:100svh;align-items:center}.top-bar{padding:calc(1rem + env(safe-area-inset-top)) 1rem 0 1rem}.logo{font-size:.75rem;gap:.4rem}.logo-mark{height:22px}.sidenav{top:auto;right:auto;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);flex-direction:row;gap:.75rem;padding:.65rem .85rem;border:1px solid rgba(0,229,255,.12);border-radius:999px;background:#050810cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sidenav-item{flex-direction:column;gap:.25rem;align-items:center;min-width:2.2rem}.sidenav-label{display:inline;font-size:.62rem;letter-spacing:.08em}.sidenav-dot{width:7px;height:7px}.section-hero,.section-stack,.section-contact{padding-left:6vw;padding-right:6vw}.section-hero{padding-top:calc(5rem + env(safe-area-inset-top));padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.hero-content{padding-top:0;max-width:100%}.hero-h1{font-size:clamp(2.55rem,11.5vw,3.7rem);margin-bottom:1.4rem;text-shadow:0 0 26px rgba(0,229,255,.18),0 6px 28px rgba(0,0,0,.48)}.hero-body{font-size:.95rem;line-height:1.65;margin-bottom:2rem;text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero-body .muted{color:#e6edf394}.cta-btn,.contact-cta{width:100%;justify-content:space-between}.cta-btn{padding:.95rem 1.25rem}.scroll-cue{left:auto;right:6vw;bottom:5.5rem;transform:none;opacity:.6}.cards-grid{grid-template-columns:1fr;gap:.75rem}.section-stack{padding-top:4.5rem;padding-bottom:4.5rem}.section-contact{padding-top:4.5rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.section-h2,.contact-h2{font-size:clamp(2.1rem,11vw,3.8rem);margin-bottom:2rem}.card{padding:1rem}.card-title{font-size:1rem}.card-tags{font-size:.62rem;line-height:1.5}.card-bg-icon{width:42px;height:42px;bottom:1rem;right:1rem}.tech-strip{padding:.9rem 0 0;flex-direction:row;flex-wrap:wrap;gap:.5rem;overflow:visible}.tech-row{overflow:visible;width:auto}.tech-row-inner{animation:none;white-space:normal;flex-wrap:wrap;width:auto;gap:.45rem}.tech-sep{display:none}.tech-item{padding:.45rem .65rem;border:1px solid rgba(0,229,255,.08);border-radius:999px;background:#0a0f1c8c;font-size:.68rem}.contact-inner{width:100%}.contact-cta{margin-bottom:3.5rem;padding:1rem 1.2rem;gap:1rem}.site-footer{line-height:1.8}}@media (max-width: 420px){.sidenav{gap:.5rem;padding-inline:.7rem}.sidenav-item{min-width:2rem}.sidenav-label{font-size:.58rem}.hero-h1{font-size:clamp(2.25rem,11vw,3.35rem)}.section-h2,.contact-h2{font-size:clamp(1.9rem,11vw,3rem)}.card{padding:.95rem}}