/* ═══════════════════════════════════════════
   DEMOLITION CURAGE - LANDING PAGE CSS
   WordPress Compatible with !important overrides
   ═══════════════════════════════════════════ */

/* RESET */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --blue-900:#0B2A4A;
    --blue-800:#0d3a6a;
    --blue-700:#145da0;
    --blue-600:#1A73E8;
    --blue-500:#4A9AF5;
    --blue-300:#A8D4FD;
    --blue-200:#D6EAFF;
    --blue-100:#EAF4FF;
    --blue-50:#F5FAFF;
    --yellow-500:#F5C518;
    --yellow-600:#e6b800;
    --white:#FFFFFF;
    --gray-700:#374151;
    --gray-600:#4B5563;
    --gray-500:#6B7280;
    --gray-200:#E5E7EB;
    --gray-100:#F3F4F6;
    --gray-50:#F9FAFB;
    --green-500:#22C55E;
    --radius-sm:8px;
    --radius:12px;
    --radius-lg:16px;
    --radius-xl:24px;
    --radius-full:9999px;
    --shadow-sm:0 1px 3px rgba(0,0,0,.04);
    --shadow:0 4px 20px rgba(0,0,0,.06);
    --shadow-lg:0 8px 40px rgba(0,0,0,.08);
    --transition:all .3s cubic-bezier(.4,0,.2,1);
}

html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important;
    color:var(--gray-700) !important;
    line-height:1.7 !important;
    background:var(--white) !important;
    overflow-x:hidden;
    margin:0 !important;
    padding:0 !important;
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none !important;color:inherit}
ul,ol{list-style:none !important;margin:0 !important;padding:0 !important}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* ═══ SVG FIX ═══ */
svg{
    display:inline-block !important;
    vertical-align:middle !important;
    flex-shrink:0;
}

/* ═══════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════ */
.header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    background:rgba(255,255,255,.97) !important;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--gray-200) !important;
}
.header .container{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:72px !important;
}
.header__logo{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}
.header__logo img{
    height:38px !important;
    width:auto !important;
}
.header__nav{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;
}
.header__nav > a,
.header__nav > .dropdown > a{
    font-size:.9rem !important;
    font-weight:500 !important;
    color:var(--gray-700) !important;
    padding:8px 16px !important;
    border-radius:var(--radius-sm) !important;
    transition:var(--transition);
    display:inline-block !important;
}
.header__nav > a:hover,
.header__nav > .dropdown > a:hover{
    color:var(--blue-600) !important;
    background:var(--blue-50) !important;
}
.header__nav .dropdown{
    position:relative !important;
}
.header__nav .dropdown-btn{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    cursor:pointer;
}
.header__nav .dropdown-btn svg{
    width:14px !important;
    height:14px !important;
}
.header__nav .dropdown-menu{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    background:var(--white) !important;
    border:1px solid var(--gray-200) !important;
    border-radius:var(--radius) !important;
    box-shadow:var(--shadow-lg) !important;
    padding:8px 0 !important;
    min-width:220px !important;
    opacity:0;
    visibility:hidden;
    transition:var(--transition);
}
.header__nav .dropdown:hover .dropdown-menu{
    opacity:1 !important;
    visibility:visible !important;
}
.header__nav .dropdown-menu a{
    display:block !important;
    padding:10px 20px !important;
    font-size:.88rem !important;
    white-space:nowrap;
}
.header__cta{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:var(--blue-900) !important;
    color:var(--white) !important;
    padding:11px 24px !important;
    border-radius:var(--radius-full) !important;
    font-size:.88rem !important;
    font-weight:600 !important;
    white-space:nowrap;
}
.header__cta svg{
    width:16px !important;
    height:16px !important;
}
.header__toggle{
    display:none !important;
    background:none !important;
    border:none !important;
    cursor:pointer;
    padding:10px !important;
}
.header__toggle span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    background:var(--blue-900) !important;
    margin:5px 0 !important;
    border-radius:2px !important;
}

