@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800;900&display=swap');

:root{--bg:#07030e;--bg2:#10051e;--ink:#f6efff;--muted:#b9a9c8;--pink:#ff2aa1;--cyan:#19e6ff;--violet:#844cff;--yellow:#ffe66c;--line:rgba(255,255,255,.13);--glass:rgba(18,8,34,.72);--shadow:0 0 35px rgba(255,42,161,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#2b0c4f 0,#0b0415 38%,#06020b 78%);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;line-height:1.6}body::selection{background:var(--pink);color:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.noise,.scanlines,.aurora{position:fixed;inset:0;pointer-events:none}.noise{z-index:20;opacity:.035;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='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.scanlines{z-index:19;opacity:.065;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#fff 4px)}.aurora{z-index:-1;filter:blur(90px);opacity:.2}.aurora-one{width:35vw;height:35vw;background:var(--pink);left:-10vw;top:35vh;border-radius:50%}.aurora-two{width:32vw;height:32vw;background:var(--cyan);right:-12vw;top:90vh;border-radius:50%}
.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,5vw,80px);background:linear-gradient(to bottom,rgba(5,2,10,.92),rgba(5,2,10,.15));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--cyan);font-family:Orbitron;font-weight:900;font-size:14px;letter-spacing:-1px;box-shadow:inset 0 0 16px rgba(25,230,255,.18),0 0 20px rgba(25,230,255,.18);transform:skew(-8deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Orbitron;font-size:13px;letter-spacing:.16em}.brand-copy small{color:var(--pink);font-size:8px;letter-spacing:.42em;margin-top:7px}.nav-menu{display:flex;align-items:center;gap:30px}.nav-menu a{font-family:Orbitron;font-size:10px;letter-spacing:.16em;color:#d7cbe2;transition:.25s}.nav-menu a:hover{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.nav-menu .nav-cta{border:1px solid var(--pink);padding:12px 17px;color:white;box-shadow:0 0 18px rgba(255,42,161,.15)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:white;margin:5px}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:7vw;padding:140px clamp(24px,7vw,110px) 90px;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;z-index:-2;left:-10%;right:-10%;bottom:-28%;height:62%;background-image:linear-gradient(rgba(25,230,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(25,230,255,.22) 1px,transparent 1px);background-size:70px 45px;transform:perspective(380px) rotateX(62deg);mask-image:linear-gradient(to bottom,transparent,black 38%);animation:gridMove 9s linear infinite}@keyframes gridMove{to{background-position:0 45px}}.sun-orb{position:absolute;z-index:-3;right:9vw;top:15vh;width:min(36vw,520px);aspect-ratio:1;border-radius:50%;background:linear-gradient(to bottom,#ffd36d,#ff4ba4 45%,#9e36ff);box-shadow:0 0 80px rgba(255,68,170,.28);overflow:hidden;opacity:.88}.sun-orb span{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 18px,var(--bg) 20px,var(--bg) 27px);transform:translateY(55%)}.eyebrow{font-family:Orbitron;font-size:11px;letter-spacing:.28em;color:var(--cyan);font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--pink);box-shadow:0 0 14px var(--pink);margin-right:9px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}h1,h2{font-family:Orbitron;margin:0;line-height:.92;letter-spacing:-.055em}h1{font-size:clamp(58px,9vw,138px);max-width:900px;text-shadow:5px 5px 0 rgba(25,230,255,.12),-5px -5px 0 rgba(255,42,161,.1)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--pink);text-shadow:0 0 25px rgba(255,42,161,.45)}.hero-sub{max-width:680px;color:#d2c5dc;font-size:clamp(16px,1.5vw,20px);margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;font-family:Orbitron;font-size:10px;font-weight:800;letter-spacing:.16em;cursor:pointer;transition:.25s}.primary{background:linear-gradient(90deg,var(--pink),#a447ff);box-shadow:0 0 28px rgba(255,42,161,.3);color:white}.primary:hover{transform:translateY(-3px);box-shadow:0 0 42px rgba(255,42,161,.55)}.ghost{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.035)}.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-stats{display:flex;gap:35px;margin-top:45px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:Orbitron;font-size:22px;color:var(--yellow)}.hero-stats span{font-size:9px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.hero-terminal{align-self:end;margin-bottom:5vh;border:1px solid rgba(25,230,255,.5);background:rgba(6,3,14,.8);box-shadow:0 0 35px rgba(25,230,255,.16),inset 0 0 35px rgba(132,76,255,.08);transform:rotate(2deg)}.terminal-top{height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(25,230,255,.25);font-size:8px;font-family:Orbitron;letter-spacing:.14em}.terminal-top span{width:8px;height:8px;border-radius:50%;background:var(--pink)}.terminal-top span:nth-child(2){background:var(--yellow)}.terminal-top span:nth-child(3){background:var(--cyan)}.terminal-top b{margin-left:auto;color:var(--muted)}.terminal-screen{padding:28px;font-family:monospace;color:#a6f6ff}.terminal-screen p{margin:8px 0;font-size:13px}.terminal-screen p span{color:var(--pink)}.blink{animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}.equalizer{height:80px;display:flex;gap:6px;align-items:flex-end;margin:26px 0}.equalizer i{flex:1;background:linear-gradient(to top,var(--violet),var(--pink),var(--cyan));height:25%;animation:eq .8s ease-in-out infinite alternate;box-shadow:0 0 10px rgba(25,230,255,.3)}.equalizer i:nth-child(2n){animation-delay:.2s}.equalizer i:nth-child(3n){animation-delay:.45s}.equalizer i:nth-child(5n){animation-delay:.6s}@keyframes eq{to{height:100%}}.cassette{height:105px;border:2px solid rgba(255,255,255,.18);position:relative;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(160deg,rgba(255,255,255,.06),transparent)}.cassette::after{content:"";position:absolute;bottom:10px;width:46%;height:18px;border:1px solid rgba(255,255,255,.18);transform:perspective(20px) rotateX(12deg)}.cassette span{position:absolute;top:8px;color:var(--yellow);font-size:8px;letter-spacing:.15em}.reel{width:45px;height:45px;border:6px dotted rgba(255,255,255,.65);border-radius:50%;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-family:Orbitron;font-size:8px;letter-spacing:.2em;color:var(--muted)}.scroll-cue span{color:var(--cyan);font-size:14px}.marquee{border-top:1px solid rgba(255,42,161,.4);border-bottom:1px solid rgba(25,230,255,.3);overflow:hidden;background:#0e0619;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee-track{display:flex;width:max-content;gap:28px;padding:15px 0;animation:marquee 22s linear infinite;font-family:Orbitron;font-size:10px;letter-spacing:.2em}.marquee-track i{color:var(--pink)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:120px clamp(24px,7vw,110px)}.section-heading h2,.signal h2,.contact h2{font-size:clamp(42px,6.5vw,92px)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.experience-card{position:relative;min-height:410px;padding:34px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));overflow:hidden;transition:.3s}.experience-card::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,rgba(25,230,255,.08));opacity:0;transition:.3s}.experience-card:hover{transform:translateY(-9px);border-color:rgba(25,230,255,.55);box-shadow:0 0 30px rgba(25,230,255,.09)}.experience-card:hover::before{opacity:1}.experience-card.featured{border-color:rgba(255,42,161,.65);box-shadow:var(--shadow)}.card-number{font-family:Orbitron;font-size:10px;color:var(--muted);letter-spacing:.2em}.card-icon{font-size:48px;color:var(--cyan);text-shadow:0 0 22px var(--cyan);margin:35px 0}.experience-card.featured .card-icon{color:var(--pink);text-shadow:0 0 22px var(--pink)}.experience-card h3{font-family:Orbitron;text-transform:uppercase;font-size:19px;line-height:1.2}.experience-card p,.experience-card li{color:var(--muted);font-size:14px}.experience-card ul{list-style:none;padding:20px 0 0;margin-top:25px;border-top:1px solid var(--line)}.experience-card li{margin:8px 0}.experience-card li::before{content:"//";color:var(--pink);margin-right:9px}.best-signal{position:absolute;right:-45px;top:29px;transform:rotate(45deg);background:var(--pink);font-size:7px;font-weight:800;letter-spacing:.13em;padding:7px 50px}.signal{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:linear-gradient(90deg,rgba(132,76,255,.08),transparent)}.signal-visual{min-height:560px;display:grid;place-items:center;position:relative}.vinyl{width:min(34vw,440px);aspect-ratio:1;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#09090d 0,#09090d 4px,#17131d 5px,#17131d 7px);box-shadow:-20px 35px 55px rgba(0,0,0,.55),0 0 50px rgba(255,42,161,.1);animation:spin 12s linear infinite}.vinyl::after{content:"";position:absolute;inset:2%;border-radius:50%;background:linear-gradient(120deg,transparent 40%,rgba(25,230,255,.15) 48%,transparent 56%)}.vinyl-label{position:absolute;inset:36%;display:grid;place-items:center;text-align:center;border-radius:50%;background:linear-gradient(160deg,var(--pink),var(--violet));font-family:Orbitron;font-weight:900;font-size:24px;line-height:1}.vinyl-label small{font-size:7px;letter-spacing:.2em}.vinyl-ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.r1{inset:15%}.r2{inset:26%}.r3{inset:45%}.orbit{position:absolute;border:1px solid rgba(25,230,255,.2);border-radius:50%;transform:rotateX(68deg)}.orbit-a{width:105%;height:55%}.orbit-b{width:80%;height:40%;border-color:rgba(255,42,161,.28)}.signal-copy>p:not(.eyebrow){color:#cbbdd6;max-width:630px}.signal-points{display:grid;gap:10px;margin-top:30px}.signal-points span{border-bottom:1px solid var(--line);padding:15px 0;font-family:Orbitron;font-size:11px;letter-spacing:.1em}.signal-points b{color:var(--pink);margin-right:18px}.centered{text-align:center}.timeline{max-width:1050px;margin:65px auto 0;border-left:1px solid rgba(25,230,255,.35)}.timeline-item{display:grid;grid-template-columns:130px 1fr 90px;gap:30px;align-items:center;padding:28px 0 28px 35px;border-bottom:1px solid var(--line);position:relative}.timeline-item::before{content:"";position:absolute;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.timeline-item.active{background:linear-gradient(90deg,rgba(255,42,161,.11),transparent)}.timeline-item.active::before{background:var(--pink);box-shadow:0 0 18px var(--pink)}.timeline-item time{font-family:Orbitron;font-size:22px;color:var(--cyan)}.timeline-item h3{margin:0;font-family:Orbitron;font-size:15px;text-transform:uppercase}.timeline-item p{margin:4px 0 0;color:var(--muted);font-size:14px}.timeline-item>span{font-family:Orbitron;font-size:8px;letter-spacing:.15em;color:var(--pink)}.testimonial{text-align:center;min-height:520px;display:grid;place-content:center;background:radial-gradient(circle,rgba(255,42,161,.12),transparent 55%)}.quote-mark{font-family:Georgia;font-size:130px;line-height:.4;color:var(--pink);text-shadow:0 0 35px rgba(255,42,161,.5)}blockquote{max-width:1000px;margin:35px auto;font-family:Orbitron;font-size:clamp(20px,3vw,38px);font-weight:600;line-height:1.45;text-transform:uppercase}.quote-source{font-size:9px;letter-spacing:.2em;color:var(--cyan)}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;background:linear-gradient(160deg,#13061f,#07030e)}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:530px}.contact-lines{display:flex;flex-direction:column;gap:8px;margin-top:30px;font-family:Orbitron;font-size:10px;letter-spacing:.1em}.contact-lines a{color:var(--cyan)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid var(--line);padding:35px;background:rgba(255,255,255,.025)}.contact-form label{display:flex;flex-direction:column;gap:8px;font-family:Orbitron;font-size:8px;letter-spacing:.16em;color:var(--muted)}.contact-form label:nth-child(4){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);background:#0b0612;color:white;padding:14px;outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 16px rgba(25,230,255,.12)}.contact-form .button{justify-self:start}.form-note{align-self:center;margin:0;color:var(--muted);font-size:11px}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:35px clamp(24px,7vw,110px);border-top:1px solid var(--line);background:#050209}.footer-brand .brand-mark{width:38px;height:38px}.footer-brand .brand-copy strong{font-size:10px}footer p{font-size:9px;color:var(--muted);letter-spacing:.08em;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-menu{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:24px;background:rgba(8,3,15,.98);border:1px solid var(--line)}.nav-menu.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:150px}.hero-terminal{max-width:550px;margin:15px 0 45px}.sun-orb{width:65vw;right:-15vw;top:13vh}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:auto}.signal,.contact{grid-template-columns:1fr}.vinyl{width:min(72vw,420px)}.signal-visual{min-height:460px}.contact-form{max-width:760px}.hero-stats{flex-wrap:wrap}}
@media(max-width:650px){.site-header{padding:14px 18px}.brand-copy{display:none}.hero{padding:125px 20px 70px}.hero-sub{font-size:15px}.hero-stats{gap:18px}.hero-stats div{width:42%}.section{padding:85px 20px}.experience-card{padding:26px}.timeline-item{grid-template-columns:84px 1fr;padding-left:22px;gap:14px}.timeline-item>span{display:none}.timeline-item time{font-size:15px}.contact-form{grid-template-columns:1fr;padding:24px}.contact-form label:nth-child(4){grid-column:auto}.contact-form .button{width:100%}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-links{justify-content:center}.terminal-screen{padding:20px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}