:root {
    --bg:#050505;
    --bg-soft:#090909;
    --card:#0d0d0d;
    --text:#ffffff;
    --muted:#b5b5b5;
    --orange:#ff8500;
    --orange-light:#ffad32;
    --orange-dark:#ff6200;
    --border:rgba(255,145,32,.22);
    --container:1200px;
    --header-height:92px;
    --radius:20px;
    --transition:.3s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}
body{min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.section{position:relative;padding:120px 0}
.section-label{margin-bottom:18px;color:var(--orange-light);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:4px}
.section-title{max-width:780px;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-2px}
.section-title span{display:block;color:var(--orange-light);text-shadow:0 0 28px rgba(255,132,0,.22)}
.section-heading{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:60px}
.section-description{color:var(--muted);font-size:17px;line-height:1.8}
.button{min-height:54px;padding:15px 30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--orange-light),var(--orange-dark));font-weight:700;box-shadow:0 14px 38px rgba(255,105,0,.25);transition:var(--transition)}
.button:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(255,105,0,.4)}
.button--small{min-height:46px;padding:12px 24px}
.button--outline{border-color:rgba(255,155,40,.7);background:rgba(0,0,0,.32);box-shadow:none}
.text-link{display:inline-flex;gap:12px;margin-top:30px;color:var(--orange-light);font-weight:700}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

/* BUSINESS SOLUTION V3 — PREMIUM EFFECTS */

.hero__particles {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .65;
}

.hero__orb {
    position: absolute;
    z-index: 2;
    top: 17%;
    right: 8%;
    width: min(34vw, 520px);
    aspect-ratio: 1;
    border: 1px solid rgba(255, 161, 56, .16);
    border-radius: 50%;
    box-shadow:
        0 0 80px rgba(255, 126, 0, .09),
        inset 0 0 80px rgba(255, 126, 0, .05);
    pointer-events: none;
    animation: orb-float 8s ease-in-out infinite;
}

.hero__orb::before,
.hero__orb::after {
    content: "";
    position: absolute;
    inset: 11%;
    border-radius: 50%;
}

.hero__orb::before {
    border: 1px dashed rgba(255, 170, 68, .14);
    animation: orb-rotate 24s linear infinite;
}

.hero__orb::after {
    inset: 28%;
    border: 1px solid rgba(255, 170, 68, .1);
    box-shadow: 0 0 40px rgba(255, 126, 0, .08);
}

.service-card,
.stat-card,
.advantages__panel,
.cooperation-step,
.contact-form,
.contact-card {
    transform-style: preserve-3d;
    will-change: transform;
}

.tilt-active {
    transition: transform .12s linear !important;
}

.floating-messengers {
    position: fixed;
    z-index: 880;
    left: 22px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.floating-messenger {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 16px 34px rgba(0,0,0,.34);
    transition: transform var(--transition), box-shadow var(--transition);
}

.floating-messenger:hover {
    transform: translateY(-4px) scale(1.04);
}

.floating-messenger--whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E);
}

.floating-messenger--telegram {
    background: linear-gradient(135deg, #36AEEA, #168ACD);
}

.navigation__link.active {
    text-shadow: 0 0 18px rgba(255, 145, 32, .25);
}

@keyframes orb-float {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(0, -18px, 0) scale(1.025); }
}

@keyframes orb-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 1080px) {
    .hero__orb {
        right: -8%;
        opacity: .55;
    }
}

@media (max-width: 760px) {
    .hero__orb {
        top: 13%;
        right: -38%;
        width: 420px;
        opacity: .32;
    }

    .floating-messengers {
        left: 16px;
        bottom: 16px;
    }

    .floating-messenger {
        width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero__orb,
    .hero__orb::before {
        animation: none !important;
    }
}

/* BUSINESS SOLUTION V4 — ИНФОРМАЦИОННЫЙ БЛОК И ОТСТУП */

/* Сдвигаем главный текст вправо для более ровной композиции */
.hero__content {
    margin-left: 48px;
}

/* Информационный блок мессенджеров справа внизу */
.floating-messengers {
    left: auto;
    right: 22px;
    bottom: 86px;
    gap: 12px;
}

.floating-messenger {
    width: 235px;
    height: auto;
    min-height: 62px;
    padding: 10px 15px 10px 11px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    border-radius: 18px;
    color: #ffffff;
    text-align: left;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .34);
}

.floating-messenger__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
}

.floating-messenger__icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}

.floating-messenger__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.floating-messenger__text strong {
    font-size: 15px;
    line-height: 1.15;
}

.floating-messenger__text small {
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    line-height: 1.25;
}

