*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
    --primary:#6e59ff;
    --primary-700:#4c3bd9;
    --accent:#ff7b54;
    --ink:#0f1225;
    --ink-2:#1b2040;
    --paper:#f5f7ff;
    --muted:#6b7280;
    --ring:rgba(110,89,255,.25)
}
body{font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;font-weight:500}
a{color:var(--primary);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto;vertical-align:middle;border-radius:12px}
.container{width:100%;max-width:1120px;margin:0 auto;
    padding-left: 20px;
    padding-right: 20px;}
.grid{display:grid;gap:24px}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid var(--primary);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font-weight:900;letter-spacing:.3px;color:var(--ink)}
.navlinks{display:flex;gap:18px;flex-wrap:wrap}
.navlinks a{padding:8px 10px;border-radius:10px;color:var(--ink)}
.navlinks a.active{background:var(--ink);color:#fff}
.hero{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 60%,var(--primary-700) 100%);color:#fff;position:relative;overflow:hidden}
.hero .wrap{padding:72px 0;display:grid;gap:28px}
.kicker{color:#c9d1ff;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.display{font-size:clamp(32px,5.5vw,56px);line-height:1.1;font-weight:900;margin:6px 0 10px}
.lead{font-size:clamp(16px,2.4vw,20px);opacity:.95}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px}
.card{background:#fff;border:1px solid #eef0ff;border-radius:16px;padding:22px}
.card.dark{background:#0f1225;color:#e7e9ff;border-color:#2a2f55}
.section{padding:56px 0}
.section.alt{background:#fff}
.section.dark{background:linear-gradient(180deg,#0f1225 0%,#14183a 100%);color:#e7e9ff}
.h2{font-size:clamp(22px,3.5vw,34px);line-height:1.2;font-weight:900;margin:0 0 10px}
.h3{font-size:20px;font-weight:800;margin:0 0 8px}
.p{margin:0 0 12px;color:var(--ink)}
.meta{color:var(--muted);font-size:14px}
.list{display:grid;gap:14px}
.split{display:grid;gap:24px}
@media(min-width:900px){.split{grid-template-columns:1.1fr .9fr}}
.icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--paper);border:1px solid #e6e9ff}
.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#111;padding:6px 10px;border-radius:999px;font-weight:800}
.input,.textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #d7dbff;background:#fff;font-size:16px}
.textarea{min-height:140px;resize:vertical}
.input:focus,.textarea:focus{outline:0;box-shadow:0 0 0 6px var(--ring);border-color:var(--primary)}
.form-row{display:grid;gap:16px}
@media(min-width:720px){.form-row{grid-template-columns:1fr 1fr}}
.footer{background:#0b0e1f;color:#d5d8ff}
.footer a{color:#cdd2ff}
.footer .foot-wrap{padding:26px 0;display:grid;gap:12px}
.hr{height:1px;background:#e9ecff;opacity:.6;margin:16px 0}
.shadow{box-shadow:0 10px 30px rgba(15,18,37,.18)}
.decor{position:absolute;inset:auto auto -40px -40px;width:240px;height:240px;background:radial-gradient(120px 120px at 70% 30%,rgba(255,255,255,.4),transparent 60%),conic-gradient(from 10deg,var(--accent),transparent 40%);filter:blur(8px);opacity:.35;border-radius:50%}
.small{font-size:13px}

@media screen and (max-width: 767px) {
    .grid,.kpi{
        grid-template-columns: minmax(0,1fr) !important;
    }
    .navlinks{
        display: none;
    }
}