html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
    img{max-width:100%;height:auto;display:block}
    a{color:inherit;text-decoration:none}
    h1,h2,h3{line-height:1.2;margin:0 0 .5em}
    p{margin:0 0 1em;color:var(--ink-2)}

    .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--px)}

    /* HIDERS */
    .nodisplay {display: none!important;}
    
    /* Hero */
    .hero{position:relative}
    .hero-media{height:58vh;min-height:440px;background:#cfd8dc url('https://images.unsplash.com/photo-1520940115356-9bfa1a49f80e?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat}
    .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.35));display:flex;align-items:center}
    .hero .content{color:#fff}
    .hero h1{font-size:clamp(32px,5vw,56px);max-width:760px;margin-bottom:.3em}
    .hero p{max-width:640px;color:#e5e7eb}
    .hero .actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:0px;border:1px solid rgba(255,255,255,.6);color:#fff}
    .btn:active, .btn:hover { color: #fff; }
    .btn.primary{background:var(--brand);border-color:transparent; transition: background .25s ease;}
    .btn.primary:hover{background: var(--accent);}
    .btn.secondary{backdrop-filter:blur(4px)}

    .play-fab{position:absolute;right:24px;bottom:24px;background:#fff;color:var(--ink);border-radius:999px;padding:.8rem 1rem;box-shadow:var(--shadow-md);display:flex;gap:.6rem;align-items:center}

    /* Three features */
    .features{padding:64px 0}
    .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .feature{padding:21px 70px 0px 70px;background:#fff;}
    .feature h3{margin:.4rem 0 1.25rem}
    .feature .learn{font-weight:600;color:var(--brand)}

    /* Split section (trust + stats) */
    .split{position:relative;background:var(--bg-soft);padding:78px 0; margin-bottom:40px;}
    @media (min-width: 601px) {
    .split {
        margin-bottom: 220px;
        }
    }
    .split .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
    .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:16px}
    .stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}
    .stat b{font-size:28px}

    /* Team / progress */
    .team{padding:64px 0}
    .team .grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
    .progress{display:grid;gap:16px;margin-top:14px}
    .bar{height:10px;background:var(--line);border-radius:999px;overflow:hidden}
    .bar > span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}
    .team .photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .card-photo{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}

    /* Case studies */
    .cases{padding:64px 0}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
    .card .body{padding:18px}
    .card .meta{display:flex;justify-content:space-between;color:var(--ink-2);font-size:14px;margin-top:6px}

    

    .feature-grid img {
margin-inline: auto;
margin-bottom: 12px;
}
.feature h3 {
text-align: center;
font-size: 1rem;
}
.feature p {
text-align: center;
font-size: 0.9rem;
margin-bottom: 0px;
}
.feature .learn {
display: block;
text-align: center;
margin-top: 16px;
font-weight: bold;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.5px;
padding: 5px 15px 5px 15px;
border-bottom: 2px solid var(--ink);
width: fit-content;
margin-inline: auto;
}
.logo-slider-heading {
      max-width: 320px;
      margin: 40px auto 20px;
      position: relative;
    }
.logo-slider-heading h2 {
  text-align: center;
}

.logo-slider-section {
      max-width: 320px;
      margin: auto;
      position: relative;
    }

    .logo-slider {
      display: flex;
      overflow-x: auto;
      scroll-behavior: smooth;
      background: #fff;
      border-radius: 12px;
      scrollbar-width: none;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: 0;
    }

    .logo-slider::-webkit-scrollbar {
      display: none;
    }

    .logo-slider img {
      width: auto!important;
      height: 85px!important;
      flex-shrink: 0;
      scroll-snap-align: center;
      padding: 20px;
    }

    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
      color: #333;
      z-index: 2;
    }

    .arrow:active , .arrow:hover, .arrow:focus {
      background: var(--bg-soft);
    }

    .arrow svg {
      width: 16px;
      height: 16px;
    }

    .arrow.left { left: -18px; }
    .arrow.right { right: -18px; }





    @media (min-width: 601px) {
      .logo-slider-section {
        max-width: 939px;
      }

      .logo-slider-heading {
        max-width: 939px;
        margin-top: 220px;
      }

      .logo-slider {
        gap: 40px;
        padding: 20px 40px;
        scroll-padding-inline: 40px;
      }

      .logo-slider img {
        width: auto!important;
        height: 60px!important;
        padding: 10px;
      }
    }


    /* Responsive */
    @media (max-width:1024px){
      .feature-grid{grid-template-columns:1fr 1fr}
      .split-section{grid-template-columns:1fr 1fr}
      .logos .row{grid-template-columns:repeat(4,1fr)}
      .cards{grid-template-columns:1fr 1fr}
    }
    @media (max-width:860px){
      .nav{display:none}
      .hamburger{display:block}
      .split .grid, .team .grid{grid-template-columns:1fr}
      .logos .row{grid-template-columns:repeat(3,1fr)}
      .float-deco{display: none;}
    }
    @media (max-width:560px){
      .feature-grid{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr}
      .logos .row{grid-template-columns:repeat(2,1fr)}
      
      .split-section{grid-template-columns:1fr}
    }