:root{
    --aio-bg: #07111f;
    --aio-surface: rgba(10, 31, 52, 0.90);
    --aio-surface-soft: rgba(16, 45, 70, 0.82);
    --aio-surface-raised: rgba(23, 62, 92, 0.90);
    --aio-line: rgba(125, 211, 252, 0.32);
    --aio-line-strong: rgba(125, 211, 252, 0.58);
    --aio-text: #edf7ff;
    --aio-muted: #a9bed0;
    --aio-accent: #38bdf8;
    --aio-accent-2: #2563eb;
    --aio-success: #34d399;
    --aio-shadow: 0 24px 70px rgba(0, 8, 20, 0.48);
}

html{
    color-scheme: dark;
    scroll-behavior: smooth;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--aio-bg);
    color: var(--aio-text);
}

.wind{
    background: var(--aio-bg);
}

.office,
.office2,
.house,
.street,
.house2,
.consult,
.learning{
    position: relative;
    isolation: isolate;
    background: var(--aio-bg) !important;
}

.office::before,
.office2::before,
.house::before,
.street::before,
.house2::before,
.consult::before,
.learning::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    filter: brightness(1.08) contrast(1.12) saturate(1.06);
    transform: scale(1.002);
    transform-origin: center;
}

.office::before{
    background-image: url('../img/office.png');
}

.office2::before{
    background-image: url('../img/office2.png');
}

.house::before{
    background-image: url('../img/house.png');
}

.street::before{
    background-image: url('../img/street.png');
}

.house2::before{
    background-image: url('../img/house2.jpg');
}

.consult::before{
    background-image: url('../img/consult.png');
}

.learning::before{
    background-image: url('../img/learning.png');
}

.office2::before,
.house::before,
.street::before,
.house2::before,
.consult::before,
.learning::before{
    background-attachment: fixed;
}

.office > .slider_wrap,
.office2 > .slider_wrap_b2,
.house > .slider_wrap_b3,
.house2 > .slider_wrap_b4,
.street > .slider_wrap_b5,
.consult > .slider_wrap_b6,
.learning > .slider_wrap_b7{
    z-index: 1;
}

