@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";
:root{--bg:#07080b;--panel:#0e1016;--text:#f4f4f2;--muted:#8a8d98;--line:#20232d;--accent:#8b5cf6;--accent2:#c084fc;--mx:50vw;--my:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:#fff}.intro{z-index:1000;background:#050609;place-items:center;transition:opacity .75s,visibility .75s;display:grid;position:fixed;inset:0}.intro-out{opacity:0;visibility:hidden;pointer-events:none}.intro-noise,.grain{pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-card{text-align:center;background:linear-gradient(#101219,#090a0f);border:1px solid #272a35;width:min(620px,90vw);padding:55px;position:relative;box-shadow:0 40px 120px #000}.intro-card:before,.intro-card:after{content:"";border-color:#6d4aff;width:38px;height:38px;position:absolute}.intro-card:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.intro-card:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.tiny{letter-spacing:.3em;color:#8f91a0;font-size:11px}.intro h1{letter-spacing:-.065em;margin:18px 0 8px;font-family:Syne,sans-serif;font-size:clamp(46px,9vw,82px)}.intro h1 span,.brand span{color:var(--accent)}.intro p{letter-spacing:.15em;color:#777b87;font-size:12px}.enter-btn{color:#07080b;cursor:pointer;background:#f3f3f1;border:1px solid #3e4250;justify-content:space-between;align-items:center;width:min(360px,100%);margin:32px auto 12px;padding:16px 18px;font-weight:700;transition:all .25s;display:flex}.enter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.intro small{color:#575a66;letter-spacing:.16em;font-size:10px}.site{opacity:0;min-height:100vh;transition:opacity .7s .25s;position:relative}.site.visible{opacity:1}.night-sky{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -12%,#0b1827 0%,#060d16 38%,#03080e 76%,#02060a 100%);position:fixed;inset:0;overflow:hidden}.night-sky-glow{background:radial-gradient(circle at 18% 12%,#72ade014,#0000 28%),radial-gradient(circle at 82% 22%,#8b5cf60e,#0000 30%),linear-gradient(#07111d24,#02070c33);position:absolute;inset:0}.stars,.meteors{position:absolute;inset:0}.star{background:#dff2ff;border-radius:50%;animation:ease-in-out infinite starTwinkle;display:block;position:absolute;box-shadow:0 0 4px #d2ecffbf,0 0 10px #97cdff52}@keyframes starTwinkle{0%,to{filter:brightness(.85);transform:scale(.72)}50%{opacity:1;filter:brightness(1.7);transform:scale(1.5)}}.meteor{opacity:0;transform-origin:100%;filter:drop-shadow(0 0 4px #a7d7ffb8)drop-shadow(0 0 10px #72aeff47);will-change:transform,opacity;background:linear-gradient(90deg,#0000 0%,#86c6ff14 20%,#bae0ff75 62%,#f5fbff 100%);border-radius:999px;width:165px;height:1.5px;animation:linear infinite meteorShoot;display:block;position:absolute;transform:rotate(-34deg)}.meteor:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:-2px;transform:translateY(-50%);box-shadow:0 0 7px #fff,0 0 16px #91cdffe6,0 0 28px #68a4ff73}@keyframes meteorShoot{0%{opacity:0;transform:translate(120px,-75px)rotate(-34deg)scaleX(.45)}8%{opacity:1}72%{opacity:.95}to{opacity:0;transform:translate(-720px,440px)rotate(-34deg)scaleX(1.2)}}@media (prefers-reduced-motion:reduce){.star,.meteor{animation:none}.meteor{display:none}}.cursor-glow{width:520px;height:520px;left:calc(var(--mx) - 260px);top:calc(var(--my) - 260px);pointer-events:none;z-index:0;background:radial-gradient(circle,#7653ff18 0,#0000 68%);border-radius:50%;position:fixed}.grid-bg{pointer-events:none;opacity:.22;background-image:linear-gradient(#242632 1px,#0000 1px),linear-gradient(90deg,#242632 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.grain{z-index:20;position:fixed}.nav{border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;max-width:1280px;height:82px;margin:auto;padding:0 28px;display:flex;position:relative}.brand{font-family:Syne,sans-serif;font-size:18px;font-weight:800}.nav nav{gap:28px;display:flex}.nav nav a{letter-spacing:.12em;color:#9b9eaa;font-size:12px;transition:all .2s}.nav nav a:hover{color:#fff}.sound{color:#a7a9b2;letter-spacing:.1em;cursor:pointer;background:#0a0c11;border:1px solid #2b2e38;align-items:center;gap:8px;padding:9px 12px;font-size:10px;display:flex}.sound span{background:#555;border-radius:50%;width:7px;height:7px}.sound .pulse{background:#75f0a8;animation:1.7s infinite pulse;box-shadow:0 0 #75f0a855}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}}.hero{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1280px;min-height:760px;margin:auto;padding:80px 28px;display:grid;position:relative}.eyebrow{letter-spacing:.16em;color:#a1a4ae;align-items:center;gap:9px;font-size:11px;display:flex}.status-dot{background:#70f0a3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 18px #70f0a3}.hero h1,.big-copy,.contact h2{letter-spacing:-.06em;font-family:Syne,sans-serif;font-weight:800}.hero h1{margin:28px 0;font-size:clamp(58px,7.5vw,108px);line-height:.82}.outline{color:#0000;-webkit-text-stroke:1px #8d91a0}.lead{color:#989ba6;max-width:590px;font-size:17px;line-height:1.7}.lead b{color:#fff}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-btn,.ghost-btn{letter-spacing:.08em;border:1px solid #3b3e49;padding:14px 18px;font-size:12px;font-weight:700;transition:all .25s}.primary-btn{color:#08090c;background:#f5f5f3}.primary-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.ghost-btn:hover{background:#11131a;border-color:#777b89}.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d1017,#090a0e);height:520px;position:relative;overflow:hidden}.hero-panel:before{content:"";background:radial-gradient(circle,#7653ff1e,#0000 45%);position:absolute;inset:0}.orb{border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.orb-core{background:radial-gradient(circle at 35% 30%,#d8c8ff,#6f48ff 35%,#1b1238 72%);border-radius:50%;width:92px;height:92px;animation:4s ease-in-out infinite float;box-shadow:0 0 60px #7653ff99,0 0 140px #7653ff44}.ring{border:1px solid #8b5cf64d;border-radius:50%;animation:10s linear infinite spin;position:absolute}.ring-1{width:170px;height:170px}.ring-2{width:240px;height:155px;transform:rotate(55deg)}.ring-3{width:320px;height:220px;transform:rotate(-24deg)}@keyframes spin{to{rotate:360deg}}@keyframes float{50%{transform:translateY(-10px)scale(1.04)}}.hud{letter-spacing:.14em;color:#696d7a;font-size:10px;line-height:1.7;position:absolute}.hud b{color:#c7c9d0}.top-left{top:22px;left:22px}.bottom-right{text-align:right;bottom:22px;right:22px}.code-lines{color:#535762;letter-spacing:.1em;flex-direction:column;gap:5px;font-size:9px;display:flex;position:absolute;bottom:22px;left:22px}.section{z-index:1;border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:100px 28px;position:relative}.section-head{color:#777b87;letter-spacing:.18em;align-items:center;gap:18px;font-size:10px;display:flex}.section-head .line{background:#292c35;flex:1;height:1px}.about-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-top:55px;display:grid}.big-copy{font-size:clamp(48px,7vw,92px);line-height:.9}.big-copy span{color:var(--accent2)}.about-text{color:#9b9eaa;font-size:16px;line-height:1.8}.about-text p{margin:0 0 20px}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:80px;padding:17px 0;overflow:hidden}.marquee-track{gap:28px;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee span{letter-spacing:.08em;color:#aaa;font-family:Syne,sans-serif;font-size:13px}.marquee b{color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.projects{margin-top:42px}.project-card{border-top:1px solid var(--line);grid-template-columns:90px 1fr 60px;gap:25px;padding:34px 12px;transition:all .3s;display:grid;position:relative}.project-card:last-child{border-bottom:1px solid var(--line)}.project-card:hover{background:#0d1016;padding-left:24px;padding-right:24px}.project-card:hover .project-arrow{color:var(--accent2);transform:translate(4px,-4px)}.project-no{color:#565a66;font-size:12px}.project-tag{color:var(--accent2);letter-spacing:.16em;font-size:10px}.project-main h3{letter-spacing:-.045em;margin:8px 0 10px;font-family:Syne,sans-serif;font-size:clamp(34px,5vw,68px)}.project-main p{color:#8f929d;max-width:680px;line-height:1.7}.tech{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.tech span{color:#a0a3ad;border:1px solid #2b2e39;padding:6px 9px;font-size:10px}.project-arrow{justify-self:end;font-size:28px;transition:all .25s}.stats{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;padding-top:0;padding-bottom:0;display:grid}.stats div{background:var(--bg);flex-direction:column;gap:8px;padding:55px 25px;display:flex}.stats strong{font-family:Syne,sans-serif;font-size:42px}.stats span{letter-spacing:.15em;color:#747783;font-size:10px}.contact{z-index:1;max-width:1280px;margin:auto;padding:130px 28px;position:relative}.contact-label{letter-spacing:.18em;color:#777b87;font-size:10px}.contact h2{margin:28px 0;font-size:clamp(58px,9vw,128px);line-height:.82}.contact h2 span{color:#0000;-webkit-text-stroke:1px #828694}.contact p{color:#9699a4;max-width:600px;font-size:17px;line-height:1.7}footer{border-top:1px solid var(--line);color:#5e626e;letter-spacing:.13em;z-index:1;justify-content:space-between;max-width:1280px;margin:auto;padding:24px 28px 42px;font-size:10px;display:flex;position:relative}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:60px}.hero-panel{height:420px}.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media (max-width:650px){.nav nav{display:none}.nav{padding:0 18px}.hero,.section,.contact{padding-left:18px;padding-right:18px}.hero{min-height:auto}.hero h1{font-size:54px}.hero-panel{height:360px}.orb{transform:translate(-50%,-50%)scale(.8)}.project-card{grid-template-columns:45px 1fr 30px;gap:10px;padding:26px 0}.project-main h3{font-size:34px}.stats{grid-template-columns:1fr}.contact h2{font-size:55px}footer{flex-direction:column;gap:8px;padding:24px 18px}.intro-card{padding:38px 22px}}