.hero{padding:64px 0 96px;background:radial-gradient(1200px 600px at 100% -10%,rgba(132,228,172,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(139,4,245,.10),transparent 60%)}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.hero{padding:40px 0 64px}}
.hero h1{margin-bottom:24px}
.hero-sub{font-size:20px;color:var(--text);margin-bottom:32px;max-width:580px}
@media(max-width:600px){.hero-sub{font-size:17px}}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hero-actions .btn{width:auto}
@media(max-width:480px){.hero-actions{align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}}
.hero-trust{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}

.hero-visual{position:relative;aspect-ratio:5/4;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1a0033,#3b0a6b);box-shadow:0 30px 80px rgba(20,20,20,.18)}
@media(max-width:600px){.hero-visual{aspect-ratio:16/10;border-radius:16px}}
.hero-visual video{width:100%;height:100%;object-fit:cover;display:block}
.hero-visual-overlay{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;z-index:2}