.floating-messenger--whatsapp {
    background: linear-gradient(135deg, #25D366, #128C7E);
}

.floating-messenger--telegram {
    background: linear-gradient(135deg, #36AEEA, #168ACD);
}

.floating-messenger:hover {
    transform: translateY(-4px) translateX(-3px);
}

@media (max-width: 1080px) {
    .hero__content {
        margin-left: 24px;
    }

    .floating-messenger {
        width: 210px;
    }
}

@media (max-width: 760px) {
    .hero__content {
        margin-left: 0;
    }

    .floating-messengers {
        right: 14px;
        bottom: 70px;
    }

    .floating-messenger {
        width: 52px;
        min-height: 52px;
        padding: 5px;
        justify-content: center;
        border-radius: 50%;
    }

    .floating-messenger__icon {
        width: 42px;
        height: 42px;
        background: transparent;
    }

    .floating-messenger__text {
        display: none;
    }
}

/* BUSINESS SOLUTION V5 — КОМПАКТНЫЕ МЕССЕНДЖЕРЫ */
.floating-messenger{width:174px;min-height:56px;padding:8px 14px 8px 9px;gap:11px;border-radius:17px}
.floating-messenger__icon{width:40px;height:40px;flex:0 0 40px}
.floating-messenger__icon svg{width:24px;height:24px}
.floating-messenger__text{display:block}
.floating-messenger__text strong{display:block;font-size:15px;line-height:1}
@media(max-width:760px){.floating-messenger{width:154px;min-height:52px;padding:7px 12px 7px 8px;justify-content:flex-start;border-radius:16px}.floating-messenger__icon{width:38px;height:38px;flex-basis:38px}.floating-messenger__text{display:block}.floating-messenger__text strong{font-size:14px}}


/* BUSINESS SOLUTION V9 — ФИРМЕННЫЙ ЛОГОТИП И НАЗВАНИЕ */
.logo--brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.logo--brand .logo__emblem{
    width:68px;
    height:68px;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
    flex:0 0 68px;
}
.logo--brand .logo__wordmark{
    width:245px;
    height:66px;
    object-fit:contain;
    object-position:left center;
    flex:0 1 auto;
}
.footer .logo--brand .logo__emblem{
    width:72px;
    height:72px;
    flex-basis:72px;
}
.footer .logo--brand .logo__wordmark{
    width:255px;
    height:72px;
}
@media(max-width:1080px){
    .header .logo--brand .logo__emblem{
        width:58px;
        height:58px;
        flex-basis:58px;
    }
    .header .logo--brand .logo__wordmark{
        width:205px;
        height:58px;
    }
}
@media(max-width:760px){
    .header .logo--brand{
        gap:8px;
    }
    .header .logo--brand .logo__emblem{
        width:46px;
        height:46px;
        flex-basis:46px;
    }
    .header .logo--brand .logo__wordmark{
        width:145px;
        height:46px;
    }
    .footer .logo--brand .logo__emblem{
        width:58px;
        height:58px;
        flex-basis:58px;
    }
    .footer .logo--brand .logo__wordmark{
        width:190px;
        height:58px;
    }
}


/* BUSINESS SOLUTION V10 — ИСПРАВЛЕНИЕ ЛОГОТИПА В ШАПКЕ */
.header .logo--brand{
    display:flex;
    align-items:center;
    gap:10px;
}
.header .logo--brand .logo__emblem{
    width:62px;
    height:62px;
    flex:0 0 62px;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
}
.header .logo--brand .logo__wordmark{
    width:225px;
    height:60px;
    object-fit:contain;
    object-position:left center;
}
@media(max-width:760px){
    .header .logo--brand .logo__emblem{
        width:46px;
        height:46px;
        flex-basis:46px;
    }
    .header .logo--brand .logo__wordmark{
        width:155px;
        height:44px;
    }
}


/* BUSINESS SOLUTION V11 — УТВЕРЖДЁННЫЙ ФИРМЕННЫЙ БЛОК */
.header .logo--final{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
.header .logo--final img{
    display:block;
    width:300px;
    height:110px;
    object-fit:contain;
    object-position:left center;
}
@media(max-width:1080px){
    .header .logo--final img{
        width:250px;
        height:auto;
    }
}
@media(max-width:760px){
    .header .logo--final img{
        width:190px;
        height:auto;
    }
}

/* BUSINESS SOLUTION V12 — ЧЁРНО-ОРАНЖЕВО-СЕРАЯ ТИПОГРАФИКА
   ШРИФТЫ НЕ ИЗМЕНЯЕМ
*/

:root{
    --brand-black:#050505;
    --brand-black-soft:#0b0b0b;
    --brand-orange:#ff8500;
    --brand-orange-light:#ffad32;
    --brand-gray:#b7b7b7;
    --brand-gray-light:#d7d7d7;
    --brand-gray-dark:#777777;
}

/* Базовый текст */
body{
    color:var(--brand-gray-light);
}

/* Главные заголовки */
h1,
h2,
h3,
h4,
h5,
h6{
    color:var(--brand-gray-light);
}

.section-title{
    color:var(--brand-gray-light);
}

.section-title span,
.hero__title span{
    color:var(--brand-orange-light);
}

.section-label,
.hero__label{
    color:var(--brand-orange);
}

/* Главный экран */
.hero__title{
    color:var(--brand-gray-light);
}

.hero__description,
.section-description,
.about__content,
.about__lead,
.about__text,
.advantages__description,
.contacts__description{
    color:var(--brand-gray);
}

/* Карточки и описания */
.service-card h3,
.advantages__panel h3,
.cooperation-step h3,
.contact-form h3{
    color:var(--brand-gray-light);
}

.service-card p,
.advantages__panel p,
.cooperation-step p,
.contact-form > p,
.contact-form label,
.contact-card small,
.stat-card span{
    color:var(--brand-gray);
}

/* Номера, акценты, ссылки */
.service-card__number,
.stat-card strong,
.cooperation-step > span,
.text-link,
.service-card a,
.footer__top h3,
.footer__bottom a{
    color:var(--brand-orange-light);
}

/* Меню */
.navigation__link,
.mobile-menu a{
    color:var(--brand-gray-light);
}

.navigation__link:hover,
.navigation__link.active,
.mobile-menu a:hover{
    color:var(--brand-orange-light);
}

/* Футер */
.footer,
.footer__top a,
.footer__top span,
.footer__brand > p,
.footer__bottom{
    color:var(--brand-gray);
}

.footer__top a:hover{
    color:var(--brand-orange-light);
}

/* Поля формы */
.contact-form input,
.contact-form textarea{
    color:var(--brand-gray-light);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color:var(--brand-gray-dark);
}

/* Чекбокс */
.form-checkbox{
    color:var(--brand-gray);
}

/* Кнопки */
.button{
    color:#111111;
    background:linear-gradient(135deg,var(--brand-orange-light),var(--brand-orange));
}

.button--outline{
    color:var(--brand-orange-light);
    border-color:rgba(255,133,0,.7);
    background:rgba(5,5,5,.35);
}

.button--outline:hover{
    color:var(--brand-gray-light);
}

/* Контакты и мессенджеры */
.contacts__messenger,
.floating-messenger{
    color:#ffffff;
}

.contact-card strong{
    color:var(--brand-orange-light);
}

/* Тонкие вторичные подписи */
small,
.logo__description{
    color:var(--brand-gray);
}

/* Выделение текста */
::selection{
    background:var(--brand-orange);
    color:var(--brand-black);
}

/* BUSINESS SOLUTION V13
   ТОЛЬКО: белый -> фирменный серый + весь текст курсивом.
   Шрифт, фон, логотип, размеры, структура и контент не меняются.
*/

html,
body,
button,
input,
textarea,
select{
    font-style:italic;
}

/* Общий серый вместо белого */
body,
h1,h2,h3,h4,h5,h6,
p,span,small,strong,label,
a,
li,
button,
input,
textarea,
select,
.section-title,
.hero__title,
.navigation__link,
.mobile-menu a,
.service-card h3,
.advantages__panel h3,
.cooperation-step h3,
.contact-form h3,
.contact-form input,
.contact-form textarea{
    font-style:italic;
}

/* Элементы, которые ранее были чисто белыми/почти белыми */
h1,h2,h3,h4,h5,h6,
.section-title,
.hero__title,
.navigation__link,
.mobile-menu a,
.service-card h3,
.advantages__panel h3,
.cooperation-step h3,
.contact-form h3,
.contact-form input,
.contact-form textarea{
    color:#a9aaac;
}

/* Сохраняем утвержденные оранжевые акценты */
.section-title span,
.hero__title span,
.section-label,
.hero__label,
.service-card__number,
.stat-card strong,
.cooperation-step > span,
.text-link,
.service-card a,
.footer__top h3,
.footer__bottom a,
.contact-card strong{
    color:#ff8500;
}

/* Фирменный графический логотип не затрагиваем */
.logo--final img{
    font-style:normal;
}

/* BUSINESS SOLUTION V14 — ЗАФИКСИРОВАННЫЙ СТИЛЬ
   Без дополнительных изменений.
*/
:root{
    --final-gray:#8f9092;
    --final-gray-light:#a9aaac;
    --final-orange:#ff8500;
}

/* Весь текст — курсив, исходное семейство шрифта сохраняется */
body,
button,
input,
textarea,
select{
    font-style:italic;
}

/* Основной текст — серый в стилистике металлической части логотипа */
body,
p,
li,
label,
small,
.navigation__link,
.mobile-menu a,
.hero__description,
.section-description,
.about__content,
.about__lead,
.about__text,
.service-card p,
.advantages__panel p,
.cooperation-step p,
.contacts__description,
.contact-form p,
.contact-form label,
.footer,
.footer__top a,
.footer__top span,
.footer__brand > p,
.footer__bottom{
    color:var(--final-gray);
}

/* Заголовки — более светлый серый */
h1,h2,h3,h4,h5,h6,
.section-title,
.hero__title,
.service-card h3,
.advantages__panel h3,
.cooperation-step h3,
.contact-form h3{
    color:var(--final-gray-light);
    font-style:italic;
}

/* Оранжевые элементы остаются оранжевыми */
.section-label,
.hero__label,
.section-title span,
.hero__title span,
.service-card__number,
.stat-card strong,
.cooperation-step > span,
.text-link,
.service-card a,
.contact-card strong,
.footer__top h3,
.footer__bottom a{
    color:var(--final-orange);
}

/* Кнопки и пункты меню также курсивом */
.button,
.navigation__link,
.mobile-menu a,
.contacts__messenger{
    font-style:italic;
}

/* Фирменный графический блок не изменяется */
.logo--final img{
    filter:none;
    transform:none;
}


/* BUSINESS SOLUTION V19 — ФУТЕР, МЕССЕНДЖЕРЫ, ЗАГОЛОВКИ РАЗДЕЛОВ */

/* Утвержденный логотип внизу */
.footer-logo--approved{
    display:flex;
    align-items:center;
    width:330px;
    max-width:100%;
}
.footer-logo--approved img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:left center;
}

/* WhatsApp / Telegram: только фирменный знак + название */
.footer__socials--approved{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:24px;
}
.footer-social{
    min-height:46px;
    padding:7px 14px 7px 8px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    border-radius:14px;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    font-style:italic;
    border:none !important;
}
.footer-social__icon{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.16);
}
.footer-social__icon svg{
    width:20px;
    height:20px;
    fill:currentColor;
}
.footer-social--whatsapp{
    background:linear-gradient(135deg,#25D366,#128C7E) !important;
}
.footer-social--telegram{
    background:linear-gradient(135deg,#36AEEA,#168ACD) !important;
}

/* Заголовки разделов ниже первого экрана:
   чуть меньше и центр смещён вправо от геометрического центра */
.section-heading{
    grid-template-columns:1fr;
    justify-items:start;
    margin-left:54%;
    transform:translateX(-12%);
    max-width:620px;
    gap:14px;
    margin-bottom:44px;
}
.section-heading .section-label{
    margin-bottom:8px;
    font-size:12px;
    letter-spacing:3px;
}
.section-heading .section-title{
    max-width:620px;
    font-size:clamp(30px,3.3vw,46px);
    line-height:1.12;
    letter-spacing:-1px;
}
.section-heading .section-description{
    max-width:560px;
    font-size:15px;
    line-height:1.7;
}

/* Для секций, где заголовок не в .section-heading */
.about > .container > .section-title,
.contacts .section-title{
    font-size:clamp(30px,3.3vw,46px);
}

/* Контактные WhatsApp / Telegram уже в договоренном фирменном стиле */
.contacts__messenger{
    min-width:150px;
    min-height:48px;
    padding:8px 16px 8px 9px;
    border-radius:14px;
    font-size:14px;
    font-style:italic;
}
.contacts__messenger-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
}
.contacts__messenger--whatsapp{
    background:linear-gradient(135deg,#25D366,#128C7E) !important;
}
.contacts__messenger--telegram{
    background:linear-gradient(135deg,#36AEEA,#168ACD) !important;
}

@media(max-width:900px){
    .section-heading{
        margin-left:48%;
        transform:translateX(-8%);
        max-width:560px;
    }
}
@media(max-width:760px){
    .footer-logo--approved{
        width:250px;
    }
    .section-heading{
        margin-left:0;
        transform:none;
        max-width:100%;
    }
    .section-heading .section-title{
        font-size:34px;
    }
}


/* BUSINESS SOLUTION V21 — СТАТУС ОТПРАВКИ ФОРМЫ */
.contact-form__status[data-state="loading"]{
    color:#a9aaac !important;
}
.contact-form__status[data-state="success"]{
    color:#ff8500 !important;
}
.contact-form__status[data-state="error"]{
    color:#d78a65 !important;
}
.contact-form button:disabled{
    opacity:.62;
    cursor:wait;
}