/* bitrix24.css — page-specific (deferred). */

/* Offset the sticky header when jumping to the request form. */
#bx-form { scroll-margin-top: 90px; }

.hero-bitrix { min-height: 480px; justify-content: center; text-align: center; }
.hero-bitrix .hero-media__inner { max-width: 820px; }
.hero-bitrix__scrim { background: linear-gradient(180deg, oklch(0.16 0.02 255 / 0.15) 0%, oklch(0.14 0.02 255 / 0.35) 65%, oklch(0.12 0.02 255 / 0.6) 100%); }
.hero-bitrix__kicker { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.14em; color: #fff; text-transform: uppercase; text-shadow: 0 2px 16px rgba(0,0,0,.4); }
.hero-bitrix__title { font-family: var(--f-head); font-size: clamp(3.5rem, 14vw, 6rem); line-height: 0.95; font-weight: 700; color: #fff; margin: 0.5rem 0 0; letter-spacing: -0.03em; text-shadow: 0 4px 30px rgba(0,0,0,.4); }
.hero-bitrix .hero-media__lead { margin-inline: auto; text-align: center; }
.hero-bitrix .hero-media__actions { flex-wrap: wrap; justify-content: center; }

.hero-stats { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: center; margin: 2.25rem 0 0; padding: 0; list-style: none; }
.hero-stats li { display: flex; align-items: center; gap: 0.625rem; color: #fff; font-size: 0.9375rem; font-weight: 500; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.hero-stats i { font-size: 1.125rem; }

@media (min-width: 641px) { .hero-bitrix { min-height: 600px; } }

/* Left-aligned intro paragraph under a centred heading */
.lead-para { font-size: 1.0625rem; line-height: 1.75; color: oklch(0.35 0.02 255); margin: 1.375rem auto 0; max-width: 900px; text-align: left; }

/* Why-choose columns */
.why-cols__title { font-family: var(--f-head); font-size: 1.125rem; font-weight: 700; color: oklch(0.55 0.13 235); }
.why-cols__text { font-size: 0.9375rem; line-height: 1.65; color: oklch(0.4 0.02 255); margin-top: 0.75rem; }

/* Free-trial callout */
.trial { max-width: 720px; margin: 0 auto; border: 1.5px dashed var(--c-brand); border-radius: 20px; padding: clamp(2rem, 4vw, 2.75rem); text-align: center; }
.trial__badge { display: inline-block; background: var(--c-brand); color: #fff; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.375rem 1rem; border-radius: 100px; margin-bottom: 1.25rem; }
.trial__title { font-family: var(--f-head); font-size: clamp(1.5rem, 3.5vw, 2rem); font-weight: 700; color: var(--c-ink); }
.trial__text { font-size: 1rem; color: var(--c-muted); margin: 0.875rem 0 1.625rem; }

/* (Who-we-are / brand contact block `.whowe*` lives in main.css — shared with the service page.) */