@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
:root {
  --c-accent: #67A4F7;
  --c-brand: #4C72C9;
  --c-brand-deep: #2658AE;
  --c-brand-shadow: #3A598E;
  --c-sky: #B4CAEB;
  --c-sky-light: #D2E4FB;
  --c-ink: #333237;
  --c-ink-2: #28282B;
  --c-card-dark: #1E1E22;
  --c-gray: #78787C;
  --c-line: #C7C7C9;
  --c-field: #ECECEE;
  --c-white: #ffffff;
  --bg-page: #ffffff;
  --bg-soft: #F5F8FD;
  --bg-dark: #333237;
  --c-success: #25D266;
  --c-telegram: #00A2F2;
  --c-viber: #7460F3;
  --c-instagram: #E1306C;
  --font-main: "Manrope", system-ui, sans-serif;
  --font-head: "Manrope", system-ui, sans-serif;
  --fw-light: 300; --fw-reg: 400; --fw-med: 500; --fw-semi: 600; --fw-bold: 700; --fw-x: 800;
  --lh-tight: 1.14;
  --lh-base: 1.55;
  --fz-hero: clamp(2.1rem, 3.7vw, 3.5rem);
  --fz-h2: clamp(1.55rem, 2.5vw, 2.25rem);
  --fz-h3: clamp(1.2rem, 1.9vw, 1.6rem);
  --fz-lead: clamp(1rem, 1.25vw, 1.15rem);
  --fz-body: clamp(.95rem, 1vw, 1.05rem);
  --fz-small: 0.84rem;
  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-5: 3rem; --sp-6: 4rem; --sp-8: 6rem;
  --section-y: clamp(3.5rem, 7vw, 7rem);
  --container: 1340px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);
  --r-pill: 100px; --r-xl: 25px; --r-lg: 20px; --r-md: 15px;
  --r-sm: 10px; --r-xs: 5px; --r-round: 50%;
  --sh-card: 0 16px 60px rgba(76,114,201,0.08);
  --sh-soft: 0 0 40px rgba(120,120,124,0.10);
  --sh-cta: 0 20px 60px rgba(76,114,201,0.25), 0 4px 0 var(--c-brand-shadow), inset 0 0 15px rgba(210,228,251,0.4);
  --sh-float: 0 5px 54px rgba(51,50,55,0.18);
  --grad-cta: linear-gradient(to top, #4C72C9 0%, #67A4F7 99%);
  --grad-light: linear-gradient(to top, #B4CAEB 0%, #D2E4FB 100%);
  --grad-line: linear-gradient(to right, #2658AE 0%, #67A4F7 100%);
  --grad-hero: radial-gradient(60% 80% at 72% 18%, rgba(180,202,235,0.45), transparent 70%);
  --tr-base: .35s ease; --tr-fast: .2s ease;
}