@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap');
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
.hero{min-height:100vh;background:#0b1d36;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;z-index:0;}
.hero-glow-top{position:absolute;width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(26,86,196,0.22) 0%,transparent 65%);top:-15%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0;}
.hero-inner{max-width:880px;width:100%;text-align:center;position:relative;z-index:1;padding:9rem 2rem 4rem;box-sizing:border-box;}
.hero h1{font-family:'Lexend',sans-serif;font-size:clamp(3.2rem,6.5vw,6.8rem);font-weight:800;line-height:1.06;letter-spacing:-2px;color:#fff;margin-bottom:1.5rem;animation:up 0.65s ease 0.1s both;}
.hero h1 .outline{display:block;color:transparent;-webkit-text-stroke:2px rgba(111,168,255,0.75);}
.hero h1 .blue{display:block;color:#6fa8ff;}
.hero-sub{font-family:'Lexend',sans-serif;font-size:1rem;font-weight:300;color:rgba(255,255,255,0.48);max-width:480px;margin:0 auto 2.5rem;line-height:1.8;animation:up 0.65s ease 0.2s both;}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:up 0.65s ease 0.3s both;}
.hbtn-hero-solid{padding:0.9rem 2.25rem;background:#fff;color:#0b1d36;font-family:'Lexend',sans-serif;font-size:0.82rem;font-weight:600;text-decoration:none;transition:0.25s;letter-spacing:0.2px;display:inline-block;}
.hbtn-hero-solid:hover{background:#e8f0ff}
.hbtn-hero-ghost{padding:0.9rem 2.25rem;background:transparent;color:rgba(255,255,255,0.6);font-family:'Lexend',sans-serif;font-size:0.82rem;font-weight:400;text-decoration:none;border:1px solid rgba(255,255,255,0.18);transition:0.25s;display:inline-block;}
.hbtn-hero-ghost:hover{border-color:rgba(255,255,255,0.45);color:#fff}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border:1px solid rgba(255,255,255,0.08);animation:up 0.65s ease 0.4s both;width:100%;}
.hero-st{padding:1.5rem;border-right:1px solid rgba(255,255,255,0.08);transition:background 0.3s;}
.hero-st:last-child{border-right:none}
.hero-st:hover{background:rgba(255,255,255,0.03)}
.hero-sn{font-family:'Lexend',sans-serif;font-size:2.2rem;font-weight:800;color:#fff;line-height:1;}
.hero-sn em{font-style:normal;color:#6fa8ff;font-size:1.1rem}
.hero-sl{font-family:'Lexend',sans-serif;font-size:0.58rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-top:0.3rem;font-weight:400;}
@media(max-width:900px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-st:nth-child(2){border-right:none}.hero-st:nth-child(1),.hero-st:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.08)}}
@media(max-width:600px){.hero-inner{padding:7rem 1.5rem 3rem}.hero h1{font-size:clamp(2.8rem,10vw,4.5rem);letter-spacing:-1px}.hero-btns{flex-direction:column;align-items:center}.hbtn-hero-solid,.hbtn-hero-ghost{width:100%;max-width:280px;text-align:center}}