:root{--bg:#0d0f1a;--ink:#0e1222;--paper:#f6f7fb;--brand:#5f27cd;--brand-2:#19c4a3;--accent:#ffb703;--muted:#6b7280}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:#111}
.container{max-width:1120px;margin:0 auto;padding:0 1rem}
.narrow{max-width:840px;margin:0 auto}
.display{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.1;font-weight:800;margin:0 0 .5rem}
.display.small{font-size:clamp(1.8rem,3.2vw,3rem)}
.h2{font-size:clamp(1.3rem,2.2vw,2rem);font-weight:800;margin:.25rem 0 1rem}
.lead{font-size:1.125rem;line-height:1.7;color:#1f2937;max-width:60ch}
.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2);font-weight:700;margin:0 0 .5rem}
.text-on-dark{color:#fff}
.muted{color:var(--muted)}
.tiny{font-size:.875rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.9rem 1.1rem;font-weight:700;text-decoration:none;border:2px solid transparent}
.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn.primary:hover{opacity:.9}
.btn.subtle{background:#fff;border-color:#e5e7eb;color:#111}
.w100{width:100%}
.hero{position:relative;padding:4rem 0}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.hero-art{position:relative}
.hero-card{border-radius:1rem;overflow:hidden}
.hero-badge{position:absolute;right:-.75rem;bottom:-.75rem;background:#111;color:#fff;border-radius:.75rem;padding:.6rem .8rem;font-weight:700}
.chip{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;padding:.5rem .75rem;border-radius:999px;font-weight:700; color: #0a0d14}
.hero-quick{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.gradient-veil{background:linear-gradient(135deg,var(--ink) 0%,#141a33 55%,#1b2242 100%);position:relative;overflow:hidden}
.gradient-veil:after{content:"";position:absolute;inset:auto -10% -30% -10%;height:55%;background:radial-gradient(80% 120% at 50% 0,rgba(95,39,205,.35),rgba(25,196,163,.18) 50%,transparent 70%)}
.section{padding:3rem 0}
.light-on-dark{color:#fff}
.bg-accent{background:linear-gradient(135deg,var(--brand) 0%,#7f39ff 60%,#9b5eff 100%)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.grid-2.uneven{grid-template-columns:1.2fr .8fr}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem}
.card.feature .icon{width:56px;height:56px;display:grid;place-items:center;border-radius:.9rem;background:rgba(31,41,55,.06);color:var(--brand);font-size:1.4rem;margin-bottom:.5rem}
.split .split-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:1.5rem;align-items:center}
.frame{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.5rem}
.muted-bg{background:#f3f4f6}
.statline{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.stat{background:#fff;border:1px solid #e5e7eb;border-radius:.9rem;padding:.6rem .8rem;font-weight:700}
.stack{position:relative}
.stack .shift{position:absolute;right:-10%;bottom:-10%;transform:rotate(-2deg)}
.callout{text-align:center}
.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}
.form-section .form{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}
.form-label{display:block;font-weight:700;margin:.75rem 0 .35rem}
.input{width:100%;padding:.9rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;background:#fff}
.input:focus{outline:3px solid rgba(95,39,205,.15);border-color:var(--brand)}
.textarea{resize:vertical}
.check{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 1rem}
.list{list-style:none;margin:.75rem 0 0;padding:0}
.list li{display:flex;gap:.5rem;align-items:flex-start;margin:.35rem 0}
.list i{color:var(--brand)}
.footer{background:#0f1224;color:#e5e7eb;padding:1.25rem 0}
.footer.soft{background:#0f1224}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer .brand{font-weight:800}
.links{display:flex;gap:.9rem;flex-wrap:wrap}
.links a{color:#e5e7eb;text-decoration:none}
.links a:hover{opacity:.8}
.subhero{padding:3rem 0}
.legal h2{font-size:1.25rem;margin:1.25rem 0 .5rem}
.legal p{line-height:1.75}
.legal-cta{display:flex;gap:.75rem;margin-top:1.5rem}
.note{background:#fef3c7;border:1px solid #fde68a;border-radius:.75rem;padding:.6rem .8rem;color:#92400e;margin-top:.75rem}
.rounded{border-radius:1rem}
.shadow{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.shadow.sm{box-shadow:0 6px 18px rgba(0,0,0,.08)}
.text-center{text-align:center}
@media (max-width:960px){
    .hero-inner,.split .split-inner,.grid-2,.grid-2.uneven{grid-template-columns:1fr}
    .grid-3{grid-template-columns:1fr}
    .stack .shift{position:static;transform:none;margin-top:.75rem}
}


img{
    max-width: 100%;
}

.hero .lead, .subhero .lead{
    color: #fff;
}