*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
    --brand:#6f3cff;
    --brand-2:#00c2a8;
    --ink:#1b2230;
    --muted:#5b6374;
    --bg:#f6f7fb;
    --bg-dark:#12141a;
    --paper:#ffffff;
    --accent:#ffd166;
    --danger:#ff5a5f;
}
body{font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{margin:0 0 .6rem 0;line-height:1.2;font-weight:800}
p{margin:0 0 1rem 0}
a{text-decoration:none;color:var(--brand)}
a:hover{opacity:.85}
.btn{display:inline-block;border:0;border-radius:14px;padding:14px 20px;font-weight:800;letter-spacing:.2px;background:var(--brand);color:#fff;transition:.2s}
.btn.alt{background:var(--brand-2)}
.btn.ghost{background:transparent;color:var(--brand);border:2px solid var(--brand)}
.btn:focus{outline:2px solid var(--accent);outline-offset:2px}
.section{padding:64px 0}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr;gap:28px}
.grid-3{grid-template-columns:1fr;gap:28px}
@media(min-width:768px){.grid-2{grid-template-columns:1.2fr .8fr}.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--paper);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(17,21,33,.06)}
.badge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 12px;background:rgba(0,194,168,.12);color:var(--brand-2);font-weight:800}
.kicker{color:var(--brand-2);font-weight:800;letter-spacing:.3px;text-transform:uppercase;font-size:.9rem}
.muted{color:var(--muted)}
.hero{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--bg-dark),#1a1f2b 55%,#262a37)}
.hero::after{content:"";position:absolute;inset:-20% -10% auto auto;width:60vw;max-width:860px;aspect-ratio:1/1;background:radial-gradient(closest-side,rgba(111,60,255,.35),transparent 70%),conic-gradient(from 200deg at 50% 50%,rgba(0,194,168,.35),transparent 60%);filter:blur(30px);z-index:-1;opacity:.7}
.hero-wrap{color:#fff}
.hero h1{font-size:clamp(34px,6vw,56px)}
.hero p{color:#e4e7f0;max-width:62ch}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-figure{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-figure img{display:block;width:100%;height:auto}
.list{display:grid;gap:14px}
.list li{list-style:none;display:flex;gap:10px;align-items:flex-start}
.list .bi{color:var(--brand-2);font-size:1.1rem;transform:translateY(3px)}
.feature{display:flex;gap:16px}
.feature .icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(111,60,255,.12);color:#6f3cff}
.split{display:grid;gap:28px}
@media(min-width:992px){.split{grid-template-columns:1fr 1fr}}
.figure{border-radius:16px;overflow:hidden}
.figure img{width:100%;height:auto;display:block}
.form{display:grid;gap:16px}
input,textarea{width:100%;border:1.5px solid #e2e5ee;border-radius:12px;background:#fff;padding:14px 16px;font:inherit}
textarea{min-height:140px;resize:vertical}
input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(111,60,255,.15)}
.label{font-weight:800}
.footer{background:#0f1219;color:#c9cedd}
.footer a{color:#c9cedd}
.footer .brand{font-weight:900;letter-spacing:.3px}
.footer .legal{display:flex;gap:18px;flex-wrap:wrap}
.tag{display:inline-block;padding:6px 10px;border-radius:10px;background:rgba(255,209,102,.2);color:#312400;font-weight:800}
.strip{background:linear-gradient(90deg,rgba(0,194,168,.15),rgba(111,60,255,.15))}
.figure-tilt{transform:rotate(-1.8deg)}
.small{font-size:.95rem}
.hero{
    overflow:hidden;
}