/* public/tovary-optom-moskva/tovary-optom-moskva.css */

* {
box-sizing: border-box;
}

html {
font-family: Arial, sans-serif;
color: #111827;
background: #f7f8fb;
}

body {
margin: 0;
}

.seo-breadcrumbs {
padding: 58px 20px 0;
background: #f7f8fb;
}

.seo-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
max-width: 1180px;
margin: 0 auto;
padding: 0 0 10px 0;
list-style: none;
font-size: 14px;
line-height: 1.4;
color: #6b7280;
justify-content: center;
}

.seo-breadcrumbs__item {
display: inline-flex;
align-items: center;
gap: 8px;
}

.seo-breadcrumbs__item + .seo-breadcrumbs__item::before {
content: "→";
color: #9ca3af;
}

.seo-breadcrumbs__link {
color: #3f5cff;
text-decoration: none;
font-weight: 700;
}

.seo-breadcrumbs__link:hover {
text-decoration: underline;
}

.seo-hero {
padding: 42px 20px 72px;
background: #f7f8fb;
}

.seo-hero__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-hero__content {
max-width: 860px;
}

.seo-hero__eyebrow {
margin: 0 0 14px;
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #3f5cff;
}

.seo-hero__title {
max-width: 850px;
margin-bottom: 25px;
font-size: 47px;
color: #ffffff;
}

.seo-hero__lead {
margin: 0 0 18px;
font-size: 21px;
line-height: 1.55;
color: #1f2937;
}

.seo-hero__text {
margin: 0 0 32px;
font-size: 18px;
line-height: 1.65;
color: #4b5563;
}

.seo-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 26px;
}

.seo-hero__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
font-size: 17px;
line-height: 1;
font-weight: 700;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.seo-hero__button:hover {
transform: translateY(-1px);
}

.seo-hero__button--primary {
background: #111827;
color: #ffffff;
box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
}

.seo-hero__button--secondary {
background: #ffffff;
color: #111827;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.14);
}

.seo-hero__features {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}

.seo-hero__features li {
padding: 9px 13px;
border-radius: 999px;
background: #ffffff;
font-size: 15px;
line-height: 1.3;
font-weight: 600;
color: #374151;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
}

.seo-ai {
padding: 76px 20px;
background: #ffffff;
}

.seo-ai__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-ai__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-ai__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-ai__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-ai__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-ai__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.seo-ai__card {
padding: 26px 24px;
border-radius: 20px;
background: #111827;
box-shadow: 0 18px 48px rgba(17, 24, 39, 0.12);
}

.seo-ai__card-title {
margin: 0 0 14px;
font-size: 22px;
line-height: 1.25;
font-weight: 800;
color: #ffffff;
}

.seo-ai__card-text {
margin: 0;
font-size: 17px;
line-height: 1.7;
color: #e5e7eb;
}

.seo-audience {
padding: 76px 20px;
background: #ffffff;
}

.seo-audience__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-audience__header {
max-width: 880px;
margin-bottom: 34px;
}

.seo-audience__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-audience__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-audience__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-audience__table-wrap {
overflow-x: auto;
border-radius: 22px;
background: #ffffff;
box-shadow: 0 18px 48px rgba(17, 24, 39, 0.08);
}

.seo-audience__table {
width: 100%;
min-width: 760px;
border-collapse: collapse;
}

.seo-audience__table th,
.seo-audience__table td {
padding: 22px 24px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.seo-audience__table th {
background: #f7f8fb;
font-size: 15px;
line-height: 1.4;
font-weight: 800;
color: #111827;
}

.seo-audience__table td {
font-size: 17px;
line-height: 1.6;
color: #374151;
}

.seo-audience__table td:first-child {
width: 260px;
font-weight: 800;
color: #111827;
}

.seo-audience__table tr:last-child td {
border-bottom: 0;
}

.seo-audience__note {
max-width: 880px;
margin: 28px 0 0;
padding: 20px 22px;
border-radius: 18px;
background: #f7f8fb;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #1f2937;
}

.seo-process {
padding: 78px 20px;
background: #f7f8fb;
}

.seo-process__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-process__header {
max-width: 900px;
margin-bottom: 34px;
}

.seo-process__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-process__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-process__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-process__steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}

.seo-process__step {
position: relative;
min-height: 250px;
padding: 24px 22px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-process__number {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
font-size: 56px;
line-height: 1;
font-weight: 300;
color: #f99191;
}

.seo-process__step-title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.25;
font-weight: 600;
color: #111827;
}

.seo-process__step-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-process__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 24px;
border-radius: 20px;
background: #111827;
box-shadow: 0 18px 48px rgba(17, 24, 39, 0.16);
}

.seo-process__cta-text {
max-width: 760px;
margin: 0;
font-size: 18px;
line-height: 1.6;
font-weight: 600;
color: #ffffff;
}

.seo-process__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-process__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-contact {
padding: 78px 20px;
background: #ffffff;
}

.seo-contact__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-contact__header {
max-width: 920px;
margin-bottom: 34px;
}

.seo-contact__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-contact__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-contact__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-contact__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.seo-contact__card {
padding: 24px 22px;
border-radius: 20px;
background: #f7f8fb;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
}

.seo-contact__card-title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-contact__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-contact__summary {
margin-top: 28px;
padding: 24px;
border-radius: 20px;
background: #111827;
}

