:root{--bg:#03050a;--panel:#080d16;--text:#f6f8fc;--muted:#a8b0c0;--blue:#00a8ff;--cyan:#42d9ff;--red:#ff243c;--line:rgba(255,255,255,.1);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020307;color:var(--text);font-family:Inter,Arial,sans-serif;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 58% 28%,rgba(0,99,209,.17),transparent 33%),radial-gradient(circle at 88% 35%,rgba(255,16,52,.13),transparent 27%),linear-gradient(180deg,#02040a 0%,#050710 69%,#020308 100%)}.grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.ambient{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.ambient-blue{background:#006dff;left:34%;top:8%}.ambient-red{background:#f01831;right:-10%;top:18%}.site-header{width:min(var(--max),calc(100% - 72px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:15px}.brand-disc{width:46px;height:46px;border:2px solid var(--blue);border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 18px rgba(0,168,255,.35)}.brand-disc:before,.brand-disc:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.68);border-radius:50%}.brand-disc:before{width:27px;height:27px}.brand-disc:after{width:9px;height:9px;background:#fff;box-shadow:0 0 10px #fff}.brand-disc i{position:absolute;height:2px;background:var(--blue);right:-7px;width:10px}.brand-disc i:nth-child(1){top:9px}.brand-disc i:nth-child(2){top:20px;width:7px}.brand-disc i:nth-child(3){top:31px}.brand-name{font-family:"Barlow Condensed",sans-serif;font-size:29px;font-weight:800;letter-spacing:1.2px}.brand-name strong{color:var(--blue);margin-right:5px}.main-nav{display:flex;align-items:center;gap:40px}.main-nav a{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#e8ebf2;padding:34px 2px 29px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:2px;background:var(--blue);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.main-nav a.active{color:var(--cyan)}.menu-toggle{display:none;background:rgba(4,10,18,.85);border:1px solid var(--blue);border-radius:50%;width:48px;height:48px;padding:0;place-items:center;box-shadow:0 0 18px rgba(0,168,255,.2)}.menu-toggle span{display:block;width:18px;height:2px;background:white;margin:4px auto;transition:.25s}.hero{width:min(var(--max),calc(100% - 72px));min-height:650px;margin:auto;display:grid;grid-template-columns:minmax(420px,.83fr) minmax(520px,1.17fr);align-items:center;position:relative;z-index:2}.hero-copy{padding:58px 0 42px;position:relative;z-index:4}.eyebrow{text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;letter-spacing:.27em;font-size:15px;color:#c8d0db;margin:0 0 16px}.eyebrow::first-letter{color:var(--cyan)}h1{font-family:"Barlow Condensed",sans-serif;margin:0;line-height:.76;font-size:clamp(108px,10.6vw,184px);font-weight:900;text-transform:uppercase;width:min-content;text-shadow:0 5px 30px rgba(0, 0, 0, 0.18)}h1 span{display:block;background:linear-gradient(180deg,#f7fbff 0%,#dae9f7 42%,#0c8ee5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.role{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);font-weight:600;font-size:18px;margin:28px 0 17px}.intro{max-width:495px;color:#aeb6c5;font-size:16px;line-height:1.75;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin:29px 0}.primary-button{min-width:202px;border:1px solid var(--cyan);border-radius:999px;height:51px;display:inline-flex;align-items:center;justify-content:center;gap:13px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:13px;background:linear-gradient(180deg,rgba(0,168,255,.15),rgba(0,168,255,.04));box-shadow:0 0 0 2px rgba(0,168,255,.08),0 0 26px rgba(0,168,255,.3);transition:.25s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 0 0 2px rgba(0,168,255,.13),0 0 38px rgba(0,168,255,.47)}.play-icon{width:27px;height:27px;border:1px solid #fff;border-radius:50%;position:relative}.play-icon:after{content:"";position:absolute;left:10px;top:7px;border-left:8px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}.text-link{font-size:13px;color:#cbd2dd;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}.text-link span{color:var(--cyan)}.now-playing{margin-top:28px;width:360px}.now-playing-head{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-size:14px;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red);animation:pulse 1.2s infinite}.equalizer{height:37px;display:flex;align-items:center;gap:3px;margin:8px 0 3px}.equalizer i{display:block;width:2px;height:calc(6px + (var(--i) % 9)*3px);background:linear-gradient(to top,#006eb8,var(--cyan));opacity:.8;animation:eq .8s ease-in-out calc(var(--i)*-.035s) infinite alternate}.now-playing p{margin:0;color:#d2d8e2;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.hero-visual{align-self:stretch;position:relative;min-height:650px;display:flex;align-items:flex-end;justify-content:center}.portrait-frame{position:absolute;right:-1%;bottom:0;width:min(760px,57vw);height:720px;overflow:hidden;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 18%);filter:drop-shadow(-18px 10px 35px rgba(0,0,0,.65))}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, #000 0%, transparent 25%), linear-gradient(90deg, #03050a00 0%, transparent 21%, transparent 79%, rgba(3,5,10,0) 100%), linear-gradient(0deg, #03050a 0%, transparent 28%);pointer-events:none}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.03);filter:contrast(1.08) saturate(1.09) brightness(.93)}.portrait-halo{position:absolute;width:520px;height:520px;border:1px solid rgba(0,155,255,.24);border-radius:50%;right:13%;top:6%;box-shadow:0 0 0 28px rgba(0,150,255,.025),0 0 0 65px rgba(0,150,255,.018),0 0 80px rgba(0,108,255,.23)}.portrait-halo:before,.portrait-halo:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(84,209,255,.18);border-radius:50%;animation:spin 20s linear infinite}.portrait-halo:after{inset:29%;animation-direction:reverse;animation-duration:13s}.laser{position:absolute;height:2px;transform-origin:left center;z-index:1;filter:drop-shadow(0 0 6px currentColor)}.laser-one{width:460px;right:-8%;top:28%;background:linear-gradient(90deg,transparent,var(--red));transform:rotate(-43deg);color:var(--red)}.laser-two{width:360px;right:3%;top:20%;background:linear-gradient(90deg,transparent,var(--cyan));transform:rotate(-32deg);color:var(--cyan);opacity:.55}.signature{position:absolute;left:6%;bottom:75px;z-index:5;font-family:cursive;font-style:italic;font-size:58px;color:#c7f4ff;text-shadow:0 0 7px #25b9ff,0 0 20px #008cff;transform:rotate(-5deg)}.signature-sub{position:absolute;left:23%;bottom:55px;z-index:5;text-transform:uppercase;letter-spacing:.34em;font-size:10px;color:#fff}.social-section{position:relative;z-index:5;width:min(1170px,calc(100% - 72px));margin:-28px auto 0;padding:0 0 44px}.section-heading{display:none}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{height:128px;border-radius:15px;background:rgba(6,10,18,.9);display:flex;align-items:center;padding:18px 25px;position:relative;overflow:hidden;border:1px solid var(--card);box-shadow:inset 0 0 30px rgba(255,255,255,.025),0 0 25px var(--glow);transition:transform .25s,box-shadow .25s}.social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--wash),transparent 42%);opacity:.32}.social-card:hover{transform:translateY(-6px);box-shadow:inset 0 0 30px rgba(255,255,255,.04),0 0 42px var(--glow)}.instagram{--card:#f34be2;--glow:rgba(246,34,222,.28);--wash:#c1009c}.youtube{--card:#ff2d38;--glow:rgba(255,22,44,.28);--wash:#d30016}.facebook{--card:#1687ff;--glow:rgba(0,118,255,.32);--wash:#005fd0}.social-logo{width:78px;height:78px;border-radius:20px;flex:0 0 78px;display:grid;place-items:center;position:relative;z-index:1;filter:drop-shadow(0 7px 13px rgba(0,0,0,.3))}.instagram .social-logo{background:radial-gradient(circle at 67% 70%,#ffd600 0 14%,#ff7a00 27%,#e80076 53%,#7f24ce 76%)}.youtube .social-logo{background:#ff0019;border-radius:21px}.facebook .social-logo{background:linear-gradient(145deg,#178bff,#075ed8);border-radius:50%}.social-logo svg{width:50px;height:50px;fill:none;stroke:#fff;stroke-width:1.8}.youtube svg,.facebook svg{fill:#fff;stroke:none}.youtube .play-fill{fill:#ff0019}.instagram .fill-dot{fill:#fff;stroke:none}.social-copy{position:relative;z-index:1;display:flex;flex-direction:column;margin-left:20px;min-width:0}.social-copy small{text-transform:uppercase;letter-spacing:.12em;color:#bcc4d0;font-size:13px}.social-copy strong{font-size:19px;margin:5px 0 9px;white-space:nowrap}.social-cta{width:max-content;border:1px solid var(--card);border-radius:7px;color:var(--card);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 11px}.social-cta i{font-style:normal}.identity-strip{position:relative;z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:94px;display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding:0 max(5vw,calc((100vw - var(--max))/2));background:rgba(2,5,10,.58);backdrop-filter:blur(8px)}.identity-strip>div{display:grid;grid-template-columns:48px auto;grid-template-rows:1fr 1fr;align-content:center;padding:17px 32px;border-right:1px solid var(--line)}.identity-strip>div:last-child{border-right:0}.strip-icon{grid-row:1/3;font-size:34px;color:#d7e8ff;align-self:center}.identity-strip strong{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:22px;line-height:1.1}.identity-strip small{text-transform:uppercase;letter-spacing:.08em;color:#8e98a9;font-size:10px}.site-footer{width:min(var(--max),calc(100% - 72px));min-height:76px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#747e8e;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.site-footer a{color:#9fa9ba}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes eq{to{height:8px;opacity:.35}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero{grid-template-columns:.85fr 1.15fr}.hero-visual{min-height:600px}.portrait-frame{width:60vw;height:570px}.signature{font-size:48px;left:0}.social-card{padding:16px}.social-logo{width:64px;height:64px;flex-basis:64px}.social-logo svg{width:42px;height:42px}.social-copy{margin-left:13px}.social-copy strong{font-size:16px}.identity-strip>div{padding:16px}}
@media(max-width:820px){.site-header{width:calc(100% - 34px)}.menu-toggle{display:grid;position:relative;z-index:3}.main-nav{position:absolute;right:0;top:74px;width:230px;background:rgba(4,8,15,.97);border:1px solid var(--line);border-radius:12px;padding:12px;display:none;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 20px 50px rgba(0,0,0,.5)}.main-nav.open{display:flex}.main-nav a{padding:15px}.main-nav a:after{bottom:8px}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{width:calc(100% - 34px);display:flex;flex-direction:column;min-height:auto}.hero-copy{width:100%;padding-top:55px}.hero-visual{width:100%;min-height:560px}.portrait-frame{right:-12%;width:112%;height:550px}.portrait-frame:after{background:linear-gradient(0deg,#03050a 0%,transparent 30%),linear-gradient(90deg,#03050a 0%,transparent 17%,transparent 90%)}.portrait-halo{right:4%;width:430px;height:430px}.signature{left:9%;bottom:70px}.signature-sub{left:29%}.social-section{width:calc(100% - 34px);margin:0 auto}.social-grid{grid-template-columns:1fr}.section-heading{display:block;margin:20px 0}.section-heading p{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:12px}.section-heading h2{font-family:"Barlow Condensed";font-size:35px;margin:5px 0 18px}.social-card{height:115px}.identity-strip{grid-template-columns:repeat(2,1fr);padding:0 17px}.identity-strip>div:nth-child(2){border-right:0}.identity-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-footer{width:calc(100% - 34px)}}
@media(max-width:520px){.site-header{height:76px}.brand-name{font-size:25px}.brand-disc{width:40px;height:40px}.hero-copy{padding-top:42px}.eyebrow{font-size:11px;letter-spacing:.19em}h1{font-size:100px}.role{font-size:14px;letter-spacing:.16em;margin-top:23px}.intro{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.now-playing{width:100%}.hero-visual{min-height:440px}.portrait-frame{width:126%;right:-25%;height:440px}.portrait-halo{width:330px;height:330px;right:-2%;top:8%}.signature{font-size:39px;left:0;bottom:64px}.signature-sub{left:17%;bottom:45px;font-size:8px}.social-card{height:106px;padding:13px}.social-logo{width:68px;height:68px;flex-basis:68px}.social-logo svg{width:43px;height:43px}.social-copy strong{font-size:17px}.identity-strip>div{grid-template-columns:38px auto;padding:13px 8px}.strip-icon{font-size:26px}.identity-strip strong{font-size:17px}.identity-strip small{font-size:8px}.site-footer{padding:18px 0;flex-direction:column;gap:10px;text-align:center}.laser{display:none}}