:root {
--accent: #62582b !important;
--primary: #18333b !important;
--secondary: #67797e !important;
--primary-font: Google Sans, sans-serif;
--secondary-font: Google Sans, sans-serif;
}

:root{
      --bg:#0b0b0f;
      --bg2:#121217;
      --card:rgba(255,255,255,.06);
      --card-strong:rgba(255,255,255,.09);
      --stroke:rgba(255,255,255,.14);
      --text:rgba(255,255,255,.95);
      --muted:rgba(255,255,255,.72);
      --gold:#d4af37;
      --gold-soft:rgba(212,175,55,.18);
      --shadow:0 24px 80px rgba(0,0,0,.45);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(900px 500px at 10% 0%, rgba(212,175,55,.12), transparent 60%),
        radial-gradient(700px 400px at 90% 15%, rgba(255,255,255,.05), transparent 60%),
        linear-gradient(180deg,var(--bg),var(--bg2));
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .container{max-width:1240px;margin:0 auto;padding:0 20px}
    .glass{
      background:var(--card);
      border:1px solid var(--stroke);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      box-shadow:var(--shadow);
    }
    .glass-strong{
      background:var(--card-strong);
      border:1px solid var(--stroke);
      backdrop-filter: blur(22px);
      -webkit-backdrop-filter: blur(22px);
      box-shadow:var(--shadow);
    }
    .gold{color:var(--gold)}
    .muted{color:var(--muted)}
    .gold-line{
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(212,175,55,.7), transparent);
    }
    .btn-primary{
      background:linear-gradient(135deg,#e2c15a,#bf8c18);
      color:#111;
      font-weight:700;
      border-radius:18px;
      padding:15px 26px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:.25s ease;
      box-shadow:0 12px 30px rgba(212,175,55,.22);
    }
    .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
    .btn-secondary{
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.14);
      color:var(--text);
      border-radius:18px;
      padding:15px 26px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:.25s ease;
    }
    .btn-secondary:hover{background:rgba(255,255,255,.1)}
    .tag{
      border:1px solid rgba(212,175,55,.22);
      background:rgba(212,175,55,.08);
      color:#f1dd9a;
      border-radius:999px;
      padding:8px 14px;
      font-size:12px;
      letter-spacing:.03em;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:28px;
      align-items:stretch;
    }
    .section{padding:88px 0}
    .section-tight{padding:64px 0}
    .title-xl{font-size:clamp(40px,6vw,70px);line-height:.98;font-weight:800;letter-spacing:-.03em}
    .title-lg{font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
    .title-md{font-size:clamp(24px,3vw,32px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
    .card-radius{border-radius:28px}
    .soft-radius{border-radius:22px}
    .hero-photo{
      min-height:640px;
      background:
        linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.35)),
        url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
      position:relative;
      overflow:hidden;
    }
    .hero-photo:after{
      content:"";
      position:absolute;inset:auto -20% -30% auto;
      width:360px;height:360px;border-radius:50%;
      background:radial-gradient(circle, rgba(212,175,55,.24), transparent 70%);
      filter:blur(20px);
    }
    .stat-grid,.service-grid,.gallery-grid,.adv-grid,.steps-grid,.faq-grid,.compare-grid,.cost-grid{
      display:grid;gap:18px;
    }
    .stat-grid{grid-template-columns:repeat(4,1fr)}
    .service-grid{grid-template-columns:repeat(3,1fr)}
    .gallery-grid{grid-template-columns:repeat(3,1fr)}
    .adv-grid{grid-template-columns:repeat(3,1fr)}
    .steps-grid{grid-template-columns:repeat(5,1fr)}
    .compare-grid{grid-template-columns:repeat(3,1fr)}
    .cost-grid{grid-template-columns:repeat(4,1fr)}
    .faq-grid{grid-template-columns:repeat(2,1fr)}
    .service-thumb,.gallery-thumb,.cta-photo{
      background-size:cover;background-position:center;
      border-radius:18px;
      min-height:220px;
      position:relative;overflow:hidden;
    }
    .service-thumb:after,.gallery-thumb:after,.cta-photo:after{
      content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.38));
    }
    .service-thumb.kvarc{background-image:url('https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1200&q=80')}
    .service-thumb.akril{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1200&q=80')}
    .service-thumb.bar{background-image:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80')}
    .service-thumb.pod{background-image:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80')}
    .service-thumb.rec{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80')}
    .service-thumb.moyka{background-image:url('https://images.unsplash.com/photo-1489515217757-5fd1be406fef?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g1{background-image:url('https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g2{background-image:url('https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g3{background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g4{background-image:url('https://images.unsplash.com/photo-1489515217757-5fd1be406fef?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g5{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80')}
    .gallery-thumb.g6{background-image:url('https://images.unsplash.com/photo-1487014679447-9f8336841d58?auto=format&fit=crop&w=1200&q=80')}
    .cta-photo{background-image:url('https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1400&q=80');min-height:420px}
    .num{font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1;color:#fff}
    .nav{position:sticky;top:18px;z-index:30}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-radius:24px}
    .nav-links{display:flex;gap:18px;align-items:center;font-size:14px;color:rgba(255,255,255,.72)}
    .nav-links a:hover{color:#fff}
    .logo{display:flex;gap:12px;align-items:center}
    .logo-mark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:800;color:#f2df9f}
    .field{
      width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 18px;color:#fff;
    }
    .field::placeholder{color:rgba(255,255,255,.45)}
    .footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
    @media (max-width: 1100px){
      .stat-grid,.service-grid,.gallery-grid,.adv-grid,.steps-grid,.compare-grid,.cost-grid,.faq-grid{grid-template-columns:repeat(2,1fr)}
      .hero-grid,.footer-grid{grid-template-columns:1fr}
      .hero-photo{min-height:420px}
      .nav-links{display:none}
    }
    @media (max-width: 640px){
      .container{padding:0 16px}
      .section{padding:64px 0}
      .section-tight{padding:48px 0}
      .stat-grid,.service-grid,.gallery-grid,.adv-grid,.steps-grid,.compare-grid,.cost-grid,.faq-grid{grid-template-columns:1fr}
      .hero-photo{min-height:320px}
      .nav-inner{padding:12px 14px}
    }
    
.cs_site_header{background: #011214c7;
    backdrop-filter: blur(1px);
    backdrop-filter: blur(11px);
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}    
    
    .cs_site_header.cs_style_1.cs_color_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_color_1.cs_sticky_active {background: #ffffffc9;
    backdrop-filter: blur(1px);
    backdrop-filter: blur(11px);
    --tw-backdrop-blur: blur(17px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
    
.cs_site_branding img{        max-width: 135px; }

.cs_site_header.cs_style_1.cs_color_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_color_1.cs_sticky_active svg {color:#000;}
.cs_site_header.cs_style_1.cs_color_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_color_1.cs_sticky_active a{color:#000;}

.cs_site_header.cs_style_1.cs_size_md .cs_main_header_in, .cs_site_header.cs_style_2.cs_size_md .cs_main_header_in {
    height: 70px;
}

.cs_header_user_btn {

    DISPLAY: none !important;
}

cs_sticky_active ,cs_site_header.cs_style_1.cs_color_1 .cs_nav_list>li>a {
        color: #fff;
    }
    .cs_site_header.cs_style_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_sticky_active{
    
    background-color: #fff;
    box-shadow: 0 10px 10px -10px rgba(33, 43, 53, .1);}
    
    .cs_site_header.cs_style_1 .cs_main_header_in, .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 70px;
}


    .cs_nav .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        position: relative;
        color: #fff !important;
    }
    
    
    .cs_fs_120 {
  
    font-weight: 600;
}

.cs_hero.cs_style_9 {
    height: 77vh;
}


 .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        color: #fff;
        position: relative;
    }
    
    
    .hero1 h1{font-size:44px;}
    
    
    .cs_case_study.cs_style_1 .cs_case_study_info {
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(24, 51, 59, 0), #031012);
    display: flex;
    height: 100%;
    left: 0;
    opacity: 100;
    padding: 55px 35px;
    position: absolute;
    top: 0;
    transition: all .4s ease;
    width: 100%;
    z-index: 1;
}


.cs_card.cs_style_1 .cs_card_subtitle, .cs_card.cs_style_4 .cs_card_subtitle {
    margin-bottom: 24px;
    color: #000;
    /* font-weight: 400; */
}

.cs_hero.cs_style_1 {    margin-top: 50px;}