/* ===== Variant BRAND — emblemaga moslangan (red→purple gradient identity) ===== */
/* baik-base.css is linked separately in _Layout (before this file) for cache-busting */
:root{
  --font-head:'Manrope',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --head-tracking:-.02em;

  /* core palette from the emblem */
  --brand:#5B3A93; --brand-2:#6E47AE; --accent:#E5422B; --on-brand:#fff; --brand-ink:#3E2A78;
  --grad:linear-gradient(100deg,#E5422B 0%,#C0357A 42%,#7B3D96 70%,#3E2A78 100%);

  --bg:#ffffff; --surface:#ffffff; --surface-2:#F8F4F7;
  --text:#221A2E; --muted:#6B6378; --border:#ECE5F0; --border-strong:#D9CEE6;
  --num-color:#F0EAF6; --card-hover-border:#CBB9E4;

  --btn-radius:12px; --card-radius:18px;
  --btn-shadow:0 10px 24px -10px rgba(91,58,147,.55);
  --card-shadow:0 1px 2px rgba(34,26,46,.04);
  --card-shadow-hover:0 22px 42px -22px rgba(91,58,147,.42);
  --ic-bg:#F4EDF9; --ic-border:#E9DCF3;
  --shadow-lg:0 30px 62px -28px rgba(62,42,120,.5);

  --header-bg:rgba(255,255,255,.84); --header-border:#EFE9F4; --logo-color:#241B33;

  /* hero — light, warm red+purple glow echoing the emblem */
  --hero-bg:
    radial-gradient(820px 460px at 82% 4%,rgba(229,66,43,.10) 0%,rgba(229,66,43,0) 55%),
    radial-gradient(760px 540px at 98% 26%,rgba(91,58,147,.16) 0%,rgba(91,58,147,0) 62%),
    linear-gradient(180deg,#FCFAFC 0%,#ffffff 72%);
  --hero-text:#221A2E; --hero-muted:#5C5470; --hero-divider:#EFE9F4;
  --hero-chip-bg:#fff; --hero-chip-border:#EADFF1;
  --orb:radial-gradient(circle at 30% 28%,#E5573E 0%,#B0357C 48%,#3E2A78 100%);
  --glass-bg:rgba(255,255,255,.74); --glass-border:rgba(255,255,255,.92); --glass-text:#2A2042;

  /* dark "Базис" + cta + footer */
  --dark-bg:linear-gradient(140deg,#3A2768 0%,#2A1E50 100%); --dark-text:#fff;
  --dark-card:rgba(255,255,255,.06); --dark-border:rgba(255,255,255,.14); --dark-muted:rgba(255,255,255,.74);
  --cta-bg:var(--grad);
  --footer-bg:#241A33; --footer-text:#EFEAF6; --footer-muted:#A79FBE;
  --footer-border:rgba(255,255,255,.1); --footer-logo:#fff;
}

/* gradient brand signature */
.site-header{border-top:3px solid;border-image:linear-gradient(90deg,#E5422B,#B0357C,#3E2A78) 1}
.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary{background:var(--grad);background-size:140% 100%;background-position:0 0;transition:background-position .35s ease,transform .2s ease}
.btn-primary:hover{background-position:100% 0;transform:translateY(-2px)}
.eyebrow{color:var(--accent)}
.kicker{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-dark .kicker{background:none;color:#F0A38F;-webkit-text-fill-color:#F0A38F}
.dir-num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.18}