:root{
  --bg:#07090d;
  --panel:#11151f;
  --text:#f6f7f9;
  --muted:#aab0bc;
  --orange:#ff7b39;
  --amber:#ffbe5d;
  --blue:#657fff;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.eventads-holding{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.eventads-shell{position:relative;min-height:100vh;isolation:isolate;overflow:hidden}
.ambient{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#080b10,#07090d 58%,#05070a)}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.glow-a{width:760px;height:760px;right:-120px;top:-260px;background:rgba(255,82,65,.44)}
.glow-b{width:860px;height:860px;right:-80px;bottom:-430px;background:rgba(83,108,255,.34)}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 35%,#000 100%)}
.beam{position:absolute;right:14%;bottom:-20%;width:180px;height:900px;transform-origin:bottom;filter:blur(18px);opacity:.22}
.beam-a{background:linear-gradient(to top,rgba(255,126,57,.7),transparent);transform:rotate(19deg)}
.beam-b{background:linear-gradient(to top,rgba(95,119,255,.65),transparent);transform:rotate(-17deg);right:2%}
.page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,4vw,64px)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-pill{display:inline-flex;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.045);font-weight:900;letter-spacing:.08em}
.custom-brand img{max-height:80px;width:auto}
.status{display:flex;align-items:center;gap:9px;color:#c7cbd3;font-size:12px;text-transform:uppercase;letter-spacing:.11em}
.status span{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px rgba(255,123,57,.9)}
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:center;gap:clamp(30px,5vw,96px);padding:70px 0 60px}
.copy{max-width:780px}
.kicker{font-size:13px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#c3c7cf;margin-bottom:24px}
h1{margin:0;font-size:clamp(74px,8.7vw,158px);line-height:.83;letter-spacing:-.06em;font-weight:900}
h1 span{display:block;color:#fff}
.accent{width:270px;max-width:45vw;height:8px;background:linear-gradient(90deg,var(--orange),var(--amber));margin:35px 0}
h2{margin:0 0 15px;font-size:clamp(28px,2.8vw,50px);line-height:1.03;letter-spacing:-.03em}
.copy p{margin:0;max-width:660px;color:var(--muted);font-size:clamp(17px,1.35vw,24px);line-height:1.48}
.contact{display:inline-flex;margin-top:30px;padding:14px 19px;border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:12px;background:rgba(255,255,255,.04);transition:.2s ease}
.contact:hover{background:var(--orange);border-color:var(--orange)}
.stage{position:relative;min-height:560px;perspective:1200px}
.screen{position:absolute;left:10%;right:4%;top:9%;height:62%;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(30,35,49,.96),rgba(13,16,24,.96));box-shadow:0 50px 100px rgba(0,0,0,.32),inset 0 0 80px rgba(255,255,255,.02);display:flex;flex-direction:column;justify-content:center;padding:9%;transform:rotateY(-5deg)}
.screen:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.055);border-radius:18px;pointer-events:none}
.screen-label{font-size:11px;color:#9da4b1;font-weight:800;letter-spacing:.19em;margin-bottom:40px}
.screen strong{font-size:clamp(44px,4vw,76px);line-height:.9;letter-spacing:-.045em}
.screen>span{display:block;margin-top:13px;font-size:clamp(19px,2vw,32px);font-weight:900;color:var(--amber);letter-spacing:.04em}
.ticker{display:flex;gap:8px;margin-top:48px}
.ticker i{display:block;height:4px;flex:1;background:rgba(255,255,255,.13)}
.ticker i:first-child,.ticker i:nth-child(2){background:var(--orange)}
.screen.side{z-index:-1;top:17%;height:50%;opacity:.52}
.screen.side.left{left:-4%;right:73%;transform:rotateY(22deg)}
.screen.side.right{left:89%;right:-9%;transform:rotateY(-28deg)}
.crowd{position:absolute;left:-4%;right:-5%;bottom:0;height:34%;background:radial-gradient(circle at 6% 48%,#030405 0 12px,transparent 13px),radial-gradient(circle at 14% 62%,#030405 0 18px,transparent 19px),radial-gradient(circle at 24% 43%,#030405 0 15px,transparent 16px),radial-gradient(circle at 35% 65%,#030405 0 20px,transparent 21px),radial-gradient(circle at 48% 42%,#030405 0 15px,transparent 16px),radial-gradient(circle at 61% 68%,#030405 0 18px,transparent 19px),radial-gradient(circle at 74% 47%,#030405 0 15px,transparent 16px),radial-gradient(circle at 86% 65%,#030405 0 20px,transparent 21px),radial-gradient(circle at 96% 45%,#030405 0 14px,transparent 15px);filter:drop-shadow(0 18px 12px rgba(0,0,0,.4))}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.11);padding-top:18px;color:#7f8692;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:960px){
 .hero{grid-template-columns:1fr;padding-top:55px}
 .stage{min-height:430px}
 h1{font-size:clamp(68px,15vw,120px)}
}
@media(max-width:620px){
 .page{padding:22px 19px 24px}
 .status{display:none}
 .hero{gap:10px;padding-top:52px}
 .stage{min-height:330px}
 .screen{left:4%;right:0;top:14%;height:60%;border-radius:18px}
 .screen.side{display:none}
 footer{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}