﻿.preloader{display:none!important}
  .head-banner{display:none!important}
  /* Unified page container — same width & side space everywhere */
  .site-container,
  .home-hero-centered.container,
  .home-about-wrap.container,
  .expertises .bg-white > .container,
  .our-process > .container,
  .home-features-faq > .container,
  footer.footer > .container{
    max-width:1180px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }
  .home-about,
  .our-process__panel,
  .home-features__panel,
  .home-faq__panel,
  .home-cta-section,
  .footer-4col,
  .home-blog-section{
    max-width:100% !important;
    width:100%;
    box-sizing:border-box;
  }
  .home-hero-centered{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:13.5rem 1rem 1.25rem 1.5rem;
    box-sizing:border-box;
  }
  @media (min-width:768px) and (max-width:1024px){
    .home-hero-centered{
      min-height:66vh !important;
      padding: 7.5rem 1rem 1.25rem 1.5rem !important;
    }

    section.home-about {
      margin-bottom: 60px;
  }
  }
  @media (max-width:767px){
    .container.site-container.px-4.mx-auto.home-hero-centered{
      margin-top:47px;
    }
  }
  .home-hero-centered__inner{
    width:100%;
    max-width:100%;
    margin:0 auto;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.75rem;
    margin-bottom: 34px;
  }
  .home-hero-centered h1,
  .home-hero-centered p{
    text-align:center !important;
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .home-hero-centered h1{
    max-width:18ch;
    font-weight:700 !important;
    letter-spacing:-0.045em;
  }
  .home-hero-centered p{
    max-width:38rem;
    display:block !important;
    font-weight:600 !important;
    font-size:1.15rem !important;
  }
  .home-hero-centered .btn .anim-btn-top,
  .home-hero-centered .btn .word-content{
    transform:none !important;
    opacity:1 !important;
  }
  .home-hero-centered .fade,
  .home-hero-centered .fade-el-scroll{
    opacity:1 !important;
  }
  /* Keep original header look — only stop hide-on-scroll */
  .header-desktop.header--hide,
  .header-desktop.header--visible,
  [data-header].header--hide,
  [data-header].header--visible,
  header .w-full.inline-block.xl\:hidden.header--hide,
  header .w-full.inline-block.xl\:hidden.header--visible{
    opacity:1 !important;
    transform:none !important;
    -webkit-transform:none !important;
    pointer-events:auto !important;
    visibility:visible !important;
  }
  /* Background only after page scroll */
  .header-desktop.is-scrolled,
  header .w-full.inline-block.xl\:hidden.is-scrolled,
  header .w-full.inline-block.xl\:hidden.is-scrolled > nav{
    background:rgba(12,16,14,.95) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transition:background .25s ease, backdrop-filter .25s ease;
  }
  .header-desktop{
    transition:background .25s ease, backdrop-filter .25s ease, top .25s ease;
  }
  @media (min-width:1280px){
    .header-desktop.is-scrolled{
      top:0 !important;
      padding-top:6px;
      padding-bottom:6px;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .header-desktop.is-scrolled .logo{
      padding-top:10px !important;
      padding-bottom:10px !important;
    }
  }
  .header-desktop > nav.container ul.bg-menu-main{
    gap:2.25rem !important;
  }
  @media (min-width:1920px){
    .header-desktop > nav.container ul.bg-menu-main{
      gap:2.75rem !important;
    }
  }
  .header-desktop > nav.container{
    width:100% !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
  }
  @media (min-width:1280px){
    .header-desktop > nav.container{
      max-width:1180px !important;
      padding-left:24px !important;
      padding-right:24px !important;
    }
  }
  @media (min-width:1536px){
    .header-desktop > nav.container{
      max-width:1180px !important;
      padding-left:24px !important;
      padding-right:24px !important;
    }
  }
  .header-desktop .submenu-open > div{
    max-width:1200px !important;
    width:calc(100% - 80px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  @media (min-width:1536px){
    .header-desktop .submenu-open > div{
      max-width:1280px !important;
      width:calc(100% - 96px) !important;
    }
  }
  /* mobile header side padding */
  header .w-full.inline-block.xl\:hidden > nav > .flex{
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;
  }
  /* Simple Services hover dropdown */
  .nav-drop{
    position:relative;
  }
  .nav-drop > .nav-drop-trigger{
    display:inline-flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
  }
  .header-desktop,
  .header-desktop nav,
  .header-desktop .bg-menu-main{
    overflow:visible !important;
  }
  .nav-drop > .nav-drop-menu a{
    display:block;
    padding:10px 14px;
    border-radius:10px;
    color:#fff;
    font-size:15px;
    white-space:nowrap;
    opacity:1 !important;
  }
  .nav-drop > .nav-drop-menu a:hover{
    background:rgba(255,255,255,.08);
    color:#01c291;
  }
  /* hide old mega submenu if any leftover */
  .header-desktop > .submenu-open{
    display:none !important;
  }
  .home-about-wrap{
    padding:0 !important;
  }
  @media (max-width:767px){
    .home-services-wrap{
      margin-top:47px;
    }
  }
  .home-about{
    max-width:1180px;
    margin:0 auto;
    position:relative;
    border-radius:33px;
    padding:clamp(2rem,4vw,3.75rem) clamp(1.35rem,3.5vw,3.5rem);
    background:
      radial-gradient(ellipse 70% 55% at 12% 0%, rgba(1,194,145,.22), transparent 55%),
      radial-gradient(ellipse 55% 45% at 100% 100%, rgba(1,194,145,.12), transparent 50%),
      linear-gradient(160deg, #1a221f 0%, #121816 55%, #0e1210 100%);
    border:1px solid rgba(1,194,145,.28);
    box-shadow:0 30px 80px rgba(0,0,0,.35);
    overflow:hidden;
  }
  .home-about::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:radial-gradient(rgba(255,255,255,.045) 1px, transparent 1px);
    background-size:18px 18px;
    opacity:.35;
    pointer-events:none;
  }
  .home-about__inner{
    position:relative;
    z-index:1;
  }
  .home-about__top{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:space-between;
    gap:1.5rem 2rem;
    margin-bottom:2.5rem;
    padding-bottom:2rem;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .home-about__label{
    display:inline-flex;
    align-items:center;
    background:#01c291;
    color:#0b0f0d;
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    border-radius:999px;
    padding:.4rem .95rem;
    margin-bottom:.9rem;
  }
  .home-about__title{
    color:#fff;
    font-weight:700;
    font-size:clamp(1.85rem, 3.6vw, 3.15rem);
    line-height:1.08;
    letter-spacing:-.035em;
    max-width:18ch;
    margin:0;
  }
  .home-about__intro{
    color:rgba(255,255,255,.72);
    font-size:1.05rem;
    line-height:1.55;
    max-width:22rem;
    margin:0;
    font-weight:500;
  }
  .home-about__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1.15rem;
  }
  @media (min-width:860px){
    .home-about__grid{
      grid-template-columns:1fr 1fr;
      gap:1.35rem;
    }
  }
  .home-about__item{
    position:relative;
    padding:1.6rem 1.5rem 1.7rem;
    border-radius:22px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    transition:transform .35s ease, border-color .35s ease, background .35s ease;
  }
  .home-about__item:hover{
    transform:translateY(-4px);
    border-color:rgba(1,194,145,.45);
    background:rgba(1,194,145,.06);
  }
  .home-about__item-head{
    display:flex;
    align-items:center;
    gap:.75rem;
    margin-bottom:1rem;
  }
  .home-about__num{
    width:42px;
    height:42px;
    border-radius:999px;
    background:#01c291;
    color:#0b0f0d;
    font-weight:800;
    font-size:.95rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .home-about__item h3{
    color:#fff;
    font-size:1.45rem;
    font-weight:700;
    margin:0;
    letter-spacing:-.02em;
  }
  .home-about__item p{
    color:rgba(255,255,255,.78);
    font-size:1.02rem;
    line-height:1.65;
    margin:0;
    font-weight:500;
  }
  .home-about__cta{
    margin-top:2.15rem;
  }
  @media (max-width:640px){
    .home-about__top{
      flex-direction:column;
      align-items:flex-start;
    }
  }
  .our-process{
    background:#fff;
  }
  .our-process__outer{
    padding:20px 0 0;
  }
  .our-process__panel{
    max-width:1180px;
    margin:0 auto;
    background:transparent;
    border-radius:33px;
    padding:clamp(1.75rem, 3.5vw, 3.25rem) clamp(1.25rem, 3vw, 3rem);
    box-sizing:border-box;
  }
  .home-features-faq__outer{
    padding:0 0 60px;
    display:flex;
    flex-direction:column;
    gap:1.5rem;
  }
  .our-process__head{
    max-width:40rem;
    margin-bottom:2.25rem;
  }
  .our-process__label{
    display:inline-flex;
    align-items:center;
    background:#01c291;
    color:#0b0f0d;
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    border-radius:999px;
    padding:.4rem .95rem;
    margin-bottom:1rem;
  }
  .our-process__title{
    color:#1a1f1c;
    font-weight:700;
    font-size:clamp(1.85rem, 3.5vw, 3rem);
    line-height:1.1;
    letter-spacing:-.03em;
    margin:0 0 1rem;
  }
  .our-process__intro{
    color:#6b736e;
    font-size:1.05rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
    max-width:34rem;
  }
  .our-process__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    position:relative;
  }
  @media (min-width:768px){
    .our-process__grid{
      grid-template-columns:repeat(2, 1fr);
      gap:1.15rem;
    }
  }
  @media (min-width:1100px){
    .our-process__grid{
      grid-template-columns:repeat(4, 1fr);
      gap:1.15rem;
    }
  }
  .our-process__step{
    padding:1.4rem 1.25rem 1.5rem;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
  .our-process__step:hover{
    transform:translateY(-4px);
    border-color:rgba(1,194,145,.4);
    box-shadow:0 16px 36px rgba(0,0,0,.12);
  }
  .our-process__num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:2.5rem;
    height:2.5rem;
    padding:0 .7rem;
    border-radius:999px;
    background:#01c291;
    color:#0b0f0d;
    font-weight:800;
    font-size:.9rem;
    margin-bottom:1rem;
  }
  .our-process__step h3{
    color:#1a1f1c;
    font-size:1.3rem;
    font-weight:700;
    margin:0 0 .6rem;
    letter-spacing:-.02em;
  }
  .our-process__step p{
    color:#6b736e;
    font-size:.98rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
  }
  .our-process__cta{
    margin-top:2rem;
  }
  .home-features__panel,
  .home-faq__panel{
    max-width:1180px;
    width:100%;
    margin:0 auto;
    border-radius:33px;
    box-sizing:border-box;
  }
  .home-features__panel{
    background:
      radial-gradient(ellipse 70% 55% at 10% 0%, rgba(1,194,145,.2), transparent 55%),
      linear-gradient(160deg, #1a221f 0%, #121816 55%, #0e1210 100%);
    border:1px solid rgba(1,194,145,.28);
    padding-top:calc(clamp(1.75rem, 3.5vw, 3.25rem) + 20px);
    padding-right:clamp(1.25rem, 3vw, 3rem);
    padding-bottom:clamp(1.75rem, 3.5vw, 3.25rem);
    padding-left:clamp(1.25rem, 3vw, 3rem);
  }
  .home-faq__panel{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:clamp(1.75rem, 3.5vw, 3.25rem) 0;
  }
  .home-features__head,
  .home-faq__head{
    max-width:40rem;
    margin-bottom:2rem;
  }
  .home-features__label{
    display:inline-flex;
    align-items:center;
    background:#01c291;
    color:#0b0f0d;
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    border-radius:999px;
    padding:.4rem .95rem;
    margin-bottom:1rem;
  }
  .home-features__title{
    color:#fff;
    font-weight:700;
    font-size:clamp(1.85rem, 3.5vw, 2.9rem);
    line-height:1.1;
    letter-spacing:-.03em;
    margin:0 0 1rem;
  }
  .home-features__intro{
    color:rgba(255,255,255,.72);
    font-size:1.05rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
  }
  .home-features__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
  }
  @media (min-width:700px){
    .home-features__grid{
      grid-template-columns:repeat(2, 1fr);
    }
  }
  @media (min-width:1050px){
    .home-features__grid{
      grid-template-columns:repeat(3, 1fr);
    }
  }
  .home-features__item{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:1.35rem 1.25rem 1.45rem;
    transition:transform .3s ease, border-color .3s ease, background .3s ease;
  }
  .home-features__item:hover{
    transform:translateY(-4px);
    border-color:rgba(1,194,145,.4);
    background:rgba(1,194,145,.07);
  }
  .home-features__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:2.4rem;
    height:2.4rem;
    border-radius:999px;
    background:#01c291;
    color:#0b0f0d;
    font-weight:800;
    font-size:.85rem;
    margin-bottom:.9rem;
  }
  .home-features__item h3{
    color:#fff;
    font-size:1.2rem;
    font-weight:700;
    margin:0 0 .55rem;
    letter-spacing:-.02em;
  }
  .home-features__item p{
    color:rgba(255,255,255,.72);
    font-size:.96rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
  }
  .home-faq__list{
    display:flex;
    flex-direction:column;
    gap:.75rem;
    max-width:52rem;
  }
  .home-faq__item{
    background:transparent;
    border:1px solid #fff;
    border-radius:16px;
    overflow:hidden;
  }
  .home-faq__item summary{
    list-style:none;
    cursor:pointer;
    color:#fff;
    font-weight:600;
    font-size:1.05rem;
    padding:1.05rem 1.25rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
  }
  .home-faq__item summary::-webkit-details-marker{display:none}
  .home-faq__item summary::after{
    content:"+";
    color:#01c291;
    font-size:1.35rem;
    font-weight:700;
    line-height:1;
    flex-shrink:0;
  }
  .home-faq__item[open] summary::after{content:"–"}
  .home-faq__item p{
    color:rgba(255,255,255,.7);
    font-size:.98rem;
    line-height:1.6;
    margin:0;
    padding:0 1.25rem 1.15rem;
    font-weight:500;
  }
  .home-blog-section{
    padding:clamp(1.5rem, 3vw, 2.75rem) !important;
  }
  .home-blog__head{
    margin-bottom:1.75rem;
    max-width:40rem;
  }
  .home-blog__label{
    display:inline-flex;
    align-items:center;
    background:#01c291;
    color:#0b0f0d;
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    border-radius:999px;
    padding:.4rem .95rem;
    margin-bottom:.9rem;
  }
  .home-blog__title{
    color:#1a1f1c;
    font-weight:700;
    font-size:clamp(1.8rem, 3vw, 2.6rem);
    line-height:1.1;
    letter-spacing:-.03em;
    margin:0 0 .75rem;
  }
  .home-blog__intro{
    color:#6b736e;
    font-size:1.05rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
  }
  .home-blog__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
  }
  @media (min-width:800px){
    .home-blog__grid{
      grid-template-columns:repeat(3, 1fr);
      gap:1.15rem;
    }
  }
  .home-blog__card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:20px;
    padding:0;
    overflow:hidden;
    text-decoration:none !important;
    color:inherit;
    min-height:220px;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .home-blog__card-body{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    padding:1.35rem 1.35rem 1.4rem;
  }
  .home-blog__card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 36px rgba(0,0,0,.08);
  }
  .home-blog__card h3{
    color:#1a1f1c;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-.02em;
    margin:0 0 .75rem;
  }
  .home-blog__card p{
    color:#6b736e;
    font-size:.98rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
    flex-grow:1;
  }
  .home-blog__more{
    display:inline-block;
    margin-top:1.25rem;
    color:#0b0f0d;
    font-weight:700;
    font-size:.92rem;
  }
  .home-blog__card:hover .home-blog__more{
    color:#01c291;
  }
  .home-blog__cta{
    margin-top:1.75rem;
  }
  .home-cta-section{
    margin-top:30px;
    margin-bottom:30px;
    max-width:1180px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    background:#01c291;
    border-radius:22px;
    padding:clamp(1.6rem, 3vw, 2.5rem) clamp(1.35rem, 3vw, 2.75rem);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem 2rem;
    box-sizing:border-box;
  }
  .home-cta__text{
    max-width:34rem;
  }
  .home-cta__text h2{
    color:#0b0f0d;
    font-weight:700;
    font-size:clamp(1.55rem, 2.8vw, 2.2rem);
    line-height:1.15;
    letter-spacing:-.03em;
    margin:0 0 .7rem;
  }
  .home-cta__text p{
    color:rgba(11,15,13,.78);
    font-size:1.05rem;
    line-height:1.55;
    margin:0;
    font-weight:500;
  }
  .home-cta__btn{
    flex-shrink:0;
  }
  .home-cta__btn .anim-btn{
    background:#0b0f0d !important;
    color:#fff !important;
  }
  .home-cta__btn .anim-btn-top{
    color:#fff !important;
  }
  .footer-4col{
    display:grid;
    grid-template-columns:1fr;
    gap:2rem 1.5rem;
    padding:48px 0 28px;
    max-width:1180px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  @media (min-width:768px) and (max-width:999px){
    .footer-4col{
      grid-template-columns:repeat(2, 1fr);
    }
  }
  @media (min-width:1000px){
    .footer-4col{
      grid-template-columns:1.4fr 1fr 1.2fr 1fr;
      gap:2rem;
    }
  }
  .footer-4col__box h4{
    color:#01c291;
    font-size:.95rem;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin:0 0 1rem;
  }
  .footer-4col__logo{
    height:52px;
    width:auto;
    max-width:240px;
    object-fit:contain;
    margin-bottom:1rem;
  }
  .footer-4col__box p{
    color:rgba(255,255,255,.7);
    font-size:.95rem;
    line-height:1.55;
    margin:0;
    max-width:22rem;
  }
  .footer-4col__box a{
    display:block;
    color:rgba(255,255,255,.85);
    font-size:.95rem;
    margin:0 0 .55rem;
    text-decoration:none;
  }
  .footer-4col__box a:hover{
    color:#01c291;
  }
  .footer-4col__box .footer-address{
    color:rgba(255,255,255,.7);
    font-size:.95rem;
    line-height:1.55;
    margin:0 0 .85rem;
  }
  .footer-4col__social{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:1rem;
  }
  .footer-4col__social a{
    display:inline-flex;
    margin:0;
    opacity:.9;
  }
  .footer-4col__social a:hover{
    opacity:1;
  }
  .footer-4col__social img{
    width:24px;
    height:24px;
    object-fit:contain;
  }
  .home-burger{
    width:46px;
    height:46px;
    border:0;
    background:transparent;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    cursor:pointer;
  }
  header .w-full.inline-block.xl\:hidden{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:20;
  }
  header .w-full.inline-block.xl\:hidden > nav > .flex{
    min-height:72px;
  }
  header .menu-open[data-home-mobile]{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(8,11,10,.55);
    z-index:31;
  }
  header .menu-open[data-home-mobile].open{
    display:block;
    pointer-events:auto;
  }
  header .menu-open[data-home-mobile] .menu-main-mobile{
    position:absolute;
    top:88px;
    right:16px;
    left:16px;
    max-height:calc(100vh - 110px);
    overflow:auto;
  }