/* ═══════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════ */
.btn-primary{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:var(--yellow-500) !important;
    color:var(--blue-900) !important;
    padding:14px 30px !important;
    border-radius:var(--radius-full) !important;
    font-size:.95rem !important;
    font-weight:700 !important;
    border:none !important;
    cursor:pointer;
    box-shadow:0 4px 16px rgba(245,197,24,.35);
    transition:var(--transition);
}
.btn-primary svg{
    width:17px !important;
    height:17px !important;
}
.btn-outline{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:var(--white) !important;
    color:var(--blue-900) !important;
    padding:14px 30px !important;
    border-radius:var(--radius-full) !important;
    font-size:.95rem !important;
    font-weight:600 !important;
    border:2px solid var(--gray-200) !important;
    cursor:pointer;
    transition:var(--transition);
}
.btn-outline svg{
    width:17px !important;
    height:17px !important;
}
.btn-white{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:var(--white) !important;
    color:var(--blue-900) !important;
    padding:14px 28px !important;
    border-radius:var(--radius-full) !important;
    font-size:.95rem !important;
    font-weight:700 !important;
    transition:var(--transition);
}
.btn-white svg{
    width:16px !important;
    height:16px !important;
}
.btn-ghost{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:transparent !important;
    color:var(--white) !important;
    padding:14px 28px !important;
    border-radius:var(--radius-full) !important;
    font-size:.95rem !important;
    font-weight:600 !important;
    border:2px solid rgba(255,255,255,.25) !important;
    transition:var(--transition);
}
.btn-ghost svg{
    width:16px !important;
    height:16px !important;
}

/* ═══════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════ */
.hero{
    position:relative !important;
    text-align:center !important;
    overflow:hidden !important;
    background:linear-gradient(170deg,var(--blue-100) 0%,var(--blue-200) 40%,var(--blue-100) 100%) !important;
    padding:24px 24px 56px !important;
}
.hero::before{
    content:'' !important;
    position:absolute !important;
    top:-280px !important;
    right:-280px !important;
    width:700px !important;
    height:700px !important;
    border-radius:50% !important;
    border:80px solid rgba(255,255,255,.22) !important;
    pointer-events:none !important;
}
.hero::after{
    content:'' !important;
    position:absolute !important;
    bottom:-200px !important;
    left:-200px !important;
    width:550px !important;
    height:550px !important;
    border-radius:50% !important;
    border:60px solid rgba(255,255,255,.15) !important;
    pointer-events:none !important;
}
.breadcrumb{
    padding:12px 0 20px !important;
    font-size:.82rem !important;
    color:var(--gray-500) !important;
    position:relative !important;
    z-index:1 !important;
}
.breadcrumb a{
    color:var(--blue-600) !important;
}
.breadcrumb span{
    margin:0 6px !important;
}
.hero__badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    background:var(--white) !important;
    color:var(--gray-700) !important;
    padding:8px 20px !important;
    border-radius:var(--radius-full) !important;
    font-size:.84rem !important;
    font-weight:500 !important;
    box-shadow:var(--shadow-sm);
    margin-bottom:24px !important;
    position:relative !important;
    z-index:1 !important;
}
.hero__badge::before{
    content:'' !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:var(--green-500) !important;
    animation:pulse 2s infinite;
}
@keyframes pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.5;transform:scale(1.4)}
}
.hero h1{
    font-size:2.8rem !important;
    font-weight:900 !important;
    color:var(--blue-900) !important;
    line-height:1.15 !important;
    margin-bottom:18px !important;
    position:relative !important;
    z-index:1 !important;
}
.hero h1 .highlight{
    display:block !important;
    background:linear-gradient(135deg,var(--blue-600),var(--blue-700)) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    background-clip:text !important;
}
.hero__sub{
    font-size:1.08rem !important;
    color:var(--gray-600) !important;
    max-width:600px !important;
    margin:0 auto 28px !important;
    position:relative !important;
    z-index:1 !important;
    line-height:1.75 !important;
}
.hero__sub strong{
    color:var(--blue-900) !important;
    font-weight:700 !important;
}
.hero__ctas{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    margin-bottom:36px !important;
    position:relative !important;
    z-index:1 !important;
}
.hero__trust{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    position:relative !important;
    z-index:1 !important;
    background:rgba(255,255,255,.5) !important;
    border-radius:var(--radius-lg) !important;
    padding:4px 12px !important;
    backdrop-filter:blur(8px);
    margin:0 auto !important;
    width:fit-content !important;
}
.trust-pill{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    padding:14px 24px !important;
    font-size:.86rem !important;
    font-weight:600 !important;
    color:var(--gray-700) !important;
}
.trust-pill:not(:last-child){
    border-right:1px solid var(--gray-200) !important;
}
.trust-pill__icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    background:var(--blue-100) !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.trust-pill__icon svg{
    width:18px !important;
    height:18px !important;
    color:var(--blue-600) !important;
}