/* Main offer and section surfaces */
.slider_wrap,
.slider_track{
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

[class^="offer_block_pro"]{
    color: var(--aio-text) !important;
    background: linear-gradient(145deg, #173e5e8c 0%, #0c2944 48%, #071b309c 100%) !important;
    border: 1px solid var(--aio-line) !important;
    border-radius: 42px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 55px rgba(56,189,248,0.055) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[class^="offer_block_pro"]:hover{
    border-color: var(--aio-line-strong) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.20),
        inset 0 0 65px rgba(56,189,248,0.075) !important;
}

.offer_title_pro,
[class^="tariff_title_"],
[class^="tariff_name_"]{
    color: var(--aio-text) !important;
    letter-spacing: -0.02em;
}

[class^="offer_block_pro"] > [class$="_header"] [class$="_title"],
.design_team_title{
    color: #f3f9ff !important;
    text-shadow: 0 2px 18px rgba(56,189,248,0.10);
}

[class^="offer_block_pro"] > [class$="_header"] [class$="_subtitle"],
.design_team_subtitle{
    color: #b7c9d8 !important;
}

[class^="offer_block_pro"] > [class$="_header"] [class$="_badge"],
.design_team_badge{
    color: var(--aio-success) !important;
}

.offer_row,
.offer_triggers,
[class^="tariff_subtitle_"],
[class^="tariff_desc_"]{
    color: var(--aio-muted) !important;
}

.offer_row{
    padding: 4px 0;
    border-bottom: 1px solid rgba(255,255,255,0.055);
}

.offer_row:hover{
    color: #dff5ff !important;
}

.price,
[class^="tariff_price_"]{
    color: #56d7ff !important;
}

.free .price,
.offer_badge{
    color: var(--aio-success) !important;
}

/* Cards inside tariff sections */
[class^="tariff_card_"]{
    color: var(--aio-text) !important;
    background: linear-gradient(145deg, #205579 0%, #123b5d 52%, #0a2945 100%) !important;
    border: 1px solid rgba(148,211,238,0.30) !important;
    box-shadow:
        0 20px 48px rgba(0,7,17,0.46),
        inset 0 1px 0 rgba(255,255,255,0.13) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[class^="tariff_card_"]:hover{
    border-color: rgba(56,189,248,0.42) !important;
    box-shadow:
        0 22px 52px rgba(0,7,17,0.46),
        0 0 28px rgba(56,189,248,0.10) !important;
}

.offer_btn,
[class^="tariff_btn_"]{
    color: #fff !important;
    background: linear-gradient(100deg, #0ea5e9 0%, #2563eb 100%) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    box-shadow:
        0 12px 28px rgba(14,165,233,0.22),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.offer_btn:hover,
[class^="tariff_btn_"]:hover{
    transform: translateY(-2px) !important;
    box-shadow:
        0 17px 36px rgba(14,165,233,0.32),
        0 0 0 1px rgba(125,211,252,0.20) !important;
}

/* Left navigation and quick request */
.box_1_g_a{
    background:
        linear-gradient(180deg, rgba(5,17,31,0.86), rgba(8,29,47,0.72)) !important;
    border-right: 1px solid rgba(125,211,252,0.16);
    box-shadow: 18px 0 55px rgba(0,8,20,0.30) !important;
    backdrop-filter: blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}

.box_1_v_g_v_b{
    background: linear-gradient(90deg, rgba(14,165,233,0.82), rgba(37,99,235,0.72)) !important;
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 12px 28px rgba(0,18,45,0.28) !important;
}

.a_menu,
.a_btm_menu{
    animation: none !important;
    color: #dbeeff !important;
    text-shadow: none !important;
}

.a_menu{
    border-radius: 12px;
}

.a_menu:hover{
    color: #fff !important;
    background: rgba(56,189,248,0.11);
}

#txt_task{
    color: var(--aio-text) !important;
    background: radial-gradient(circle at 25% 90%, rgba(56, 189, 248, 0.13), transparent 40%), linear-gradient(302deg, rgb(40 137 227 / 92%), rgb(0 0 0 / 88%)) !important;
    border: 1px solid var(--aio-line) !important;
    box-shadow: 0 22px 55px rgba(0,7,17,0.42), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.task_phone{
    background: rgba(9,28,46,0.78) !important;
    border-color: rgba(125,211,252,0.27) !important;
}

.btn_task{
    background: linear-gradient(145deg, #3c3c3c, #6c6e74 75%, #818181) !important;
    border-color: rgb(119 119 119 / 55%) !important;
    box-shadow: 0 18px 38px rgba(0, 83, 158, 0.34), inset -12px -1px 20px 0px rgb(217 210 210 / 25%) !important;
}

.btn_task_val{
    color: #fff !important;
    animation: none !important;
}

/* Floating navigation */
.question_settings,
.btm_menu,
.contacts_repair{
    background:
        linear-gradient(135deg, rgba(12,23,46,0.92), rgba(22,137,190,0.55)),
        rgba(25,35,60,0.70) !important;
    border: 1px solid rgba(186,230,253,0.20) !important;
    box-shadow:
        0 18px 48px rgba(0,7,17,0.38),
        inset 0 1px 0 rgba(255,255,255,0.13) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}

.question_settings:hover{
    font-size: 30px !important;
    transform: translateY(-2px);
}

.btm_menu{
    background:
        linear-gradient(115deg, rgba(8,29,52,0.96), rgba(20,105,153,0.88)) !important;
    border-color: rgba(125,211,252,0.42) !important;
    box-shadow:
        0 20px 60px rgba(0,7,17,0.54),
        0 0 28px rgba(14,165,233,0.10),
        inset 0 1px 0 rgba(255,255,255,0.20) !important;
}

.btm_menu:hover{
    height: 65px !important;
}

.contacts_repair{
    animation: none !important;
    border-radius: 0 0 22px 22px !important;
}

.contacts_repair_title{
    color: #dff5ff !important;
    background: rgba(255,255,255,0.07) !important;
    border-bottom: 1px solid rgba(125,211,252,0.18) !important;
}

.img_r_repair{
    filter: drop-shadow(0 7px 12px rgba(0,0,0,0.30));
    transition: transform .2s ease, filter .2s ease;
}

.contacts_repair a:hover .img_r_repair{
    transform: translateY(-3px) scale(1.06);
    filter: drop-shadow(0 10px 16px rgba(56,189,248,0.28));
}

/* Modal and footer */
.form{
    background:
        radial-gradient(circle at 15% 0%, rgba(56,189,248,0.13), transparent 42%),
        linear-gradient(145deg, rgba(8,22,39,0.96), rgba(13,31,52,0.94)) !important;
    border-color: rgba(125,211,252,0.24) !important;
    box-shadow: 0 34px 100px rgba(0,5,15,0.68), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.footer_repair{
    background:
        radial-gradient(circle at 80% 0%, rgba(14,165,233,0.12), transparent 34%),
        linear-gradient(160deg, #07111f, #0b1d30 58%, #06101d) !important;
    border-top: 1px solid rgba(125,211,252,0.15);
}

/* Standalone service pages */
.service_page_source{
    color: var(--aio-text) !important;
    background: rgba(4,13,24,0.74) !important;
}

.service_text,
.service_visible_form,
.service_links{
    color: var(--aio-text) !important;
    background: linear-gradient(145deg, rgba(13,32,52,0.94), rgba(7,20,36,0.90)) !important;
    border-color: var(--aio-line) !important;
    box-shadow: var(--aio-shadow) !important;
}

.service_text h2,
.service_text p,
.service_visible_form_title,
.service_links h2{
    color: var(--aio-text) !important;
}

.service_tariff_summary_item,
.service_link_grid a{
    color: #dff5ff !important;
    background: rgba(56,189,248,0.08) !important;
    border: 1px solid rgba(125,211,252,0.10);
}

.service_visible_form input,
.service_visible_form textarea{
    color: var(--aio-text) !important;
    background: rgba(5,18,31,0.76) !important;
    border-color: rgba(125,211,252,0.18) !important;
}

@media (max-width: 700px){
    [class^="offer_block_pro"]{
        background: linear-gradient(155deg, #194866eb 0%, #0d3150 52%, #071d33b8 100%) !important;
        border-color: rgba(125,211,252,0.48) !important;
        border-radius: 30px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.18),
        inset 0 0 48px rgba(56,189,248,0.06) !important;
    }

    [class^="tariff_card_"]{
        background: linear-gradient(145deg, #225b80 0%, #123e61 55%, #092944 100%) !important;
        border-color: rgba(148,211,238,0.38) !important;
        border-radius: 22px !important;
    }

    .box_1_g_a{
        box-shadow: 10px 0 34px rgba(0,8,20,0.26) !important;
    }

    .btm_menu{
        background:
            linear-gradient(115deg, rgba(8,29,52,0.98), rgba(19,112,162,0.94)) !important;
        border-color: rgba(186,230,253,0.42) !important;
        box-shadow:
            0 16px 44px rgba(0,5,15,0.62),
            inset 0 1px 0 rgba(255,255,255,0.20) !important;
    }
}

@media (prefers-reduced-motion: reduce){
    *, *::before, *::after{
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}