/*!
Theme Name: Bonfire_2026
Author: Nikita_Zavarzin
Description: Modern theme with customizer support for Bonfire agency
Version: 1.0.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bonfire_2026
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,400..800;1,400&family=Unbounded:wght@200..900&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
}

:root {
    --Unbounded: "Unbounded", sans-serif;
    --Manrope: "Manrope", sans-serif;
    --dark-blue: #01032A;
    --white: #ffffff;
    --orange: #F46217;
}

body {
    margin: 0;
    overflow-x: hidden;
    background-color: var(--white);
}

h1, h2, h3, h4, p {
    margin: 0;
}

.wrapper {
    overflow-x: hidden;
    width: 100%;
}

.container {
    width: 100%;
    max-width: 1254px;
    margin: 0 auto;
    padding: 0 20px;
}

.text-accent {
    color: var(--orange);
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 55px;
    padding: 0 40px;
    border-radius: 15px;
    font-family: var(--Manrope);
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn--orange { background: var(--orange); color: var(--white); border-color: var(--orange); }
.btn--orange:hover { background: #e05510; border-color: #e05510; box-shadow: 0 4px 15px rgba(244, 98, 23, 0.3); }

.btn--white { background: var(--white); color: var(--dark-blue); border-color: var(--white); }
.btn--white:hover { background: #f4f4f4; border-color: #f4f4f4; box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2); }

.btn--outline-orange { background: transparent; border-color: var(--orange); color: var(--orange); }
.btn--outline-orange:hover { background: var(--orange); color: var(--white); box-shadow: 0 4px 15px rgba(244, 98, 23, 0.3); }

.btn--outline-white { background: transparent; border-color: var(--white); color: var(--white); }
.btn--outline-white:hover { background: rgba(255, 255, 255, 0.1); }

.btn--full { width: 100%; }

.btn--pill {
    height: 39px;
    padding: 0 20px;
    border-radius: 39px;
    border: 1px solid var(--orange);
    background: var(--white);
    color: var(--dark-blue);
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
}
.btn--pill svg { color: var(--orange); transition: color 0.3s ease; }
.btn--pill:hover { background: var(--orange); color: var(--white); }
.btn--pill:hover svg { color: var(--white); }

.header {
    display: flex;
    gap: 50px;
    align-items: center;
    max-width: 1840px; 
    margin: 0 auto;
    width: 100%;
    position: fixed;
    top: 15px;
    left: 0;
    right: 0;
    padding: 0 40px;
    z-index: 1000;
    transition: top 0.3s ease;
}
.navbar {
    border: 1px solid rgba(221, 221, 221, 0.2);
    border-radius: 18px;
    padding: 15px 50px;
    width: 100%;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0.23) 49.92%, rgba(255, 255, 255, 0.23) 100%);
    backdrop-filter: blur(10px);
    transition: background 0.3s ease, border-color 0.3s ease;
}
.nav__list { display: flex; list-style: none; margin: 0; padding: 0; gap: 80px; }
.nav__list li a { text-decoration: none; color: #fff; font-family: var(--Manrope); font-weight: 500; font-size: 18px; }

.button_nav {
    border-radius: 15px;
    padding: 15px 20px;
    width: max-content;
    height: 55px;
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 18px;
    color: var(--dark-blue);
    display: flex;
    gap: 15px;
    flex-shrink: 0;
    white-space: nowrap;
    align-items: center;
    border: 1px solid transparent;
    text-decoration: none;
    background: var(--white);
    cursor: pointer;
    transition: all 0.3s ease;
}
.button_nav:hover { transform: translateY(-2px); opacity: 0.9; }

.header--dark .navbar { background: var(--dark-blue) !important; border-color: transparent !important; }
.header--dark .button_nav { background: var(--orange); color: var(--white); border-color: var(--white); }
.header--dark .button_nav:hover { background: #e05510; border-color: #e05510; }

.burger { display: none; background: transparent; border: none; width: 30px; height: 20px; cursor: pointer; position: relative; z-index: 10; }
.burger span { position: absolute; width: 100%; height: 2px; background-color: #fff; left: 0; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; }
.burger span:nth-child(1) { top: 0; }
.burger span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.burger span:nth-child(3) { bottom: 0; }

.nav__list li {
    position: relative;
}

.nav__list ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--dark-blue);
    list-style: none;
    padding: 15px 20px;
    margin: 0;
    min-width: 220px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 1100;
}

.nav__list li:hover > ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.nav__list ul.sub-menu li a {
    font-size: 16px;
    color: var(--white);
    white-space: nowrap;
}

.nav__list ul.sub-menu li a:hover {
    color: var(--orange);
}

.hero_banner {
    background-image: url('../img/herolight.svg'), 
                      radial-gradient(120% 100% at 15% 10%, #d4702f 0%, transparent 55%),
                      linear-gradient(135deg, #c9612e 0%, #b8511f 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 150px;
    padding-bottom: 80px;
    overflow-x: clip;
    isolation: isolate;
    overflow: hidden;
}

.hero_container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1630px; 
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); 
    gap: 30px; 
    align-items: center;
}

.fire-glow {
    position: absolute;
    inset: -20%;
    z-index: 0;
    filter: blur(60px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.fire-glow span {
    position: absolute;
    border-radius: 50%;
    will-change: transform, opacity;
}

.fire-glow span:nth-child(1) {
    width: 48vw; height: 48vw;
    left: -10%; bottom: -20%;
    background: radial-gradient(circle, #ff5b1f 0%, transparent 70%);
    animation: sweep-a 5.5s ease-in-out infinite;
}
.fire-glow span:nth-child(2) {
    width: 38vw; height: 38vw;
    left: 15%; bottom: -15%;
    background: radial-gradient(circle, #ff8a3d 0%, transparent 70%);
    animation: sweep-b 4.2s ease-in-out infinite;
}
.fire-glow span:nth-child(3) {
    width: 42vw; height: 42vw;
    left: 38%; bottom: -25%;
    background: radial-gradient(circle, #ffb35c 0%, transparent 70%);
    animation: sweep-c 6.8s ease-in-out infinite;
}
.fire-glow span:nth-child(4) {
    width: 50vw; height: 50vw;
    left: 55%; bottom: -20%;
    background: radial-gradient(circle, #7a1d0c 0%, transparent 75%);
    animation: sweep-d 7.8s ease-in-out infinite;
}
.fire-glow span:nth-child(5) {
    width: 34vw; height: 34vw;
    left: 70%; bottom: -15%;
    background: radial-gradient(circle, #ff5b1f 0%, transparent 70%);
    animation: sweep-e 3.8s ease-in-out infinite;
}
.fire-glow span:nth-child(6) {
    width: 30vw; height: 30vw;
    left: 5%; top: 10%;
    background: radial-gradient(circle, #ff8a3d 0%, transparent 65%);
    animation: sweep-f 4.8s ease-in-out infinite;
}
.fire-glow span:nth-child(7) {
    width: 28vw; height: 28vw;
    left: 82%; top: 5%;
    background: radial-gradient(circle, #ffb35c 0%, transparent 65%);
    animation: sweep-g 5.2s ease-in-out infinite;
}
.fire-glow span:nth-child(8) {
    width: 44vw; height: 44vw;
    left: 88%; bottom: -25%;
    background: radial-gradient(circle, #ff5b1f 0%, transparent 70%);
    animation: sweep-h 6.2s ease-in-out infinite;
}

@keyframes sweep-a {
    0%   { transform: translate(0,0) scale(1); opacity: .4; }
    22%  { transform: translate(8%,-20%) scale(1.25); opacity: .75; }
    45%  { transform: translate(-4%,-8%) scale(.85); opacity: .35; }
    68%  { transform: translate(12%,-28%) scale(1.15); opacity: .7; }
    100% { transform: translate(0,0) scale(1); opacity: .4; }
}
@keyframes sweep-b {
    0%   { transform: translate(0,0) scale(1); opacity: .5; }
    30%  { transform: translate(-10%,-22%) scale(1.3); opacity: .8; }
    55%  { transform: translate(6%,-10%) scale(.8); opacity: .3; }
    80%  { transform: translate(-8%,-30%) scale(1.1); opacity: .65; }
    100% { transform: translate(0,0) scale(1); opacity: .5; }
}
@keyframes sweep-c {
    0%   { transform: translate(0,0) scale(1); opacity: .35; }
    25%  { transform: translate(10%,-18%) scale(1.2); opacity: .6; }
    50%  { transform: translate(-6%,-30%) scale(1.35); opacity: .75; }
    75%  { transform: translate(4%,-12%) scale(.9); opacity: .4; }
    100% { transform: translate(0,0) scale(1); opacity: .35; }
}
@keyframes sweep-d {
    0%   { transform: translate(0,0) scale(1); opacity: .4; }
    20%  { transform: translate(-8%,-15%) scale(.9); opacity: .55; }
    48%  { transform: translate(6%,-32%) scale(1.3); opacity: .7; }
    72%  { transform: translate(-10%,-18%) scale(1.05); opacity: .45; }
    100% { transform: translate(0,0) scale(1); opacity: .4; }
}
@keyframes sweep-e {
    0%   { transform: translate(0,0) scale(1); opacity: .35; }
    35%  { transform: translate(-12%,-25%) scale(1.25); opacity: .65; }
    65%  { transform: translate(8%,-10%) scale(.85); opacity: .3; }
    100% { transform: translate(0,0) scale(1); opacity: .35; }
}
@keyframes sweep-f {
    0%   { transform: translate(0,0) scale(1); opacity: .25; }
    40%  { transform: translate(10%,8%) scale(1.2); opacity: .45; }
    75%  { transform: translate(-6%,-6%) scale(.9); opacity: .2; }
    100% { transform: translate(0,0) scale(1); opacity: .25; }
}
@keyframes sweep-g {
    0%   { transform: translate(0,0) scale(1); opacity: .2; }
    45%  { transform: translate(-10%,10%) scale(1.15); opacity: .4; }
    80%  { transform: translate(6%,-4%) scale(.85); opacity: .15; }
    100% { transform: translate(0,0) scale(1); opacity: .2; }
}
@keyframes sweep-h {
    0%   { transform: translate(0,0) scale(1); opacity: .4; }
    28%  { transform: translate(-14%,-20%) scale(1.2); opacity: .6; }
    58%  { transform: translate(8%,-30%) scale(.9); opacity: .35; }
    82%  { transform: translate(-6%,-14%) scale(1.1); opacity: .55; }
    100% { transform: translate(0,0) scale(1); opacity: .4; }
}

@media (prefers-reduced-motion: reduce) {
    .fire-glow span { animation: none !important; }
}

.intro { 
    width: 100%; 
    max-width: 755px; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
}

.intro h1 { 
    font-family: var(--Unbounded); 
    font-weight: 800; 
    font-size: clamp(38px, 4vw, 64px); 
    line-height: 100%; 
    letter-spacing: 0.04em; 
    color: var(--white); 
    margin: 0 0 16px 0; 
}

.intro p { 
    font-family: var(--Manrope); 
    font-weight: 400; 
    font-size: clamp(16px, 1.5vw, 20px); 
    letter-spacing: 0.04em; 
    color: #ffd9c5; 
    margin: 0 0 40px 0; 
}

.regalia { 
    width: 100%; 
    margin-top: clamp(60px, 8vw, 150px); 
    padding-top: 30px; 
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    display: flex; 
    gap: clamp(20px, 3vw, 40px); 
}

.regalia__item { display: flex; flex-direction: column; gap: 6px; }
.regalia__number { font-family: var(--Unbounded); font-weight: 700; font-size: clamp(18px, 1.8vw, 24px); color: var(--white); }
.regalia__text { font-family: var(--Manrope); font-weight: 400; font-size: clamp(13px, 1.1vw, 15px); color: rgba(255, 255, 255, 0.7); }

.hero_cases { 
    width: 100%; 
    max-width: 760px;
    height: 620px; 
    position: relative; 
    justify-self: end;
}

.case { 
    width: 58%; 
    max-width: 445px; 
    position: absolute; 
    z-index: 1;
}

.case_1 { 
    top: 0; 
    left: 0; 
    z-index: 1; 
}

.case_2 { 
    top: 170px; 
    left: 41%; 
    z-index: 2; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.case_3 { 
    top: 360px; 
    left: 22%; 
    z-index: 3; 
}

.case_sub { 
    width: 100%; 
    height: 230px; 
    border-radius: 26px; 
    background-color: var(--dark-blue); 
    padding: clamp(18px, 2vw, 25px); 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: flex-end; 
    text-align: right; 
    margin-bottom: 10px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

.case_sub span { 
    width: 100%; 
    max-width: 260px; 
}

.case h1 { 
    font-family: var(--Unbounded); 
    font-weight: 800; 
    font-size: clamp(18px, 1.6vw, 24px); 
    color: var(--white); 
    margin: 0 0 8px 0; 
    line-height: 1.15;
}

.case p { 
    font-family: var(--Manrope); 
    font-weight: 500; 
    font-size: clamp(12px, 1vw, 14px); 
    letter-spacing: 0.04em; 
    color: var(--white); 
    margin: 0; 
    line-height: 1.35;
}

.case a { 
    font-family: var(--Manrope); 
    font-weight: 500; 
    font-size: 16px; 
    letter-spacing: 0.04em; 
    text-decoration: underline; 
    color: #ffd9c5; 
    display: inline-block;
    transition: opacity 0.2s ease;
}

.case a:hover {
    opacity: 0.8;
}
.crm-promo { display: flex; justify-content: center; align-items: center; width: 100%; padding: 100px 20px; background: #FDFDFD; }
.crm-container { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 39px; width: 100%; max-width: 1214px; }
.crm-col-left { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 50px; width: 100%; max-width: 587px; }
.crm-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; letter-spacing: 0.04em; color: var(--dark-blue); }
.crm-image-wrapper { position: relative; width: 100%; max-width: 586px; height: 405px; display: flex; justify-content: center; align-items: center; }
.crm-image-glow { position: absolute; width: 249px; height: 294px; background: linear-gradient(102.01deg, #F48B54 15.61%, rgba(255, 149, 94, 0.2) 83.83%, rgba(253, 115, 44, 0) 97.11%); opacity: 0.42; filter: blur(54.45px); border-radius: 50px; z-index: 1; }
.crm-image { position: absolute; width: 100%; max-width: 354px; height: auto; object-fit: contain; z-index: 2; }
.crm-features-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; width: 100%; }
.crm-feature-item, .crm-feature-separator { font-family: var(--Manrope); font-weight: 400; font-size: 14px; color: rgba(1, 3, 42, 0.5); text-align: center; }
.crm-col-right { display: flex; flex-direction: column; align-items: flex-start; gap: 50px; width: 100%; max-width: 587px; }
.crm-text-block { display: flex; flex-direction: column; gap: 15px; width: 100%; }
.crm-subtitle { width: 100%; font-family: var(--Manrope); font-weight: 600; font-size: 32px; line-height: 44px; color: var(--dark-blue); }
.crm-paragraph { width: 100%; font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 25px; color: var(--dark-blue); }

.audit-promo { display: flex; justify-content: center; align-items: center; width: 100%; padding: 100px 20px; background: #FDFDFD; }
.audit-container { position: relative; display: flex; flex-direction: row; align-items: center; padding: 60px 50px; gap: 39px; width: 100%; max-width: 1214px; isolation: isolate; }
.audit-bg-layer { position: absolute; inset: 0; background: var(--dark-blue); border-radius: 22px; overflow: hidden; z-index: 0; pointer-events: none; }
.audit-glow { position: absolute; width: 1486px; height: 724px; left: 50%; top: 50%; transform: translate(-50%, -50%) matrix(-0.84, -0.54, -0.54, 0.84, 0, 0); background: linear-gradient(352.37deg, rgba(255, 255, 255, 0) 24.49%, #FFFFFF 112.18%); mix-blend-mode: hard-light; opacity: 0.37; filter: blur(45.25px); }
.audit-col-left { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 35px; width: 100%; max-width: 587px; z-index: 1; }
.audit-header { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.audit-title { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--white); }
.audit-desc { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 25px; color: var(--white); }
.audit-list { display: flex; flex-direction: column; gap: 15px; width: 100%; list-style: none; padding-left: 0; }
.audit-list-item { display: flex; flex-direction: row; align-items: flex-start; gap: 15px; width: 100%; }
.audit-bullet { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; border: 1px solid var(--white); border-radius: 50%; opacity: 0.5; flex-shrink: 0; font-family: var(--Manrope); font-size: 14px; color: var(--white); }
.audit-text { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 25px; color: var(--white); }
.audit-col-right { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; max-width: 498px; z-index: 1; }
.audit-image { position: absolute; width: 100%; max-width: 488px; height: auto; left: -20px; bottom: 85px; z-index: 2; object-fit: contain; }
.audit-note { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 25px; color: var(--white); margin-top: auto; padding-top: 350px; }

.cases-section { display: flex; justify-content: center; align-items: center; width: 100%; padding: 100px 20px; background: #FFFFFF; }
.cases-container { display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; max-width: 1214px; }
.cases-main-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--dark-blue); text-align: left; }
.cases-grid { display: flex; flex-direction: row; align-items: stretch; gap: 40px; width: 100%; }
.cases-col-left, .cases-col-right { display: flex; flex-direction: column; gap: 40px; width: 100%; max-width: 587px; }
.cases-subtitle { width: 100%; font-family: var(--Manrope); font-weight: 600; font-size: 24px; line-height: 33px; color: var(--dark-blue); }
.case-card { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; min-height: 236px; width: 100%; flex-grow: 1; background: linear-gradient(296.91deg, #FFB691 3.76%, var(--orange) 102.02%); border: 1px solid #EEEEEE; border-radius: 13px; }
.case-card-header { display: flex; flex-direction: column; gap: 10px; }
.case-category { font-family: var(--Manrope); font-weight: 400; font-size: 18px; color: var(--white); }
.case-title { font-family: var(--Manrope); font-weight: 700; font-size: 24px; line-height: 33px; color: var(--white); }

.clietns-logo-section { display: flex; justify-content: center; align-items: center; width: 100%; padding: 0px 20px; background: var(--white); }
.clietns-logo { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 50px 90px; width: 100%; max-width: 1600px; }
.partner-logo { height: 27px; width: auto; object-fit: contain; transition: opacity 0.3s ease; }
.partner-logo:hover { opacity: 0.7; }

.reviews-section { display: flex; justify-content: center; width: 100%; padding: 100px 20px; background: #FDFDFD; position: relative; overflow: hidden; }
.reviews-container { position: relative; display: flex; flex-direction: column; align-items: center; gap: 60px; width: 100%; max-width: 1213px; z-index: 1; }
.reviews-container::before { content: "“"; position: absolute; left: -50px; top: -100px; font-family: var(--Unbounded); font-weight: 800; font-size: 500px; line-height: 1; color: var(--dark-blue); opacity: 0.03; z-index: -1; pointer-events: none; }
.reviews-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--dark-blue); text-align: left; }
.reviews-slider { display: flex; flex-direction: row; align-items: stretch; gap: 40px; width: 100%; }
.review-card { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 25px; gap: 20px; flex: 1; background: #F9F9F9; border: 1px solid #EFEFEF; border-radius: 11px; }
.review-tag { display: flex; justify-content: center; align-items: center; padding: 5px 20px; border: 1px solid rgba(1, 3, 42, 0.25); border-radius: 20px; font-family: var(--Manrope); font-size: 14px; color: var(--dark-blue); }
.review-content { flex-grow: 1; display: flex; flex-direction: column; gap: 15px; }
.review-content p { font-family: var(--Manrope); font-weight: 400; font-size: 16px; line-height: 20px; color: var(--dark-blue); }
.review-divider { width: 100%; border: none; border-top: 1px solid #EFEFEF; margin: 5px 0; }
.review-author { display: flex; flex-direction: column; font-family: var(--Manrope); font-style: italic; font-size: 14px; color: var(--dark-blue); opacity: 0.35; margin-bottom: 5px; }
.review-link { font-family: var(--Manrope); font-style: italic; font-size: 14px; text-decoration-line: underline; color: var(--orange); transition: opacity 0.2s ease; }
.review-link:hover { opacity: 0.7; }
.slider-controls { display: flex; flex-direction: row; gap: 36px; margin-top: -10px; }
.control-btn { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: transparent; border: 1px solid var(--orange); border-radius: 6px; color: var(--orange); cursor: pointer; transition: opacity 0.2s ease, background 0.2s ease; }
.control-btn:hover:not(.disabled) { background: rgba(244, 98, 23, 0.1); }
.control-btn.disabled { opacity: 0.5; cursor: default; }

.quick-start-section { display: flex; justify-content: center; align-items: center; width: 100%; padding: 80px 20px; }
.qs-card { position: relative; display: flex; justify-content: flex-end; align-items: center; width: 100%; max-width: 1213px; min-height: 392px; background: var(--dark-blue); border-radius: 13px; overflow: hidden; padding: 54px 60px 54px 35px; }
.qs-bg-wrapper { position: absolute; left: 0; top: 0; width: 55%; height: 100%; z-index: 0; }
.qs-bg-image { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.qs-bg-fade { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 50%, var(--dark-blue) 95%); pointer-events: none; }
.qs-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 35px; width: 100%; max-width: 660px; }
.qs-title { font-family: var(--Unbounded); font-weight: 800; font-size: 40px; line-height: 50px; color: var(--white); }
.qs-manager-block { display: flex; flex-direction: row; align-items: flex-start; gap: 30px; }
.qs-avatar { width: 94px; height: 94px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.qs-manager-info { display: flex; flex-direction: column; gap: 10px; }
.qs-desc { font-family: var(--Manrope); font-weight: 700; font-size: 24px; line-height: 30px; color: var(--white); }
.qs-subdesc { font-family: var(--Manrope); font-size: 16px; line-height: 23px; color: rgba(255, 255, 255, 0.7); }
.qs-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; width: 100%; }

.blog-section { display: flex; justify-content: center; align-items: center; width: 100%; padding: 80px 20px; background: transparent; }
.blog-container { display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; max-width: 1213px; }
.blog-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 48px; color: var(--dark-blue); text-align: left; }
.blog-grid { display: flex; flex-direction: row; align-items: stretch; gap: 30px; width: 100%; }
.blog-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1; }
.blog-image { width: 100%; height: 225px; object-fit: cover; border-radius: 20px; margin-bottom: 5px; transition: transform 0.3s ease; }
.blog-card:hover .blog-image { transform: translateY(-2px); }
.blog-card-title { font-family: var(--Manrope); font-size: 20px; line-height: 110%; color: var(--orange); }
.blog-date { font-family: var(--Manrope); font-size: 16px; color: #2E2425; opacity: 0.5; }
.blog-link { display: inline-flex; align-items: center; justify-content: center; height: 22px; font-family: var(--Manrope); font-size: 16px; color: var(--orange); text-decoration: none; border-bottom: 1px solid var(--orange); transition: opacity 0.2s ease; }
.blog-link:hover { opacity: 0.7; }

.contact-section { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 100px 20px; background: linear-gradient(297.03deg, var(--orange) -3.24%, #B24E33 85.51%); overflow: hidden; }
.contact-bg-glow { position: absolute; width: 2139px; height: 1927px; left: -317px; top: 50%; transform: translateY(-50%); background: linear-gradient(102.01deg, #F48B54 15.61%, rgba(255, 149, 94, 0.2) 83.83%, rgba(253, 115, 44, 0) 97.11%); opacity: 0.85; filter: blur(54px); border-radius: 50px; z-index: 0; pointer-events: none; }
.contact-bg-ellipse { position: absolute; width: 3155px; height: 1238px; left: -1055px; top: -600px; background: linear-gradient(283.74deg, rgba(255, 255, 255, 0) 48.07%, #FFFFFF 105.97%); mix-blend-mode: plus-lighter; opacity: 0.37; filter: blur(45px); transform: matrix(-0.84, -0.54, -0.54, 0.84, 0, 0); z-index: 0; pointer-events: none; }
.contact-container { position: relative; z-index: 1; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 60px; width: 100%; max-width: 1213px; }
.contact-col-left { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 70px; width: 100%; flex: 1; }
.contact-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 89px; line-height: 100%; color: var(--white); text-align: left; }
.contact-image { width: 100%; max-width: 576px; height: auto; object-fit: contain; }
.contact-col-right { display: flex; flex-direction: column; background: var(--white); border-radius: 13px; padding: 40px 25px; flex: 1; width: 100%; max-width: 576px; }
.contact-form { display: flex; flex-direction: column; gap: 40px; width: 100%; }
.form-fields { display: flex; flex-direction: column; gap: 25px; }
.form-group { display: flex; flex-direction: column; gap: 10px; }
.form-label { font-family: var(--Manrope); font-size: 16px; color: var(--dark-blue); }
.form-input { width: 100%; height: 42px; padding: 11px 15px; background: rgba(196, 196, 196, 0.25); border-radius: 7px; border: none; outline: none; font-family: var(--Manrope); font-size: 16px; color: var(--dark-blue); transition: background 0.2s ease; }
.form-input:focus { background: rgba(196, 196, 196, 0.35); }
.form-input::placeholder { color: var(--dark-blue); opacity: 0.5; }
.form-textarea { height: 124px; resize: vertical; }
.form-actions { display: flex; flex-direction: column; gap: 25px; }
.form-checkbox-group { display: flex; flex-direction: column; gap: 15px; }
.form-checkbox-label { display: flex; flex-direction: row; align-items: center; gap: 10px; cursor: pointer; }
.form-checkbox { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; border: 1px solid #979797; border-radius: 2px; background: transparent; cursor: pointer; position: relative; flex-shrink: 0; }
.form-checkbox:checked::after { content: ''; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid var(--orange); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.form-checkbox:checked { border-color: var(--orange); }
.checkbox-text { font-family: var(--Manrope); font-size: 12px; opacity: 0.5; }
.checkbox-link { color: var(--dark-blue); text-decoration: underline; }
.checkbox-link:hover { color: var(--orange); }
.form-response-message{ font-family: var(--Manrope); font-size: 16px; color: var(--orange); }

.services-hero { position: relative; width: 100%; min-height: 554px; display: flex; align-items: center; background: linear-gradient(297.03deg, #01032A -3.24%, #080B3D 85.51%); overflow: hidden; padding-top: 100px; padding-bottom: 50px; }
.services-hero-glow-1 { position: absolute; width: 3155px; height: 1238px; left: -500px; top: -800px; background: linear-gradient(283.74deg, #F46217 48.07%, #925232 105.97%); mix-blend-mode: plus-lighter; opacity: 0.37; filter: blur(45px); transform: matrix(-0.84, -0.54, -0.54, 0.84, 0, 0); z-index: 0; pointer-events: none; }
.services-hero-glow-2 { position: absolute; width: 2139px; height: 1927px; left: 50%; top: -600px; transform: translateX(-50%) matrix(0.98, 0.18, 0.18, -0.98, 0, 0); background: linear-gradient(102.01deg, #F46217 15.61%, rgba(255, 149, 94, 0.2) 83.83%, rgba(253, 115, 44, 0) 97.11%); opacity: 0.42; filter: blur(54px); border-radius: 50px; z-index: 0; pointer-events: none; }
.services-hero-container { position: relative; z-index: 1; display: flex; flex-direction: column; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 5px; font-family: var(--Manrope); font-weight: 500; font-size: 14px; margin-bottom: 40px; }
.bc-link, .bc-sep { color: var(--white); opacity: 0.5; text-decoration: none; transition: opacity 0.2s ease; }
.bc-link:hover { opacity: 1; }
.bc-current { color: var(--orange); }
.services-hero-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; }
.services-hero-text { display: flex; flex-direction: column; gap: 20px; max-width: 650px; }
.services-hero-text h1 { font-family: var(--Unbounded); font-weight: 800; font-size: 40px; line-height: 100%; letter-spacing: 0.04em; color: var(--white); }
.services-hero-text p { font-family: var(--Manrope); font-weight: 400; font-size: 20px; line-height: 135%; letter-spacing: 0.04em; color: #FFD9C5; }
.services-hero-img { width: 100%; max-width: 430px; height: auto; object-fit: contain; }

.services-list-section { padding: 100px 0; background: var(--white); }
.services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
.service-card { display: flex; flex-direction: column; background: linear-gradient(120.71deg, rgba(244, 98, 23, 0.15) 0%, rgba(255, 180, 141, 0.15) 100.05%); border: 1px solid var(--orange); border-radius: 13px; padding: 35px 40px; }
.sc-header { display: flex; flex-direction: row; align-items: center; gap: 25px; margin-bottom: 30px; }
.sc-icon { width: 190px; height: 190px; background: rgba(255, 255, 255, 0.4); border-radius: 11px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden; }
.sc-icon img { width: 80%; height: 80%; object-fit: contain; }
.sc-title-block { display: flex; flex-direction: column; gap: 15px; }
.sc-title-block h3 { font-family: var(--Unbounded); font-weight: 600; font-size: 24px; line-height: 125%; color: var(--dark-blue); }
.sc-price { font-family: var(--Manrope); font-weight: 700; font-size: 18px; color: var(--orange); }
.sc-body { flex-grow: 1; margin-bottom: 40px; }
.sc-body p { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 140%; color: var(--dark-blue); }
.sc-footer { display: flex; flex-direction: row; gap: 20px; }
.sc-footer .btn { flex: 1; padding: 0 10px; }

.service-card--full { grid-column: 1 / -1; flex-direction: row; align-items: stretch; gap: 50px; }
.sc-main { flex: 1; display: flex; flex-direction: column; }
.sc-extra { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.sc-extra h4 { font-family: var(--Manrope); font-weight: 700; font-size: 18px; color: var(--dark-blue); margin-bottom: 5px; }
.sc-extra ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.sc-extra ul li { position: relative; padding-left: 20px; font-family: var(--Manrope); font-weight: 600; font-size: 18px; line-height: 140%; color: var(--dark-blue); }
.sc-extra ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: var(--orange); border-radius: 50%; }
.sc-extra .btn { margin-top: 10px; width: max-content; }

.services-cta { padding: 0 0 100px 0; background: var(--white); }
.services-cta-card { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: var(--orange); border-radius: 22px; padding: 60px 80px; gap: 40px; }
.s-cta-text { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; max-width: 587px; }
.s-cta-text h2 { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; letter-spacing: 0.04em; color: var(--white); }
.s-cta-text p { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 140%; color: var(--white); }
.s-cta-img { width: 100%; max-width: 484px; height: auto; object-fit: contain; }

.service-detail-hero { position: relative; width: 100%; min-height: 465px; display: flex; align-items: center; background: linear-gradient(297.03deg, #01032A -3.24%, #080B3D 85.51%); overflow: hidden; padding-top: 150px; padding-bottom: 50px; }

.system-work-section { position: relative; padding: 100px 0; background: var(--white); overflow: hidden; }
.sw-drop-bg { position: absolute; width: 437px; height: 612px; left: -184px; top: -50px; opacity: 0.5; border: 1px solid var(--orange); border-radius: 0 400px 400px 400px; transform: rotate(45deg); z-index: 0; pointer-events: none; }
.system-work-container { position: relative; z-index: 1; display: flex; flex-direction: row; gap: 60px; align-items: flex-start; }
.sw-left, .sw-right { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.sw-left h2 { font-family: var(--Unbounded); font-weight: 500; font-size: 32px; line-height: 40px; color: var(--dark-blue); }
.sw-sub { font-family: var(--Manrope); font-weight: 500; font-size: 24px; line-height: 33px; color: var(--dark-blue); }
.sw-right p { font-family: var(--Manrope); font-weight: 400; font-size: 18px; line-height: 25px; color: var(--dark-blue); }

.pricing-section {
    position: relative;
    background: var(--dark-blue);
    padding: 100px 0;
    overflow: hidden;
}

.pricing-glow {
    position: absolute;
    width: 600px;
    height: 600px;
    left: 0;
    top: 0;
    margin: -300px 0 0 -300px;
    background: radial-gradient(circle, rgba(244, 98, 23, 0.4) 0%, rgba(244, 98, 23, 0) 65%);
    mix-blend-mode: screen;
    filter: blur(50px);
    z-index: 0;
    pointer-events: none;
    opacity: 0.15;
    transform: translate3d(50%, 50%, 0) scale(1);
}
.pricing-container { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 50px; }
.pricing-header { display: flex; flex-direction: column; gap: 20px; }
.pricing-header h2 { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; letter-spacing: 0.04em; color: var(--white); }
.pricing-header p { font-family: var(--Manrope); font-weight: 500; font-size: 18px; color: rgba(255, 255, 255, 0.5); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.pricing-card { display: flex; flex-direction: column; gap: 30px; padding: 30px 25px; background: linear-gradient(307.68deg, rgba(244, 98, 23, 0.19) -3%, rgba(232, 113, 52, 0.11) 26%, rgba(255, 255, 255, 0) 56%), var(--dark-blue); box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07); border-radius: 13px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px); }
.pc-featured { background: linear-gradient(304.42deg, #F46217 -26%, #9E4938 1.5%, #401B25 28%); box-shadow: 0px 4px 14px rgba(244, 98, 23, 0.41); border-color: transparent; }

.pc-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 38px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 20px;
    color: var(--white);
    background: rgba(0,0,0,0.2);
    width: max-content;
}
.tag-icon {
    width: auto;
    height: 18px; 
    object-fit: contain;
}

.pc-price-block { display: flex; flex-direction: row; gap: 5px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px;}
.pc-price { font-family: var(--Unbounded); font-weight: 600; font-size: 24px; color: var(--orange); }
.pc-period { font-family: var(--Manrope); font-size: 14px; color: rgba(255,255,255,0.5); }

.pc-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-grow: 1;
}
.pc-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--Manrope);
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
}
.feature-icon {
    width: 20px; 
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}

.pricing-custom-block { 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    justify-content: space-between; 
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(10px);
    border-radius: 22px; 
    padding: 40px 50px; 
    gap: 60px; 
}
.pcb-left { 
    flex: 1; 
}
.pcb-left h3 { 
    font-family: var(--Unbounded); 
    font-weight: 800;
    font-size: 40px; 
    line-height: 100%; 
    color: var(--white); 
}
.pcb-right { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    gap: 20px; 
    max-width: 537px;
}
.pcb-right p { 
    font-family: var(--Manrope); 
    font-weight: 500;
    font-size: 18px; 
    line-height: 25px; 
    color: var(--white); 
}

.hot-cases-section { padding: 100px 0; background: var(--white); }
.hot-cases-container { display: flex; flex-direction: column; gap: 60px; }
.hot-cases-container h2 { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; color: var(--dark-blue); }
.hc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.hc-card { display: flex; flex-direction: column; gap: 20px; padding: 30px 25px; border-radius: 11px; border: 1px solid #EEEEEE; min-height: 214px; }
.hc-card-1 { background: linear-gradient(197deg, #FFFFFF 11%, #626FFF 110%); }
.hc-card-2 { background: linear-gradient(197deg, #FFFFFF 11%, #D4171B 110%); }
.hc-card-3 { background: linear-gradient(197deg, #FFFFFF 11%, #7AD1E9 110%); }
.hc-tag { display: inline-flex; padding: 5px 15px; border: 1px solid rgba(1, 3, 42, 0.25); border-radius: 38px; font-family: var(--Manrope); font-size: 14px; color: rgba(1, 3, 42, 0.5); width: max-content; }
.hc-content { display: flex; flex-direction: column; gap: 5px; }
.hc-subtitle { font-family: var(--Manrope); font-size: 14px; font-weight: 500; color: var(--dark-blue); }
.hc-title { font-family: var(--Unbounded); font-weight: 800; font-size: 18px; line-height: 120%; color: var(--dark-blue); }

.pro-design-section { padding: 0 0 100px 0; background: var(--white); }
.pro-design-container { display: flex; flex-direction: row; align-items: center; gap: 60px; }
.pd-left { flex: 1; display: flex; flex-direction: column; gap: 20px;}
.pd-left h2 { font-family: var(--Unbounded); font-size: 48px; line-height: 100%; color: var(--dark-blue); }
.pd-left p { font-family: var(--Manrope); font-size: 24px; line-height: 33px; color: var(--dark-blue); }
.pd-right { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 20px;}

.pd-slider-wrapper {
    width: 100%;
    max-width: 430px;
    overflow: hidden;
    border-radius: 11px;
}
.pd-slider-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
}
.pd-slide {
    width: 100%;
    flex-shrink: 0;
    height: auto;
    object-fit: cover;
    border-radius: 11px;
}
.pd-dots { 
    display: flex; 
    gap: 10px; 
    justify-content: center;
    margin-top: 20px;
}
.pd-dot { 
    width: 13px; 
    height: 13px; 
    border-radius: 50%; 
    border: 1px solid var(--orange); 
    background: var(--white); 
    padding: 0;
    cursor: pointer;
    transition: background 0.3s ease;
}
.pd-dot.active { 
    background: var(--orange); 
}

.faq-section { padding: 100px 0; background: #F4F0F0; }
.faq-container { display: flex; flex-direction: row; gap: 60px; align-items: flex-start; }
.faq-left { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; position: sticky; top: 120px; }
.faq-titles { display: flex; flex-direction: column; gap: 10px; }
.faq-tag { font-family: var(--Manrope); font-size: 18px; color: rgba(1, 3, 42, 0.25); }
.faq-titles h2 { font-family: var(--Unbounded); font-size: 64px; line-height: 100%; color: var(--dark-blue); }
.faq-image { width: 211px; transform: rotate(15deg); margin-left: 20px;}
.faq-btn { margin-top: 20px; }
.faq-right { flex: 1; display: flex; flex-direction: column; }
.faq-list { display: flex; flex-direction: column; }
.faq-item { border-bottom: 1px solid rgba(1, 3, 42, 0.25); padding: 25px 0; }
.faq-head { display: flex; justify-content: space-between; align-items: center; cursor: pointer; gap: 20px; }
.faq-head-left { display: flex; gap: 15px; align-items: flex-start; }
.faq-num { font-family: var(--Manrope); font-size: 24px; font-weight: 500; color: var(--orange); }
.faq-question { font-family: var(--Manrope); font-size: 24px; font-weight: 500; color: var(--dark-blue); margin: 0; transition: color 0.3s ease;}
.faq-icon { font-family: var(--Manrope); font-size: 30px; font-weight: 500; color: var(--orange); line-height: 1; transition: transform 0.3s ease;}
.faq-body { display: none; padding-left: 45px; padding-top: 15px; }
.faq-body p { font-family: var(--Manrope); font-size: 18px; line-height: 140%; color: var(--dark-blue); }
.faq-item.active .faq-body { display: block; animation: fadeIn 0.3s ease; }
.faq-item:hover .faq-question { color: var(--orange); }

.footer-section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 90px 20px;
    background: var(--dark-blue);
    overflow: hidden;
}
.footer-bg-glow {
    position: absolute;
    width: 1486px;
    height: 724px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) matrix(-0.84, -0.54, -0.54, 0.84, 0, 0);
    background: linear-gradient(352.37deg, rgba(255, 255, 255, 0) 24.49%, #FFFFFF 112.18%);
    mix-blend-mode: hard-light;
    opacity: 0.37;
    filter: blur(45px);
    z-index: 0;
    pointer-events: none;
}
.footer-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 40px;
    width: 100%;
    max-width: 1214px;
}
.footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.footer-logo {
    height: 28px;
    width: 150px;
    object-fit: contain;
}
.footer-socials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 29px;
}
.social-link img {
    height: 35px;
    width: auto;
    transition: opacity 0.2s ease;
}
.social-link:hover img { opacity: 0.7; }
.footer-copyright {
    font-family: var(--Manrope);
    font-size: 14px;
    color: var(--white);
}
.footer-right {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 100%;
    max-width: 660px;
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(10px); 
    border-radius: 13px;
    padding: 35px 35px;
}
.subscribe-title {
    font-family: var(--Unbounded);
    font-size: 24px;
    line-height: 30px;
    color: var(--white);
}
.subscribe-form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.subscribe-row {
    display: flex;
    flex-direction: row;
    align-items: flex-end; 
    gap: 40px;
}
.subscribe-input-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1; 
}
.subscribe-label {
    font-family: var(--Manrope);
    font-size: 16px;
    color: var(--white);
}
.subscribe-input {
    width: 100%;
    height: 42px;
    padding: 11px 15px;
    background: rgba(196, 196, 196, 0.25);
    border: none;
    border-radius: 7px;
    outline: none;
    font-family: var(--Manrope);
    font-size: 16px;
    color: var(--white);
    transition: background 0.2s ease;
}
.subscribe-input:focus { background: rgba(196, 196, 196, 0.4); }
.subscribe-input::placeholder { color: var(--white); opacity: 0.5; }
.subscribe-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.subscribe-checkbox-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: var(--white);
}
.subscribe-checkbox-label a{
    color: var(--white);
}
.subscribe-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.5); 
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}
.subscribe-checkbox:checked { border-color: var(--orange); }
.subscribe-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 1px;
    width: 4px;
    height: 7px;
    border: solid var(--orange);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.subscribe-checkbox .checkbox-text { color: var(--white); }
.subscribe-checkbox .checkbox-link { color: var(--white); }

.audit-intro-section {
    position: relative;
    padding: 100px 0;
    background: var(--white);
    overflow: hidden;
}
.audit-drop-bg {
    position: absolute;
    width: 307px;
    height: 430px;
    left: -240px;
    top: -70px;
    opacity: 0.5;
    border: 1px solid var(--orange);
    border-radius: 0 400px 400px 400px;
    transform: rotate(45deg);
    z-index: 0;
    pointer-events: none;
}
.audit-intro-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: 60px;
}
.ai-left { flex: 1; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.ai-right { flex: 1; }
.ai-left h2 { font-family: var(--Unbounded); font-weight: 500; font-size: 32px; line-height: 40px; color: var(--dark-blue); }
.ai-sub { font-family: var(--Manrope); font-weight: 500; font-size: 24px; line-height: 33px; color: var(--dark-blue); }

.audit-benefits-section {
    position: relative;
    background: var(--dark-blue);
    padding: 100px 0;
    overflow: hidden;
}
.ab-glow-bg {
    position: absolute;
    width: 3368px;
    height: 652px;
    left: -534px;
    top: 182px;
    background: linear-gradient(274.56deg, rgba(244, 98, 23, 0) 44%, #F46217 124%);
    mix-blend-mode: plus-lighter;
    opacity: 0.97;
    filter: blur(45px);
    pointer-events: none;
}
.ab-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
}
.ab-title { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; letter-spacing: 0.04em; color: var(--white); text-align: left; width: 100%; }
.ab-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
}
.ab-card {
    background: linear-gradient(307.68deg, rgba(244, 98, 23, 0.19) -3%, rgba(232, 113, 52, 0.11) 26%, rgba(255, 255, 255, 0) 56%), var(--dark-blue);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(255,255,255,0.05);
}
.ab-icon {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 104px;
    height: 30px;
    border: 1px solid #f46217;
    border-radius: 38px;
}

.ab-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.ab-card h3 { font-family: var(--Unbounded); font-weight: 600; font-size: 24px; line-height: 30px; color: var(--white); }
.ab-card p { font-family: var(--Manrope); font-weight: 500; font-size: 18px; line-height: 25px; color: var(--white); opacity: 0.5; }

.audit-result-section { padding: 100px 0; background: var(--white); }
.ar-wrapper {
    background: var(--orange);
    border-radius: 22px;
    padding: 60px 50px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}
.ar-left { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 25px; max-width: 537px; }
.ar-left h2 { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; letter-spacing: 0.04em; color: var(--white); }
.ar-left p { font-family: var(--Manrope); font-weight: 600; font-size: 24px; line-height: 33px; color: var(--white); }
.ar-right { flex: 1; display: flex; flex-direction: column; gap: 40px; }
.ar-card {
    background: linear-gradient(307.68deg, rgba(244, 98, 23, 0.25) -3%, rgba(232, 113, 52, 0.15) 26%, rgba(255, 255, 255, 0) 56%), var(--white);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ar-card h3 { font-family: var(--Unbounded); font-weight: 600; font-size: 24px; line-height: 30px; color: var(--dark-blue); }
.ar-card p { font-family: var(--Manrope); font-weight: 500; font-size: 18px; line-height: 25px; color: var(--dark-blue); opacity: 0.5; }

.audit-cases-section { padding: 0 0 100px 0; background: var(--white); }
.ac-container { display: flex; flex-direction: column; align-items: center; gap: 60px; }
.ac-main-title { width: 100%; font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--dark-blue); }
.ac-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; width: 100%; }
.ac-card {
    border-radius: 13px;
    border: 1px solid #EEEEEE;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 405px;
}
.ac-card-1 { background: url('img/case_bg_1.png') center bottom/cover no-repeat, linear-gradient(197.43deg, #FFFFFF 11.95%, #E6DDD3 110.23%); }
.ac-card-2 { background: url('img/case_bg_2.png') center bottom/cover no-repeat, linear-gradient(197.43deg, #FFFFFF 11.95%, #E6DDD3 110.23%); }
.ac-content { display: flex; flex-direction: column; gap: 8px; max-width: 537px; }
.ac-content h3 { font-family: var(--Unbounded); font-weight: 800; font-size: 36px; line-height: 45px; color: var(--orange); }
.ac-content p { font-family: var(--Manrope); font-weight: 500; font-size: 18px; line-height: 25px; color: var(--dark-blue); }

.audit-process-section { background: #F4F0F0; padding: 100px 0; }
.ap-container { display: flex; flex-direction: column; align-items: center; gap: 30px; }
.ap-title { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--dark-blue); }
.ap-subtitle { font-family: var(--Manrope); font-weight: 500; font-size: 24px; line-height: 33px; color: var(--dark-blue); }
.ap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; width: 100%; margin-top: 10px; }
.ap-step-card {
    background: var(--white);
    border: 1px solid #E4E4E4;
    border-radius: 22px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ap-step-header { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; }
.ap-num { font-family: var(--Unbounded); font-weight: 500; font-size: 18px; color: var(--orange); opacity: 0.3; }
.ap-step-header h3 { font-family: var(--Unbounded); font-weight: 500; font-size: 18px; line-height: 22px; color: var(--orange); margin: 0; }
.ap-step-card p { font-family: var(--Manrope); font-weight: 400; font-size: 14px; line-height: 19px; color: var(--dark-blue); }

.audit-bottom-cta { background: var(--dark-blue); padding: 100px 0; position: relative; overflow: hidden; }
.abc-container { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.abc-container h2 { font-family: var(--Unbounded); font-weight: 800; font-size: 48px; line-height: 100%; color: var(--white); max-width: 1022px; margin-bottom: 20px;}
.abc-image { width: 300px; height: auto; object-fit: contain; }
.abc-container p { font-family: var(--Manrope); font-weight: 500; font-size: 24px; line-height: 33px; color: var(--white); max-width: 1000px; margin-bottom: 20px; }

.mt-intro-section {
    background: var(--white);
    padding: 100px 0;
}
.mt-intro-container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.mt-intro-top {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}
.mt-intro-left {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.mt-intro-left h2 {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: var(--dark-blue);
}
.mt-intro-left p {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--dark-blue);
    max-width: 600px;
}
.mt-intro-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-left: 1px solid rgba(1, 3, 42, 0.25);
    padding-left: 40px;
}
.mt-stat {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mt-stat-val {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 64px;
    line-height: 100%;
    color: var(--orange);
}
.mt-stat-desc {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 18px;
    color: rgba(1, 3, 42, 0.5);
}
.mt-intro-video {
    width: 100%;
    height: 401px;
    background: #D9D9D9;
    border-radius: 22px;
    overflow: hidden;
}

.mt-process-section {
    position: relative;
    background: var(--dark-blue);
    padding: 100px 0;
    overflow: hidden;
}
.mt-process-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.mt-process-title {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: var(--white);
    letter-spacing: 0.04em;
}
.mt-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.mt-process-card {
    background: linear-gradient(307.68deg, rgba(244, 98, 23, 0.19) -3%, rgba(232, 113, 52, 0.11) 26%, rgba(255, 255, 255, 0) 56%), var(--dark-blue);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border: 1px solid rgba(255,255,255,0.05);
}
.mt-pc-num {
    font-family: var(--Manrope);
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    opacity: 0.5;
}
.mt-pc-title {
    font-family: var(--Unbounded);
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: var(--orange);
}
.mt-pc-desc {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
}

.mt-industries-section {
    background: var(--white);
    padding: 100px 0;
}
.mt-industries-container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.mt-industries-title {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: var(--dark-blue);
    text-align: center;
}
.mt-industries-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.mt-industry-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px;
    height: 214px;
    border: 1px solid #EEEEEE;
    border-radius: 13px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mt-industry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.mt-ic-1 { background: linear-gradient(197.43deg, #FFFFFF 12%, #57C2DF 110%); }
.mt-ic-2 { background: linear-gradient(197.43deg, #FFFFFF 12%, #CC4A4A 110%); }
.mt-ic-3 { background: linear-gradient(197.43deg, #FFFFFF 12%, #B4A3F0 110%); }
.mt-ic-4 { background: linear-gradient(197.43deg, #FFFFFF 12%, #EB0206 110%); }

.mt-ic-tag {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 14px;
    color: rgba(1, 3, 42, 0.5);
    padding: 5px 15px;
    border: 1px solid rgba(1, 3, 42, 0.25);
    border-radius: 38px;
}
.mt-ic-bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mt-ic-bottom h3 {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: var(--dark-blue);
}
.mt-ic-bottom a {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 14px;
    color: rgba(1, 3, 42, 0.5);
    text-decoration: underline;
}
.mt-ic-bottom a:hover {
    color: var(--orange);
}

.mt-bottom-cta {
    position: relative;
    background: var(--dark-blue);
    padding: 100px 0;
    overflow: hidden;
}
.mt-cta-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
}
.mt-cta-container h2 {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: var(--white);
    max-width: 1000px;
}
.mt-cta-image {
    width: 300px;
    height: auto;
    object-fit: contain;
}
.mt-cta-container p {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: var(--white);
    max-width: 900px;
}


.has-interactive-glow {
    position: relative;
    overflow: hidden;
}

.interactive-glow {
    position: absolute;
    width: 650px;
    height: 650px;
    left: 0;
    top: 0;
    margin: -325px 0 0 -325px; 
    background: radial-gradient(
        circle at 40% 40%, 
        rgba(255, 170, 80, 0.55) 0%, 
        rgba(244, 98, 23, 0.38) 30%, 
        rgba(244, 98, 23, 0.12) 55%, 
        rgba(244, 98, 23, 0) 72%
    );
    
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    
    mix-blend-mode: screen;
    filter: blur(45px);
    z-index: 0;
    pointer-events: none;
    opacity: 0.22;
    transform: translate3d(50vw, 50%, 0);
    will-change: transform, border-radius, opacity;
    animation: jellyGlowMorph 12s infinite ease-in-out alternate;
}

@keyframes jellyGlowMorph {
    0% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
        transform: rotate(0deg) scale(1);
    }
    33% {
        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
        transform: rotate(60deg) scale(1.08);
    }
    66% {
        border-radius: 30% 70% 70% 30% / 52% 59% 41% 48%;
        transform: rotate(140deg) scale(0.95);
    }
    100% {
        border-radius: 58% 42% 38% 62% / 44% 56% 44% 56%;
        transform: rotate(220deg) scale(1.04);
    }
}

.services-hero-glow-1, .audit-glow, .ab-glow-bg, .footer-bg-glow {
    animation: breathing-fire-1 10s infinite ease-in-out;
}
.services-hero-glow-2 {
    animation: breathing-fire-2 14s infinite ease-in-out;
}

.str-intro-section {
    background: var(--white);
    padding: 100px 0;
    text-align: center;
}
.str-intro-container {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 30px;
    max-width: 1000px;
}
.str-intro-container h2 {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: var(--dark-blue);
}
.str-intro-container p {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--dark-blue);
    max-width: 800px;
}

.str-reasons-section {
    background: var(--dark-blue);
    padding: 100px 0;
}
.str-reasons-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.str-section-title {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: var(--white);
    text-align: left;
    width: 100%;
}
.str-section-title.dark-text {
    color: var(--dark-blue);
}
.str-reasons-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
}
.str-reason-card {
    background: linear-gradient(307.68deg, rgba(244, 98, 23, 0.19) -3%, rgba(232, 113, 52, 0.11) 26%, rgba(255, 255, 255, 0) 56%), var(--dark-blue);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(255,255,255,0.05);
}
.str-rc-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
.str-rc-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.str-reason-card h3 {
    font-family: var(--Unbounded);
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: var(--orange);
    margin: 0;
}
.str-reason-card p {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: var(--white);
}

.str-steps-section {
    background: var(--white);
    padding: 100px 0;
}
.str-steps-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.str-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 100%;
}
.str-step-card {
    background: var(--white);
    border: 1px solid #E4E4E4;
    border-radius: 22px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.str-step-head {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
}
.str-step-num {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 18px;
    color: var(--orange);
    opacity: 0.3;
}
.str-step-card h3 {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--orange);
}
.str-step-card p {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--dark-blue);
}

.str-cases-section {
    background: var(--white);
    padding: 0 0 100px 0;
}
.str-cases-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.str-cases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 100%;
}
.str-case-card {
    border-radius: 11px;
    border: 1px solid #EEEEEE;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-height: 214px;
}
.str-cc-1 { background: linear-gradient(197deg, #FFFFFF 12%, #B4A3F0 110%); }
.str-cc-2 { background: linear-gradient(197deg, #FFFFFF 12%, #EB0206 110%); }
.str-cc-3 { background: linear-gradient(197deg, #FFFFFF 12%, #7AD1E9 110%); }

.str-cc-tag {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 14px;
    color: rgba(1, 3, 42, 0.5);
    padding: 5px 15px;
    border: 1px solid rgba(1, 3, 42, 0.25);
    border-radius: 38px;
    width: max-content;
}
.str-cc-content h3 {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: var(--dark-blue);
}

.str-bottom-cta {
    background: var(--dark-blue);
    padding: 100px 0;
}
.str-cta-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
}
.str-cta-sub {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 24px;
    color: var(--white);
}
.str-cta-image {
    width: 300px;
    height: auto;
    object-fit: contain;
}
.str-cta-container h2 {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    color: var(--white);
    max-width: 1120px;
}

.team-hero {
    position: relative;
    width: 100%;
    min-height: 594px;
    display: flex;
    align-items: center;
    background: linear-gradient(297.03deg, #01032A -3.24%, #080B3D 85.51%);
    overflow: hidden;
    padding-top: 150px; 
    padding-bottom: 80px;
}
.team-hero-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.team-title {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: var(--white);
    margin: 0;
}
.team-desc {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: var(--white);
    max-width: 902px;
}
.team-subtitle {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
    margin-top: 10px;
}

.founder-section {
    background: var(--white);
    padding: 100px 0;
    position: relative;
    z-index: 2;
}

.founder-card {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid var(--orange);
    border-radius: 22px;
    padding: 0 0 0 50px;
    overflow: hidden;
    min-height: 529px;
}

.fc-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    max-width: 735px;
    padding: 50px 40px 50px 0;
    z-index: 2;
}

.fc-header {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fc-header h2 {
    font-family: var(--Unbounded);
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: var(--dark-blue);
    margin: 0;
}

.fc-tag {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 18px;
    color: var(--orange);
}

.fc-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fc-text p {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: var(--dark-blue);
    margin: 0;
}

.fc-image {
    align-self: flex-end;
    width: 100%;
    max-width: 429px;
    height: auto;
    object-fit: contain;
    object-position: bottom right;
    display: block;
    margin: 0;
    z-index: 1;
}

.team-list-section {
    background: var(--white);
    padding: 50px 0 100px 0;
}
.team-header-row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 60px;
}
.team-header-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
}
.team-section-title {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 64px;
    line-height: 79px;
    color: var(--orange);
    flex: 1;
}
.team-section-text {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: var(--dark-blue);
    flex: 1;
    max-width: 800px;
}

.member-grid {
    display: grid;
    gap: 40px;
    width: 100%;
}
.member-grid--3 {
    grid-template-columns: repeat(3, 1fr);
}
.member-grid--4 {
    grid-template-columns: repeat(4, 1fr);
}
.member-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mc-photo, .mc-photo.placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 22px;
}
.mc-photo.placeholder {
    background: #D9D9D9;
}
.mc-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mc-name {
    font-family: var(--Unbounded);
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: var(--dark-blue);
    margin: 0;
}
.mc-level {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: var(--dark-blue);
}
.mc-role {
    font-family: var(--Manrope);
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: var(--dark-blue);
    opacity: 0.5;
}

.single-post-hero-section {
    background: var(--white);
    padding-top: 100px;
    padding-bottom: 40px;
}

.breadcrumbs--dark .bc-link,
.breadcrumbs--dark .bc-sep {
    color: var(--dark-blue);
    opacity: 0.5;
}
.breadcrumbs--dark .bc-current {
    color: var(--orange);
}

.single-hero-card {
    background: var(--dark-blue);
    border-radius: 22px;
    padding: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    overflow: hidden;
    min-height: 440px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.shc-left {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    z-index: 2;
}

.shc-category-tag {
    font-family: var(--Manrope);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--white);
    background: rgba(255, 255, 255, 0.1);
    padding: 6px 16px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.shc-title {
    font-family: var(--Unbounded);
    font-weight: 700;
    font-size: 38px;
    line-height: 125%;
    color: var(--white);
    margin: 0;
}

.shc-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--Manrope);
    font-size: 16px;
    color: var(--white);
    opacity: 0.65;
    margin-top: 10px;
    width: 100%;
}

.shc-sep {
    opacity: 0.5;
}

.shc-date {
    margin-left: auto;
}

.shc-right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
}

.shc-thumb {
    width: 100%;
    max-width: 480px;
    height: 330px;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.shc-thumb.placeholder {
    background: rgba(255, 255, 255, 0.1);
}

.single-content-wrap {
    background: var(--white);
    padding: 40px 0 80px 0;
}

.single-container {
    max-width: 860px;
}

.typography-content {
    font-family: var(--Manrope);
    font-size: 19px;
    line-height: 165%;
    color: var(--dark-blue);
}

.typography-content p {
    margin-bottom: 24px;
}

.typography-content h2,
.typography-content h3,
.typography-content h4 {
    font-family: var(--Unbounded);
    color: var(--dark-blue);
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 130%;
}

.typography-content h2 { font-size: 32px; }
.typography-content h3 { font-size: 24px; }
.typography-content h4 { font-size: 20px; }

.typography-content img {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    margin: 30px 0;
}

.typography-content ul,
.typography-content ol {
    margin-bottom: 25px;
    padding-left: 25px;
}

.typography-content li {
    margin-bottom: 10px;
}

.typography-content blockquote {
    margin: 35px 0;
    padding: 25px 30px;
    background: #fcf6f2;
    border-left: 4px solid var(--orange);
    border-radius: 0 16px 16px 0;
    font-style: italic;
    color: var(--dark-blue);
}

.single-author-card {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #F8F8F8;
    border: 1px solid #EEEEEE;
    border-radius: 18px;
    padding: 30px 35px;
    margin-top: 60px;
}

.sac-avatar img {
    border-radius: 50%;
    display: block;
    width: 80px;
    height: 80px;
}

.sac-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sac-label {
    font-family: var(--Manrope);
    font-size: 14px;
    color: var(--orange);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sac-name {
    font-family: var(--Unbounded);
    font-size: 22px;
    color: var(--dark-blue);
    margin: 0;
}

.sac-bio {
    font-family: var(--Manrope);
    font-size: 16px;
    color: rgba(1, 3, 42, 0.65);
    margin: 0;
}

.single-related-section {
    background: #FBFBFB;
    border-top: 1px solid #ECECEC;
    padding: 80px 0;
}

.single-related-heading {
    font-family: var(--Unbounded);
    font-size: 36px;
    color: var(--dark-blue);
    margin-bottom: 40px;
}

.blog-archive-section {
    padding: 80px 0 100px 0;
    background: var(--white);
}

.blog-grid--archive {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    width: 100%;
}

.blog-card-thumb-link {
    width: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 5px;
}

.blog-card-thumb-link .blog-image.placeholder {
    width: 100%;
    height: 225px;
    background: #e8e8e8;
    border-radius: 20px;
}

.blog-title-link {
    color: var(--orange);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.blog-title-link:hover {
    opacity: 0.8;
}

.blog-cats-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    width: 100%;
}

.cat-pill {
    padding: 8px 22px;
    border-radius: 30px;
    font-family: var(--Manrope);
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-blue);
    background: #F4F0F0;
    text-decoration: none;
    transition: all 0.25s ease;
}

.cat-pill:hover,
.cat-pill.is-active {
    background: var(--orange);
    color: var(--white);
}

.blog-pagination {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.blog-pagination ul.page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
}

.blog-pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(1, 3, 42, 0.15);
    font-family: var(--Manrope);
    font-weight: 600;
    font-size: 16px;
    color: var(--dark-blue);
    text-decoration: none;
    transition: all 0.2s ease;
}

.blog-pagination .page-numbers.current,
.blog-pagination a.page-numbers:hover {
    background: var(--orange);
    border-color: var(--orange);
    color: var(--white);
}

.cases-catalog-section {
    padding: 80px 0 100px 0;
    background: var(--white);
}

.cases-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 100%;
}

.case-catalog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #EEEEEE;
    min-height: 320px;
    background-size: cover;
    background-position: center;
    background-color: var(--dark-blue);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-catalog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.case-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 3, 42, 0.75) 0%, rgba(1, 3, 42, 0.85) 100%);
    z-index: 1;
    pointer-events: none;
}

.ccc-header {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

.ccc-client-tag {
    font-family: var(--Manrope);
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 4px 14px;
    backdrop-filter: blur(5px);
}

.ccc-title {
    font-family: var(--Unbounded);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: var(--white);
    margin: 0;
}

.ccc-excerpt {
    font-family: var(--Manrope);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.ccc-footer {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}

.ccc-btn {
    margin-top: 0;
    background: var(--white);
    color: var(--dark-blue);
    border-color: var(--white);
}
.ccc-btn:hover {
    background: var(--orange);
    color: var(--white);
    border-color: var(--orange);
}

.cases-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    width: 100%;
}

@media (max-width: 1440px) {
    .hero_cases {
        height: 560px;
    }
    .case_sub {
        height: 180px;
        border-radius: 20px;
    }
    .case_2 { top: 155px; }
    .case_3 { top: 325px; }
    .case a {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .header { padding: 0 20px; }
    
    .hero_container {
        padding-left: 30px;
        padding-right: 30px;
        gap: 20px;
    }
    .hero_cases {
        height: 500px;
    }
    .case {
        width: 60%;
    }
    .case_sub {
        height: 190px;
        padding: 16px;
    }
    .case_2 { top: 140px; }
    .case_3 { top: 290px; }

    .crm-container, .audit-container, .cases-grid, .contact-container, .footer-container {
        flex-direction: column;
        height: auto;
    }
    .crm-col-left, .crm-col-right, .audit-col-left, .audit-col-right, .cases-col-left, .cases-col-right, .contact-col-left, .contact-col-right, .footer-left, .footer-right {
        max-width: 100%;
    }
    
    .audit-image { position: relative; bottom: auto; left: auto; margin: 0 auto; }
    .audit-note { padding-top: 40px; }

    .qs-card { flex-direction: column; justify-content: flex-end; padding: 350px 30px 40px 30px; }
    .qs-bg-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 400px; }
    .qs-bg-fade { background: linear-gradient(180deg, transparent 50%, var(--dark-blue) 98%); }
    .qs-bg-image { object-position: left top; }
    .qs-content { max-width: 100%; }

    .services-hero-content, .system-work-container, .pro-design-container, .faq-container { flex-direction: column; }
    .services-hero-text h1, .faq-titles h2 { font-size: 48px; }
    .sw-drop-bg { display: none; }
    
    .pricing-grid, .hc-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-custom-block { flex-direction: column; text-align: center; }
    
    .faq-left { position: relative; top: 0; align-items: center; text-align: center; margin-bottom: 40px;}
    .faq-image { margin: 0 auto; display: none; } 
    .faq-right { width: 100%; }

    .services-cta-card { flex-direction: column; text-align: center; padding: 50px 30px; }
    .s-cta-text { align-items: center; }
    .s-cta-img { max-width: 300px; }

    .footer-left { max-width: 100%; align-items: center; text-align: center;}
    .footer-brand { align-items: left;}
    .audit-intro-container { flex-direction: column; }
    .ab-grid, .ac-grid { grid-template-columns: 1fr; }
    .ar-wrapper { flex-direction: column; padding: 40px 30px; text-align: center; }
    .ar-left { align-items: center; max-width: 100%; }
    .ap-grid { grid-template-columns: repeat(2, 1fr); }
    .abc-container h2 { font-size: 40px; }
    
    .mt-process-grid { grid-template-columns: repeat(2, 1fr); }
    .mt-industries-grid { grid-template-columns: repeat(2, 1fr); }
    .mt-intro-top { flex-direction: column; align-items: flex-start; }
    .mt-intro-right { border-left: none; padding-left: 0; border-top: 1px solid rgba(1, 3, 42, 0.25); padding-top: 40px; width: 100%; flex-direction: row; justify-content: space-around; }

    .str-reasons-grid { grid-template-columns: 1fr; }
    .str-steps-grid { grid-template-columns: repeat(2, 1fr); }
    .str-cases-grid { grid-template-columns: repeat(2, 1fr); }
    .str-intro-container h2 { font-size: 32px; }

    .team-hero { min-height: auto; padding-top: 120px; }
    .founder-card { 
        flex-direction: column; 
        text-align: center; 
        padding: 40px 20px 0 20px;
    }
    .fc-info { 
        align-items: center; 
        padding: 0 0 40px 0;
    }
    .fc-text p { 
        text-align: left;
    }
    .fc-image {
        align-self: center;
        max-width: 350px;
    }
    
    .team-header-row { flex-direction: column; align-items: flex-start; }
    .member-grid--3, .member-grid--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 992px) {
    .header { flex-direction: column; align-items: stretch; gap: 15px; }
    .navbar { padding: 15px 25px; flex-wrap: wrap; }
    .burger { display: block; }
    .nav { display: none; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
    .nav__list { flex-direction: column; gap: 25px; align-items: center; }
    .button_nav { display: none; width: 100%; justify-content: center; }
    
    .header.is-active .nav, .header.is-active .button_nav { display: flex; animation: fadeIn 0.3s ease; }
    .header.is-active .burger span:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
    .header.is-active .burger span:nth-child(2) { opacity: 0; }
    .header.is-active .burger span:nth-child(3) { bottom: 50%; transform: translateY(50%) rotate(-45deg); }

    .hero_banner {
        padding-top: 130px;
        min-height: auto;
    }
    .hero_container {
        grid-template-columns: 1fr;
        padding-left: 20px;
        padding-right: 20px;
    }
    .hero_cases {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 25px;
        margin-top: 50px;
        max-width: 500px;
        justify-self: center;
    }
    .case {
        position: static !important;
        width: 100%;
        max-width: 100%;
    }
    .case_2 {
        align-items: flex-start;
    }
    .case_sub {
        height: 220px;
    }
    .case a {
        align-self: flex-start;
    }

    .intro h1, .contact-title, .services-hero-text h1, .s-cta-text h2, .sw-left h2 { font-size: 36px; }
    .crm-title, .audit-title, .cases-main-title, .blog-title { font-size: 32px; }

    .crm-image-wrapper { height: auto; margin: 40px 0; }
    .crm-image { position: relative; max-width: 100%; }
    .crm-image-glow { left: 50%; transform: translateX(-50%); }

    .reviews-slider, .blog-grid { flex-direction: column; }

    .qs-card { padding: 300px 20px 40px 20px; }
    .qs-bg-wrapper { height: 350px; }
    .qs-manager-block { flex-direction: column; align-items: flex-start; }
    .qs-actions { flex-direction: column; }
    
    .subscribe-row { flex-direction: column; align-items: flex-start; gap: 20px; }
    .subscribe-input-group, .subscribe-checkboxes { width: 100%; }

    .pricing-grid, .hc-grid { grid-template-columns: 1fr; }
    
    .sc-header { flex-direction: column; align-items: flex-start; gap: 15px; }
    .sc-footer { flex-direction: column; }
    .ai-left h2, .ab-title, .ar-left h2, .ac-main-title, .ap-title, .abc-container h2 { font-size: 36px; }
    .ai-sub, .ar-left p, .ap-subtitle, .abc-container p { font-size: 18px; line-height: 25px; }
    .ac-content h3 { font-size: 28px; }
    .mt-intro-left h2, .mt-process-title, .mt-industries-title, .mt-cta-container h2 { font-size: 36px; }
    .mt-stat-val { font-size: 48px; }
    .mt-cta-container p { font-size: 18px; line-height: 25px; }
    .str-section-title { font-size: 36px; }
    .str-cta-container h2 { font-size: 36px; }
    .str-cases-grid { grid-template-columns: 1fr; }
    .team-title { font-size: 48px; }
    .team-desc { font-size: 18px; line-height: 25px; }
    .team-subtitle { font-size: 24px; }
    
    .fc-info h2 { font-size: 36px; line-height: 45px; }
    .team-section-title { font-size: 44px; line-height: 54px; }
    .team-section-text { font-size: 18px; line-height: 25px; }
    
    .mc-name { font-size: 32px; line-height: 40px; }
    .mc-level { font-size: 20px; }

    .single-hero-card {
        flex-direction: column;
        padding: 35px 30px;
        gap: 30px;
    }
    .shc-title {
        font-size: 28px;
    }
    .shc-right {
        width: 100%;
    }
    .shc-thumb {
        max-width: 100%;
        height: 260px;
    }
    .shc-date {
        margin-left: 0;
    }
    .shc-meta {
        flex-wrap: wrap;
    }

    .blog-grid--archive {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .cases-catalog-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .case-catalog-card {
        padding: 30px 25px;
    }
    .ccc-title {
        font-size: 22px;
    }
}

@media (max-width: 576px) {
    .regalia { flex-direction: column; gap: 20px; }
    .crm-features-list { flex-direction: column; gap: 15px; height: auto; }
    .crm-feature-separator { display: none; }
    .audit-container { padding: 40px 20px; }
    
    .btn:not(.btn--pill) { width: 100%; max-width: 100% !important; }

    .service-card { padding: 25px 20px; }
    .sc-icon { width: 100%; height: auto; aspect-ratio: 1/1; }
    
    .pricing-custom-block { padding: 30px 20px; }
    .services-cta-card { padding: 40px 20px; }
    
    .faq-question { font-size: 18px; }
    .faq-num { font-size: 18px; }
    .ap-grid { grid-template-columns: 1fr; }
    .ac-card { min-height: 350px; }
    .mt-process-grid, .mt-industries-grid { grid-template-columns: 1fr; }
    .mt-intro-right { flex-direction: column; gap: 20px; align-items: center; text-align: center; }
    .mt-intro-left { align-items: center; text-align: center; }
    .mt-intro-video { height: 250px; }
    .str-steps-grid { grid-template-columns: 1fr; }
    .str-reason-card h3 { font-size: 20px; line-height: 26px; }
    .str-intro-container h2 { font-size: 24px; line-height: 32px; }
    .member-grid--3, .member-grid--4 { grid-template-columns: 1fr; }
    .team-title { font-size: 36px; }
    .team-section-title { font-size: 32px; line-height: 40px; }

    .single-post-hero-section {
        padding-top: 110px;
    }
    .single-hero-card {
        padding: 25px 20px;
        border-radius: 16px;
    }
    .shc-title {
        font-size: 22px;
    }
    .single-author-card {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }

    .blog-grid--archive {
        grid-template-columns: 1fr;
    }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.bonfire-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.bonfire-modal.is-open {
    display: flex;
}

.bonfire-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(1, 3, 42, 0.85);
    backdrop-filter: blur(8px);
    cursor: pointer;
}

.bonfire-modal-dialog {
    position: relative;
    z-index: 2;
    background: var(--white);
    border-radius: 22px;
    padding: 40px;
    width: 100%;
    max-width: 580px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    animation: modalScale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.bonfire-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 32px;
    line-height: 1;
    color: var(--dark-blue);
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.bonfire-modal-close:hover {
    opacity: 1;
}

.bonfire-modal-header {
    margin-bottom: 25px;
}

.bonfire-modal-header h3 {
    font-family: var(--Unbounded);
    font-size: 26px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 8px;
}

.bonfire-modal-header p {
    font-family: var(--Manrope);
    font-size: 15px;
    color: rgba(1, 3, 42, 0.6);
}

@keyframes modalScale {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

@media (max-width: 576px) {
    .bonfire-modal-dialog {
        padding: 30px 20px;
    }
}

.bonfire-modal-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 10px;
    gap: 15px;
    animation: modalScale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.bonfire-modal-success h3 {
    font-family: var(--Unbounded);
    font-size: 28px;
    font-weight: 700;
    color: var(--dark-blue);
    margin: 0;
    line-height: 120%;
}

.bonfire-modal-success p {
    font-family: var(--Manrope);
    font-size: 16px;
    color: rgba(1, 3, 42, 0.65);
    margin: 0 0 15px 0;
    max-width: 360px;
}

.bonfire-modal-success-btn {
    min-width: 180px;
}

.privacy-page-wrap {
    background-color: var(--white);
    padding-top: 140px;
    padding-bottom: 100px;
    min-height: 80vh;
}

.privacy-container {
    max-width: 920px;
}

.privacy-main-title {
    font-family: var(--Unbounded);
    font-weight: 800;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 115%;
    color: var(--dark-blue);
    margin: 20px 0 40px 0;
}

.privacy-content {
    font-family: var(--Manrope);
    color: var(--dark-blue);
}

.privacy-section-block {
    margin-bottom: 35px;
}

.privacy-section-block h2 {
    font-family: var(--Unbounded);
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    color: var(--dark-blue);
    margin: 0 0 15px 0;
}

.privacy-section-block p {
    font-size: 16px;
    line-height: 160%;
    color: rgba(1, 3, 42, 0.85);
    margin: 0 0 15px 0;
}

.privacy-section-block ol {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.privacy-section-block ol li {
    font-size: 16px;
    line-height: 160%;
    color: rgba(1, 3, 42, 0.85);
}

.privacy-section-block strong {
    font-weight: 700;
    color: var(--dark-blue);
}

.privacy-section-block a {
    color: var(--orange);
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.privacy-section-block a:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .privacy-page-wrap {
        padding-top: 110px;
        padding-bottom: 60px;
    }
    
    .privacy-section-block h2 {
        font-size: 19px;
    }

    .privacy-section-block p,
    .privacy-section-block ol li {
        font-size: 15px;
    }
}

.team-legal-section {
    background-color: var(--white);
    padding: 0 0 80px 0;
}

.legal-card {
    border: 1px solid #e2e2e8;
    background-color: #fafafc;
    border-radius: 12px;
    padding: 16px 20px;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.legal-card p {
    font-family: var(--Manrope);
    font-size: 13px;
    line-height: 145%;
    color: rgba(1, 3, 42, 0.65);
    margin: 0;
}

.legal-card strong {
    color: var(--dark-blue);
    font-weight: 600;
}

@media (max-width: 576px) {
    .team-legal-section {
        padding-bottom: 50px;
    }
    
    .legal-card {
        padding: 14px 16px;
    }
}