:root{
  --bg:#03050b; --panel:#060912e8; --line:#42345f;
  --cyan:#31d9ff; --purple:#b65cff; --coral:#ff6b5c; --gold:#ffc63d;
  --text:#f5f4fa; --muted:#c8c5d5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;-background:
radial-gradient(circle at 50% 10%,#111a45 0,#040615 28%,#02030a 65%,#000 100%);
color:var(--text);font-family:"Rajdhani",system-ui,sans-serif;}
body:before{-content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:
linear-gradient(115deg,transparent 0 47%,rgba(125,53,255,.18) 48%,transparent 49%),
linear-gradient(65deg,transparent 0 49%,rgba(28,188,255,.12) 50%,transparent 51%);
background-size:220px 220px;mix-blend-mode:screen}
.page-shell{width:min(100%,1220px);margin:auto;overflow:hidden;-box-shadow:0 0 80px #0b0c2b}
.hero{position:relative;height:1100px;overflow:hidden;border-bottom:0px solid #24183e}
.hero-bg{position:absolute;inset:0;background:url("poster3.png") center 0%/contain no-repeat;-filter:saturate(1.12) brightness(.55)}
.hero-overlay{display:none;position:absolute;inset:0;background:
linear-gradient(#0008 0%,transparent 25%,transparent 60%,#02030ae8 92%,#02030a 100%),
radial-gradient(circle at 50% 36%,transparent 0 27%,#02030a10 48%,#02030a75 78%,#02030ad9 100%)}
.hero-top{position:relative;z-index:2;text-align:center;padding-top:45px}
.eyebrow{display:none;font:500 clamp(14px,1.6vw,24px)/1.3 Orbitron;letter-spacing:.28em}
h1{display:none;margin:20px 0 12px;font:800 clamp(50px,8vw,108px)/.9 Orbitron;letter-spacing:.08em;text-shadow:0 0 20px #8d75ff66}
.subtitle{display:none;font:500 clamp(14px,2vw,19px) Orbitron;letter-spacing:.28em;color:#d56cff}
.portal{display:none;position:absolute;z-index:2;left:50%;top:275px;transform:translateX(-50%);width:720px;height:180px;    margin-bottom: 100px;}
.portal span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid #54cfff;border-radius:50%;box-shadow:0 0 12px #55d5ff,0 0 35px #604bff}
.portal span:nth-child(1){width:720px;height:170px}.portal span:nth-child(2){width:560px;height:125px;border-color:#8769ff}
.portal span:nth-child(3){width:400px;height:90px}.portal span:nth-child(4){width:210px;height:48px;border-color:#c991ff}
.cards-stage{position:absolute;z-index:3;left:50%;bottom:100px;transform:translateX(-50%);width:88%;height:390px;perspective:1200px}
.card{position:absolute;bottom:0;width:205px;filter:drop-shadow(0 0 18px #000) drop-shadow(0 0 12px currentColor);transition:.35s ease}
.card img{width:100%;display:block;border-radius:7px}
.c1{left:6%;transform:rotate(-11deg);color:#ff5e48}
.c2{left:23%;transform:rotate(-5deg);color:#40d8ff;margin-bottom: 33px;}
.c3{left:40%;transform:rotate(0deg);color:#e09452;z-index:3;    margin-bottom: 46px;}
.c4{left:57%;transform:rotate(5deg);color:#b65cff;    margin-bottom: 33px;}
.c5{left:74%;transform:rotate(11deg);color:#ff5e48;z-index: -1;}
.c1:hover{transform:translateY(-24px) scale(1.03) rotate(-11deg);-z-index:9}
.c2:hover{transform:translateY(-24px) scale(1.03) rotate(-5deg);-z-index:9}
.c3:hover{transform:translateY(-24px) scale(1.03) rotate(0deg);-z-index:9}
.c4:hover{transform:translateY(-24px) scale(1.03) rotate(5deg);-z-index:9}
.c5:hover{transform:translateY(-24px) scale(1.03) rotate(11deg);-z-index:9}
main{position:relative;z-index:4;margin-top:-60px;padding:0 34px 34px;background:linear-gradient(#02030a,#03040a)}
.panel{position:relative;margin:60px 0;padding:28px 30px;background:linear-gradient(180deg,#080a14f2,#05070df5);border:1px solid #493461;clip-path:polygon(2% 0,98% 0,100% 9%,100% 91%,98% 100%,2% 100%,0 91%,0 9%);box-shadow:inset 0 0 40px #17113466}
.panel:after{content:"";position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,#4dcfff,#c869ff,#ffae48,transparent)}
h2{text-align:center;margin:0 0 26px;font:600 clamp(17px,2vw,27px) Orbitron;letter-spacing:.27em}
.flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center;text-align:center}
.flow-grid article,.mechanics article,.champions-grid article{min-width:0}.flow-grid p,.mechanics p,.champions-grid p{font-size:18px;line-height:1.25;color:#eee;margin:7px 0 0}
h3{color:white !important;margin:8px 0 0;font:700 19px Orbitron}.icon{font-size:42px;text-shadow:0 0 16px currentColor}.arrow{font-size:46px;color:#c676ff}.gold{color:var(--gold)!important}.orange{color:#ff9e39}.violet{color:#c66cff}.coral{color:var(--coral)}.cyan{color:var(--cyan)}.purple{color:var(--purple)}
.mechanics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}.round{font-size:45px}.mechanics article{padding:0 14px;border-right:1px solid #342942}.mechanics article:last-child{border-right:0}
.cyan-t{color:var(--cyan)}.purple-t{color:var(--purple)}.coral-t{color:var(--coral)}.gold-t{color:var(--gold)}
.champions-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:18px;align-items:center;text-align:center}.mini{font-size:42px}.product-mock{height:160px;position:relative}.box{position:absolute;right:30px;top:4px;width:135px;height:120px;display:grid;place-items:center;background:linear-gradient(145deg,#171326,#05050a);border:1px solid #6e5b89;transform:skewY(-7deg);font:700 16px Orbitron;box-shadow:0 0 28px #7b3bff55}.stack{position:absolute;left:15px;bottom:8px;width:130px;height:28px;border-radius:50%;background:repeating-linear-gradient(#3d3153 0 3px,#111 3px 6px);box-shadow:0 0 18px #8a49ff66}
.cta{text-align:center;padding:34px 10px 30px}.cta .small{font:600 clamp(20px,2.4vw,34px) Orbitron;letter-spacing:.12em}.cta .big{margin-top:12px;font:800 clamp(42px,6vw,84px)/1 Orbitron;color:#ba6dff;text-shadow:0 0 8px #d694ff,0 0 24px #7d2fff,4px 4px 0 #4b1a66}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px 50px 30px;border:1px solid #3b3551;border-bottom:0;background:#050710;text-align:center;font:600 21px Orbitron;letter-spacing:.05em}footer small{font:500 15px Rajdhani}
.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .hero{height:760px}.portal{top:205px;width:580px}.portal span:nth-child(1){width:580px}.cards-stage{height:310px;width:96%}.card{width:170px}
  .c1{left:2%}.c2{left:21%}.c3{left:40%}.c4{left:59%}.c5{left:78%}
  .flow-grid{grid-template-columns:1fr 1fr}.arrow{display:none}.mechanics{grid-template-columns:repeat(2,1fr)}.mechanics article{border-right:0}
  .champions-grid{grid-template-columns:repeat(2,1fr)}.product-mock{grid-column:1/-1}
}
@media(max-width:620px){
  .hero{height:650px}.hero-top{padding-top:26px}.portal{top:175px;transform:translateX(-50%) scale(.68)}
  .cards-stage{height:260px}.card{width:122px}.c1{left:1%}.c2{left:19%}.c3{left:38%}.c4{left:57%}.c5{left:76%}
  main{padding:0 12px 20px}.panel{padding:24px 15px}.flow-grid,.mechanics,.champions-grid{grid-template-columns:1fr}.mechanics article{padding-bottom:18px}
  footer{grid-template-columns:1fr;padding:20px;font-size:16px}
}