@font-face { font-family: Ubuntu; src: url('/newd/assets/fonts/ubuntu-400-normal-cyrillic.woff2') format('woff2'); font-display: swap; font-weight: 400; }
@font-face { font-family: Unbounded; src: url('/newd/assets/fonts/unbounded-200-900-normal-cyrillic.woff2') format('woff2'); font-display: swap; font-weight: 200 900; }

:root {
  --platform-ink: #17151d;
  --platform-muted: #68636f;
  --platform-accent: #ff4d45;
  --platform-surface: #f4f1f6;
  --platform-line: #ddd7e2;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--platform-ink); background: #fff; font-family: Ubuntu, Arial, sans-serif; }
a { color: inherit; }
.platform-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.platform-header { border-bottom: 1px solid var(--platform-line); background: rgba(255,255,255,.96); }
.platform-header__inner { min-height: 82px; display: flex; align-items: center; gap: 32px; }
.platform-logo img { display: block; width: 176px; height: auto; }
.platform-logo { display: inline-block; background: #111; border-radius: 8px; padding: 10px; }
.platform-nav { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
.platform-nav a { text-decoration: none; font-weight: 500; }
.platform-nav a:hover, .platform-nav a:focus-visible { color: var(--platform-accent); }
.platform-cta { padding: 12px 20px; border-radius: 999px; color: #fff !important; background: var(--platform-accent); }
.platform-hero { padding: clamp(72px, 10vw, 138px) 0 84px; background: radial-gradient(circle at 85% 20%, #f5dad8 0, transparent 28%), linear-gradient(135deg, #faf8fb, #fff); }
.platform-kicker { margin: 0 0 18px; color: var(--platform-accent); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.platform-hero h1 { max-width: 920px; margin: 0; font-family: Unbounded, Arial, sans-serif; font-size: clamp(38px, 6vw, 76px); line-height: 1.04; letter-spacing: -.04em; overflow-wrap: anywhere; hyphens: auto; }
.platform-lead { max-width: 760px; margin: 30px 0 0; color: var(--platform-muted); font-size: clamp(19px, 2.2vw, 26px); line-height: 1.45; }
.platform-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.platform-button { display: inline-block; padding: 15px 24px; border: 1px solid var(--platform-ink); border-radius: 999px; text-decoration: none; font-weight: 700; }
.platform-button--primary { border-color: var(--platform-accent); color: #fff; background: var(--platform-accent); }
.platform-section { padding: 88px 0; }
.platform-section--soft { background: var(--platform-surface); }
.platform-section h2 { max-width: 760px; margin: 0 0 34px; font-family: Unbounded, Arial, sans-serif; font-size: clamp(28px, 4vw, 48px); line-height: 1.12; }
.platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.platform-card { min-height: 210px; padding: 28px; border: 1px solid var(--platform-line); border-radius: 24px; background: #fff; }
.platform-card h3 { margin: 0 0 14px; font-size: 22px; }
.platform-card p { margin: 0; color: var(--platform-muted); font-size: 17px; line-height: 1.55; }
.platform-note { max-width: 900px; padding: 26px 30px; border-left: 4px solid var(--platform-accent); background: #fff; color: var(--platform-muted); line-height: 1.6; }
.platform-links { display: flex; flex-wrap: wrap; gap: 12px; }
.platform-links a { padding: 11px 16px; border: 1px solid var(--platform-line); border-radius: 999px; text-decoration: none; }
.platform-links a[aria-current="page"] { border-color: var(--platform-accent); color: var(--platform-accent); }
.platform-footer { padding: 34px 0; color: #fff; background: var(--platform-ink); }
.platform-footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; }
.platform-footer a { color: #fff; }
@media (max-width: 820px) { .platform-header__inner { padding: 18px 0; align-items: flex-start; flex-wrap: wrap; } .platform-nav { width: 100%; gap: 12px; justify-content: flex-start; } .platform-nav a:not(.platform-cta) { display: inline-block; } .platform-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .platform-shell { width: min(100% - 28px, 1180px); } .platform-logo img { width: 142px; } .platform-cta { padding: 10px 14px; } }