:root{--ink:#152126;--paper:#fcfcfd;--muted:#6b7a86;--brand:#5b5fe9;--brand2:#06b6d4;--accent:#ffe28a;--dark:#0e1216;--ok:#16a34a;--warn:#e11d48}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
.wrap{max-width:1120px;margin:0 auto;padding:24px}
h1,h2,h3{line-height:1.2;margin:0 0 .5rem}
.lead{font-size:1.125rem;color:var(--muted)}
.xs{font-size:.825rem}
.muted{color:var(--muted)}
.brand{font-weight:700;letter-spacing:.3px;color:var(--ink);text-decoration:none}
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.85rem 1.1rem;border-radius:.75rem;border:1px solid transparent;font-weight:700;text-decoration:none}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff}
.btn.contrast{background:#111827;color:#fff}
.btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
input,textarea{width:100%;padding:.9rem 1rem;border-radius:.7rem;border:1px solid #d7dce1;background:#fff;color:var(--ink)}
label{display:block;font-weight:600;margin-bottom:.75rem}
.frm label{margin-bottom:1rem}
.hero{position:relative}
.hero .wrap{display:grid;gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero.gradient{background:linear-gradient(135deg,var(--dark) 0%,#1b2430 45%,#0c1225 100%);color:#e5ecf3;overflow:hidden}
.hero h1{font-size:2.4rem}
.hero .lead{color:#c9d2da}
.hero .hero-col{align-self:center}
.hero .card{background:#0b1220;border:1px solid #1f2a44;border-radius:16px;padding:20px;color:#e5ecf3}
.hero .card.light{background:#0c1324}
.hero .xs{opacity:.9}
.hero .chip{display:inline-flex;align-items:center;gap:.5rem;background:#0f1831;border:1px solid #1f2a44;border-radius:999px;padding:.4rem .75rem;margin:.25rem 0;margin-right:.5rem}
.hero .chip i{color:var(--accent)}
.blob{position:absolute;inset:-20% -10% auto auto;width:60vmax;height:60vmax;background:radial-gradient(closest-side at 30% 30%,rgba(91,95,233,.35),transparent 60%),radial-gradient(closest-side at 70% 70%,rgba(6,182,212,.25),transparent 55%);filter:blur(40px);pointer-events:none}
.subhero{background:linear-gradient(135deg,#0f172a 0%,#111827 100%);color:#e5ecf3}
.subhero .wrap{padding:48px 24px;text-align:center}
.slice{padding:56px 0}
.slice.light{background:var(--paper);color:var(--ink)}
.slice.dark{background:#0f172a;color:#e5ecf3}
.slice.accent{background:linear-gradient(90deg,#fafafa,#eef7ff)}
.grid3{display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}
.box{background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:18px}
.box .icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(90deg,var(--brand),var(--brand2));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:10px}
.cols{display:grid;gap:24px;grid-template-columns:1fr}
.cols.rev{direction:rtl}
.cols.rev>*{direction:ltr}
.rounded{border-radius:14px;display:block;width:100%;height:auto}
.cta{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#0f172a;color:#e5ecf3;border-radius:16px;border:1px solid #1f2937;padding:22px}
.cards{display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}
.cards .card{background:#0f172a;border:1px solid #1f2937;border-radius:16px;color:#dbe3ea;padding:0;overflow:hidden}
.cards .card img{display:block;width:100%;height:180px;object-fit:cover}
.cards .card h3{padding:14px 16px 0}
.cards .card p{padding:0 16px 16px;color:#b9c4cf}
.ticks{margin:0;padding:0 0 0 1.2rem}
.ticks li{margin:.4rem 0}
.footer{background:#0b0f1a;color:#9aa4af}
.footer .footgrid{display:grid;gap:16px;grid-template-columns:1fr}
.footer a{color:#e5ecf3;text-decoration:none}
.footer .links{display:flex;gap:14px;flex-wrap:wrap}
.legal h2{margin-top:1.2rem}
.legal p{margin:.6rem 0}
@media(min-width:800px){
    .grid3{grid-template-columns:repeat(3,1fr)}
    .cols{grid-template-columns:1.15fr .85fr}
    .cards{grid-template-columns:repeat(3,1fr)}
    .cta{padding:26px 32px}
    .hero h1{font-size:3rem}
}