.seo-contact__summary p {
max-width: 900px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-channel {
padding: 78px 20px;
background: #f7f8fb;
}

.seo-channel__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-channel__header {
max-width: 920px;
margin-bottom: 34px;
}

.seo-channel__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-channel__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-channel__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-channel__layout {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 18px;
align-items: start;
}

.seo-channel__content {
padding: 28px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-channel__subtitle {
margin: 0 0 16px;
font-size: 24px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-channel__text {
margin: 0;
font-size: 17px;
line-height: 1.5;
color: #4b5563;
}

.seo-channel__text + .seo-channel__text {
margin-top: 16px;
}

.seo-channel__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.seo-channel__card {
padding: 24px 22px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-channel__card-title {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-channel__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-channel__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 24px;
border-radius: 20px;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
}

.seo-channel__cta-text {
max-width: 780px;
margin: 0;
font-size: 18px;
line-height: 1.6;
font-weight: 600;
color: #1f2937;
}

.seo-channel__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #111827;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #ffffff;
text-decoration: none;
box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-channel__button:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(17, 24, 39, 0.22);
}

.seo-categories {
padding: 78px 20px;
background: #ffffff;
}

.seo-categories__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-categories__header {
max-width: 920px;
margin-bottom: 34px;
}

.seo-categories__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-categories__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-categories__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-categories__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.seo-categories__card {
padding: 24px 22px;
border-radius: 20px;
background: #f7f8fb;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
}

.seo-categories__card-title {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-categories__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-categories__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 24px;
border-radius: 20px;
background: #111827;
}

.seo-categories__summary p {
max-width: 760px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-categories__actions {
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
gap: 12px;
}

.seo-categories__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 22px;
border-radius: 14px;
font-size: 16px;
line-height: 1;
font-weight: 800;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-categories__button:hover {
transform: translateY(-1px);
}

.seo-categories__button--primary {
background: #ffffff;
color: #111827;
}

.seo-categories__button--secondary {
background: rgba(255, 255, 255, 0.12);
color: #ffffff;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.seo-region {
padding: 78px 20px;
background: #f7f8fb;
}

.seo-region__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-region__header {
max-width: 920px;
margin-bottom: 34px;
}

.seo-region__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-region__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-region__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-region__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.seo-region__card {
padding: 24px 22px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-region__card-title {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-region__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-region__info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
}

.seo-region__info-content {
max-width: 780px;
}

.seo-region__info-title {
margin: 0 0 12px;
font-size: 22px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-region__info-text {
margin: 0;
font-size: 17px;
line-height: 1.65;
color: #4b5563;
}

.seo-region__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #111827;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #ffffff;
text-decoration: none;
box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-region__button:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(17, 24, 39, 0.22);
}

.seo-compare {
padding: 78px 20px;
background: #ffffff;
}

.seo-compare__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-compare__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-compare__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-compare__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-compare__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-compare__table-wrap {
overflow-x: auto;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 18px 48px rgba(17, 24, 39, 0.08);
}

.seo-compare__table {
width: 100%;
min-width: 980px;
border-collapse: collapse;
}

.seo-compare__table th,
.seo-compare__table td {
padding: 22px 20px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.seo-compare__table th {
background: #f7f8fb;
font-size: 15px;
line-height: 1.4;
font-weight: 800;
color: #111827;
}

.seo-compare__table td {
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-compare__table td:first-child {
width: 180px;
font-weight: 800;
color: #111827;
}

.seo-compare__table tr:last-child td {
border-bottom: 0;
}

.seo-compare__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-compare__summary p {
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-compare__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-compare__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-seller {
padding: 78px 20px;
background: #f7f8fb;
}

.seo-seller__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-seller__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-seller__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-seller__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-seller__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-seller__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.seo-seller__card {
padding: 24px 22px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-seller__card-title {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-seller__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-seller__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-seller__cta-text {
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-seller__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-seller__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-buyer {
padding: 78px 20px;
background: #ffffff;
}

.seo-buyer__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-buyer__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-buyer__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-buyer__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-buyer__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-buyer__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.seo-buyer__card {
padding: 24px 22px;
border-radius: 20px;
background: #f7f8fb;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
}

.seo-buyer__card-title {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-buyer__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-buyer__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-buyer__cta-text {
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-buyer__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-buyer__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-products {
padding: 78px 20px;
background: #ffffff;
}

.seo-products__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-products__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-products__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-products__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-products__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-products__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}

.seo-products__card {
min-height: 230px;
padding: 24px 22px;
border-radius: 20px;
background: #f7f8fb;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
}

.seo-products__card-title {
margin: 0 0 12px;
font-size: 19px;
line-height: 1.25;
font-weight: 800;
}

.seo-products__card-title a {
color: #111827;
text-decoration: none;
}

.seo-products__card-title a:hover {
color: #3f5cff;
text-decoration: underline;
}

.seo-products__card-text {
margin: 0;
font-size: 15px;
line-height: 1.65;
color: #4b5563;
}

.seo-products__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-products__cta-text {
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-products__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-products__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-faq {
padding: 78px 20px;
background: #f7f8fb;
}

.seo-faq__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-faq__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-faq__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-faq__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-faq__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-faq__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.seo-faq__item {
padding: 24px 22px;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.07);
}

.seo-faq__question {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-faq__answer {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-faq__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-faq__cta-text {
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.65;
font-weight: 600;
color: #ffffff;
}

.seo-faq__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 52px;
padding: 0 24px;
border-radius: 14px;
background: #ffffff;
font-size: 17px;
line-height: 1;
font-weight: 800;
color: #111827;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-faq__button:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(255, 255, 255, 0.16);
}

.seo-links {
padding: 78px 20px;
background: #ffffff;
}

.seo-links__container {
max-width: 1180px;
margin: 0 auto;
}

.seo-links__header {
max-width: 940px;
margin-bottom: 34px;
}

.seo-links__eyebrow {
margin: 0 0 12px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #3f5cff;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-links__title {
margin: 0 0 18px;
font-size: clamp(28px, 4vw, 44px);
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.025em;
color: #111827;
}

.seo-links__lead {
margin: 0;
font-size: 19px;
line-height: 1.65;
color: #374151;
}

.seo-links__main-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}

.seo-links__main-card {
display: flex;
flex-direction: column;
min-height: 190px;
padding: 24px 22px;
border-radius: 20px;
background: #f7f8fb;
color: inherit;
text-decoration: none;
box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.06);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.seo-links__main-card:hover {
transform: translateY(-1px);
box-shadow: 0 16px 42px rgba(17, 24, 39, 0.08);
}

.seo-links__main-title {
display: block;
margin-bottom: 12px;
font-size: 21px;
line-height: 1.25;
font-weight: 800;
color: #111827;
}

.seo-links__main-text {
display: block;
font-size: 16px;
line-height: 1.65;
color: #4b5563;
}

.seo-links__categories {
margin-top: 28px;
padding: 26px;
border-radius: 20px;
background: #111827;
}

.seo-links__subtitle {
margin: 0 0 18px;
font-size: 22px;
line-height: 1.25;
font-weight: 800;
color: #ffffff;
}

.seo-links__category-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.seo-links__category {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.1);
line-height: 1;
color: #ffffff;
text-decoration: none;
transition: 0.15s ease;
}

.seo-links__category:hover {
transform: translateY(-1px);
background: rgba(255, 255, 255, 0.16);
}

.seo-final {
padding: 84px 20px;
background: #111827;
}

.seo-final__container {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
gap: 34px;
align-items: center;
max-width: 1180px;
margin: 0 auto;
}

.seo-final__content {
max-width: 780px;
}

.seo-final__eyebrow {
margin: 0 0 14px;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #a5b4fc;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.seo-final__title {
margin: 0 0 20px;
font-size: clamp(30px, 4.5vw, 52px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -0.03em;
color: #ffffff;
}

.seo-final__lead {
margin: 0;
font-size: 19px;
line-height: 1.7;
color: #e5e7eb;
}

.seo-final__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 30px;
}

.seo-final__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 24px;
border-radius: 14px;
font-size: 17px;
line-height: 1;
font-weight: 800;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.seo-final__button:hover {
transform: translateY(-1px);
}

.seo-final__button--primary {
background: #ffffff;
color: #111827;
box-shadow: 0 12px 28px rgba(255, 255, 255, 0.14);
}

.seo-final__button--secondary {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}

.seo-final__cards {
display: grid;
gap: 18px;
}

.seo-final__card {
padding: 40px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.08);
}

.seo-final__card-title {
margin: 0 0 12px;
font-size: 22px;
line-height: 1.25;
font-weight: 800;
color: #ffffff;
}

.seo-final__card-text {
margin: 0;
font-size: 16px;
line-height: 1.65;
color: #e5e7eb;
}

@media (max-width: 900px) {
.seo-process__steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-process__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-contact__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-channel__layout {
grid-template-columns: 1fr;
}

.seo-channel__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-categories__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-categories__summary {
align-items: flex-start;
flex-direction: column;
}

.seo-region__grid {
grid-template-columns: 1fr;
}

.seo-region__info {
align-items: flex-start;
flex-direction: column;
}

.seo-compare__summary {
align-items: flex-start;
flex-direction: column;
}

.seo-seller__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-seller__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-buyer__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-buyer__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-products__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-products__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-faq__list {
grid-template-columns: 1fr;
}

.seo-faq__cta {
align-items: flex-start;
flex-direction: column;
}

.seo-links__main-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seo-final__container {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.seo-breadcrumbs {
padding: 52px 16px 0;
}

.seo-breadcrumbs__list {
font-size: 13px;
}

.seo-hero {
padding: 34px 16px 48px;
}

.seo-hero__lead {
font-size: 18px;
}

.seo-hero__text {
font-size: 16px;
}

.seo-hero__button {
width: 100%;
}

.seo-hero__features {
gap: 8px;
}

.seo-ai {
padding: 52px 16px;
}

.seo-ai__header {
margin-bottom: 24px;
}

.seo-ai__lead {
font-size: 17px;
}

.seo-ai__grid {
grid-template-columns: 1fr;
}

.seo-ai__card {
padding: 22px 18px;
}

.seo-ai__card-title {
font-size: 20px;
}

.seo-ai__card-text {
font-size: 16px;
}

.seo-audience {
padding: 52px 16px;
}

.seo-audience__header {
margin-bottom: 24px;
}

.seo-audience__lead {
font-size: 17px;
}

.seo-audience__table th,
.seo-audience__table td {
padding: 18px 16px;
}

.seo-audience__table td {
font-size: 16px;
}

.seo-audience__note {
font-size: 16px;
padding: 18px 16px;
}

.seo-process {
padding: 52px 16px;
}

.seo-process__header {
margin-bottom: 24px;
}

.seo-process__lead {
font-size: 17px;
}

.seo-process__steps {
grid-template-columns: 1fr;
}

.seo-process__step {
min-height: auto;
padding: 22px 18px;
}

.seo-process__step-title {
font-size: 19px;
}

.seo-process__cta {
padding: 22px 18px;
}

.seo-process__cta-text {
font-size: 16px;
}

.seo-process__button {
width: 100%;
}

.seo-contact {
padding: 52px 16px;
}

.seo-contact__header {
margin-bottom: 24px;
}

.seo-contact__lead {
font-size: 17px;
}

.seo-contact__grid {
grid-template-columns: 1fr;
}

.seo-contact__card {
padding: 22px 18px;
}

.seo-contact__card-title {
font-size: 19px;
}

.seo-contact__summary {
padding: 22px 18px;
}

.seo-contact__summary p {
font-size: 16px;
}

.seo-channel {
padding: 52px 16px;
}

.seo-channel__header {
margin-bottom: 24px;
}

.seo-channel__lead {
font-size: 17px;
}

.seo-channel__content {
padding: 22px 18px;
}

.seo-channel__subtitle {
font-size: 22px;
}

.seo-channel__text {
font-size: 16px;
}

.seo-channel__cards {
grid-template-columns: 1fr;
}

.seo-channel__card {
padding: 22px 18px;
}

.seo-channel__card-title {
font-size: 19px;
}

.seo-channel__cta {
padding: 22px 18px;
}

.seo-channel__cta-text {
font-size: 16px;
}

.seo-channel__button {
width: 100%;
}

.seo-categories {
padding: 52px 16px;
}

.seo-categories__header {
margin-bottom: 24px;
}

.seo-categories__lead {
font-size: 17px;
}

.seo-categories__grid {
grid-template-columns: 1fr;
}

.seo-categories__card {
padding: 22px 18px;
}

.seo-categories__card-title {
font-size: 20px;
}

.seo-categories__summary {
padding: 22px 18px;
}

.seo-categories__summary p {
font-size: 16px;
}

.seo-categories__actions {
width: 100%;
}

.seo-categories__button {
width: 100%;
}

.seo-region {
padding: 52px 16px;
}

.seo-region__header {
margin-bottom: 24px;
}

.seo-region__lead {
font-size: 17px;
}

.seo-region__card {
padding: 22px 18px;
}

.seo-region__card-title {
font-size: 20px;
}

.seo-region__info {
padding: 22px 18px;
}

.seo-region__info-title {
font-size: 20px;
}

.seo-region__info-text {
font-size: 16px;
}

.seo-region__button {
width: 100%;
}

.seo-compare {
padding: 52px 16px;
}

.seo-compare__header {
margin-bottom: 24px;
}

.seo-compare__lead {
font-size: 17px;
}

.seo-compare__table th,
.seo-compare__table td {
padding: 18px 16px;
}

.seo-compare__table td {
font-size: 15px;
}

.seo-compare__summary {
padding: 22px 18px;
}

.seo-compare__summary p {
font-size: 16px;
}

.seo-compare__button {
width: 100%;
}

.seo-seller {
padding: 52px 16px;
}

.seo-seller__header {
margin-bottom: 24px;
}

.seo-seller__lead {
font-size: 17px;
}

.seo-seller__grid {
grid-template-columns: 1fr;
}

.seo-seller__card {
padding: 22px 18px;
}

.seo-seller__card-title {
font-size: 20px;
}

.seo-seller__cta {
padding: 22px 18px;
}

.seo-seller__cta-text {
font-size: 16px;
}

.seo-seller__button {
width: 100%;
}

.seo-buyer {
padding: 52px 16px;
}

.seo-buyer__header {
margin-bottom: 24px;
}

.seo-buyer__lead {
font-size: 17px;
}

.seo-buyer__grid {
grid-template-columns: 1fr;
}

.seo-buyer__card {
padding: 22px 18px;
}

.seo-buyer__card-title {
font-size: 20px;
}

.seo-buyer__cta {
padding: 22px 18px;
}

.seo-buyer__cta-text {
font-size: 16px;
}

.seo-buyer__button {
width: 100%;
}

.seo-products {
padding: 52px 16px;
}

.seo-products__header {
margin-bottom: 24px;
}

.seo-products__lead {
font-size: 17px;
}

.seo-products__grid {
grid-template-columns: 1fr;
}

.seo-products__card {
min-height: auto;
padding: 22px 18px;
}

.seo-products__card-title {
font-size: 20px;
}

.seo-products__cta {
padding: 22px 18px;
}

.seo-products__cta-text {
font-size: 16px;
}

.seo-products__button {
width: 100%;
}

.seo-faq {
padding: 52px 16px;
}

.seo-faq__header {
margin-bottom: 24px;
}

.seo-faq__lead {
font-size: 17px;
}

.seo-faq__item {
padding: 22px 18px;
}

.seo-faq__question {
font-size: 20px;
}

.seo-faq__cta {
padding: 22px 18px;
}

.seo-faq__cta-text {
font-size: 16px;
}

.seo-faq__button {
width: 100%;
}

.seo-links {
padding: 52px 16px;
}

.seo-links__header {
margin-bottom: 24px;
}

.seo-links__lead {
font-size: 17px;
}

.seo-links__main-grid {
grid-template-columns: 1fr;
}

.seo-links__main-card {
min-height: auto;
padding: 22px 18px;
}

.seo-links__main-title {
font-size: 20px;
}

.seo-links__categories {
padding: 22px 18px;
}

.seo-links__subtitle {
font-size: 20px;
}

.seo-links__category {
width: 100%;
}

.seo-final {
padding: 56px 16px;
}

.seo-final__lead {
font-size: 17px;
}

.seo-final__button {
width: 100%;
}

.seo-final__card {
padding: 22px 18px;
}

.seo-final__card-title {
font-size: 20px;
}
}




















/* --- Premium smoky editorial style + clean scroll motion --- */

:root {
/* --seo-ink: #101820; */
/* --seo-ink-soft: #34424d; */
/* --seo-muted: #687783; */
/* --seo-line: rgba(45, 62, 75, 0.12); */

/* --seo-paper: #f6f9fa; */
/* --seo-paper-soft: #eef4f6; */
/* --seo-glass: rgba(255, 255, 255, 0.78); */

--seo-blue-smoke: #dfeaf0;
--seo-slate: #526675;
--seo-deep: #111a22;

--seo-sky: #dcecf5;
--seo-mint: #e3f1ed;
--seo-lilac: #e8e9f7;
--seo-sand: #f1eee7;

--seo-accent: #6d86ff;
--seo-accent-soft: rgba(109, 134, 255, 0.15);
}

html {
scroll-behavior: smooth;
font-family:
Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
color: var(--seo-ink);
background:
radial-gradient(circle at 18% 4%, rgba(172, 190, 202, 0.34), transparent 34%),
radial-gradient(circle at 92% 16%, rgba(205, 218, 226, 0.48), transparent 38%),
linear-gradient(180deg, #f8fbfc 0%, #eef4f6 100%);
}

body {
background: transparent;
}

main {
overflow: hidden;
}

main h1,
main h2,
main h3,
main h4,
.seo-hero__title,
.seo-ai__title,
.seo-audience__title,
.seo-process__title,
.seo-contact__title,
.seo-channel__title,
.seo-categories__title,
.seo-region__title,
.seo-compare__title,
.seo-seller__title,
.seo-buyer__title,
.seo-products__title,
.seo-faq__title,
.seo-links__title,
.seo-final__title,
.seo-ai__card-title,
.seo-process__step-title,
.seo-contact__card-title,
.seo-channel__subtitle,
.seo-channel__card-title,
.seo-categories__card-title,
.seo-region__card-title,
.seo-region__info-title,
.seo-seller__card-title,
.seo-buyer__card-title,
.seo-products__card-title,
.seo-faq__question,
.seo-links__main-title,
.seo-links__subtitle,
.seo-final__card-title {
font-weight: 500;
}

.seo-breadcrumbs {
background: linear-gradient(180deg, #dfe9ee 0%, #edf4f6 100%);
}

.seo-breadcrumbs__list {
color: rgba(16, 24, 32, 0.58);
}

.seo-breadcrumbs__link {
color: #3f5362;
font-weight: 500;
}

/* Общая сцена секций */

.seo-motion-section {
position: relative;
overflow: hidden;
isolation: isolate;
}

.seo-motion-section > * {
position: relative;
z-index: 2;
}

.seo-motion-section::before,
.seo-motion-section::after {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
border-radius: 999px;
transform: translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0);
transition: transform 0.12s linear;
}

.seo-motion-section::before {
width: clamp(220px, 34vw, 520px);
height: clamp(220px, 34vw, 520px);
top: 8%;
right: -180px;
background:
radial-gradient(circle, rgba(140, 160, 174, 0.18), rgba(140, 160, 174, 0) 70%);
}

.seo-motion-section::after {
width: clamp(200px, 26vw, 420px);
height: clamp(200px, 26vw, 420px);
left: -160px;
bottom: 7%;
background:
radial-gradient(circle, rgba(210, 222, 228, 0.46), rgba(210, 222, 228, 0) 72%);
}

/* Hero — более кинематографичный первый экран */

.seo-hero {
min-height: min(760px, calc(100vh - 58px));
display: flex;
align-items: center;
padding: 88px 20px 110px;
background:
radial-gradient(circle at 72% 34%, rgba(155, 180, 194, 0.38), transparent 34%),
radial-gradient(circle at 8% 10%, rgba(245, 248, 250, 0.2), transparent 32%),
linear-gradient(135deg, #263640 0%, #9cafba 52%, #e7eff2 100%);
}

.seo-hero::before {
width: clamp(320px, 48vw, 760px);
height: clamp(320px, 48vw, 760px);
top: 22%;
right: -220px;
background:
radial-gradient(circle, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 68%);
}

.seo-hero::after {
width: clamp(260px, 36vw, 560px);
height: clamp(260px, 36vw, 560px);
left: -180px;
bottom: -130px;
background:
radial-gradient(circle, rgba(18, 27, 35, 0.3), rgba(18, 27, 35, 0) 70%);
}

.seo-hero__container {
width: 100%;
}

.seo-hero__content {
max-width: 940px;
padding: clamp(34px, 6vw, 68px);
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 38px;
background:
linear-gradient(135deg, rgba(18, 28, 36, 0.52), rgba(255, 255, 255, 0.08));
box-shadow: 0 34px 100px rgba(15, 25, 34, 0.22);
}

.seo-hero__eyebrow {
display: inline-flex;
margin: 0 0 22px;
padding: 9px 16px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
font-size: 13px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.88);
}

.seo-hero__lead {
max-width: 820px;
margin-bottom: 20px;
font-size: clamp(20px, 2.1vw, 28px);
line-height: 1.45;
font-weight: 400;
color: rgba(255, 255, 255, 0.86);
}

.seo-hero__text {
max-width: 720px;
margin-bottom: 36px;
font-size: 18px;
line-height: 1.75;
color: rgba(255, 255, 255, 0.72);
}

.seo-hero__button {
min-height: 54px;
border-radius: 999px;
font-weight: 500;
}

.seo-hero__button--primary {
background: #fff7a8;
color: #151a20;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

.seo-hero__button--secondary {
background: rgba(255, 255, 255, 0.14);
color: #ffffff;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.seo-hero__features li {
background: rgba(255, 255, 255, 0.12);
font-weight: 500;
color: rgba(255, 255, 255, 0.82);
box-shadow: none;
}

/* Общая типографика секций */

.seo-ai, .seo-audience, .seo-process, .seo-contact, .seo-channel, .seo-categories, .seo-region, .seo-compare, .seo-seller, .seo-buyer, .seo-products, .seo-faq, .seo-links {
padding-top: 64px;
padding-bottom: 64px;
}

.seo-ai__header, .seo-audience__header, .seo-process__header, .seo-contact__header, .seo-channel__header, .seo-categories__header, .seo-region__header, .seo-compare__header, .seo-seller__header, .seo-buyer__header, .seo-products__header, .seo-faq__header, .seo-links__header {
max-width: 980px;
margin-bottom: 42px;
}

.seo-ai__eyebrow, .seo-audience__eyebrow, .seo-process__eyebrow, .seo-contact__eyebrow, .seo-channel__eyebrow, .seo-categories__eyebrow, .seo-region__eyebrow, .seo-compare__eyebrow, .seo-seller__eyebrow, .seo-buyer__eyebrow, .seo-products__eyebrow, .seo-faq__eyebrow, .seo-links__eyebrow, .seo-final__eyebrow {
display: inline-flex;
margin: 0 0 18px;
padding: 8px 14px;
border: 0;
border-radius: 4px;
background: #171e3740;
font-size: 14px;
line-height: 1;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #ffffff;
}

.seo-ai__title, .seo-audience__title, .seo-process__title, .seo-contact__title, .seo-channel__title, .seo-categories__title, .seo-region__title, .seo-compare__title, .seo-seller__title, .seo-buyer__title, .seo-products__title, .seo-faq__title, .seo-links__title {
max-width: 940px;
margin-bottom: 22px;
font-size: 42px;
letter-spacing: 0;
color: var(--seo-ink);
}

.seo-ai__lead, .seo-audience__lead, .seo-process__lead, .seo-contact__lead,  .seo-channel__lead, .seo-categories__lead, .seo-region__lead, .seo-compare__lead, .seo-seller__lead, .seo-buyer__lead, .seo-products__lead, .seo-faq__lead, .seo-links__lead {
max-width: 820px;
font-size: clamp(18px, 1.55vw, 22px);
line-height: 1.7;
font-weight: 400;
color: var(--seo-muted);
}

/* Смысловые фоны */

.seo-ai {
background:
radial-gradient(circle at 80% 10%, rgba(165, 184, 196, 0.24), transparent 34%),
linear-gradient(180deg, #f8fbfc 0%, #e9f1f4 100%);
}

.seo-audience {
background:
radial-gradient(circle at 10% 20%, rgba(218, 226, 234, 0.55), transparent 36%),
linear-gradient(180deg, #ffffff 0%, #f2f6f8 100%);
}

.seo-process {
background:
radial-gradient(circle at 88% 18%, rgba(210, 226, 234, 0.62), transparent 34%),
linear-gradient(180deg, #eaf2f5 0%, #f7fafb 100%);
}

.seo-contact {
background:
radial-gradient(circle at 15% 14%, rgba(199, 226, 219, 0.5), transparent 36%),
linear-gradient(180deg, #f9fbfb 0%, #eaf5f2 100%);
}

.seo-channel {
background: radial-gradient(circle at 78% 24%, rgba(119, 146, 166, 0.3), transparent 36%), linear-gradient(135deg, #24333e 0%, #536d7f 56%, #8de2ff 100%);
}

.seo-categories {
background:
radial-gradient(circle at 12% 18%, rgba(224, 218, 236, 0.58), transparent 36%),
linear-gradient(180deg, #ffffff 0%, #f0f0f8 100%);
}

.seo-region {
background:
radial-gradient(circle at 82% 20%, rgba(191, 209, 220, 0.6), transparent 36%),
linear-gradient(180deg, #eef5f7 0%, #ffffff 100%);
}

.seo-compare {
background:
radial-gradient(circle at 50% 0%, rgba(143, 161, 174, 0.22), transparent 42%),
linear-gradient(180deg, #f8fbfc 0%, #e8eff3 100%);
}

.seo-seller {
background:
radial-gradient(circle at 15% 22%, rgba(211, 224, 216, 0.62), transparent 36%),
linear-gradient(180deg, #ffffff 0%, #eef6f1 100%);
}

.seo-buyer {
background:
radial-gradient(circle at 86% 18%, rgba(205, 216, 238, 0.6), transparent 36%),
linear-gradient(180deg, #f9fbff 0%, #eef2fb 100%);
}

.seo-products {
background:
radial-gradient(circle at 12% 12%, rgba(231, 227, 217, 0.7), transparent 38%),
linear-gradient(180deg, #ffffff 0%, #f4f1e9 100%);
}

.seo-faq {
background:
radial-gradient(circle at 78% 16%, rgba(182, 197, 207, 0.46), transparent 36%),
linear-gradient(180deg, #eef4f6 0%, #f8fbfc 100%);
}

.seo-links {
background:
radial-gradient(circle at 10% 22%, rgba(200, 212, 220, 0.52), transparent 38%),
linear-gradient(180deg, #ffffff 0%, #eef4f6 100%);
}

/* Карточки и модули */

.seo-hero__content, .seo-ai__card, .seo-audience__table-wrap, .seo-audience__note, .seo-process__step, .seo-contact__card, .seo-channel__content, .seo-channel__card, .seo-categories__card, .seo-region__card, .seo-region__info, .seo-compare__table-wrap, .seo-seller__card, .seo-buyer__card, .seo-products__card, .seo-faq__item, .seo-links__main-card {
border: 1px solid var(--seo-line);
background: var(--seo-glass);
}

.seo-ai__card, .seo-process__step, .seo-contact__card, .seo-channel__content, .seo-channel__card, .seo-categories__card, .seo-region__card, .seo-region__info, .seo-seller__card, .seo-buyer__card, .seo-products__card, .seo-faq__item, .seo-links__main-card {
box-shadow: 0 24px 70px rgba(43, 60, 72, 0.07);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}

.seo-ai__card:hover, .seo-process__step:hover, .seo-contact__card:hover, .seo-channel__card:hover, .seo-categories__card:hover, .seo-region__card:hover, .seo-seller__card:hover, .seo-buyer__card:hover, .seo-products__card:hover, .seo-faq__item:hover, .seo-links__main-card:hover {
transform: translateY(-4px);
border-color: rgba(109, 134, 255, 0.18);
box-shadow: 0 34px 92px rgba(43, 60, 72, 0.12);
}

/* AI-блок — спокойный справочный */

.seo-ai__grid {
gap: 22px;
}

.seo-ai__card {
min-height: 250px;
padding: 32px;
border-radius: 34px;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(232, 240, 244, 0.76));
}

.seo-ai__card-title {
margin-bottom: 16px;
font-size: 24px;
color: var(--seo-ink);
}

.seo-ai__card-text {
font-size: 17px;
line-height: 1.78;
color: var(--seo-muted);
}

/* Таблицы — легче и воздушнее */

.seo-audience__table-wrap, .seo-compare__table-wrap {
border-radius: 34px;
box-shadow: 0 30px 90px rgba(43, 60, 72, 0.08);
}

.seo-audience__table th, .seo-compare__table th {
background: rgba(236, 243, 246, 0.82);
font-weight: 500;
color: var(--seo-ink-soft);
}

.seo-audience__table td, .seo-compare__table td {
color: var(--seo-muted);
}

.seo-audience__table td:first-child, .seo-compare__table td:first-child {
font-weight: 500;
color: var(--seo-ink);
}

.seo-audience__note {
border-radius: 28px;
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(224, 234, 239, 0.72));
font-weight: 400;
color: var(--seo-ink-soft);
}

/* Карточки шагов */

.seo-process__steps, .seo-contact__grid, .seo-categories__grid, .seo-region__grid, .seo-seller__grid, .seo-buyer__grid, .seo-products__grid, .seo-faq__list, .seo-links__main-grid {
gap: 22px;
}

.seo-process__step, .seo-contact__card, .seo-categories__card, .seo-region__card, .seo-seller__card, .seo-buyer__card, .seo-products__card, .seo-faq__item, .seo-links__main-card {
padding: 30px;
border-radius: 20px;
}

.seo-process__number {
margin-bottom: 18px;
font-family: Georgia, "Times New Roman", serif;
font-size: 76px;
line-height: 0.85;
font-weight: 400;
color: rgba(87, 105, 119, 0.38);
}

.seo-process__step-title, .seo-contact__card-title, .seo-channel__card-title, .seo-categories__card-title, .seo-region__card-title, .seo-seller__card-title, .seo-buyer__card-title, .seo-products__card-title, .seo-faq__question, .seo-links__main-title {
margin-bottom: 14px;
font-size: 22px;
line-height: 1.2;
font-weight: 500;
color: var(--seo-ink);
}

.seo-process__step-text, .seo-contact__card-text, .seo-channel__card-text, .seo-categories__card-text, .seo-region__card-text, .seo-seller__card-text, .seo-buyer__card-text, .seo-products__card-text, .seo-faq__answer, .seo-links__main-text {
font-size: 16px;
line-height: 1.5;
color: var(--seo-muted);
}

/* Тёмные смысловые блоки */

.seo-channel__header .seo-channel__eyebrow, .seo-final__eyebrow {
border-color: rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.74);
}

.seo-channel__title, .seo-channel__lead {
color: #ffffff;
}

.seo-channel__lead {
color: rgba(255, 255, 255, 0.74);
}

.seo-channel__content, .seo-channel__card {
border-color: rgba(255, 255, 255, 0.16);
background: linear-gradient(180deg, #daebff4d, #d9e6ff14);
border-top: 1px solid #ffffff7a;
}

.seo-channel__subtitle, .seo-channel__card-title {
color: #ffffff;
}

.seo-channel__text, .seo-channel__card-text {
color: rgba(255, 255, 255, 0.72);
}

.seo-channel__cta, .seo-categories__summary, .seo-contact__summary, .seo-compare__summary, .seo-seller__cta, .seo-buyer__cta, .seo-products__cta, .seo-faq__cta, .seo-links__categories {
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 20px;
background:
radial-gradient(circle at 92% 0%, rgba(148, 168, 182, 0.22), transparent 36%),
#17212a;
box-shadow: 0 28px 84px rgba(16, 24, 32, 0.16);
}

.seo-channel__cta-text, .seo-categories__summary p, .seo-contact__summary p, .seo-compare__summary p, .seo-seller__cta-text, .seo-buyer__cta-text, .seo-products__cta-text, .seo-faq__cta-text {
font-weight: 400;
color: rgba(255, 255, 255, 0.78);
}

/* Товары */

.seo-products__card {
background: #fdfdfb;
}

.seo-products__card-title a {
color: var(--seo-ink);
}

.seo-products__card-title a:hover {
color: #536675;
}

/* Кнопки */

.seo-hero__button, .seo-process__button, .seo-channel__button, .seo-categories__button, .seo-region__button, .seo-compare__button, .seo-seller__button, .seo-buyer__button, .seo-products__button, .seo-faq__button, .seo-final__button {
border-radius: 999px;
font-weight: 500;
}

.seo-process__button, .seo-channel__button, .seo-region__button, .seo-seller__button {
background: #597fa1;
color: #ffffff;
}

.seo-categories__button--primary, .seo-compare__button, .seo-buyer__button, .seo-products__button, .seo-faq__button {
background: #fff7a8;
color: #151a20;
}

.seo-categories__button--secondary {
background: rgba(255, 255, 255, 0.11);
color: #ffffff;
}

/* Финальный экран */

.seo-final {
padding: 80px 30px;
background:
radial-gradient(circle at 72% 28%, rgba(142, 164, 179, 0.35), transparent 36%),
radial-gradient(circle at 8% 82%, rgba(88, 110, 126, 0.38), transparent 34%),
linear-gradient(135deg, #111820 0%, #263743 58%, #0d1218 100%);
}

.seo-final__container {
gap: 48px;
}

.seo-final__title {
max-width: 820px;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(42px, 6vw, 82px);
line-height: 0.96;
font-weight: 400;
letter-spacing: -0.05em;
}

.seo-final__lead {
max-width: 760px;
color: rgba(255, 255, 255, 0.72);
}

.seo-final__card {
border: 0px solid rgba(255, 255, 255, 0.14);
border-radius: 34px;
background: rgba(255, 255, 255, 0.08);
}

.seo-final__card-title {
font-size: 24px;
color: #ffffff;
}

.seo-final__card-text {
color: rgba(255, 255, 255, 0.72);
}

/* Анимации появления */

html.seo-motion-ready [data-reveal] {
opacity: 0;
will-change: transform, opacity;
transition:
opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--reveal-delay, 0ms);
}

html.seo-motion-ready [data-reveal="rise"] {
transform: translate3d(0, 44px, 0);
}

html.seo-motion-ready [data-reveal="from-right"] {
transform: translate3d(64px, 0, 0);
}

html.seo-motion-ready [data-reveal="from-left"] {
transform: translate3d(-64px, 0, 0);
}

html.seo-motion-ready [data-reveal="scale"] {
transform: scale(0.92);
}

html.seo-motion-ready [data-reveal].is-visible {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
html.seo-motion-ready [data-reveal] {
opacity: 1;
transform: none;
transition: none;
}

.seo-motion-section::before,   .seo-motion-section::after {
transform: none;
transition: none;
}
}

@media (max-width: 900px) {
.seo-hero {
min-height: auto;
padding: 72px 20px 82px;
}

.seo-hero__content {
max-width: 100%;
}

.seo-ai__title, .seo-audience__title, .seo-process__title, .seo-contact__title, .seo-channel__title, .seo-categories__title, .seo-region__title, .seo-compare__title, .seo-seller__title, .seo-buyer__title, .seo-products__title, .seo-faq__title, .seo-links__title {
font-size: clamp(34px, 7vw, 58px);
}
}

@media (max-width: 640px) {
.seo-hero {
padding: 44px 16px 62px;
}

.seo-hero__content {
padding: 26px 20px;
border-radius: 30px;
}

.seo-hero__title {
font-size: clamp(42px, 13vw, 62px);
line-height: 0.98;
}

.seo-hero__lead {
font-size: 19px;
}

.seo-hero__text {
font-size: 16px;
}

.seo-ai, .seo-audience, .seo-process, .seo-contact, .seo-channel, .seo-categories, .seo-region, .seo-compare, .seo-seller, .seo-buyer, .seo-products, .seo-faq, .seo-links {
padding-top: 64px;
padding-bottom: 64px;
}

.seo-ai__header, .seo-audience__header, .seo-process__header, .seo-contact__header, .seo-channel__header, .seo-categories__header, .seo-region__header, .seo-compare__header, .seo-seller__header, .seo-buyer__header, .seo-products__header, .seo-faq__header, .seo-links__header {
margin-bottom: 28px;
}

.seo-ai__title, .seo-audience__title, .seo-process__title, .seo-contact__title, .seo-channel__title, .seo-categories__title, .seo-region__title, .seo-compare__title, .seo-seller__title, .seo-buyer__title, .seo-products__title, .seo-faq__title, .seo-links__title, .seo-final__title {
font-size: clamp(34px, 11vw, 48px);
line-height: 1;
}

.seo-ai__lead, .seo-audience__lead, .seo-process__lead, .seo-contact__lead, .seo-channel__lead, .seo-categories__lead, .seo-region__lead, .seo-compare__lead, .seo-seller__lead, .seo-buyer__lead, .seo-products__lead, .seo-faq__lead, .seo-links__lead {
font-size: 17px;
}

.seo-ai__card, .seo-process__step, .seo-contact__card, .seo-categories__card, .seo-region__card, .seo-seller__card, .seo-buyer__card, .seo-products__card, .seo-faq__item, .seo-links__main-card {
padding: 22px 18px;
border-radius: 20px;
}

.seo-channel__content, .seo-channel__card {
padding: 22px 18px;
border-radius: 20px;
}

.seo-contact__summary, .seo-channel__cta, .seo-categories__summary, .seo-region__info, .seo-compare__summary, .seo-seller__cta, .seo-buyer__cta, .seo-products__cta, .seo-faq__cta, .seo-links__categories {
padding: 22px 18px;
border-radius: 20px;
}

.seo-motion-section::before, .seo-motion-section::after {
opacity: 0.52;
}

html.seo-motion-ready [data-reveal="from-left"],
html.seo-motion-ready [data-reveal="from-right"] {
transform: translate3d(0, 34px, 0);
}

html.seo-motion-ready [data-reveal="scale"] {
transform: scale(0.96);
}
}