/* Hero */
.hero{position:relative;margin-top:calc(var(--hh)*-1);padding-top:var(--hh);min-height:min(78vh,680px);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(4,6,15,.92),rgba(4,6,15,.55)),radial-gradient(70% 55% at 20% 55%,rgba(11,63,204,.4),transparent 70%),radial-gradient(50% 45% at 88% 24%,rgba(255,46,77,.25),transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:40px;padding-bottom:60px}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,46,77,.12);border:1px solid rgba(255,46,77,.4);color:#FF6B80;font-size:13px;font-weight:600;margin-bottom:18px}
.hero h1{font-size:clamp(34px,5.4vw,64px);line-height:1.12;font-weight:700;letter-spacing:-.5px}
.t-blue{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-red{background:var(--hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:18px 0 28px;color:var(--text2);font-size:17px;max-width:520px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .cta .btn{height:50px;padding:0 28px;font-size:16px}
.art{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line2);aspect-ratio:2052/1024;
  background:linear-gradient(135deg,#0c2a78,#1a1f4d 50%,#4b123a);box-shadow:0 40px 90px -30px rgba(2,6,23,.95),0 0 60px -10px rgba(46,123,255,.45);
  transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:.5s;display:grid;place-items:center;color:var(--text2);font-size:15px}
.art:hover{transform:perspective(1400px) rotateY(-2deg) translateY(-6px)}
.art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(53,229,255,.22),transparent 34%,transparent 66%,rgba(255,46,77,.22));mix-blend-mode:screen;pointer-events:none}

/* Stats */
.stats{border-block:1px solid var(--line);background:rgba(11,18,38,.6)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-block:22px}
.stat{text-align:center}
.stat b{display:block;font-family:'Chakra Petch',sans-serif;font-size:30px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--dim);font-size:14px}