:root{
      --navy:#0b1222; --navy-2:#0f1a33; --gold:#d4af37; --ink:#0a0f1c;
    }
    html{scroll-behavior:smooth}
    body{
      font-family:'Inter',sans-serif;background:#f6f8fc;color:#0e1116;
      padding-top:64px;
    }

    .btn-gold{background:linear-gradient(135deg,var(--gold),#e6c05c);color:#1e232f}
    .btn-gold:hover{filter:brightness(1.05)}
    .glass{background:linear-gradient(to bottom right,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
    .tilt{transform-style:preserve-3d;transform:perspective(1000px) rotateX(0) rotateY(0);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}
    .tilt:hover{box-shadow:0 30px 70px -30px rgba(10,15,28,.35)}
    .nav-wrap{
      transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
      background:rgba(11,18,34,.75);backdrop-filter:saturate(140%) blur(10px);
      height:64px;display:flex;align-items:center;
    }
    .nav-wrap.scrolled{background:rgba(11,18,34,.9);box-shadow:0 8px 24px rgba(0,0,0,.25)}

    /* Slider */
    .slider{position:relative;overflow:hidden;height:min(85vh,780px);background:radial-gradient(1000px 600px at 70% 20%,rgba(212,175,55,.12),transparent 60%),linear-gradient(180deg,var(--navy),var(--navy-2))}
    .slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .9s ease,transform 1.2s ease}
    .slide.active{opacity:1;transform:scale(1)}
    .slide img{object-fit:cover;width:100%;height:100%;filter:contrast(1.03) saturate(1.05) brightness(.9)}
    .slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,34,.7),rgba(11,18,34,.35),rgba(11,18,34,.65))}
    .slide-content{position:absolute;inset:0;display:grid;place-items:center;z-index:2;padding:1rem}
    .slide-inner{max-width:1100px;width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;color:#eef1f6}
    @media(max-width:992px){.slide-inner{grid-template-columns:1fr}}
    .headline{font-weight:800;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,.35)}
    .dot{width:10px;height:10px;border-radius:9999px;background:#ffffff4d}
    .dot.active{background:var(--gold)}

    /* Parallax sparkles */
    .parallax-layer{position:absolute;opacity:.2;filter:blur(2px);pointer-events:none}

    .section-title{font-weight:800;letter-spacing:-.01em}
    .img-zoom{overflow:hidden;border-radius:16px}
    .img-zoom img{transition:transform .8s ease}
    .img-zoom:hover img{transform:scale(1.06)}

    /* Custom Scrollbar Styles */
    /* For Webkit browsers (Chrome, Safari, Edge) */
    ::-webkit-scrollbar {
      width: 8px; /* width of the entire scrollbar */
    }

    ::-webkit-scrollbar-track {
      background: var(--navy-2); /* color of the tracking area */
    }

    ::-webkit-scrollbar-thumb {
      background-color: var(--gold); /* color of the scroll thumb */
      border-radius: 20px; /* roundness of the scroll thumb */
      border: 2px solid var(--navy-2); /* creates padding around scroll thumb */
    }

    /* For Firefox */
    html {
      scrollbar-width: thin; /* "auto" or "thin" */
      scrollbar-color: var(--gold) var(--navy-2); /* thumb and track color */
    }

    /* Testimonial Carousel Transition */
    .testimonials-content-wrapper {
      transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    .testimonials-content-wrapper.slide-out-left {
      transform: translateX(-100%);
      opacity: 0;
    }

    .testimonials-content-wrapper.slide-in-right {
      transform: translateX(100%);
      opacity: 0;
    }

    .testimonials-content-wrapper.slide-active {
      transform: translateX(0);
      opacity: 1;
    }

    /* Logo Scroller */
    .logo-scroller {
      overflow: hidden;
      position: relative;
      -webkit-mask-image: linear-gradient(to right, transparent, white 20%, white 80%, transparent);
      mask-image: linear-gradient(to right, transparent, white 20%, white 80%, transparent);
    }
    .logo-scroller-inner {
      display: flex;
      width: fit-content;
      animation: scroll 50s linear infinite;
    }
    .logo-scroller:hover .logo-scroller-inner {
      animation-play-state: paused;
    }
    @keyframes scroll {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
      }
    }