:root{
  --brand:#16a34a;--ink:#1f1b2d;--muted:#6b6a75;--surface:#f4f1ff;--card:#ffffff;--border:#e9e7ff;--cta:#16a34a;
  --ring:rgba(34,197,94,.35);--shadow:0 12px 30px rgba(31,27,45,.08);
  --bg:#ffffff;
}
[data-theme="dark"]{
  --bg:#0e0e14;--ink:#e8e6ff;--muted:#b5b3d6;--surface:#161625;--card:#121222;--border:#2a2a3d;--shadow:0 12px 30px rgba(3,3,8,.6);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--bg:#0e0e14;--ink:#e8e6ff;--muted:#b5b3d6;--surface:#161625;--card:#121222;--border:#2a2a3d;--shadow:0 12px 30px rgba(3,3,8,.6);}
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink)}.brand img{width:34px;height:34px;border-radius:999px}.brand span{font-weight:800;letter-spacing:.2px}
.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{padding:10px 12px;border-radius:12px;color:var(--ink)}.navlinks a:hover{background:rgba(100,100,180,.08)}
.lang{display:inline-flex;gap:8px;margin-left:8px;align-items:center}
.menu-btn{display:none;border:1px solid var(--border);padding:8px 10px;border-radius:12px;background:transparent;color:var(--ink)}
.theme{border:1px solid var(--border);padding:8px 10px;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer}
@media (max-width:920px){.menu-btn{display:inline-block}.navlinks{position:fixed;inset:64px 0 auto 0;background:var(--bg);display:none;box-shadow:var(--shadow);border-bottom:1px solid var(--border);padding:12px}.navlinks.open{display:block}.navlinks a{display:block}}
.hero{padding:54px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(28px,5vw,54px);line-height:1.1;margin:0 0 10px}.hero p.lead{color:var(--muted);font-size:clamp(16px,2.1vw,18px)}
.cta{display:inline-block;background:var(--cta);color:#fff;padding:14px 20px;border-radius:14px;font-weight:700;box-shadow:0 8px 22px rgba(22,163,74,.25)}
.cta.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}
.hero-visual{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.surface{background:var(--surface)}.section{padding:56px 0}.section h2{margin:0 0 18px;font-size:clamp(22px,3.6vw,32px)}
.grid{display:grid;gap:18px}.grid.cols-2{grid-template-columns:1.2fr .8fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:1fr}.grid.cols-3{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:20px}
.card .title{font-weight:800;margin:6px 0 6px}.card p{margin:0;color:var(--muted)}
.icon{width:44px;height:44px;border-radius:14px;background:#efeefe;display:inline-grid;place-items:center;font-weight:800;color:#6b5dde}
.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;padding:12px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--ring);border-color:var(--brand)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.form .row{grid-template-columns:1fr}}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--border);box-shadow:0 -10px 30px rgba(31,27,45,.08);padding:14px 16px;z-index:60}
.cookie-banner .row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cookie-banner p{margin:0;color:var(--muted)}.cookie-actions{display:flex;gap:10px}
.cookie-btn{border:1px solid var(--border);background:transparent;color:var(--ink);padding:10px 12px;border-radius:12px;cursor:pointer}.cookie-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.cookie-link{text-decoration:underline}
.modal{position:fixed;inset:0;background:rgba(5,5,15,.6);display:none;align-items:center;justify-content:center;z-index:70}.modal.open{display:flex}.modal .panel{background:var(--bg);color:var(--ink);width:min(620px,92vw);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}
.modal header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal .body{padding:16px}.switch{display:flex;align-items:center;gap:10px}
footer{background:var(--bg);border-top:1px solid var(--border);margin-top:40px}.foot{display:flex;justify-content:space-between;gap:12px;padding:18px 0;flex-wrap:wrap;color:var(--muted)}.foot a{color:#8aa6ff}
.badge{display:inline-block;background:#ecfeff;color:#0f766e;border:1px solid #a5f3fc;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:6px}
.fab{position:fixed;right:16px;bottom:18px;background:#25D366;color:#fff;border-radius:999px;padding:14px 18px;text-decoration:none;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.2);z-index:50}