*,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        font-family: "DM Sans", sans-serif;
        font-weight: 500;
        background: #000;
        color: #e0e0e0;
        overflow-x: hidden;
        line-height: 1.7;
        padding-bottom: 90px;
      }

      /* ── CSS VARS ── */
      :root {
        --gold-shine: linear-gradient(
          135deg,
          #ffe4b5 0%,
          #daa520 20%,
          #ffd700 40%,
          #b8860b 60%,
          #ffd700 80%,
          #ffe4b5 100%
        );
        --gold-text: linear-gradient(
          120deg,
          #ffe4b5 0%,
          #daa520 25%,
          #fffacd 50%,
          #b8860b 75%,
          #ffd700 100%
        );
        --glass-bg: rgba(255, 255, 255, 0.04);
        --glass-border: rgba(255, 255, 255, 0.1);
        --glass-border-hover: rgba(255, 255, 255, 0.25);
        --text-primary: #f0f0f0;
        --text-secondary: #b0b0b0;
        --text-muted: #707070;
      }

      /* ── GOLD TEXT ANIMATION ── */
      .silver {
        background: var(--gold-text);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 300% 300%;
        animation: goldShimmer 4s ease-in-out infinite;
      }
      @keyframes goldShimmer {
        0%,
        100% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
      }

      /* ── LAYOUT ── */
      .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 2rem;
        position: relative;
        z-index: 2;
      }

      .section {
        padding: 4rem 0;
        position: relative;
        z-index: 2;
      }
      .section-alt {
        background: rgba(255, 255, 255, 0.015);
      }
      .section-dark {
        background: rgba(10, 10, 10, 0.8);
      }

      /* Hero section special spacing */
      .hero {
        padding-top: 5rem;
        padding-bottom: 4rem;
      }

      /* Contact form section styling */
      #contact-form {
        background: linear-gradient(
          180deg,
          transparent,
          rgba(218, 165, 32, 0.02)
        );
        padding: 5rem 0;
      }

      .contact-cta-wrap {
        text-align: center;
        max-width: 760px;
        margin: 0 auto;
        padding: 2.2rem 1.8rem;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 22px;
        backdrop-filter: blur(10px);
      }

      .contact-cta-title {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: clamp(1.55rem, 3.4vw, 2.5rem);
        line-height: 1.2;
        margin-bottom: 0.8rem;
        color: var(--text-primary);
      }

      .contact-cta-sub {
        font-size: 0.9rem;
        color: #b8b8b8;
        margin-bottom: 1.6rem;
        line-height: 1.8;
      }

      .contact-open-btn {
        text-align: center;
        min-width: 250px;
        font-weight: 800 !important;
        transform: translateZ(0);
        will-change: transform, box-shadow, filter;
      }

      .btn-silver.contact-open-btn {
        font-weight: 800 !important;

        animation:
          btnShimmer 3s ease-in-out infinite,
          ctaUrgencyLoop 3.8s ease-in-out infinite;
      }

      body.modal-open {
        overflow: hidden;
      }

      .form-modal {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(8px);
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.2rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
          opacity 0.28s ease,
          visibility 0.28s ease;
      }

      .form-modal.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      .form-modal-panel {
        width: 100%;
        max-width: 700px;
        max-height: min(88vh, 820px);
        overflow-y: auto;
        position: relative;
        border-radius: 24px;
        transform: translateY(20px) scale(0.98);
        opacity: 0;
        transition:
          transform 0.28s ease,
          opacity 0.28s ease;
      }

      .form-modal.active .form-modal-panel {
        transform: translateY(0) scale(1);
        opacity: 1;
      }

      .form-modal-panel .hero-form-card {
        margin: 0;
      }

      .form-modal-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.28);
        background: rgba(0, 0, 0, 0.55);
        color: #fff;
        font-size: 1.35rem;
        line-height: 1;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        transition:
          background 0.2s ease,
          transform 0.2s ease;
      }

      .form-modal-close:hover {
        background: rgba(0, 0, 0, 0.75);
        transform: scale(1.06);
      }

      /* ── TOP ANNOUNCEMENT BAR ── */
      .top-bar {
        background: linear-gradient(90deg, #111 0%, #1a1a1a 50%, #111 100%);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding: 0.75rem 2rem;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 600;
        color: #e0e0e0;
        letter-spacing: 0.04em;
        position: relative;
        z-index: 10;
      }
      .top-bar strong {
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 3s ease-in-out infinite;
        font-weight: 600;
      }
      .top-bar .dot-live {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ff5533;
        animation: blink 1.8s infinite;
        margin-right: 0.4rem;
        vertical-align: middle;
      }
      @keyframes blink {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.2;
        }
      }

      /* ── SECTION LABELS & TITLES ── */
      .section-label {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.65rem;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #999;
        font-weight: 700;
        margin-bottom: 0.9rem;
      }
      .section-label::before {
        content: "";
        width: 24px;
        height: 1.5px;
        background: linear-gradient(90deg, transparent, #999);
      }
      .section-title {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: clamp(2rem, 3vw, 2.5rem);
        font-weight: 600;
        line-height: 1.15;
        color: var(--text-primary);
        margin-bottom: 0.8rem;
        letter-spacing: -0.01em;
      }
      .section-body {
        font-size: 0.92rem;
        color: #c0c0c0;
        line-height: 1.85;
        max-width: 56ch;
        margin-bottom: 2rem;
        font-weight: 500;
      }
      .center {
        text-align: center;
      }
      .center .section-label {
        justify-content: center;
      }
      .center .section-body {
        margin-left: auto;
        margin-right: auto;
      }

      .mid-cta-wrap {
        padding-bottom: 3rem;
      }

      /* ── SILVER DIVIDER ── */
      .divider {
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(180, 180, 180, 0.15),
          transparent
        );
        position: relative;
        z-index: 2;
        margin: 1.5rem 0;
      }

      /* ── GLASS CARD BASE ── */
      .glass {
        background: var(--glass-bg);
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        backdrop-filter: blur(20px);
        position: relative;
        overflow: hidden;
        transition:
          border-color 0.4s,
          transform 0.4s;
      }
      .glass::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 255, 255, 0.18),
          transparent
        );
      }
      .glass:hover {
        border-color: var(--glass-border-hover);
        transform: translateY(-3px);
      }

      /* ── BUTTONS ── */
      .btn-silver {
        align-items: center;
        gap: 0.6rem;
        background: linear-gradient(
          135deg,
          #ffe4b5 0%,
          #daa520 50%,
          #ffd700 100%
        );
        color: #000;
        padding: 0.9rem 2.2rem;
        border-radius: 100px;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        border: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: all 0.4s;
        background-size: 200%;
        animation: btnShimmer 3s ease-in-out infinite;
      }
      @keyframes btnShimmer {
        0%,
        100% {
          background-position: 0%;
        }
        50% {
          background-position: 100%;
        }
      }
      .btn-silver:hover {
        box-shadow: 0 8px 40px rgba(218, 165, 32, 0.4);
        transform: translateY(-2px);
      }

      .btn-outline {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: transparent;
        border: 1.5px solid rgba(220, 220, 220, 0.4);
        color: #e0e0e0;
        padding: 0.75rem 1.8rem;
        border-radius: 100px;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s;
      }
      .btn-outline:hover {
        border-color: rgba(255, 255, 255, 0.8);
        color: #fff;
        background: rgba(255, 255, 255, 0.05);
      }

      /* ══════════════════════════════════════
    HERO
  ══════════════════════════════════════ */
      .hero {
        min-height: 100vh;
        display: flex;
        align-items: center;
        padding: 4rem 0 3rem;
        background: radial-gradient(
          ellipse 80% 60% at 80% 50%,
          rgba(120, 120, 120, 0.07) 0%,
          transparent 60%
        );
      }
      .hero-inner {
        display: grid;
        grid-template-columns: 1fr 400px;
        gap: 2.5rem;
        align-items: center;
      }
      .eyebrow {
        font-size: 0.68rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #999;
        margin-bottom: 1.2rem;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        font-weight: 700;
      }
      .eyebrow::before {
        content: "";
        width: 28px;
        height: 1px;
        background: linear-gradient(90deg, transparent, #999);
      }

      .hero h1 {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: clamp(2.4rem, 4.5vw, 3.8rem);
        font-weight: 400;
        line-height: 1.12;
        color: var(--text-primary);
        margin-bottom: 1.4rem;
        letter-spacing: -0.01em;
      }

      .hero-sub {
        font-size: 0.95rem;
        color: #c0c0c0;
        line-height: 1.85;
        max-width: 48ch;
        margin-bottom: 2rem;
        font-weight: 500;
      }

      /* CTA Checks */
      .cta-checks {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        margin-bottom: 2rem;
      }
      .cta-check {
        font-size: 0.85rem;
        color: #c0c0c0;
        display: flex;
        align-items: flex-start;
        gap: 0.8rem;
        line-height: 1.5;
        font-weight: 500;
      }
      .cta-check::before {
        content: "✓";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: rgba(220, 220, 220, 0.15);
        border: 1px solid rgba(220, 220, 220, 0.3);
        color: #e0e0e0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.6rem;
        font-weight: 800;
        flex-shrink: 0;
        margin-top: 0.05rem;
      }

      .scarce-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 2rem;
        background: rgba(255, 85, 51, 0.12);
        border: 1px solid rgba(255, 85, 51, 0.3);
        border-radius: 8px;
        padding: 0.55rem 1rem;
        font-size: 0.75rem;
        color: #ff8866;
        font-weight: 700;
      }
      .scarce-badge .dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #ff5533;
        animation: blink 1.8s infinite;
      }

      /* Hero form card */
      .hero-form-card {
        background: linear-gradient(
          135deg,
          rgba(218, 165, 32, 0.08),
          rgba(218, 165, 32, 0.02)
        );
        border: 2px solid rgba(218, 165, 32, 0.15);
        border-radius: 24px;
        padding: 2.5rem;
        backdrop-filter: blur(30px);
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
        max-width: 600px;
        margin: 0 auto;
      }
      .hero-form-card:hover {
        border-color: rgba(218, 165, 32, 0.25);
        background: linear-gradient(
          135deg,
          rgba(218, 165, 32, 0.12),
          rgba(218, 165, 32, 0.05)
        );
        box-shadow: 0 20px 60px rgba(218, 165, 32, 0.15);
      }
      .hero-form-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 228, 181, 0.4),
          transparent
        );
      }
      .form-tag {
        display: inline-block;
        background: linear-gradient(
          90deg,
          rgba(218, 165, 32, 0.15),
          rgba(218, 165, 32, 0.05)
        );
        border: 1px solid rgba(218, 165, 32, 0.25);
        border-radius: 100px;
        padding: 0.4rem 1rem;
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #ffd700;
        margin-bottom: 1.2rem;
        transition: all 0.3s ease;
      }
      .form-tag:hover {
        background: linear-gradient(
          90deg,
          rgba(218, 165, 32, 0.2),
          rgba(218, 165, 32, 0.1)
        );
        border-color: rgba(218, 165, 32, 0.4);
      }
      .form-title {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.8rem;
        font-weight: 500;
        color: var(--text-primary);
        line-height: 1.25;
        margin-bottom: 1rem;
        letter-spacing: -0.01em;
      }
      .form-sub {
        font-size: 0.9rem;
        color: #c0c0c0;
        margin-bottom: 1.5rem;
        line-height: 1.7;
        font-weight: 500;
      }

      .form-row input,
      .form-row select {
        width: 100%;
        padding: 0.75rem 1rem;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 10px;
        color: var(--text-primary);
        font-family: "DM Sans", sans-serif;
        font-size: 0.85rem;
        font-weight: 600;
        outline: none;
        transition:
          border-color 0.2s,
          background 0.2s;
        appearance: none;
        -webkit-appearance: none;
      }
      .form-row input:focus,
      .form-row select:focus {
        border-color: rgba(220, 220, 220, 0.5);
        background: rgba(255, 255, 255, 0.12);
      }
      .form-row input::placeholder {
        color: #666;
      }
      .form-row select option {
        background: #1a1a1a;
        color: #e0e0e0;
      }
      .form-row2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem;
      }

      .btn-submit {
        width: 100% !important;
        padding: 1.05rem 1.6rem !important;
        margin-top: 1.25rem !important;
        background: linear-gradient(
          135deg,
          #fff0c9 0%,
          #e0b24a 48%,
          #ffd700 100%
        ) !important;
        color: #111 !important;
        border: none !important;
        border-radius: 20px !important;
        font-family: "DM Sans", sans-serif !important;
        font-weight: 800 !important;
        font-size: 0.9rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.11em !important;
        cursor: pointer !important;
        transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        background-size: 200% !important;
        animation: btnShimmer 3s ease-in-out infinite !important;
        position: relative !important;
        overflow: hidden !important;
        border: 1px solid rgba(255, 244, 190, 0.35) !important;
        box-shadow:
          0 14px 34px rgba(218, 165, 32, 0.32),
          0 3px 10px rgba(0, 0, 0, 0.25),
          inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.65rem !important;
      }

      .btn-submit:hover {
        box-shadow:
          0 20px 56px rgba(218, 165, 32, 0.42),
          0 8px 18px rgba(0, 0, 0, 0.3),
          inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
        transform: translateY(-4px) scale(1.01) !important;
        background-position: 100% !important;
      }

      .btn-submit:active {
        transform: translateY(-1px) scale(0.997) !important;
        box-shadow:
          0 7px 24px rgba(218, 165, 32, 0.3),
          inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
      }

      .btn-submit:focus {
        outline: 2px solid rgba(255, 228, 165, 0.68) !important;
        outline-offset: 3px !important;
      }

      .btn-submit:disabled,
      .btn-submit.submitting {
        opacity: 0.72 !important;
        cursor: not-allowed !important;
        animation: none !important;
        transform: none !important;
        box-shadow: 0 5px 14px rgba(0, 0, 0, 0.24) !important;
      }

      .btn-submit.has-spinner::before {
        content: "" !important;
        width: 15px !important;
        height: 15px !important;
        border: 2px solid rgba(0, 0, 0, 0.2) !important;
        border-top-color: #000 !important;
        border-radius: 50% !important;
        animation: spin 0.8s linear infinite !important;
        margin-right: 0.45rem !important;
      }

      @keyframes spin {
        to {
          transform: rotate(360deg) !important;
        }
      }

      @media (max-width: 640px) {
        .btn-submit {
          padding: 0.9rem 1.2rem !important;
          font-size: 0.82rem !important;
          border-radius: 12px !important;
        }
      }

      .form-trust {
        display: flex;
        gap: 1rem;
        justify-content: center;
        margin-top: 0.8rem;
        font-size: 0.62rem;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-weight: 700;
      }

      /* Hero stats */
      .hero-stats {
        display: flex;
        gap: 2rem;
        margin-top: 2rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
      }
      .hs-num {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1;
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 4s ease-in-out infinite;
      }
      .hs-label {
        font-size: 0.62rem;
        color: #999;
        margin-top: 0.2rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-weight: 700;
      }

      /* ══════════════════════════════════════
    TICKER
  ══════════════════════════════════════ */
      .ticker {
        padding: 0.65rem 0;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        z-index: 2;
      }
      .ticker-track {
        display: inline-flex;
        gap: 1rem;
        animation: scrolltick 28s linear infinite;
      }
      .tick {
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: #999;
        padding: 0 2.5rem;
      }
      .tick.lit {
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 3s ease-in-out infinite;
      }
      .tick img {
        height: 36px;
        width: auto;
        object-fit: contain;
        display: block;
      }
      .tick::after {
        content: "★";
        margin-left: 2.5rem;
        opacity: 0.2;
      }
      @keyframes scrolltick {
        from {
          transform: translateX(0);
        }
        to {
          transform: translateX(-50%);
        }
      }

      /* ══════════════════════════════════════
    LOGOS
  ══════════════════════════════════════ */
      .logos-wrap {
        padding: 3rem 0;
        position: relative;
        z-index: 2;
        background: rgba(255, 255, 255, 0.015);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
      }
      .logos-label {
        text-align: center;
        font-size: 0.62rem;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        color: #999;
        font-weight: 700;
        margin-bottom: 2rem;
      }
      .logos-row {
        display: flex;

        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
      }
      .logo-chip {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 8px;
        padding: 0.6rem 1.4rem;
        font-size: 0.8rem;
        font-weight: 700;
        color: #999;
        letter-spacing: 0.05em;
        transition:
          color 0.2s,
          border-color 0.2s;
      }
      .logo-chip:hover {
        color: #aaa;
        border-color: rgba(255, 255, 255, 0.15);
      }

      /* ══════════════════════════════════════
    VIDEO SECTION
  ══════════════════════════════════════ */
      #video {
        padding-top: 5rem;
        background: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0) 0%,
          rgba(218, 165, 32, 0.02) 100%
        );
      }

      #video .section-label {
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        background: linear-gradient(
          90deg,
          rgba(218, 165, 32, 0.15),
          rgba(218, 165, 32, 0.05)
        );
        border: 1px solid rgba(218, 165, 32, 0.25);
        padding: 0.7rem 1.4rem;
        border-radius: 100px;
        margin-bottom: 2rem;
        color: #ffd700;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
      }
      #video .section-label::before {
        content: "▶";
        margin-right: 0.3rem;
        opacity: 0.8;
      }
      #video .section-title {
        font-size: clamp(2.2rem, 5vw, 3.6rem);
        line-height: 1.15;
        margin-bottom: 1.5rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      #video .section-title span.silver {
        background: var(--gold-text);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        animation: goldShimmer 4s ease-in-out infinite;
      }
      #video .section-body {
        font-size: clamp(0.95rem, 2vw, 1.1rem);
        color: #b8b8b8;
        line-height: 1.95;
        margin-bottom: 2rem;
        max-width: 65ch;
        margin-left: auto;
        margin-right: auto;
        font-weight: 500;
      }
      #video .video-intro-copy {
        font-size: clamp(1.22rem, 2.9vw, 1.55rem);
      }

      .video-wrap {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        border-radius: 28px;
        overflow: hidden;
        border: 2px solid rgba(218, 165, 32, 0.2);
        aspect-ratio: 16/9;
        position: relative;
        background: linear-gradient(
          135deg,
          rgba(218, 165, 32, 0.08),
          rgba(218, 165, 32, 0.02)
        );
        box-shadow:
          0 25px 70px rgba(218, 165, 32, 0.12),
          inset 0 1px 1px rgba(255, 228, 181, 0.1);
        transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        backdrop-filter: blur(10px);
      }
      .video-wrap::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 228, 181, 0.4),
          transparent
        );
        z-index: 2;
      }
      .video-wrap:hover {
        border-color: rgba(218, 165, 32, 0.35);
        box-shadow:
          0 35px 90px rgba(218, 165, 32, 0.18),
          inset 0 1px 1px rgba(255, 228, 181, 0.15);
        transform: translateY(-12px);
      }
      .video-wrap iframe,
      .video-wrap video {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
      }

      .video-caption {
        text-align: center;
        margin-top: 2.5rem;
        font-size: clamp(0.85rem, 1.5vw, 0.95rem);
        color: #aaa;
        line-height: 1.8;
        font-style: italic;
        font-weight: 500;
        background: rgba(218, 165, 32, 0.05);
        border: 1px solid rgba(218, 165, 32, 0.15);
        border-left: 4px solid rgba(218, 165, 32, 0.3);
        padding: 1.4rem 2rem;
        border-radius: 16px;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        transition: all 0.3s ease;
      }
      .video-caption:hover {
        background: rgba(218, 165, 32, 0.08);
        border-left-color: rgba(218, 165, 32, 0.6);
        color: #d0d0d0;
        transform: translateX(6px);
      }

      /* Video Section Animations */
      .video-wrap.sr,
      #video .section-label.sr,
      #video .section-title.sr,
      #video .section-body.sr,
      .video-caption.sr {
        opacity: 0;
        transform: translateY(30px);
      }
      .video-wrap.sr.visible,
      #video .section-label.sr.visible,
      #video .section-title.sr.visible,
      #video .section-body.sr.visible,
      .video-caption.sr.visible {
        opacity: 1;
        transform: translateY(0);
        transition:
          opacity 0.7s ease 0.1s,
          transform 0.7s ease 0.1s;
      }

      /* ══════════════════════════════════════
    PAIN POINTS
  ══════════════════════════════════════ */
      .pain-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
        align-items: start;
      }
      .pain-img {
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.08);
        margin-top: 2rem;
        aspect-ratio: 4/3;
        background: rgba(255, 255, 255, 0.03);
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .pain-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.8;
        filter: grayscale(0.3);
      }
      .pain-list {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
      }
      .pain-item {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        transition:
          border-color 0.3s,
          transform 0.3s;
      }
      .pain-item:hover {
        border-color: rgba(200, 200, 200, 0.18);
        transform: translateX(4px);
      }
      .pi-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        flex-shrink: 0;
      }
      .pi-body h4 {
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.3rem;
      }
      .pi-body p {
        font-size: 0.78rem;
        color: #b0b0b0;
        line-height: 1.65;
        font-weight: 500;
      }

      /* ══════════════════════════════════════
    CASE STUDIES
  ══════════════════════════════════════ */
      .cases-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
        margin-top: 2rem;
      }
      .case-card {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 18px;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        transition:
          border-color 0.3s,
          transform 0.3s;
        display: flex;
        flex-direction: column;
      }
      .case-card:hover {
        border-color: rgba(200, 200, 200, 0.2);
        transform: translateY(-4px);
      }
      .case-img {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #000;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        flex-shrink: 0;
        display: block;
        min-height: 0px;
      }
      .case-img video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        background: #000;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        object-fit: cover;
        display: block;
      }
      .case-img iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        background: #000;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
      }
      .case-body {
        padding: 1.3rem;
        flex: 1;
      }
      .case-cat {
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: #999;
        font-weight: 700;
        margin-bottom: 0.35rem;
      }
      .case-name {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.15rem;
        font-weight: 500;
        color: var(--text-primary);
      }
      .case-story {
        font-size: 0.76rem;
        color: #aaa;
        line-height: 1.7;
        font-weight: 500;
      }
      .case-numbers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
      }
      .cn {
        padding: 0.8rem 1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 70px;
      }

      .cn:nth-child(1) {
        grid-column: 1;
      }
      .cn:nth-child(2) {
        grid-column: 2;
      }
      .cn:nth-child(3) {
        grid-column: 1 / -1;
        min-height: 60px;
      }

      .cn-val {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.7rem;
        font-weight: 700;
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 4s ease-in-out infinite;
        line-height: 1;
      }
      .cn:nth-child(3) .cn-val {
        font-size: 1.9rem;
        font-weight: 700;
      }
      .cn-key {
        font-size: 0.58rem;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        margin-top: 0.2rem;
        font-weight: 700;
      }
      .case-video-btn {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.8rem 1.2rem;
        width: 100%;
        border: none;
        background: transparent;
        cursor: pointer;
        font-family: "DM Sans", sans-serif;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #999;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        transition:
          background 0.2s,
          color 0.2s;
      }
      .case-video-btn:hover {
        background: rgba(255, 255, 255, 0.04);
        color: #ddd;
      }
      .play-circle {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: linear-gradient(135deg, #ffd700, #daa520);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .play-circle::after {
        content: "";
        border-style: solid;
        border-width: 4px 0 4px 7px;
        border-color: transparent transparent transparent #000;
        margin-left: 2px;
      }

      /* ══════════════════════════════════════
    WHY DIFFERENT
  ══════════════════════════════════════ */
      .why-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
        align-items: start;
      }

      .why-intro {
        margin-top: 1.5rem;
        padding: 1.2rem 1.4rem;
        background: rgba(255, 255, 255, 0.03);
        border-left: 2px solid rgba(200, 200, 200, 0.3);
        border-radius: 0 12px 12px 0;
        font-size: 0.85rem;
        color: #aaa;
        line-height: 1.75;
        font-weight: 500;
      }
      .why-intro strong {
        color: #b0b0b0;
      }

      .compare-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 2rem;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.07);
      }
      .compare-table th {
        padding: 0.85rem 1.1rem;
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        text-align: left;
        background: rgba(255, 255, 255, 0.04);
        color: #999;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
      }
      .compare-table th.good {
        background: rgba(200, 200, 200, 0.06);
        color: #b0b0b0;
      }
      .compare-table td {
        padding: 0.8rem 1.1rem;
        font-size: 0.8rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        color: #aaa;
        vertical-align: middle;
        font-weight: 500;
      }
      .compare-table tr:last-child td {
        border-bottom: none;
      }
      .compare-table tr:hover td {
        background: rgba(255, 255, 255, 0.02);
      }
      .ct-yes {
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 4s ease-in-out infinite;
        font-weight: 600;
      }
      .ct-no {
        color: #777;
        font-weight: 700;
      }

      .checks-wrap {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        margin-top: 1rem;
      }
      .check-item {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 0.9rem 1rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        transition:
          border-color 0.3s,
          transform 0.3s;
      }
      .check-item:hover {
        border-color: rgba(200, 200, 200, 0.18);
        transform: translateX(4px);
      }
      .ci-num {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        flex-shrink: 0;
        background: linear-gradient(135deg, #ffd700, #daa520);
        color: #000;
        font-size: 0.6rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.05rem;
      }
      .ci-body h4 {
        font-size: 0.88rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.2rem;
      }
      .ci-body p {
        font-size: 0.76rem;
        color: #aaa;
        line-height: 1.65;
        font-weight: 500;
      }

      /* ══════════════════════════════════════
    METRICS BAR
  ══════════════════════════════════════ */
      .metrics-bar {
        background: rgba(255, 255, 255, 0.02);
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        position: relative;
        z-index: 2;
      }
      .metrics-inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 2rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
      }
      .metric-block {
        text-align: center;
        padding: 1.5rem;
        border-right: 1px solid rgba(255, 255, 255, 0.06);
      }
      .metric-block:last-child {
        border-right: none;
      }
      .mb-num {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1;
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 300%;
        animation: goldShimmer 5s ease-in-out infinite;
      }
      .mb-label {
        font-size: 0.68rem;
        color: #999;
        margin-top: 0.4rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 700;
      }

      /* ══════════════════════════════════════
    GUARANTEE / PROMISE
  ══════════════════════════════════════ */
      .promise-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
        align-items: start;
        margin-top: 2rem;
      }

      .big-guarantee {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 22px;
        padding: 2.5rem;
        text-align: center;
        position: relative;
        overflow: hidden;
      }
      .big-guarantee::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 255, 255, 0.25),
          transparent
        );
      }
      .bg-emoji {
        font-size: 3rem;
        margin-bottom: 0.8rem;
        display: block;
      }
      .bg-title {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.6rem;
        font-weight: 500;
        color: var(--text-primary);
        margin-bottom: 0.7rem;
      }
      .bg-body {
        font-size: 0.83rem;
        color: #aaa;
        line-height: 1.8;
        margin-bottom: 1.5rem;
        font-weight: 500;
      }
      .bg-body strong {
        color: #aaa;
      }
      .bg-pill {
        display: inline-block;
        background: linear-gradient(
          135deg,
          #ffe4b5 0%,
          #daa520 50%,
          #ffd700 100%
        );
        color: #000;
        padding: 0.4rem 1.4rem;
        border-radius: 100px;
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.1em;
      }

      .milestones {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        margin-top: 1.5rem;
      }
      .milestone {
        display: flex;
        gap: 1rem;
        align-items: center;
        padding: 0.8rem 1rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 12px;
      }
      .ms-badge {
        background: linear-gradient(135deg, #ffd700, #daa520);
        color: #000;
        border-radius: 8px;
        padding: 0.3rem 0.8rem;
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        flex-shrink: 0;
        min-width: 72px;
        text-align: center;
        white-space: nowrap;
      }
      .ms-text {
        font-size: 0.8rem;
        color: #aaa;
        line-height: 1.4;
        font-weight: 500;
      }
      .ms-text strong {
        color: #b0b0b0;
      }

      .promise-list {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
      }
      .promise-item {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        transition: border-color 0.3s;
      }
      .promise-item:hover {
        border-color: rgba(200, 200, 200, 0.18);
      }
      .prom-icon {
        font-size: 1.3rem;
        flex-shrink: 0;
        margin-top: 0.1rem;
      }
      .prom-body h4 {
        font-size: 0.88rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.2rem;
      }
      .prom-body p {
        font-size: 0.76rem;
        color: #aaa;
        line-height: 1.65;
        font-weight: 500;
      }

      /* ══════════════════════════════════════
    PROCESS STEPS
  ══════════════════════════════════════ */
      .steps-row {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0;
        margin-top: 3rem;
        position: relative;
      }
      .steps-row::before {
        content: "";
        position: absolute;
        top: 28px;
        left: 8%;
        right: 8%;
        height: 0px;
        background: linear-gradient(
          90deg,
          rgba(200, 200, 200, 0.1),
          rgba(200, 200, 200, 0.2),
          rgba(200, 200, 200, 0.1)
        );
        z-index: 0;
      }
      .step-box {
        text-align: center;
        position: relative;
        z-index: 1;
        padding: 0 0.5rem;
      }
      .step-circle {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        margin: 0 auto 1rem;
        position: relative;
        transition:
          border-color 0.3s,
          background 0.3s,
          transform 0.3s;
      }
      .step-box:hover .step-circle {
        border-color: rgba(200, 200, 200, 0.4);
        background: rgba(255, 255, 255, 0.08);
        transform: scale(1.08);
      }
      .step-num {
        position: absolute;
        top: -4px;
        right: -4px;
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: linear-gradient(135deg, #e0e0e0, #a0a0a0);
        color: #000;
        font-size: 0.55rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .step-title {
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.3rem;
      }
      .step-desc {
        font-size: 0.66rem;
        color: #999;
        line-height: 1.55;
        font-weight: 600;
      }

      .process-note {
        max-width: 700px;
        margin: 3rem auto 0;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        padding: 1.4rem;
        text-align: center;
      }
      .process-note p {
        font-size: 0.83rem;
        color: #aaa;
        line-height: 1.75;
        font-weight: 500;
      }
      .process-note strong {
        color: #b0b0b0;
      }

      /* ══════════════════════════════════════
    TESTIMONIALS
  ══════════════════════════════════════ */
      .t-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
        margin-top: 2rem;
      }
      .tc {
        background: rgba(255, 255, 255, 0.02);
        border: 1.5px solid rgba(218, 165, 32, 0.15);
        border-radius: 20px;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        display: flex;
        flex-direction: column;
      }
      .tc:hover {
        border-color: rgba(218, 165, 32, 0.35);
        transform: translateY(-6px);
        box-shadow: 0 20px 60px rgba(218, 165, 32, 0.2);
      }

      .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 16px;
      }
      .video-container iframe,
      .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        object-fit: cover;
      }

      .tc-content {
        padding: 1.6rem;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
      }

      .tc-stars {
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        margin-bottom: 0.8rem;
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 4s ease-in-out infinite;
        width: fit-content;
      }

      .tc-author {
        display: flex;
        align-items: center;
        gap: 0.85rem;
        margin-top: auto;
        padding-top: 1.2rem;
        border-top: 1.5px solid rgba(218, 165, 32, 0.1);
      }
      .tc-avatar {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: linear-gradient(135deg, #daa520, #ffd700);
        border: 2px solid rgba(255, 215, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Cormorant Garamond", serif;
        font-size: 1.2rem;
        font-weight: 700;
        color: #000;
        flex-shrink: 0;
      }
      .tc-name {
        font-size: 0.85rem;
        font-weight: 700;
        color: #e0e0e0;
        line-height: 1.3;
      }
      .tc-brand {
        font-size: 0.7rem;
        color: #999;
        margin-top: 0.2rem;
        font-weight: 600;
      }
      .vid-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        background: rgba(218, 165, 32, 0.1);
        border: 1px solid rgba(218, 165, 32, 0.25);
        border-radius: 100px;
        padding: 0.25rem 0.75rem;
        font-size: 0.65rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #ffd700;
        margin-top: 0.4rem;
      }

      /* ══════════════════════════════════════
    TRANSPARENCY STRIP
  ══════════════════════════════════════ */
      .tp-row {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0;
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 18px;
        overflow: hidden;
        margin-top: 2rem;
      }
      .tp-block {
        padding: 1.5rem 1rem;
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        text-align: center;
        transition: background 0.3s;
      }
      .tp-block:last-child {
        border-right: none;
      }
      .tp-block:hover {
        background: rgba(255, 255, 255, 0.04);
      }
      .tp-icon {
        font-size: 1.6rem;
        margin-bottom: 0.7rem;
        filter: grayscale(1) brightness(1.5);
      }
      .tp-title {
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 0.35rem;
      }
      .tp-desc {
        font-size: 0.7rem;
        color: #999;
        line-height: 1.6;
        font-weight: 600;
      }

      /* ══════════════════════════════════════
    FINAL CTA SECTION
  ══════════════════════════════════════ */
      .cta-final-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
      }
      .cta-left h2 {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: clamp(2rem, 3.5vw, 3.2rem);
        font-weight: 400;
        line-height: 1.12;
        color: var(--text-primary);
        margin-bottom: 1rem;
        letter-spacing: -0.01em;
      }
      .cta-left p {
        font-size: 0.92rem;
        color: #aaa;
        line-height: 1.85;
        max-width: 44ch;
        font-weight: 500;
      }
      .cta-form-box {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 22px;
        padding: 2rem;
        position: relative;
        overflow: hidden;
      }
      .cta-form-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 255, 255, 0.2),
          transparent
        );
      }
      .cta-form-box h3 {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.4rem;
        font-weight: 500;
        color: var(--text-primary);
        margin-bottom: 0.2rem;
      }
      .cff-sub {
        font-size: 0.74rem;
        color: #999;
        margin-bottom: 1.4rem;
        line-height: 1.6;
        font-weight: 600;
      }

      /* ══════════════════════════════════════
    FAQ
  ══════════════════════════════════════ */
      .faq-wrap {
        max-width: 740px;
        margin: 2rem auto 0;
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
      }
      .faq-item {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 14px;
        overflow: hidden;
      }
      .faq-q {
        width: 100%;
        background: none;
        border: none;
        color: var(--text-primary);
        font-family: "DM Sans", sans-serif;
        font-size: 0.88rem;
        font-weight: 700;
        padding: 1.1rem 1.4rem;
        text-align: left;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        transition: background 0.2s;
      }
      .faq-q:hover {
        background: rgba(255, 255, 255, 0.03);
      }
      .faq-icon {
        font-size: 1.1rem;
        color: #999;
        transition:
          transform 0.25s,
          color 0.25s;
        flex-shrink: 0;
      }
      .faq-item.open .faq-icon {
        transform: rotate(45deg);
        color: #ddd;
      }
      .faq-a {
        max-height: 0;
        overflow: hidden;
        transition:
          max-height 0.3s ease,
          padding 0.3s;
        font-size: 0.82rem;
        color: #aaa;
        line-height: 1.8;
        padding: 0 1.4rem;
        font-weight: 500;
      }
      .faq-item.open .faq-a {
        max-height: 520px;
        padding: 0.2rem 1.4rem 1.2rem;
      }

      /* ══════════════════════════════════════
    FOOTER
  ══════════════════════════════════════ */
      footer {
        background: #000;
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding: 2.5rem 0 1.5rem;
        position: relative;
        z-index: 2;
      }
      .footer-inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 2rem;
        display: grid;
        grid-template-columns: 2fr 1.2fr 1.2fr;
        gap: 2.5rem;
      }
      .footer-logo {
        font-family:
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          Roboto,
          "Helvetica Neue",
          Arial,
          sans-serif !important;
        font-size: 1.5rem;
        font-weight: 400;
        background: var(--gold-shine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        background-size: 200%;
        animation: goldShimmer 5s ease-in-out infinite;
        text-decoration: none;
        display: inline-block;
        margin-bottom: 0.7rem;
      }
      .footer-logo img {
        display: block;
        width: min(220px, 100%);
        height: auto;
      }
      .ft-tagline {
        font-size: 0.74rem;
        color: #999;
        line-height: 1.7;
        max-width: 26ch;
        font-weight: 600;
      }
      .ft-col h5 {
        font-size: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        color: #999;
        margin-bottom: 1rem;
        font-weight: 700;
      }
      .ft-col a {
        display: flex;
        font-size: 0.76rem;
        color: #999;
        text-decoration: none;
        margin-bottom: 0.5rem;
        transition: color 0.2s;
        font-weight: 600;
      }
      .ft-col a:hover {
        color: #ddd;
      }
      .ft-address {
        font-size: 0.76rem;
        color: #999;
        line-height: 1.8;
        font-weight: 600;
        margin: 0;
      }
      .ft-phone {
        display: block;
        font-size: 0.8rem;
        color: #aaa;
        text-decoration: none;
        margin-bottom: 1rem;
        transition: color 0.2s;
        font-weight: 700;
      }
      .ft-phone:hover {
        color: #fff;
      }
      .ft-socials {
        display: flex;
        gap: 1rem;
        margin-top: 1rem;
      }
      .social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
        color: #aaa;
        text-decoration: none;
        transition: all 0.3s;
        border: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 0.95rem;
      }
      .social-link svg {
        width: 18px;
        height: 18px;
        fill: #aaa;
        transition: fill 0.3s;
        display: block;
      }
      .social-link:hover {
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.25);
        transform: translateY(-3px);
      }
      .social-link:hover svg {
        fill: #fff;
      }
      .footer-bottom {
        max-width: 1100px;
        margin: 2rem auto 0;
        padding: 1.5rem 2rem 0;
        border-top: 1px solid rgba(255, 255, 255, 0.04);
        display: flex;
        justify-content: space-between;
        font-size: 0.68rem;
        color: #999;
        font-weight: 600;
      }

      /* ══════════════════════════════════════
    SCROLL REVEAL
  ══════════════════════════════════════ */
      .sr {
        opacity: 0;
        transform: translateY(22px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .sr.visible {
        opacity: 1;
        transform: none;
      }

      /* ══════════════════════════════════════
    STICKY BOTTOM BAR
  ══════════════════════════════════════ */
      .sticky-bottom-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.8),
          rgba(0, 0, 0, 0.95)
        );
        backdrop-filter: blur(12px);
        border-top: 2px solid rgba(218, 165, 32, 0.15);
        padding: 1.2rem 0;
        z-index: 100;
      }

      .sticky-bottom-bar .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 2rem;
      }

      .sticky-bar-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.5rem;
        flex-wrap: wrap;
      }

      .sticky-logo-img {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-shrink: 0;
        min-width: 100px;
      }

      .sticky-logo-img img {
        height: 40px;
        width: auto;
        object-fit: contain;
        filter: brightness(1.1);
        transition: all 0.3s ease;
        max-width: 140px;
      }

      .sticky-logo-img:hover img {
        filter: brightness(1.3);
        transform: scale(1.05);
      }

      .sticky-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        background: linear-gradient(
          135deg,
          #ffe4b5 0%,
          #daa520 50%,
          #ffd700 100%
        );
        color: #fff;
        padding: 0.85rem 2rem;
        border-radius: 100px;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        background-size: 200%;
        animation: btnShimmer 3s ease-in-out infinite;
        white-space: nowrap;
        box-shadow: 0 6px 25px rgba(218, 165, 32, 0.25);
        flex-shrink: 0;
        z-index: 101;
        position: relative;
        transform: translateZ(0);
        will-change: transform, box-shadow, filter;
        animation:
          btnShimmer 3s ease-in-out infinite,
          ctaUrgencyLoop 3.8s ease-in-out infinite;
      }

      .sticky-cta:hover {
        box-shadow: 0 12px 40px rgba(218, 165, 32, 0.4);
        transform: translateY(-4px) scale(1.02);
        animation-play-state: paused;
      }

      .sticky-cta:active {
        transform: translateY(-1px);
      }

      .sticky-cta:focus-visible {
        outline: 2px solid rgba(255, 228, 181, 0.7);
        outline-offset: 2px;
      }

      .contact-open-btn:hover {
        transform: translateY(-4px) scale(1.02) !important;
        animation-play-state: paused;
      }

      .contact-open-btn:active {
        transform: translateY(-1px) !important;
      }

      @keyframes ctaUrgencyLoop {
        0% {
          transform: translateX(0) rotate(0deg);
          box-shadow: 0 6px 25px rgba(218, 165, 32, 0.25);
          filter: brightness(1);
        }
        1.2% {
          transform: translateX(-1px) rotate(-0.5deg);
        }
        2.4% {
          transform: translateX(1.5px) rotate(0.5deg);
        }
        3.6% {
          transform: translateX(-1.5px) rotate(-0.6deg);
        }
        4.8% {
          transform: translateX(1.8px) rotate(0.6deg);
        }
        6% {
          transform: translateX(-1px) rotate(-0.4deg);
        }
        7.2% {
          transform: translateX(0.8px) rotate(0.3deg);
          box-shadow: 0 10px 35px rgba(218, 165, 32, 0.4);
          filter: brightness(1.04);
        }
        8.4%,
        50% {
          transform: translateX(0) rotate(0deg);
          box-shadow: 0 6px 25px rgba(218, 165, 32, 0.25);
          filter: brightness(1);
        }
        52% {
          transform: translateX(-1px) rotate(-0.4deg);
        }
        54% {
          transform: translateX(1.4px) rotate(0.5deg);
        }
        56% {
          transform: translateX(-1.2px) rotate(-0.5deg);
        }
        58% {
          transform: translateX(1px) rotate(0.4deg);
          box-shadow: 0 10px 35px rgba(218, 165, 32, 0.36);
          filter: brightness(1.03);
        }
        60%,
        100% {
          transform: translateX(0) rotate(0deg);
          box-shadow: 0 6px 25px rgba(218, 165, 32, 0.25);
          filter: brightness(1);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .sticky-cta {
          animation: btnShimmer 3s ease-in-out infinite;
        }

        .contact-open-btn {
          animation: btnShimmer 3s ease-in-out infinite;
        }
      }

      @media (max-width: 768px) {
        body {
          padding-bottom: 80px;
        }

        .container {
          padding: 0 1rem;
        }
        .mid-cta-wrap {
          padding-bottom: 1rem;
        }

        .section {
          padding: 3rem 0;
        }

        .hero {
          padding-top: 3rem;
          padding-bottom: 3rem;
        }

        .hero-form-card {
          padding: 2rem;
          border-radius: 18px;
        }

        .form-title {
          font-size: 1.4rem;
        }

        .form-sub {
          font-size: 0.85rem;
        }

        .contact-cta-wrap {
          padding: 1.8rem 1.2rem;
          border-radius: 18px;
        }

        .contact-cta-sub {
          font-size: 0.82rem;
          margin-bottom: 1.2rem;
        }

        .contact-open-btn {
          min-width: 220px;
        }

        .form-row2 {
          gap: 0;
        }

        .form-modal {
          padding: 0.8rem;
        }

        .form-modal-panel {
          max-height: 90vh;
        }

        .form-modal-panel .hero-form-card {
          padding: 1.9rem;
          border-radius: 20px;
        }

        .sticky-bottom-bar {
          padding: 0.9rem 0;
        }

        .sticky-bottom-bar .container {
          padding: 0 1.5rem;
        }

        .sticky-bar-inner {
          gap: 1rem;
          justify-content: center;
        }

        .sticky-logo-img {
          min-width: 80px;
        }

        .sticky-logo-img img {
          height: 35px;
          max-width: 120px;
        }

        .sticky-cta {
          padding: 0.75rem 1.6rem;
          font-size: 0.75rem;
          letter-spacing: 0.08em;
        }

        #video {
          padding: 3.5rem 0;
        }

        #video .section-label {
          padding: 0.6rem 1.2rem;
          margin-bottom: 1.5rem;
          font-size: 0.7rem;
        }
        #video .section-title {
          font-size: clamp(2rem, 5vw, 2.8rem);
          margin-bottom: 1.2rem;
        }
        #video .section-body {
          margin-bottom: 1.5rem;
        }
        .video-wrap {
          max-width: none;
          border-radius: 20px;
          margin: 0 auto;
          border: 1.5px solid rgba(218, 165, 32, 0.2);
        }
        .video-wrap:hover {
          transform: translateY(-8px);
        }
        .video-caption {
          margin: 1.5rem 1rem 0;
          padding: 1.2rem 1.4rem;
          font-size: 0.8rem;
          max-width: calc(100% - 2rem);
        }

        .tc {
          border-radius: 18px;
        }

        .tc-content {
          padding: 1.4rem;
        }

        .tc-avatar {
          width: 42px;
          height: 42px;
          font-size: 1.05rem;
        }

        .tc-name {
          font-size: 0.82rem;
        }

        .tc-brand {
          font-size: 0.68rem;
        }

        .vid-badge {
          font-size: 0.62rem;
          padding: 0.22rem 0.65rem;
        }

        .sticky-bottom-bar {
          flex-direction: column;
          gap: 0.8rem;
          padding: 0.8rem 1rem;
        }

        .sticky-left {
          width: 100%;
          justify-content: space-between;
        }

        .sticky-text {
          display: none;
        }

        .sticky-logo {
          font-size: 1.1rem;
        }

        .sticky-cta {
          padding: 0.65rem 1.4rem;
          font-size: 0.7rem;
        }
      }

      /* Extra small devices (480px and below) */
      @media (max-width: 480px) {
        body {
          padding-bottom: 72px;
        }

        .section {
          padding: 2rem 0;
        }

        #video .section-title {
          font-size: clamp(1.8rem, 5vw, 2.6rem);
        }

        .hero {
          padding-top: 2rem;
          padding-bottom: 2rem;
        }

        .hero-form-card {
          padding: 1.5rem;
          border-radius: 14px;
        }

        .form-title {
          font-size: 1rem;
          margin-bottom: 1rem;
        }

        .form-sub {
          font-size: 0.75rem;
          margin-bottom: 1rem;
        }

        .contact-cta-wrap {
          padding: 1.3rem 0.9rem;
        }

        .contact-cta-title {
          font-size: clamp(1.2rem, 7vw, 1.5rem);
        }

        .contact-cta-sub {
          font-size: 0.74rem;
        }

        .contact-open-btn {
          min-width: 100%;
        }

        .form-modal-panel .hero-form-card {
          padding: 1.35rem;
          border-radius: 16px;
        }

        .form-modal-close {
          width: 34px;
          height: 34px;
          font-size: 1.2rem;
          top: 10px;
          right: 10px;
        }

        .form-tag {
          padding: 0.25rem 0.7rem;
          font-size: 0.55rem;
          margin-bottom: 0.8rem;
        }

        .sticky-bottom-bar {
          padding: 0.75rem 0;
        }

        .sticky-bottom-bar .container {
          padding: 0 0.8rem;
        }

        .sticky-bar-inner {
          gap: 0.6rem;
          justify-content: space-between;
        }

        .sticky-logo-img {
          min-width: 60px;
        }

        .sticky-logo-img img {
          height: 30px;
          max-width: 90px;
        }

        .sticky-cta {
          padding: 0.6rem 1rem;
          font-size: 0.6rem;
          letter-spacing: 0.05em;
          gap: 0.3rem;
        }

        .sticky-cta::before {
          font-size: 1rem;
        }

        .tc {
          border-radius: 14px;
        }

        .tc-content {
          padding: 1rem;
        }

        .tc-stars {
          font-size: 0.75rem;
          margin-bottom: 0.6rem;
        }

        .tc-author {
          padding-top: 0.8rem;
          gap: 0.7rem;
        }

        .tc-avatar {
          width: 36px;
          height: 36px;
          font-size: 0.9rem;
        }

        .tc-name {
          font-size: 0.75rem;
        }

        .tc-brand {
          font-size: 0.6rem;
        }

        .vid-badge {
          font-size: 0.55rem;
          padding: 0.15rem 0.5rem;
        }

        .case-img {
          position: relative;
          width: 100%;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
          background: #000;
          border: none;
        }

        .case-img video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          background: #000;
        }

        #faq .container {
          padding: 0 1rem;
        }

        .faq-wrap {
          margin-top: 1.2rem;
          gap: 0.5rem;
        }

        .faq-item {
          border-radius: 12px;
        }

        .faq-q {
          font-size: 0.8rem;
          line-height: 1.4;
          padding: 0.9rem 1rem;
          gap: 0.7rem;
          align-items: flex-start;
        }

        .faq-icon {
          font-size: 1rem;
          margin-top: 0.05rem;
        }

        .faq-a {
          font-size: 0.76rem;
          line-height: 1.65;
          padding: 0 1rem;
        }

        .faq-item.open .faq-a {
          max-height: 600px;
          padding: 0.15rem 1rem 1rem;
        }
      }

      /* Landscape mode - small devices */
      @media (max-height: 500px) and (orientation: landscape) {
        body {
          padding-bottom: 70px;
        }

        .section {
          padding: 1.5rem 0;
        }

        .hero-form-card {
          padding: 1.3rem;
        }

        .form-title {
          font-size: 1rem;
        }

        .form-sub {
          font-size: 0.7rem;
          margin-bottom: 0.8rem;
        }

        .sticky-bottom-bar {
          padding: 0.5rem 0;
        }

        .sticky-bottom-bar .container {
          padding: 0 1rem;
        }

        .sticky-logo-img img {
          height: 28px;
        }

        .sticky-cta {
          padding: 0.55rem 1rem;
          font-size: 0.65rem;
        }

        .case-img {
          position: relative;
          width: 100%;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
          background: #000;
          border: none;
        }

        .case-img video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          background: #000;
        }
      }

      /* ══════════════════════════════════════
    RESPONSIVE
  ══════════════════════════════════════ */
      @media (max-width: 1000px) {
        .section {
          padding: 3.5rem 0;
        }

        .hero {
          padding-top: 4rem;
          padding-bottom: 3.5rem;
        }

        #video .section-title {
          font-size: clamp(1.8rem, 4.5vw, 3rem);
        }
        .hero-inner,
        .pain-grid,
        .why-grid,
        .promise-grid,
        .cta-final-inner {
          grid-template-columns: 1fr;
        }
        .cases-grid,
        .t-grid {
          grid-template-columns: 1fr 1fr;
        }
        .steps-row {
          grid-template-columns: repeat(3, 1fr);
        }
        .steps-row::before {
          display: none;
        }
        .metrics-inner {
          grid-template-columns: 1fr 1fr;
        }
        .tp-row {
          grid-template-columns: 1fr 1fr;
        }
        .footer-inner {
          grid-template-columns: 1fr 1fr;
          gap: 1.5rem;
        }
      }
      @media (max-width: 640px) {
        body {
          padding-bottom: 75px;
        }

        .section {
          padding: 2.5rem 0;
        }

        .hero {
          padding-top: 2.5rem;
          padding-bottom: 2.5rem;
        }

        .hero-form-card {
          padding: 1.7rem;
          border-radius: 16px;
          max-width: 100%;
        }

        .form-title {
          font-size: 1.2rem;
        }

        .form-sub {
          font-size: 0.8rem;
        }

        .form-tag {
          padding: 0.3rem 0.8rem;
          font-size: 0.6rem;
        }

        .sticky-bottom-bar {
          padding: 0.8rem 0;
          border-top: 1.5px solid rgba(218, 165, 32, 0.15);
        }

        .sticky-bottom-bar .container {
          padding: 0 1rem;
        }

        .sticky-bar-inner {
          gap: 0.8rem;
          justify-content: space-between;
          align-items: center;
          flex-wrap: nowrap;
        }

        .sticky-logo-img {
          min-width: 70px;
          flex-shrink: 1;
        }

        .sticky-logo-img img {
          height: 32px;
          max-width: 100px;
        }

        .sticky-cta {
          padding: 0.65rem 1.2rem;
          font-size: 0.65rem;
          letter-spacing: 0.06em;
          gap: 0.4rem;
        }

        #video {
          padding: 3rem 0;
        }
        #video .section-label {
          padding: 0.5rem 1rem;
          margin-bottom: 1.2rem;
          font-size: 0.65rem;
        }
        #video .section-title {
          font-size: clamp(2.2rem, 5vw, 2.2rem);
          margin-bottom: 1rem;
        }
        #video .section-body {
          font-size: 0.9rem;
          line-height: 1.8;
          margin-bottom: 1.5rem;
        }
        .video-wrap {
          max-width: none;
          margin: 0 auto;
          border-radius: 16px;
        }
        .video-caption {
          margin: 1.2rem 1rem 0;
          padding: 1rem 1.2rem;
          font-size: 0.75rem;
          line-height: 1.7;
        }

        .cases-grid,
        .t-grid {
          grid-template-columns: 1fr;
        }

        .case-img {
          position: relative;
          width: 100%;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
          background: #0a0a0a;
        }

        .case-img video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
        }

        .tc {
          border-radius: 16px;
          overflow: hidden;
        }

        .tc-content {
          padding: 1.2rem;
        }

        .video-container {
          padding-bottom: 56.25%;
        }

        .tc-avatar {
          width: 40px;
          height: 40px;
          font-size: 1rem;
        }

        .tc-name {
          font-size: 0.8rem;
        }

        .tc-brand {
          font-size: 0.65rem;
        }

        .vid-badge {
          font-size: 0.6rem;
          padding: 0.2rem 0.6rem;
        }

        .steps-row {
          grid-template-columns: repeat(2, 1fr);
        }
        .metrics-inner {
          grid-template-columns: 1fr 1fr;
        }
        .tp-row {
          grid-template-columns: 1fr 1fr;
        }
        .form-row2 {
          grid-template-columns: 1fr;
          gap: 0;
        }
        .footer-inner {
          grid-template-columns: 1fr;
          gap: 1.5rem;
        }
        .ft-socials {
          gap: 0.8rem;
        }

        .faq-q {
          font-size: 0.84rem;
          line-height: 1.45;
          padding: 1rem 1.1rem;
          align-items: flex-start;
        }

        .faq-a {
          font-size: 0.78rem;
          line-height: 1.7;
          padding: 0 1.1rem;
        }

        .faq-item.open .faq-a {
          max-height: 560px;
          padding: 0.2rem 1.1rem 1rem;
        }
      }

      /* ── Click-to-load video facades (no network until play) ── */
      .yt-facade,
      .v-facade {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        background: #000;
        cursor: pointer;
        display: block;
        overflow: hidden;
      }
      .yt-facade img,
      .v-facade img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.4s ease, filter 0.3s ease;
      }
      .yt-facade:hover img,
      .v-facade:hover img {
        transform: scale(1.03);
        filter: brightness(0.85);
      }
      .yt-facade-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: 0;
        pointer-events: none;
      }
      .yt-facade-play .yt-bg {
        fill: #212121;
        fill-opacity: 0.8;
        transition: fill 0.2s ease, fill-opacity 0.2s ease;
      }
      .yt-facade:hover .yt-bg,
      .yt-facade:focus-visible .yt-bg {
        fill: #f00;
        fill-opacity: 1;
      }
      .v-facade-play {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 64px;
        height: 64px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: linear-gradient(135deg, #ffe4b5 0%, #daa520 50%, #ffd700 100%);
        box-shadow: 0 8px 30px rgba(218, 165, 32, 0.45);
        pointer-events: none;
        transition: transform 0.25s ease;
      }
      .v-facade-play::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 54%;
        transform: translate(-50%, -50%);
        border-style: solid;
        border-width: 11px 0 11px 18px;
        border-color: transparent transparent transparent #000;
      }
      .v-facade:hover .v-facade-play {
        transform: translate(-50%, -50%) scale(1.08);
      }
      .yt-facade:focus-visible,
      .v-facade:focus-visible {
        outline: 2px solid #ffd700;
        outline-offset: -2px;
      }
      @media (max-width: 640px) {
        .v-facade-play {
          width: 52px;
          height: 52px;
        }
      }