@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrgdmgPn.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrkdmgPn.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrcdmg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrgdmgPn.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrkdmgPn.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrcdmg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrgdmgPn.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrkdmgPn.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/or3nQ6H-1_WfwkMZI_qYFrcdmg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tilt Warp';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/AlZc_zVDs5XpmO7yn3w7flUoytXJp3z29uEwmEMLEJljLXvT8UJSZQB5C1b8GA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Tilt Warp';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/AlZc_zVDs5XpmO7yn3w7flUoytXJp3z29uEwmEMLEJljLXvT8UJSZQB4C1b8GA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Tilt Warp';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/AlZc_zVDs5XpmO7yn3w7flUoytXJp3z29uEwmEMLEJljLXvT8UJSZQB2C1Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

    *, *::before, *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Inter', sans-serif;
      background: #000;
      color: #d6f1ca;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* ===== HERO SECTION ===== */
    .hero {
      position: relative;
      width: 100%;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 146px 150px 20px;
      overflow: hidden;
    }

    .hero-bg {
      display: none;
    }

    .hero-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      z-index: 0;
    }

    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
      z-index: 1;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 30px;
      max-width: 648px;
      width: 100%;
    }

    .hero-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      width: 100%;
    }

    /* Partner badge */
    .partner-badge {
      font-family: 'Geist Mono', monospace;
      font-weight: 500;
      font-size: 16px;
      line-height: 22.4px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -0.48px;
      text-align: center;
    }

    /* Main heading */
    .hero-heading {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: 110px;
      line-height: 101.2px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -5.5px;
      text-align: center;
    }

    .text-shine {
      display: inline-block;
      color: #d6f1ca;
      animation: text-flash 4s ease-in-out infinite;
    }

    @keyframes text-flash {
      0%, 100% { color: #d6f1ca; text-shadow: none; }
      45% { color: #d6f1ca; text-shadow: none; }
      50% { color: #ffffff; text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(214, 241, 202, 0.3); }
      55% { color: #d6f1ca; text-shadow: none; }
    }

    /* ===== TYSON SECTION (mobile-first) ===== */
    .tyson-section {
      position: relative;
      background: #138561;
      text-align: center;
      overflow: hidden;
      padding-bottom: 60px;
    }

    .tyson-top {
      position: relative;
      z-index: 2;
      padding: 48px 20px 0;
    }

    .tyson-heading {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: 28px;
      line-height: 30px;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: -1.4px;
      white-space: nowrap;
    }

    .tyson-phones {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 20px;
      margin-top: 16px;
    }

    .tyson-phone-col {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
    }

    .tyson-rate {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: 48px;
      line-height: 1;
      letter-spacing: -0.03em;
      text-transform: uppercase;
    }

    .tyson-rate.bad { color: #eba1a1; }
    .tyson-rate.good { color: #d6f1ca; }

    @keyframes winner-flash {
      0%, 100% { color: #d6f1ca; text-shadow: 0 0 0 transparent; }
      50% { color: #4ade80; text-shadow: 0 0 20px rgba(74, 222, 128, 0.8), 0 0 40px rgba(74, 222, 128, 0.4); }
    }
    .tyson-rate.good.flashing {
      animation: winner-flash 0.6s ease-in-out 4;
    }

    .tyson-phone-wrap {
      position: relative;
    }

    .tyson-phone-img {
      width: 150px;
      height: auto;
      display: block;
      border-radius: 12px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    /* Tilt phones inward toward the heading */
    .tyson-phone-col:first-child .tyson-phone-wrap { transform: rotate(2deg); }
    .tyson-phone-col:last-child .tyson-phone-wrap { transform: rotate(-2deg); }

    /* Hotpoints */
    .hotpoint {
      display: block;
      position: absolute;
      width: 14px;
      height: 14px;
      cursor: pointer;
      z-index: 3;
    }

    .hotpoint-dot {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #4ade80;
      box-shadow: 0 0 8px rgba(74, 222, 128, 0.6);
      animation: hotpoint-pulse 2s ease-in-out infinite;
      position: relative;
      z-index: 2;
    }

    @keyframes hotpoint-pulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 8px rgba(74, 222, 128, 0.6); }
      50% { transform: scale(1.3); box-shadow: 0 0 16px rgba(74, 222, 128, 0.8), 0 0 30px rgba(74, 222, 128, 0.3); }
    }

    /* Mobile: badge hidden inline, shown via bubble overlay */
    .hotpoint-badge {
      display: none;
    }

    /* Mobile bubble overlay — centered on the phone */
    .hp-bubble-overlay {
      display: none;
      position: absolute;
      inset: 0;
      z-index: 10;
      align-items: center;
      justify-content: center;
    }

    .hp-bubble-overlay.visible {
      display: flex;
    }

    .hp-bubble {
      background: #d6f1ca;
      border-radius: 24px;
      padding: 16px 24px;
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: 18px;
      color: #191919;
      text-transform: uppercase;
      letter-spacing: -1.5px;
      line-height: 1.05;
      text-align: center;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
      animation: hp-bubble-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      cursor: pointer;
      white-space: nowrap;
    }

    .hp-bubble.closing {
      animation: hp-bubble-out 0.25s ease-in forwards;
    }

    @keyframes hp-bubble-in {
      0% { opacity: 0; transform: scale(0.3); }
      100% { opacity: 1; transform: scale(1); }
    }

    @keyframes hp-bubble-out {
      0% { opacity: 1; transform: scale(1); }
      100% { opacity: 0; transform: scale(0.3); }
    }

    /* Desktop overrides */
    @media (min-width: 768px) {
      .tyson-section {
        padding-bottom: 80px;
      }

      .tyson-top {
        padding: 80px 40px 0;
      }

      .tyson-heading {
        font-size: clamp(40px, 6.2vw, 110px);
        line-height: 1.05;
        letter-spacing: -0.05em;
        white-space: nowrap;
      }

      .tyson-phones {
        gap: 200px;
        margin-top: 20px;
      }

      .tyson-rate {
        font-size: clamp(80px, 12vw, 200px);
      }

      .tyson-phone-img {
        width: 350px;
        height: auto;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(0, 0, 0, 0.06);
      }

      .tyson-phone-col:first-child .tyson-phone-wrap { transform: rotate(3deg); }
      .tyson-phone-col:last-child .tyson-phone-wrap { transform: rotate(-3deg); }

      .hotpoint {
        width: 20px;
        height: 20px;
      }

      .hotpoint-dot {
        width: 20px;
        height: 20px;
      }

      /* Desktop: inline badge next to dot */
      .hotpoint-badge {
        display: block;
        position: absolute;
        left: 28px;
        top: 50%;
        transform: translateY(-50%) scale(0.9);
        background: #d6f1ca;
        border-radius: 19px;
        padding: 10px 15px;
        white-space: nowrap;
        font-family: 'Tilt Warp', cursive;
        font-weight: 400;
        font-size: 18px;
        color: #191919;
        text-transform: uppercase;
        letter-spacing: -1.5px;
        line-height: 1.05;
        opacity: 0;
        pointer-events: none;
        transform-origin: left center;
        transition: opacity 0.3s ease, transform 0.3s ease;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      }

      .hotpoint.active .hotpoint-badge {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(-50%) scale(1);
      }

      .hotpoint-badge.flip-left {
        left: auto;
        right: 28px;
        transform-origin: right center;
        transform: translateY(-50%) scale(0.9);
      }

      .hotpoint.active .hotpoint-badge.flip-left {
        transform: translateY(-50%) scale(1);
      }

      /* Hide mobile bubble on desktop */
      .hp-bubble-overlay { display: none !important; }
    }

    /* Subheadline */
    .hero-sub {
      font-family: 'Inter', sans-serif;
      font-weight: 500;
      font-size: 18.4px;
      line-height: 25px;
      color: #d6f1ca;
      text-align: center;
      letter-spacing: -0.46px;
      max-width: 453px;
    }

    /* Buttons row */
    .hero-buttons {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      height: 59px;
      padding: 0 34px;
      border-radius: 42px;
      border: none;
      cursor: pointer;
      text-decoration: none;
      font-family: 'Geist Mono', monospace;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: -0.48px;
      color: #d6f1ca;
      white-space: nowrap;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .btn:hover {
      opacity: 0.88;
      transform: translateY(-1px);
    }

    .btn-primary {
      background: #138561;
      position: relative;
      overflow: hidden;
    }

    .btn-primary::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 60%;
      height: 100%;
      background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 0.25) 50%,
        rgba(255, 255, 255, 0) 70%,
        transparent 100%
      );
      animation: btn-shine 3s ease-in-out infinite;
    }

    @keyframes btn-shine {
      0% { left: -100%; }
      40% { left: 120%; }
      100% { left: 120%; }
    }

    .btn-secondary {
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      font-weight: 500;
    }

    .btn-arrow {
      width: 9px;
      height: 8px;
      flex-shrink: 0;
    }

    .btn-arrow svg {
      width: 9px;
      height: 8px;
      display: block;
    }

    /* Bottom ticker */
    .hero-bottom {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8.5px;
      width: 100%;
      max-width: 1580px;
      cursor: pointer;
      text-decoration: none;
      margin-bottom: 30px;
    }

    .hero-bottom-text {
      font-family: 'Geist Mono', monospace;
      font-weight: 500;
      font-size: 16px;
      line-height: 22.4px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -0.48px;
    }

    .hero-bottom-arrow {
      width: 9px;
      height: 8px;
      transform: rotate(90deg);
      flex-shrink: 0;
    }

    .hero-bottom-arrow svg {
      width: 9px;
      height: 8px;
      display: block;
    }

    /* Show/hide buttons by viewport */
    .btn-mobile-only { display: none; }
    .btn-desktop-only { display: inline-flex; }
    .sticky-cta { display: none; }
    .sticky-cta.hidden { opacity: 0; transform: translateY(100%); pointer-events: none; }

    /* ===== MOBILE (below 768px) ===== */
    @media (max-width: 767px) {
      .hero {
        padding: 0;
        min-height: auto;
        justify-content: flex-start;
        background: radial-gradient(ellipse at 50% 30%, rgba(19, 133, 97, 0.15) 0%, transparent 60%),
                    linear-gradient(180deg, #000000 0%, #0a0a0a 40%, #0d1a14 70%, #0a0a0a 100%);
      }

      .hero-video {
        position: relative;
        width: 100%;
        height: 320px;
        flex-shrink: 0;
      }

      .hero-overlay {
        display: none;
      }

      .hero-content {
        position: relative;
        padding: 38px 20px 40px;
        max-width: 100%;
      }

      .hero-content::before {
        content: '';
        position: absolute;
        inset: 0;
        opacity: 0.035;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
        background-size: 128px 128px;
        pointer-events: none;
        z-index: 0;
      }

      .hero-heading {
        font-size: 56px;
        line-height: 51.52px;
        letter-spacing: -2.8px;
      }

      .hero-sub {
        max-width: 359px;
      }

      .hero-buttons {
        flex-direction: column;
      }

      .btn {
        width: 100%;
      }

      .hero-bottom {
        display: none;
      }

      .btn-mobile-only { display: inline-flex; }
      .btn-desktop-only { display: none; }

      .sticky-cta {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 16px 20px;
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
        transition: opacity 0.4s ease, transform 0.4s ease;
      }

      .sticky-cta .btn {
        width: 100%;
        height: 58px;
        font-size: 16px;
        font-weight: 600;
        background: #138561;
        box-shadow:
          0 0 20px rgba(19, 133, 97, 0.5),
          0 0 60px rgba(19, 133, 97, 0.25),
          0 4px 20px rgba(0, 0, 0, 0.4);
        animation: sticky-glow 2.5s ease-in-out infinite;
      }

      @keyframes sticky-slide-up {
        from { transform: translateY(100%); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
      }

      @keyframes sticky-glow {
        0%, 100% {
          box-shadow:
            0 0 20px rgba(19, 133, 97, 0.5),
            0 0 60px rgba(19, 133, 97, 0.25),
            0 4px 20px rgba(0, 0, 0, 0.4);
        }
        50% {
          box-shadow:
            0 0 30px rgba(19, 133, 97, 0.7),
            0 0 80px rgba(19, 133, 97, 0.35),
            0 4px 30px rgba(0, 0, 0, 0.5);
        }
      }
    }

    /* ===== MAGIC SECTION ===== */
    .magic-section {
      position: relative;
      background: linear-gradient(180deg, #853913 0%, #692C0E 50%, #5B260C 75%, #4D320A 100%);
      overflow: hidden;
    }

    .magic-texture {
      position: absolute;
      inset: 0;
      opacity: 0.05;
      pointer-events: none;
      background-size: 1024px;
      background-position: top left;
    }

    .magic-inner {
      position: relative;
      max-width: 1620px;
      margin: 0 auto;
      padding: 80px 20px 100px;
    }

    .magic-header {
      display: flex;
      align-items: flex-start;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(214, 241, 202, 0.2);
    }

    .magic-label {
      font-family: 'Geist Mono', monospace;
      font-weight: 500;
      font-size: 16px;
      line-height: 22.4px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -0.48px;
      flex-shrink: 0;
    }

    .magic-subtitle {
      font-family: 'Inter', sans-serif;
      font-weight: 400;
      font-size: 31.3px;
      line-height: 40.8px;
      color: #d6f1ca;
      letter-spacing: -1.02px;
      max-width: 680px;
      margin-left: 347px;
    }

    .magic-content {
      display: flex;
      align-items: flex-end;
      gap: 80px;
    }

    .magic-photo {
      position: relative;
      width: 420px;
      height: 520px;
      flex-shrink: 0;
      border-radius: 12px;
      overflow: visible;
    }

    .magic-photo img,
    .magic-photo video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      transition: opacity 0.5s ease, transform 0.5s ease;
      border-radius: 12px;
      transform: rotate(-3deg);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    }

    .magic-photo img.active,
    .magic-photo video.active {
      opacity: 1;
    }

    .magic-photo .mobile-only { display: none; }
    .magic-photo .desktop-only { display: block; }

    .magic-steps {
      flex: 1;
      padding-top: 30px;
      display: flex;
      flex-direction: column;
      gap: 5px;
    }

    .magic-step {
      position: relative;
      cursor: pointer;
    }

    .magic-step-text {
      font-family: 'Tilt Warp', cursive;
      font-size: 90px;
      line-height: 83px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -4.5px;
      display: block;
      white-space: nowrap;
      opacity: 0.25;
      transition: opacity 0.4s ease;
    }

    .magic-step.active .magic-step-text,
    .magic-step:hover .magic-step-text {
      opacity: 1;
    }

    .step-num {
      opacity: 0.35;
      margin-right: 4px;
    }

    .magic-step-desc {
      font-family: 'Geist Mono', monospace;
      font-weight: 500;
      font-size: 18px;
      line-height: 25px;
      color: #d6f1ca;
      text-transform: uppercase;
      letter-spacing: -0.48px;
    }

    /* Desktop: show description on hover or active */
    @media (min-width: 768px) {
      .magic-step-desc {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease, margin 0.4s ease;
        margin-top: 0;
      }

      .magic-step.active .magic-step-desc,
      .magic-step:hover .magic-step-desc {
        max-height: 80px;
        opacity: 1;
        margin-top: 8px;
      }
    }

    .magic-cta {
      padding-top: 50px;
      padding-left: 500px;
    }

    @media (max-width: 767px) {
      .magic-inner {
        padding: 60px 20px 80px;
      }

      .magic-header {
        flex-direction: column;
        gap: 16px;
      }

      .magic-subtitle {
        margin-left: 0;
        font-size: 22px;
        line-height: 30px;
      }

      .magic-content {
        flex-direction: column;
        gap: 24px;
        align-items: stretch;
      }

      .magic-photo {
        width: 100%;
        height: 380px;
        border-radius: 4px;
        overflow: hidden;
      }

      .magic-photo img,
      .magic-photo video {
        transform: rotate(0deg);
        border-radius: 4px;
        box-shadow: none;
      }

      .magic-steps {
        padding-top: 0;
        width: 100%;
        gap: 0;
      }

      .magic-step {
        border-bottom: 1px solid rgba(214, 241, 202, 0.1);
        padding: 16px 0;
      }

      .magic-step-text {
        font-size: 36px;
        line-height: 34px;
        letter-spacing: -1.8px;
      }

      .magic-step-desc {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        font-size: 14px;
        line-height: 20px;
        transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
        margin-top: 0;
      }

      .magic-step.active .magic-step-desc {
        max-height: 80px;
        opacity: 1;
        margin-top: 12px;
      }

      .magic-cta {
        padding-left: 0;
        padding-top: 40px;
      }
    }

    /* ===== INGREDIENTS / BENTO V2 SECTION ===== */
    #ingredients {
      background: #fffff0;
      overflow-x: hidden;
    }
    #ingredients .ing-wrap { max-width: 1080px; margin: 0 auto; padding: 80px 20px 100px; }

    /* Header */
    #ingredients .ing-header { text-align: center; margin-bottom: 64px; }
    #ingredients .ing-eyebrow {
      font-family: 'Geist Mono', monospace;
      font-size: 11px; letter-spacing: 0.28em;
      color: #853913; text-transform: uppercase;
      display: flex; align-items: center; justify-content: center; gap: 14px;
      margin-bottom: 18px;
    }
    #ingredients .ing-eyebrow::before, #ingredients .ing-eyebrow::after {
      content: ''; height: 1px; width: 48px; background: #853913; opacity: 0.3;
    }
    #ingredients .ing-h1 {
      font-family: 'Tilt Warp', cursive; font-weight: 400;
      font-size: clamp(60px, 10vw, 110px);
      line-height: 0.9; letter-spacing: -5.5px;
      color: #2b2b2b; text-transform: uppercase;
    }
    #ingredients .ing-h1 em { color: #853913; font-style: normal; }
    #ingredients .ing-sub {
      margin-top: 20px; font-size: 12px; color: #888;
      text-transform: uppercase; letter-spacing: 0.14em;
      font-family: 'Geist Mono', monospace;
    }

    /* Masonry grid */
    #ingredients .ing-grid { columns: 3; column-gap: 10px; }
    @media (max-width: 767px) {
      #ingredients .ing-grid { columns: 1; }
      #ingredients .ing-wrap { padding: 60px 20px 80px; }
    }

    /* Base card */
    #ingredients .ing-card {
      break-inside: avoid; margin-bottom: 10px; display: block;
      background: #faf5e6; border: 1px solid rgba(133,57,19,0.1); border-radius: 12px;
      padding: 28px 26px; position: relative; overflow: hidden;
      cursor: pointer; transition: border-color 0.22s, transform 0.2s, box-shadow 0.22s;
    }
    #ingredients .ing-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
      background: linear-gradient(90deg, transparent, #853913, transparent);
      opacity: 0; transition: opacity 0.3s;
    }
    #ingredients .ing-card:hover {
      border-color: rgba(133, 57, 19, 0.35);
      transform: translateY(-3px);
      box-shadow: 0 16px 48px rgba(133, 57, 19, 0.08);
    }
    #ingredients .ing-card:hover::before { opacity: 1; }
    #ingredients .ing-card.open {
      border-color: #853913;
      box-shadow: 0 0 0 1px rgba(133,57,19,0.15), 0 16px 48px rgba(133,57,19,0.08);
    }
    #ingredients .ing-card.open::before { opacity: 1; }

    /* Card internals */
    #ingredients .ing-tag {
      font-family: 'Geist Mono', monospace;
      font-size: 10px; letter-spacing: 0.22em;
      text-transform: uppercase; color: #853913;
      display: flex; align-items: center; gap: 7px; margin-bottom: 14px;
    }
    #ingredients .ing-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: #853913; box-shadow: 0 0 7px rgba(133,57,19,0.5);
      flex-shrink: 0; animation: ing2-pulse 2.2s ease-in-out infinite;
    }
    #ingredients .ing-card-title {
      font-family: 'Tilt Warp', cursive; font-weight: 400;
      font-size: clamp(28px, 3.2vw, 44px);
      line-height: 0.95; letter-spacing: -2px;
      color: #2b2b2b; text-transform: uppercase; margin-bottom: 10px;
    }
    #ingredients .ing-card-desc {
      font-size: 12px; color: #888; font-family: 'Geist Mono', monospace;
      text-transform: uppercase; letter-spacing: 0.07em; line-height: 1.7;
    }
    #ingredients .ing-card-desc strong { color: #853913; font-weight: 600; }

    /* Lift pill */
    #ingredients .ing-lift {
      display: inline-flex; align-items: center; gap: 5px;
      background: rgba(133,57,19,0.07);
      border: 1px solid rgba(133,57,19,0.22);
      border-radius: 99px; padding: 4px 12px;
      font-family: 'Geist Mono', monospace;
      font-size: 11px; color: #853913; margin-top: 14px;
    }
    #ingredients .ing-lift::before { content: '\2191'; }

    /* Reveal panel */
    #ingredients .ing-reveal {
      max-height: 0; overflow: hidden; opacity: 0;
      transition: max-height 0.42s cubic-bezier(0.16,1,0.3,1), opacity 0.3s;
    }
    #ingredients .ing-card.open .ing-reveal { max-height: 240px; opacity: 1; }
    #ingredients .ing-reveal-body {
      margin-top: 16px; padding-top: 16px;
      border-top: 1px solid rgba(133,57,19,0.1);
      font-size: 12px; color: #777; font-family: 'Geist Mono', monospace;
      text-transform: uppercase; letter-spacing: 0.06em; line-height: 1.75;
    }
    #ingredients .ing-reveal-body strong { color: #2b2b2b; }

    /* Media wrappers */
    #ingredients .ing-media-img {
      width: 100%; height: 180px; object-fit: cover; border-radius: 12px;
      margin-top: 14px; display: block; border: 1px solid rgba(133,57,19,0.1); background: #f5f0e0;
    }
    #ingredients .ing-media-video {
      width: 100%; aspect-ratio: 9/16; object-fit: cover; border-radius: 12px;
      margin-top: 14px; display: block; border: 1px solid rgba(133,57,19,0.1); background: #f5f0e0;
    }
    #ingredients .ing-media-phone {
      display: none;
    }
    #ingredients .ing-phone-viewport {
      position: relative;
      width: 100%;
      height: 280px;
      margin-top: 14px;
      border-radius: 16px;
      overflow: hidden;
      border: 2px solid rgba(133,57,19,0.25);
      box-shadow: 0 0 30px rgba(133,57,19,0.08);
      background: #f5f0e0;
    }
    #ingredients .ing-phone-viewport img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      animation: phoneScrollDown 25s linear infinite;
    }
    @keyframes phoneScrollDown {
      0%, 5%   { transform: translateY(0); }
      95%, 100% { transform: translateY(calc(-100% + 280px)); }
    }

    /* Social proof */
    #ingredients .ing-stars { color: #00b67a; font-size: 20px; letter-spacing: 3px; margin-bottom: 6px; }
    #ingredients .ing-rev-meta {
      font-family: 'Geist Mono', monospace; font-size: 11px; color: #888;
      text-transform: uppercase; letter-spacing: 0.12em;
    }
    #ingredients .ing-bar-wrap { margin-top: 16px; }
    #ingredients .ing-bar-top {
      display: flex; justify-content: space-between;
      font-family: 'Geist Mono', monospace; font-size: 10px; color: #888;
      text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 6px;
    }
    #ingredients .ing-bar-bg { height: 5px; background: rgba(133,57,19,0.1); border-radius: 99px; overflow: hidden; }
    #ingredients .ing-bar-fill {
      height: 100%; border-radius: 99px;
      background: linear-gradient(90deg, #853913, #c4652a);
      transition: width 1.6s cubic-bezier(0.16,1,0.3,1);
    }

    /* Bundles */
    #ingredients .ing-bundles { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
    #ingredients .ing-brow {
      display: flex; align-items: center; gap: 8px;
      padding: 9px 14px; border-radius: 10px;
      border: 1px solid rgba(133,57,19,0.1); font-family: 'Geist Mono', monospace;
      font-size: 12px; color: #777; transition: border-color 0.2s;
    }
    #ingredients .ing-brow.best {
      border-color: #853913; background: rgba(133,57,19,0.06); color: #2b2b2b;
    }
    #ingredients .ing-bbadge {
      font-size: 8px; background: #138561; color: #fff;
      padding: 2px 7px; border-radius: 4px;
      font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; margin-left: auto;
    }
    #ingredients .ing-bprice { margin-left: auto; }
    #ingredients .ing-brow.best .ing-bprice { color: #853913; font-weight: 700; }

    /* Checks */
    #ingredients .ing-checks { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
    #ingredients .ing-chk {
      display: flex; align-items: center; gap: 10px;
      font-size: 11.5px; color: #aaa; font-family: 'Geist Mono', monospace;
      text-transform: uppercase; letter-spacing: 0.08em;
    }
    #ingredients .ing-chk.yes { color: #555; }
    #ingredients .ing-chk-dot {
      width: 17px; height: 17px; border-radius: 50%; flex-shrink: 0;
      border: 1px solid rgba(133,57,19,0.12); display: flex; align-items: center;
      justify-content: center; font-size: 9px; font-weight: 900;
    }
    #ingredients .ing-chk.yes .ing-chk-dot { background: #138561; border-color: #138561; color: #fff; }

    /* Trust signals */
    #ingredients .ing-drows { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
    #ingredients .ing-drow {
      display: flex; align-items: center; gap: 10px;
      padding: 10px 14px; border-radius: 11px;
      background: rgba(133,57,19,0.05); border: 1px solid rgba(133,57,19,0.12);
    }
    #ingredients .ing-dicon { font-size: 18px; flex-shrink: 0; }
    #ingredients .ing-dtxt {
      font-size: 11px; color: #666; font-family: 'Geist Mono', monospace;
      text-transform: uppercase; letter-spacing: 0.08em;
    }
    #ingredients .ing-dtxt strong { color: #853913; }

    /* Ticker */
    #ingredients .ing-ticker-card {
      background: #138561; border-radius: 12px; padding: 12px 0;
      overflow: hidden; cursor: default; border: none;
      transform: none !important; box-shadow: none !important;
    }
    #ingredients .ing-ticker-card::before { display: none; }
    #ingredients .ing-ticker-track {
      display: flex; gap: 32px; animation: ing2-ticker 22s linear infinite;
      white-space: nowrap; width: max-content;
    }
    #ingredients .ing-titem {
      font-family: 'Tilt Warp', cursive; font-size: 16px; color: #fffff0;
      letter-spacing: -0.8px; text-transform: uppercase; flex-shrink: 0;
      display: flex; align-items: center; gap: 14px;
    }
    #ingredients .ing-titem::after { content: '\2726'; opacity: 0.3; }

    /* More card */
    #ingredients .ing-more-card {
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; text-align: center; min-height: 160px;
      border-style: dashed; border-color: rgba(133,57,19,0.15); background: #faf5e6;
      cursor: default; transform: none !important;
    }
    #ingredients .ing-more-card::before { display: none; }
    #ingredients .ing-more-num {
      font-family: 'Tilt Warp', cursive; font-size: 86px; line-height: 1;
      color: #853913; letter-spacing: -4px; transition: color 0.3s;
    }
    #ingredients .ing-more-card:hover .ing-more-num { color: #692C0E; }
    #ingredients .ing-more-label {
      font-family: 'Tilt Warp', cursive; font-size: 32px; color: #2b2b2b;
      letter-spacing: -1.5px; text-transform: uppercase; transition: color 0.3s;
    }
    #ingredients .ing-more-card:hover .ing-more-label { color: #000; }
    #ingredients .ing-more-sub {
      font-size: 10px; color: #666; text-transform: uppercase;
      letter-spacing: 0.2em; margin-top: 6px; font-family: 'Geist Mono', monospace;
      transition: color 0.3s;
    }
    #ingredients .ing-more-card:hover .ing-more-sub { color: #444; }

    /* CTA card */
    #ingredients .ing-cta-card {
      background: #853913; border-color: #853913;
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; text-align: center; cursor: pointer; min-height: 160px;
    }
    #ingredients .ing-cta-card:hover {
      transform: translateY(-3px) scale(1.005);
      box-shadow: 0 20px 60px rgba(133,57,19,0.35) !important;
    }
    #ingredients .ing-cta-card::before { display: none; }
    #ingredients .ing-cta-h {
      font-family: 'Tilt Warp', cursive; font-weight: 400;
      font-size: clamp(30px, 4vw, 52px); color: #fff;
      line-height: 0.93; letter-spacing: -2.5px; text-transform: uppercase;
    }
    #ingredients .ing-cta-s {
      font-size: 11px; color: rgba(255,255,255,0.5);
      text-transform: uppercase; letter-spacing: 0.16em; margin-top: 10px;
      font-family: 'Geist Mono', monospace;
    }

    /* Bottom row flex */
    #ingredients .ing-bottom-row { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; margin-top: 10px; }
    @media (max-width: 767px) { #ingredients .ing-bottom-row { grid-template-columns: 1fr; } }

    @keyframes ing2-pulse {
      0%, 100% { opacity: 1; box-shadow: 0 0 7px rgba(133,57,19,0.5); }
      50% { opacity: 0.4; box-shadow: none; }
    }
    @keyframes ing2-ticker {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

  
.skip-link:focus{top:0;}

      #announce-bar {
        background: #138561;
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 999;
        flex-shrink: 0;
      }
      #announce-bar .ab-track {
        display: flex;
        width: max-content;
        animation: ab-scroll 32s linear infinite;
      }
      #announce-bar .ab-track:hover {
        animation-play-state: paused;
      }
      @keyframes ab-scroll {
        from { transform: translateX(0); }
        to { transform: translateX(-50%); }
      }
      #announce-bar .ab-item {
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 10px 0;
        white-space: nowrap;
        flex-shrink: 0;
      }
      #announce-bar .ab-text {
        font-family: 'Geist Mono', monospace;
        font-size: 12px;
        font-weight: 600;
        color: #d6f1ca;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }
      #announce-bar .ab-divider {
        color: rgba(214,241,202,0.3);
        font-size: 10px;
        flex-shrink: 0;
      }
    

      #trust-bar {
        background: #000;
        width: 100%;
        padding: 48px 0;
        border-top: 1px solid rgba(214,241,202,0.08);
        border-bottom: 1px solid rgba(214,241,202,0.08);
        overflow: hidden;
        position: relative;
      }
      #trust-bar .tb-label {
        text-align: center;
        font-family: 'Geist Mono', monospace;
        font-size: 10px;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #666;
        margin-bottom: 32px;
      }
      #trust-bar::before,
      #trust-bar::after {
        content: '';
        position: absolute;
        top: 0; bottom: 0;
        width: 120px;
        z-index: 2;
        pointer-events: none;
      }
      #trust-bar::before {
        left: 0;
        background: linear-gradient(90deg, #000, transparent);
      }
      #trust-bar::after {
        right: 0;
        background: linear-gradient(-90deg, #000, transparent);
      }
      #trust-bar .tb-wrap { overflow: hidden; width: 100%; }
      #trust-bar .tb-track {
        display: flex;
        gap: 12px;
        width: max-content;
        animation: tb-scroll 36s linear infinite;
      }
      #trust-bar .tb-track:hover { animation-play-state: paused; }
      @keyframes tb-scroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); }
      }
      #trust-bar .tb-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        background: #0a0a0a;
        border: 1px solid rgba(214,241,202,0.08);
        border-radius: 14px;
        padding: 20px 24px;
        min-width: 148px;
        flex-shrink: 0;
        transition: border-color 0.2s;
        cursor: default;
      }
      #trust-bar .tb-card:hover {
        border-color: rgba(19,133,97,0.3);
      }
      #trust-bar .tb-logo {
        width: 80px;
        height: 32px;
        background: rgba(214,241,202,0.04);
        border-radius: 4px;
        position: relative;
        overflow: hidden;
      }
      #trust-bar .tb-logo::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent, rgba(214,241,202,0.03), transparent);
        animation: tb-shimmer 2.4s infinite;
      }
      @keyframes tb-shimmer {
        from { transform: translateX(-100%); }
        to   { transform: translateX(100%); }
      }
      #trust-bar .tb-div {
        width: 24px;
        height: 1px;
        background: rgba(214,241,202,0.08);
        flex-shrink: 0;
      }
      #trust-bar .tb-metric {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
      }
      #trust-bar .tb-num {
        font-family: 'Tilt Warp', cursive;
        font-size: 22px;
        letter-spacing: -1px;
        color: #138561;
        line-height: 1;
      }
      #trust-bar .tb-lbl {
        font-family: 'Geist Mono', monospace;
        font-size: 9px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #666;
      }
      @media (max-width: 767px) {
        #trust-bar {
          background: linear-gradient(180deg, #0a0a0a 0%, #000 100%);
          border-top: none;
          border-bottom: none;
          padding-top: 24px;
        }
        #trust-bar::before {
          background: linear-gradient(90deg, #0a0a0a, transparent);
        }
        #trust-bar::after {
          background: linear-gradient(-90deg, #0a0a0a, transparent);
        }
      }
    

    /* ── CASE STUDIES SECTION ── */
    #results {
      background: #138561;
      padding: 80px 24px 100px;
    }
    #results .results-wrap {
      max-width: 1080px;
      margin: 0 auto;
    }

    /* HEADER */
    #results .results-header {
      text-align: center;
      margin-bottom: 56px;
    }
    #results .results-eyebrow {
      font-family: 'Geist Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: #d6f1ca;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
    }
    #results .results-eyebrow::before,
    #results .results-eyebrow::after {
      content: '';
      height: 1px;
      width: 48px;
      background: #d6f1ca;
      opacity: 0.3;
    }
    #results .results-h1 {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: clamp(52px, 9vw, 104px);
      line-height: 0.9;
      letter-spacing: -5.5px;
      color: #d6f1ca;
      text-transform: uppercase;
      margin-bottom: 16px;
    }
    #results .results-sub {
      font-family: 'Geist Mono', monospace;
      font-size: 12px;
      color: rgba(214,241,202,0.5);
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    /* CASE STUDY CARDS */
    #results .cs-card {
      background: rgba(0,0,0,0.2);
      border: 1px solid rgba(214,241,202,0.1);
      border-radius: 16px;
      overflow: hidden;
      margin-bottom: 24px;
    }
    #results .cs-card:last-child { margin-bottom: 0; }

    #results .cs-grid {
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: 0;
      min-height: 340px;
    }
    #results .cs-card.reverse .cs-grid {
      grid-template-columns: 1.4fr 1fr;
    }

    #results .cs-text {
      padding: 40px 36px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    #results .cs-card.reverse .cs-text {
      order: 2;
    }
    #results .cs-card.reverse .cs-img {
      order: 1;
    }

    #results .cs-logo {
      height: 1.2rem;
      width: auto;
      margin-bottom: 20px;
      filter: brightness(0) invert(1);
      opacity: 0.7;
    }

    #results .cs-title {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: clamp(22px, 3vw, 30px);
      line-height: 1.1;
      letter-spacing: -1.5px;
      color: #d6f1ca;
      margin-bottom: 12px;
    }

    #results .cs-desc {
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      line-height: 1.6;
      color: rgba(214,241,202,0.6);
      margin-bottom: 24px;
    }

    #results .cs-stats {
      display: flex;
      gap: 32px;
    }
    #results .cs-stat-num {
      font-family: 'Tilt Warp', cursive;
      font-weight: 400;
      font-size: 32px;
      letter-spacing: -1.5px;
      color: #4ade80;
      line-height: 1;
      margin-bottom: 4px;
    }
    #results .cs-stat-label {
      font-family: 'Geist Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: rgba(214,241,202,0.4);
    }

    #results .cs-img {
      position: relative;
      overflow: hidden;
    }
    #results .cs-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* scroll reveal */
    #results .r-fade {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity 0.55s ease, transform 0.55s ease;
    }
    #results .r-fade.visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 700px) {
      #results { padding: 60px 20px 80px; }
      #results .cs-grid,
      #results .cs-card.reverse .cs-grid {
        grid-template-columns: 1fr;
      }
      #results .cs-card.reverse .cs-text { order: 1; }
      #results .cs-card.reverse .cs-img { order: 2; }
      #results .cs-img { min-height: 220px; }
      #results .cs-text { padding: 28px 24px; }
      #results .cs-stats { gap: 24px; }
      #results .cs-stat-num { font-size: 26px; }
    }
  

      #pricing {
        background: #fffff0;
        padding: 100px 24px;
        position: relative;
        overflow: hidden;
      }
      #pricing .pricing-wrap {
        max-width: 1080px;
        margin: 0 auto;
      }
      #pricing .pricing-header {
        text-align: center;
        margin-bottom: 56px;
      }
      #pricing .pricing-eyebrow {
        font-family: 'Geist Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #853913;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        margin-bottom: 18px;
      }
      #pricing .pricing-eyebrow::before,
      #pricing .pricing-eyebrow::after {
        content: '';
        height: 1px;
        width: 48px;
        background: #853913;
        opacity: 0.3;
      }
      #pricing .pricing-h1 {
        font-family: 'Tilt Warp', cursive;
        font-weight: 400;
        font-size: clamp(52px, 9vw, 104px);
        line-height: 0.9;
        letter-spacing: -5.5px;
        color: #2b2b2b;
        text-transform: uppercase;
      }
      #pricing .pricing-h1 em {
        color: #853913;
        font-style: normal;
      }
      #pricing .pricing-grid {
        display: grid;
        grid-template-columns: 65fr 35fr;
        gap: 12px;
        align-items: stretch;
      }

      /* CARD 1 — THE A/B TEST */
      #pricing .p-card-main {
        background: #faf5e6;
        border: 1px solid rgba(133,57,19,0.1);
        border-radius: 16px;
        padding: 48px 44px;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
      }
      #pricing .p-card-main::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, #853913, transparent);
        opacity: 0.6;
      }
      #pricing .p-step {
        font-family: 'Geist Mono', monospace;
        font-size: 11px;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: #853913;
        margin-bottom: 16px;
      }
      #pricing .p-title {
        font-family: 'Tilt Warp', cursive;
        font-weight: 400;
        font-size: clamp(44px, 5vw, 72px);
        line-height: 0.92;
        letter-spacing: -3.5px;
        color: #2b2b2b;
        text-transform: uppercase;
        margin-bottom: 12px;
      }
      #pricing .p-sub {
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: #777;
        max-width: 440px;
        margin-bottom: 32px;
      }
      #pricing .p-price-row {
        display: flex;
        align-items: baseline;
        gap: 12px;
        margin-bottom: 8px;
      }
      #pricing .p-price {
        font-family: 'Tilt Warp', cursive;
        font-size: clamp(56px, 7vw, 96px);
        line-height: 1;
        letter-spacing: -4px;
        color: #138561;
      }
      #pricing .p-price-note {
        font-family: 'Geist Mono', monospace;
        font-size: 14px;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 0.1em;
      }
      #pricing .p-bonus {
        display: inline-flex;
        align-self: flex-start;
        align-items: center;
        gap: 8px;
        background: #853913;
        border-radius: 99px;
        padding: 10px 20px;
        margin-bottom: 32px;
        position: relative;
        overflow: hidden;
        animation: p-bonus-glow 2.5s ease-in-out infinite;
      }
      #pricing .p-bonus::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 60%;
        height: 100%;
        background: linear-gradient(
          120deg,
          transparent 0%,
          rgba(255,255,255,0) 30%,
          rgba(255,255,255,0.3) 50%,
          rgba(255,255,255,0) 70%,
          transparent 100%
        );
        animation: p-badge-shine 3s ease-in-out infinite;
      }
      @keyframes p-badge-shine {
        0% { left: -100%; }
        40% { left: 120%; }
        100% { left: 120%; }
      }
      @keyframes p-bonus-glow {
        0%, 100% { box-shadow: 0 0 12px rgba(133,57,19,0.2); }
        50% { box-shadow: 0 0 24px rgba(133,57,19,0.4), 0 0 50px rgba(133,57,19,0.1); }
      }
      #pricing .p-bonus-star {
        font-size: 14px;
        color: #d6f1ca;
      }
      #pricing .p-bonus-text {
        font-family: 'Geist Mono', monospace;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #d6f1ca;
      }
      #pricing .p-checklist {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 36px;
      }
      #pricing .p-check {
        display: flex;
        align-items: center;
        gap: 12px;
        font-family: 'Geist Mono', monospace;
        font-size: 14px;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }
      #pricing .p-check-dot {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: #138561;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 900;
        color: #fff;
        flex-shrink: 0;
      }
      #pricing .p-cta {
        margin-top: auto;
      }
      #pricing .p-cta .btn {
        background: #138561;
        color: #d6f1ca;
      }

      /* CARD 2 — THE RETAINER */
      #pricing .p-card-side {
        background: #faf5e6;
        border: 1px solid rgba(133,57,19,0.1);
        border-radius: 16px;
        padding: 48px 32px;
        display: flex;
        flex-direction: column;
      }
      #pricing .p-card-side .p-title {
        font-size: clamp(36px, 4vw, 56px);
        letter-spacing: -2.5px;
        margin-bottom: 16px;
      }
      #pricing .p-card-side .p-sub {
        font-size: 14px;
        line-height: 1.6;
        color: #888;
        margin-bottom: 32px;
      }
      #pricing .p-blurred-price {
        font-family: 'Tilt Warp', cursive;
        font-size: clamp(44px, 5vw, 72px);
        line-height: 1;
        letter-spacing: -3px;
        color: #853913;
        filter: blur(8px);
        user-select: none;
        margin-bottom: 12px;
      }
      #pricing .p-blur-note {
        font-family: 'Geist Mono', monospace;
        font-size: 11px;
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        margin-bottom: 24px;
      }
      #pricing .p-focus-list {
        margin-bottom: 28px;
      }
      #pricing .p-focus-label {
        font-family: 'Geist Mono', monospace;
        font-size: 10px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #aaa;
        margin-bottom: 10px;
      }
      #pricing .p-focus-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      #pricing .p-focus-tag {
        font-family: 'Geist Mono', monospace;
        font-size: 11px;
        color: #853913;
        background: rgba(133,57,19,0.07);
        border: 1px solid rgba(133,57,19,0.15);
        border-radius: 6px;
        padding: 5px 10px;
        text-transform: uppercase;
        letter-spacing: 0.06em;
      }
      #pricing .p-card-side .p-cta {
        margin-top: auto;
      }
      #pricing .p-card-side .p-cta .btn {
        background: rgba(133,57,19,0.08);
        color: #853913;
        width: 100%;
      }

      @media (max-width: 767px) {
        #pricing { padding: 60px 20px 80px; }
        #pricing .pricing-grid {
          grid-template-columns: 1fr;
        }
        #pricing .p-card-main {
          padding: 36px 24px;
        }
        #pricing .p-card-side {
          padding: 36px 24px;
        }
      }
    

        #pricing .faq-wrap {
          max-width: 800px;
          margin: 80px auto 0;
        }
        #pricing .faq-header {
          text-align: center;
          margin-bottom: 40px;
        }
        #pricing .faq-eyebrow {
          font-family: 'Geist Mono', monospace;
          font-size: 11px;
          letter-spacing: 0.28em;
          text-transform: uppercase;
          color: #853913;
          margin-bottom: 16px;
        }
        #pricing .faq-title {
          font-family: 'Tilt Warp', cursive;
          font-weight: 400;
          font-size: clamp(36px, 5vw, 56px);
          line-height: 0.92;
          letter-spacing: -2.5px;
          color: #2b2b2b;
          text-transform: uppercase;
        }
        #pricing .faq-item {
          border-bottom: 1px solid rgba(133,57,19,0.12);
          cursor: pointer;
          transition: background 0.2s;
        }
        #pricing .faq-item:first-child {
          border-top: 1px solid rgba(133,57,19,0.12);
        }
        #pricing .faq-item:hover {
          background: rgba(133,57,19,0.03);
        }
        #pricing .faq-q {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
          padding: 22px 4px;
          font-family: 'Geist Mono', monospace;
          font-size: 14px;
          font-weight: 500;
          color: #2b2b2b;
          text-transform: uppercase;
          letter-spacing: 0.04em;
          line-height: 1.4;
        }
        #pricing .faq-icon {
          font-size: 20px;
          color: #853913;
          flex-shrink: 0;
          transition: transform 0.3s ease;
          font-style: normal;
        }
        #pricing .faq-item.open .faq-icon {
          transform: rotate(45deg);
        }
        #pricing .faq-a {
          max-height: 0;
          overflow: hidden;
          opacity: 0;
          transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.3s, padding 0.3s;
          padding: 0 4px;
        }
        #pricing .faq-item.open .faq-a {
          max-height: 200px;
          opacity: 1;
          padding: 0 4px 22px;
        }
        #pricing .faq-a-text {
          font-family: 'Inter', sans-serif;
          font-size: 14px;
          line-height: 1.7;
          color: #777;
        }
        #pricing .faq-a-text strong {
          color: #2b2b2b;
          font-weight: 500;
        }
      

      #guarantee {
        position: relative;
        width: 100%;
        min-height: 92vh;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }
      #guarantee .g-video-wrap {
        position: absolute;
        inset: 0;
        z-index: 0;
      }
      #guarantee .g-video-wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
      }
      #guarantee .g-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
      }
      #guarantee .g-bracket {
        position: absolute;
        width: 32px; height: 32px;
        border-color: rgba(214,241,202,0.15);
        border-style: solid;
        z-index: 3;
        pointer-events: none;
      }
      #guarantee .g-bracket.tl { top:32px; left:32px; border-width:1px 0 0 1px; }
      #guarantee .g-bracket.tr { top:32px; right:32px; border-width:1px 1px 0 0; }
      #guarantee .g-bracket.bl { bottom:32px; left:32px; border-width:0 0 1px 1px; }
      #guarantee .g-bracket.br { bottom:32px; right:32px; border-width:0 1px 1px 0; }
      #guarantee .g-scan {
        position: absolute;
        left: 0; right: 0; height: 1px;
        background: rgba(19,133,97,0.25);
        z-index: 3; pointer-events: none;
      }
      #guarantee .g-scan.top    { top: 80px; }
      #guarantee .g-scan.bottom { bottom: 80px; }
      #guarantee .g-content {
        position: relative;
        z-index: 4;
        text-align: center;
        padding: 80px 24px;
        max-width: 960px;
        margin: 0 auto;
        width: 100%;
      }
      #guarantee .g-h1 {
        font-family: 'Tilt Warp', cursive;
        font-size: clamp(28px, 5vw, 48px);
        line-height: 1.1;
        letter-spacing: 0.01em;
        color: #d6f1ca;
        margin-bottom: 0;
        text-transform: uppercase;
      }
      #guarantee .g-h1 .g-outline {
        display: block;
        font-size: clamp(64px, 16vw, 180px);
        line-height: 0.85;
        letter-spacing: -0.03em;
        -webkit-text-stroke: 2px #d6f1ca;
        color: transparent;
      }
      #guarantee .g-or {
        font-family: 'Geist Mono', monospace;
        font-size: clamp(18px, 2.5vw, 28px);
        letter-spacing: 0.15em;
        color: #d6f1ca;
        margin: 10px 0;
        opacity: 0.4;
      }
      #guarantee .g-sub {
        font-family: 'Tilt Warp', cursive;
        font-size: clamp(34px, 6vw, 68px);
        line-height: 0.9;
        letter-spacing: 0.01em;
        color: #138561;
      }
      #guarantee .g-actions {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
      }
      #guarantee .g-never {
        font-family: 'Geist Mono', monospace;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 0.18em;
        color: #d6f1ca;
        opacity: 0.5;
      }
      #guarantee .g-never-dot {
        width: 6px; height: 6px;
        border-radius: 50%;
        background: #138561;
        animation: gPulse 2s infinite;
      }
      @keyframes gPulse {
        0%,100% { opacity:1; } 50% { opacity:0.3; }
      }
      @media (max-width: 600px) {
        #guarantee { min-height: 100svh; }
      }
    

    .site-footer {
      background: #000;
      border-top: 1px solid rgba(255,255,255,0.08);
      padding: 72px 24px 32px;
      font-family: 'Inter', sans-serif;
    }
    .footer-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr;
      gap: 48px;
    }
    .footer-brand img { width: 220px; margin-bottom: 16px; }
    .footer-brand p {
      font-size: 14px;
      color: #888;
      line-height: 1.6;
      max-width: 320px;
    }
    .footer-col h3 {
      font-family: 'Geist Mono', monospace;
      font-size: 11px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #555;
      margin-bottom: 18px;
    }
    .footer-col a:not(.footer-cta) {
      display: block;
      color: #ccc;
      text-decoration: none;
      font-size: 14px;
      padding: 5px 0;
      transition: color 0.2s;
    }
    .footer-col a:not(.footer-cta):hover { color: #138561; }
    .footer-cta {
      display: inline-block;
      margin-top: 20px;
      padding: 14px 32px;
      background: #138561;
      color: #fff;
      font-family: 'Geist Mono', monospace;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-decoration: none;
      border-radius: 8px;
      transition: background 0.2s;
    }
    .footer-cta:hover { background: #0f6e4f; }
    .footer-socials {
      display: flex;
      gap: 14px;
      margin-top: 20px;
    }
    .footer-socials a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.12);
      transition: border-color 0.2s, background 0.2s;
    }
    .footer-socials a:hover {
      border-color: #138561;
      background: rgba(19,133,97,0.1);
    }
    .footer-socials svg { width: 16px; height: 16px; fill: #aaa; transition: fill 0.2s; }
    .footer-socials a:hover svg { fill: #138561; }
    .footer-bottom {
      max-width: 1100px;
      margin: 48px auto 0;
      padding-top: 24px;
      border-top: 1px solid rgba(255,255,255,0.06);
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .footer-bottom span {
      font-family: 'Geist Mono', monospace;
      font-size: 11px;
      color: #444;
      letter-spacing: 0.05em;
    }
    @media (max-width: 767px) {
      .footer-inner { grid-template-columns: 1fr; gap: 36px; text-align: center; }
      .footer-brand p { max-width: 100%; }
      .footer-socials { justify-content: center; }
      .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
    }