/* ═══════════════════════════════════════════
   ABOUT
   ═══════════════════════════════════════════ */
.about{
    padding:100px 24px !important;
    position:relative !important;
    overflow:hidden !important;
}
.about::before{
    content:'' !important;
    position:absolute !important;
    top:40px !important;
    left:-120px !important;
    width:400px !important;
    height:400px !important;
    border-radius:50% !important;
    border:50px solid var(--blue-100) !important;
    pointer-events:none !important;
    opacity:.4 !important;
}
.about .container{
    display:grid !important;
    grid-template-columns:1fr 1.1fr !important;
    gap:72px !important;
    align-items:center !important;
}
.about__visual{
    position:relative !important;
}
.about__img{
    border-radius:var(--radius-xl) !important;
    overflow:hidden !important;
    box-shadow:var(--shadow-lg) !important;
}
.about__img img{
    width:100% !important;
    height:420px !important;
    object-fit:cover !important;
}
.about__stat{
    position:absolute !important;
    bottom:-20px !important;
    left:-20px !important;
    background:var(--white) !important;
    padding:18px 26px !important;
    border-radius:var(--radius-lg) !important;
    box-shadow:var(--shadow-lg) !important;
    text-align:center !important;
    z-index:2 !important;
}
.about__stat-num{
    font-size:2rem !important;
    font-weight:900 !important;
    color:var(--blue-600) !important;
    line-height:1 !important;
}
.about__stat-txt{
    font-size:.8rem !important;
    font-weight:600 !important;
    color:var(--gray-500) !important;
    margin-top:4px !important;
}
.about__label{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:.78rem !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:var(--blue-600) !important;
    margin-bottom:12px !important;
}
.about__label::before{
    content:'' !important;
    width:28px !important;
    height:2px !important;
    background:var(--blue-600) !important;
    border-radius:2px !important;
}
.about__content h2{
    font-size:2.2rem !important;
    font-weight:900 !important;
    color:var(--blue-900) !important;
    line-height:1.2 !important;
    margin-bottom:22px !important;
}
.about__content p{
    font-size:1rem !important;
    color:var(--gray-600) !important;
    line-height:1.85 !important;
    margin-bottom:14px !important;
}

/* ═══════════════════════════════════════════
   SERVICES
   ═══════════════════════════════════════════ */
