:root{--c1:#6f2dbd;--c1d:#541f97;--c2:#ffeecf;--c3:#14b8a6;--c4:#1b1b1e;--c5:#f7f7fb;--txt:#1c2230;--muted:#576077}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;color:var(--txt);background:var(--c5);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--c1);text-decoration:none;transition:.2s}
a:hover{opacity:.9}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
.grid{display:grid;gap:24px}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--c1);color:#fff;border-color:var(--c1)}
.btn-primary:hover{background:var(--c1d);border-color:var(--c1d);color:#fff}
.btn-ghost{background:transparent;border-color:var(--c1);color:var(--c1)}
.badge{display:inline-flex;gap:8px;align-items:center;background:var(--c2);color:#7a5200;border:1px solid #f1d49a;padding:6px 10px;border-radius:999px;font-weight:700}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav a{font-weight:700}
.nav .menu{display:flex;gap:18px;flex-wrap:wrap}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c4) 0%,#2a2a32 55%,#111 100%);color:#fff}
.hero .inner{display:grid;gap:28px;grid-template-columns:1.1fr .9fr;padding:64px 0;align-items:center}
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:0}
.hero p{font-size:clamp(16px,2.2vw,20px);opacity:.9;margin:0}
.hero .glass{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:16px;padding:18px}
.deco{position:absolute;inset:auto auto -80px -80px;width:380px;height:380px;background:radial-gradient(closest-side at 30% 30%,rgba(111,45,189,.55),transparent 70%),conic-gradient(from 45deg at 60% 60%,rgba(20,184,166,.4),transparent 60%);filter:blur(14px)}
.section{padding:64px 0}
.section.dark{background:#0f0f15;color:#e9eef7}
.section.dark h2,.section.dark h3{color:#fff}
.card{background:#fff;border:1px solid #e8e8f1;border-radius:16px;padding:20px; color: #0a0b0e}
.card.dark{background:#16161f;border-color:#2c2c3a;color:#dfe6ff}
.kpis{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi{background:#101018;color:#cfe0ff;border:1px solid #2a2a3a;padding:18px;border-radius:14px;text-align:center}
.kpi strong{font-size:28px;display:block}
.split{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.list{display:grid;gap:14px}
.list li{display:flex;gap:10px;align-items:flex-start}
.list i{color:var(--c3);font-size:20px;line-height:1.2;margin-top:2px}
.figure{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.15)}
.cta{background:linear-gradient(135deg,var(--c1) 0%,var(--c3) 100%);color:#fff;border-radius:18px;padding:32px}
.footer{padding:36px 0;border-top:1px solid #e7e7f3;background:#fff}
.footer .cols{display:grid;gap:18px;grid-template-columns:1.2fr .8fr}
.form label{font-weight:700;display:block;margin-bottom:6px}
.form input,.form textarea,.form select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d9d9e6;background:#fff}
.form textarea{min-height:120px;resize:vertical}
.form .row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.privacy{max-width:880px;margin:0 auto}
h2{font-size:clamp(24px,3.2vw,36px);margin:0 0 14px}
h3{font-size:clamp(18px,2.4vw,24px);margin:0 0 10px}
.lead{font-size:18px;color:#e7eaf8}
.tag{font-weight:800;letter-spacing:.08em;color:#9ee6dc}
.note{font-size:14px;color:var(--muted)}
.bi{vertical-align:middle}
@media (max-width:960px){
    .hero .inner,.split{grid-template-columns:1fr}
    .kpis{grid-template-columns:repeat(2,1fr)}
    .footer .cols{grid-template-columns:1fr}
    .grid{
        grid-template-columns: minmax(0,1fr) !important;
    }
}