.services{
    padding:80px 24px !important;
    background:var(--gray-50) !important;
}
.section-label{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    justify-content:center !important;
    font-size:.78rem !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:var(--blue-600) !important;
    margin-bottom:10px !important;
}
.section-label::before,
.section-label::after{
    content:'' !important;
    width:24px !important;
    height:2px !important;
    background:var(--blue-600) !important;
    border-radius:2px !important;
}
.section-header{
    text-align:center !important;
    margin-bottom:52px !important;
}
.section-header h2{
    font-size:1.9rem !important;
    font-weight:900 !important;
    color:var(--blue-900) !important;
    margin-bottom:10px !important;
}
.section-header p{
    color:var(--gray-500) !important;
    font-size:1rem !important;
    max-width:540px !important;
    margin:0 auto !important;
}
.services-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;
}
.svc-card{
    background:var(--white) !important;
    padding:30px 26px !important;
    border-radius:var(--radius-lg) !important;
    border:1px solid var(--gray-200) !important;
    transition:var(--transition);
}
.svc-card__icon{
    width:50px !important;
    height:50px !important;
    border-radius:var(--radius) !important;
    background:var(--blue-100) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-bottom:16px !important;
}
.svc-card__icon svg{
    width:24px !important;
    height:24px !important;
    color:var(--blue-600) !important;
}
.svc-card h3{
    font-size:1.02rem !important;
    font-weight:700 !important;
    color:var(--blue-900) !important;
    margin-bottom:8px !important;
}
.svc-card p{
    font-size:.88rem !important;
    color:var(--gray-500) !important;
    line-height:1.7 !important;
}

/* ═══════════════════════════════════════════
   SITUATIONS
   ═══════════════════════════════════════════ */
.situations{
    padding:80px 24px !important;
}
.sit-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:14px !important;
}
.sit-tag{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
    background:var(--gray-50) !important;
    padding:15px 18px !important;
    border-radius:var(--radius) !important;
    border:1px solid var(--gray-200) !important;
    transition:var(--transition);
}
.sit-tag__icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    background:var(--blue-600) !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.sit-tag__icon svg{
    width:18px !important;
    height:18px !important;
    color:var(--white) !important;
}
.sit-tag span{
    font-size:.9rem !important;
    font-weight:600 !important;
    color:var(--blue-900) !important;
}

/* ═══════════════════════════════════════════
   SPLIT: WHY + FAQ
   ═══════════════════════════════════════════ */
.split{
    padding:80px 24px !important;
    background:var(--gray-50) !important;
}
.split .container{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:56px !important;
    align-items:start !important;
}
.col__label{
    font-size:.78rem !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:var(--blue-600) !important;
    margin-bottom:10px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
.col__label::before{
    content:'' !important;
    width:24px !important;
    height:2px !important;
    background:var(--blue-600) !important;
}
.split h2{
    font-size:1.9rem !important;
    font-weight:900 !important;
    color:var(--blue-900) !important;
    line-height:1.2 !important;
    margin-bottom:28px !important;
}
.why-list{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
}
.why-item{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
    font-size:.93rem !important;
    font-weight:500 !important;
    color:var(--gray-700) !important;
}
.why-item__ic{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    background:var(--blue-100) !important;
    border-radius:var(--radius-sm) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.why-item__ic svg{
    width:16px !important;
    height:16px !important;
    color:var(--blue-600) !important;
}
.faq-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
.faq-item{
    background:var(--white) !important;
    border-radius:var(--radius) !important;
    border:1px solid var(--gray-200) !important;
    overflow:hidden !important;
    transition:var(--transition);
}
.faq-q{
    padding:16px 20px !important;
    font-size:.93rem !important;
    font-weight:600 !important;
    color:var(--blue-900) !important;
    cursor:pointer;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    user-select:none;
}
.faq-q svg{
    width:18px !important;
    height:18px !important;
    flex-shrink:0 !important;
    margin-left:12px !important;
    transition:transform .3s;
    color:var(--blue-600) !important;
}
.faq-item.open .faq-q svg{
    transform:rotate(180deg);
}
.faq-a{
    max-height:0 !important;
    overflow:hidden !important;
    transition:max-height .4s ease;
}
.faq-item.open .faq-a{
    max-height:300px !important;
}
.faq-a p{
    padding:0 20px 16px !important;
    color:var(--gray-600) !important;
    font-size:.88rem !important;
    line-height:1.75 !important;
}

/* ═══════════════════════════════════════════
   CTA BANNER
   ═══════════════════════════════════════════ */
.cta-banner{
    padding:60px 24px 80px !important;
}
.cta-banner__box{
    background:linear-gradient(135deg,var(--blue-900),var(--blue-800)) !important;
    border-radius:var(--radius-xl) !important;
    padding:52px 44px !important;
    text-align:center !important;
    color:var(--white) !important;
    position:relative !important;
    overflow:hidden !important;
}
.cta-banner__box::before{
    content:'' !important;
    position:absolute !important;
    top:-80px !important;
    right:-80px !important;
    width:250px !important;
    height:250px !important;
    border-radius:50% !important;
    border:40px solid rgba(255,255,255,.05) !important;
}
.cta-banner__box::after{
    content:'' !important;
    position:absolute !important;
    bottom:-60px !important;
    left:-60px !important;
    width:200px !important;
    height:200px !important;
    border-radius:50% !important;
    border:30px solid rgba(255,255,255,.03) !important;
}
.cta-banner h2{
    font-size:1.9rem !important;
    font-weight:900 !important;
    margin-bottom:10px !important;
    position:relative !important;
    color:var(--white) !important;
}
.cta-banner p{
    font-size:1rem !important;
    color:rgba(255,255,255,.72) !important;
    max-width:480px !important;
    margin:0 auto 28px !important;
    position:relative !important;
}
.cta-banner__btns{
    display:flex !important;
    flex-direction:row !important;
    gap:12px !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    position:relative !important;
}

/* ═══════════════════════════════════════════
   ZONES
   ═══════════════════════════════════════════ */
.zones{
    padding:56px 24px 72px !important;
    text-align:center !important;
}
.zones__icon{
    width:44px !important;
    height:44px !important;
    margin:0 auto 14px !important;
    background:var(--blue-100) !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.zones__icon svg{
    width:22px !important;
    height:22px !important;
    color:var(--blue-600) !important;
}
.zones__label{
    font-size:.78rem !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:var(--blue-600) !important;
    margin-bottom:8px !important;
}
.zones h2{
    font-size:1.7rem !important;
    font-weight:900 !important;
    color:var(--blue-900) !important;
    margin-bottom:10px !important;
}
.zones > .container > p{
    color:var(--gray-500) !important;
    font-size:.93rem !important;
    max-width:580px !important;
    margin:0 auto 28px !important;
}
.zones__tags{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
    max-width:780px !important;
    margin:0 auto 22px !important;
}
.zone-tag{
    background:var(--blue-50) !important;
    color:var(--blue-900) !important;
    padding:7px 16px !important;
    border-radius:var(--radius-full) !important;
    font-size:.83rem !important;
    font-weight:600 !important;
    border:1px solid var(--blue-200) !important;
    transition:var(--transition);
}
.zones__depts{
    font-size:.83rem !important;
    color:var(--gray-500) !important;
    max-width:680px !important;
    margin:0 auto !important;
    line-height:1.7 !important;
}

/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
.footer{
    background:var(--blue-900) !important;
    color:rgba(255,255,255,.7) !important;
    padding:52px 24px 0 !important;
}
.footer__top{
    display:grid !important;
    grid-template-columns:2.2fr 1fr 1fr 1.5fr !important;
    gap:32px !important;
    padding-bottom:40px !important;
}
.footer__brand{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}
.footer__brand-logo{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}
.footer__brand-logo img{
    height:32px !important;
    width:auto !important;
    filter:brightness(0) invert(1) !important;
}
.footer__brand p{
    font-size:.85rem !important;
    line-height:1.7 !important;
    color:rgba(255,255,255,.45) !important;
    max-width:280px !important;
}
.footer__title{
    font-size:.9rem !important;
    font-weight:700 !important;
    color:var(--white) !important;
    margin-bottom:16px !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}
.footer__links{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
.footer__links a{
    font-size:.87rem !important;
    color:rgba(255,255,255,.5) !important;
    transition:var(--transition);
}
.footer__links li{
    list-style:none !important;
}
.footer__contact-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin-bottom:12px !important;
    font-size:.87rem !important;
}
.footer__contact-row svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    margin-top:3px !important;
    color:var(--yellow-500) !important;
}
.footer__contact-row a,
.footer__contact-row span{
    color:rgba(255,255,255,.7) !important;
}
.footer__bottom{
    border-top:1px solid rgba(255,255,255,.08) !important;
    padding:18px 0 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    font-size:.8rem !important;
    color:rgba(255,255,255,.3) !important;
}
.footer__bottom a{
    color:rgba(255,255,255,.4) !important;
}
.footer__badge{
    background:rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.5) !important;
    padding:4px 12px !important;
    border-radius:var(--radius-sm) !important;
    font-size:.76rem !important;
    font-weight:600 !important;
}

/* ═══════════════════════════════════════════
   FLOATING CTA (mobile)
   ═══════════════════════════════════════════ */
.floating-cta{
    display:none !important;
    position:fixed !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:999 !important;
    padding:10px 14px !important;
    background:var(--white) !important;
    border-top:1px solid var(--gray-200) !important;
    box-shadow:0 -4px 20px rgba(0,0,0,.08) !important;
}
.floating-cta__inner{
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
}
.floating-cta__inner a{
    flex:1 !important;
    text-align:center !important;
    padding:13px 14px !important;
    border-radius:var(--radius) !important;
    font-weight:700 !important;
    font-size:.88rem !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
}
.fc-devis{
    background:var(--yellow-500) !important;
    color:var(--blue-900) !important;
}
.fc-devis svg{
    width:15px !important;
    height:15px !important;
}
.fc-phone{
    background:var(--blue-900) !important;
    color:var(--white) !important;
}
.fc-phone svg{
    width:15px !important;
    height:15px !important;
}

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media(max-width:1024px){
    .services-grid,
    .sit-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
    .split .container{
        grid-template-columns:1fr !important;
        gap:40px !important;
    }
    .footer__top{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:768px){
    .header__nav{
        display:none !important;
        position:absolute !important;
        top:72px !important;
        left:0 !important;
        right:0 !important;
        background:var(--white) !important;
        flex-direction:column !important;
        padding:20px 24px !important;
        gap:4px !important;
        box-shadow:var(--shadow-lg) !important;
        border-bottom:1px solid var(--gray-200) !important;
    }
    .header__nav.open{
        display:flex !important;
    }
    .header__nav .dropdown-menu{
        position:static !important;
        transform:none !important;
        box-shadow:none !important;
        border:none !important;
        padding:0 0 0 16px !important;
        opacity:1 !important;
        visibility:visible !important;
    }
    .header__toggle{
        display:block !important;
    }
    .hero h1{
        font-size:2rem !important;
    }
    .hero__sub{
        font-size:.95rem !important;
    }
    .hero__trust{
        flex-direction:column !important;
        padding:12px 16px !important;
    }
    .trust-pill:not(:last-child){
        border-right:none !important;
        border-bottom:1px solid var(--gray-200) !important;
    }
    .trust-pill{
        padding:10px 0 !important;
    }
    .about .container{
        grid-template-columns:1fr !important;
        gap:40px !important;
    }
    .about__visual{
        order:-1 !important;
    }
    .about__content h2{
        font-size:1.7rem !important;
    }
    .services-grid,
    .sit-grid{
        grid-template-columns:1fr !important;
    }
    .cta-banner__box{
        padding:36px 20px !important;
    }
    .cta-banner h2{
        font-size:1.5rem !important;
    }
    .footer__top{
        grid-template-columns:1fr !important;
    }
    .footer__bottom{
        flex-direction:column !important;
        text-align:center !important;
    }
    .floating-cta{
        display:block !important;
    }
    body{
        padding-bottom:76px !important;
    }
}

@media(max-width:480px){
    .hero h1{
        font-size:1.65rem !important;
    }
    .hero__ctas{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .hero__ctas .btn-primary,
    .hero__ctas .btn-outline{
        justify-content:center !important;
    }
    .cta-banner__btns{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .cta-banner__btns .btn-white,
    .cta-banner__btns .btn-ghost{
        justify-content:center !important;
    }
}