/* ==========================================================================
       SCOPED DESIGN SYSTEM TOKENS & HIGH-CONTRAST RESET
       Prefix: .amp-hp-root / .amp-hp-
       Guarantees zero CSS leakage into Theme Header, Navigation, or Footer
       Forces all dark-theme typography to crisp WHITE and bright accent colors
       ========================================================================== */
    .amp-hp-root {
      --amp-bg: #0B0F19;
      --amp-base: #080C14;
      --amp-surface: #121826;
      --amp-surface-elevated: #162032;
      --amp-card-bg: rgba(255, 255, 255, 0.04);
      --amp-card-border: rgba(255, 255, 255, 0.1);
      --amp-card-hover-border: rgba(40, 204, 205, 0.55);
      
      /* Primary Brand Accents */
      --amp-teal: #28CCCD;
      --amp-teal-bright: #3CDECF;
      --amp-teal-glow: rgba(40, 204, 205, 0.4);
      --amp-teal-ghost: rgba(40, 204, 205, 0.1);
      
      /* Secondary & Tertiary Accents */
      --amp-violet: #7C3AED;
      --amp-violet-soft: #9333EA;
      --amp-violet-glow: rgba(124, 58, 237, 0.35);
      --amp-green: #10B981;
      --amp-green-glow: rgba(16, 185, 129, 0.35);
      --amp-amber: #F59E0B;
      --amp-pink: #EC4899;
      
      /* Strict High-Contrast Typography Colors */
      --amp-text-pure-white: #FFFFFF;
      --amp-text-main: #FFFFFF;
      --amp-text-sub: rgba(255, 255, 255, 0.88);
      --amp-text-muted: rgba(255, 255, 255, 0.65);
      --amp-text-faint: rgba(255, 255, 255, 0.4);
      
      /* Gradients */
      --amp-grad-brand: linear-gradient(135deg, #28CCCD 0%, #7C3AED 100%);
      --amp-grad-teal: linear-gradient(135deg, #28CCCD 0%, #3CDECF 100%);
      --amp-grad-violet: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);
      --amp-grad-card: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 100%);
      --amp-grad-surface: linear-gradient(180deg, rgba(22, 32, 50, 0.7) 0%, rgba(11, 15, 25, 0.98) 100%);
      
      /* Typography */
      --amp-font-display: 'Mona Sans', system-ui, -apple-system, sans-serif;
      --amp-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
      --amp-font-mono: 'Space Grotesk', 'JetBrains Mono', monospace;
      
      /* Spacing & Layout */
      --amp-container: 1240px;
      --amp-radius-sm: 8px;
      --amp-radius-md: 14px;
      --amp-radius-lg: 20px;
      --amp-radius-xl: 28px;
      --amp-radius-pill: 9999px;
      
      /* Base Container Reset */
      font-family: var(--amp-font-body);
      color: #FFFFFF !important;
      background-color: var(--amp-bg);
      line-height: 1.6;
      width: 100%;
      position: relative;
      overflow-x: clip;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    }

    .amp-hp-root * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: inherit;
    }

    /* Strict Override to Prevent WordPress Theme Text Color from Turning Black */
    .amp-hp-root p,
    .amp-hp-root span,
    .amp-hp-root div,
    .amp-hp-root li,
    .amp-hp-root ul,
    .amp-hp-root a,
    .amp-hp-root h1,
    .amp-hp-root h2,
    .amp-hp-root h3,
    .amp-hp-root h4,
    .amp-hp-root h5,
    .amp-hp-root h6,
    .amp-hp-root label,
    .amp-hp-root dt,
    .amp-hp-root dd,
    .amp-hp-root strong,
    .amp-hp-root b,
    .amp-hp-root em,
    .amp-hp-root td,
    .amp-hp-root th {
      color: #FFFFFF;
    }

    .amp-hp-root p {
      color: rgba(255, 255, 255, 0.86) !important;
    }

    .amp-hp-root strong, 
    .amp-hp-root b {
      color: #FFFFFF !important;
      font-weight: 700;
    }

    .amp-hp-root a {
      text-decoration: none;
      transition: all 0.25s ease;
      color: inherit;
    }

    .amp-hp-root button {
      font-family: inherit;
      cursor: pointer;
      border: none;
      background: none;
    }

    .amp-hp-container {
      width: 100%;
      max-width: var(--amp-container);
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      z-index: 2;
    }

    @media (min-width: 768px) {
      .amp-hp-container { padding: 0 36px; }
    }

    @media (min-width: 1200px) {
      .amp-hp-container { padding: 0 48px; }
    }

    /* Section Wrappers */
    .amp-hp-section {
      position: relative;
      padding: 105px 0;
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .amp-hp-section { padding: 75px 0; }
    }

    .amp-hp-header-center {
      text-align: center;
      max-width: 840px;
      margin: 0 auto 58px;
    }

    .amp-hp-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--amp-font-mono);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--amp-teal-bright) !important;
      padding: 6px 18px;
      background: rgba(40, 204, 205, 0.1);
      border: 1px solid rgba(40, 204, 205, 0.3);
      border-radius: var(--amp-radius-pill);
      margin-bottom: 20px;
    }

    .amp-hp-kicker-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 10px var(--amp-teal);
      animation: ampHpPulse 2s infinite ease-in-out;
    }

    .amp-hp-h2 {
      font-family: var(--amp-font-display);
      font-size: clamp(32px, 4.4vw, 50px);
      font-weight: 800;
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: #FFFFFF !important;
      margin-bottom: 18px;
    }

    .amp-hp-grad-text {
      background: var(--amp-grad-teal);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent !important;
      background-clip: text;
    }

    .amp-hp-grad-brand-text {
      background: var(--amp-grad-brand);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent !important;
      background-clip: text;
    }

    .amp-hp-sub {
      font-size: clamp(16px, 1.8vw, 18px);
      color: rgba(255, 255, 255, 0.85) !important;
      line-height: 1.68;
    }

    /* High-Performance Buttons */
    .amp-hp-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-family: var(--amp-font-display);
      font-weight: 700;
      font-size: 15.5px;
      padding: 16px 32px;
      border-radius: var(--amp-radius-pill);
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
      overflow: hidden;
      text-align: center;
    }

    .amp-hp-btn-primary {
      background-color: #28CCCD !important;
      background-image: var(--amp-grad-teal) !important;
      color: #062B2B !important;
      box-shadow: 0 4px 24px rgba(40, 204, 205, 0.35);
      font-weight: 800;
    }

    .amp-hp-btn-primary * {
      color: #062B2B !important;
    }

    .amp-hp-btn-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 36px rgba(40, 204, 205, 0.55);
      color: #062B2B !important;
    }

    .amp-hp-btn-secondary {
      background: rgba(255, 255, 255, 0.05);
      color: #FFFFFF !important;
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(10px);
    }

    .amp-hp-btn-secondary:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: var(--amp-teal-bright);
      transform: translateY(-3px);
      color: #FFFFFF !important;
      box-shadow: 0 0 20px rgba(40, 204, 205, 0.25);
    }

    .amp-hp-btn-violet {
      background: var(--amp-grad-violet);
      color: #FFFFFF !important;
      box-shadow: 0 4px 24px rgba(124, 58, 237, 0.35);
    }

    .amp-hp-btn-violet:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 36px rgba(124, 58, 237, 0.55);
    }

    /* Glass Cards */
    .amp-hp-glass {
      background: var(--amp-card-bg);
      border: 1px solid var(--amp-card-border);
      border-radius: var(--amp-radius-lg);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    }

    .amp-hp-glass:hover {
      border-color: var(--amp-card-hover-border);
      box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.5), 0 0 25px rgba(40, 204, 205, 0.15);
    }

    /* Keyframes */
    @keyframes ampHpPulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(1.25); }
    }

    @keyframes ampHpFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    @keyframes ampHpMarquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes ampHpBlink {
      50% { opacity: 0; }
    }

    /* Scroll Reveal Helper */
    .amp-hp-reveal {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    }
    /* When JS adds is-visible, do nothing extra (already visible by default) */
    .amp-hp-reveal.amp-hp-pre-reveal {
      opacity: 0;
      transform: translateY(32px);
    }
    .amp-hp-reveal.amp-hp-pre-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .amp-hp-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ==========================================================================
       SECTION 1: HERO SECTION
       ========================================================================== */
    .amp-hp-hero {
      min-height: 92vh;
      display: flex;
      align-items: center;
      padding: 120px 0 80px;
      position: relative;
      overflow: hidden;
      background: radial-gradient(circle at 10% 20%, rgba(40, 204, 205, 0.1) 0%, transparent 45%),
                  radial-gradient(circle at 90% 80%, rgba(124, 58, 237, 0.1) 0%, transparent 45%);
    }

    @media (max-width: 960px) {
      .amp-hp-hero { padding: 90px 0 60px; min-height: auto; }
    }

    #amp-neural-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: auto;
    }

    .amp-hp-hero-glow-1 {
      position: absolute;
      top: -120px;
      left: -100px;
      width: 550px;
      height: 550px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(40, 204, 205, 0.18), transparent 70%);
      filter: blur(80px);
      pointer-events: none;
      z-index: 1;
    }

    .amp-hp-hero-glow-2 {
      position: absolute;
      bottom: -150px;
      right: -100px;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(124, 58, 237, 0.18), transparent 70%);
      filter: blur(80px);
      pointer-events: none;
      z-index: 1;
    }

    .amp-hp-hero-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 56px;
      align-items: center;
      position: relative;
      z-index: 2;
    }

    @media (max-width: 992px) {
      .amp-hp-hero-grid { grid-template-columns: 1fr; gap: 48px; }
    }

    .amp-hp-hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 18px;
      border-radius: var(--amp-radius-pill);
      background: rgba(40, 204, 205, 0.08);
      border: 1px solid rgba(40, 204, 205, 0.3);
      font-family: var(--amp-font-mono);
      font-size: 12.5px;
      color: var(--amp-teal-bright) !important;
      margin-bottom: 24px;
    }

    .amp-hp-hero-badge span.pulse-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--amp-green);
      box-shadow: 0 0 10px var(--amp-green);
      animation: ampHpPulse 1.8s infinite;
    }

    .amp-hp-hero-title {
      font-family: var(--amp-font-display);
      font-size: clamp(38px, 5.2vw, 68px);
      font-weight: 800;
      line-height: 1.08;
      letter-spacing: -0.03em;
      margin-bottom: 24px;
      color: #FFFFFF !important;
    }

    .amp-hp-hero-sub {
      font-size: clamp(17px, 1.8vw, 19px);
      color: rgba(255, 255, 255, 0.88) !important;
      line-height: 1.65;
      max-width: 580px;
      margin-bottom: 36px;
    }

    .amp-hp-hero-ctas {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-bottom: 48px;
    }

    .amp-hp-hero-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    @media (max-width: 600px) {
      .amp-hp-hero-stats { grid-template-columns: 1fr 1fr; gap: 16px; }
    }

    .amp-hp-hero-stat-num {
      font-family: var(--amp-font-display);
      font-size: clamp(26px, 3vw, 34px);
      font-weight: 800;
      color: var(--amp-teal-bright) !important;
      line-height: 1.1;
      display: flex;
      align-items: baseline;
    }

    .amp-hp-hero-stat-lbl {
      font-family: var(--amp-font-mono);
      font-size: 12px;
      color: rgba(255, 255, 255, 0.65) !important;
      margin-top: 4px;
      letter-spacing: 0.02em;
    }

    /* Hero Agent HUD Card */
    .amp-hp-agent-card {
      position: relative;
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(160deg, rgba(22, 32, 50, 0.8) 0%, rgba(11, 15, 25, 0.9) 100%);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding: 28px;
      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
      animation: ampHpFloat 7s ease-in-out infinite;
    }

    .amp-hp-agent-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: 24px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.6), transparent 40%, transparent 60%, rgba(124, 58, 237, 0.6));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }

    .amp-hp-ac-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .amp-hp-ac-id {
      font-family: var(--amp-font-mono);
      font-size: 13px;
      font-weight: 600;
      color: #FFFFFF !important;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .amp-hp-ac-status {
      display: flex;
      align-items: center;
      gap: 6px;
      font-family: var(--amp-font-mono);
      font-size: 12px;
      color: var(--amp-green) !important;
      background: rgba(16, 185, 129, 0.12);
      border: 1px solid rgba(16, 185, 129, 0.35);
      padding: 4px 10px;
      border-radius: 100px;
    }

    .amp-hp-ac-status i {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--amp-green);
      box-shadow: 0 0 8px var(--amp-green);
    }

    .amp-hp-ac-canvas-box {
      position: relative;
      height: 180px;
      border-radius: 16px;
      background: rgba(8, 12, 20, 0.75);
      border: 1px solid rgba(255, 255, 255, 0.08);
      overflow: hidden;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    #amp-orb-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .amp-hp-ac-mesh-info {
      position: absolute;
      bottom: 12px;
      left: 14px;
      right: 14px;
      display: flex;
      justify-content: space-between;
      font-family: var(--amp-font-mono);
      font-size: 11px;
      color: rgba(255, 255, 255, 0.6) !important;
      z-index: 2;
    }

    .amp-hp-ac-rows {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .amp-hp-ac-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 14px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      font-size: 13.5px;
      color: #FFFFFF !important;
      transition: background 0.2s ease;
    }

    .amp-hp-ac-row:hover {
      background: rgba(255, 255, 255, 0.07);
    }

    .amp-hp-tag {
      font-family: var(--amp-font-mono);
      font-size: 11px;
      font-weight: 600;
      padding: 3px 9px;
      border-radius: var(--amp-radius-pill);
      letter-spacing: 0.05em;
    }

    .amp-hp-tag-done {
      color: var(--amp-green) !important;
      background: rgba(16, 185, 129, 0.15);
      border: 1px solid rgba(16, 185, 129, 0.35);
    }

    .amp-hp-tag-run {
      color: var(--amp-teal-bright) !important;
      background: rgba(40, 204, 205, 0.15);
      border: 1px solid rgba(40, 204, 205, 0.35);
    }

    .amp-hp-tag-q {
      color: var(--amp-pink) !important;
      background: rgba(236, 72, 153, 0.15);
      border: 1px solid rgba(236, 72, 153, 0.35);
    }

    /* ==========================================================================
       SECTION 2: INFINITE TRUST & TECHNOLOGY MARQUEE
       ========================================================================== */
    .amp-hp-marquee-sec {
      padding: 24px 0;
      background: rgba(255, 255, 255, 0.02);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      overflow: hidden;
      position: relative;
    }

    .amp-hp-marquee-track {
      display: flex;
      width: max-content;
      animation: ampHpMarquee 32s linear infinite;
    }

    .amp-hp-marquee-sec:hover .amp-hp-marquee-track {
      animation-play-state: paused;
    }

    .amp-hp-marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 28px;
      padding: 0 28px;
      font-family: var(--amp-font-display);
      font-size: 17px;
      font-weight: 700;
      color: rgba(255, 255, 255, 0.85) !important;
      white-space: nowrap;
      letter-spacing: 0.04em;
    }

    .amp-hp-marquee-item b {
      color: var(--amp-teal-bright) !important;
    }

    .amp-hp-marquee-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--amp-violet);
      box-shadow: 0 0 10px var(--amp-violet);
    }

    /* ==========================================================================
       TABLE OF CONTENTS (visible anchor index — satisfies Rank Math's
       "Table of Contents" test; also acts as a manual site index)
       ========================================================================== */
    /* ==========================================================================
       TABLE OF CONTENTS — Agentic HUD style
       Features: holographic gradient frame, animated scan line, glow pulse
       on each item's edge dot, magnetic hover lift, ripple-click feedback.
       ========================================================================== */
    .amp-hp-toc {
      max-width: 1180px;
      margin: 44px auto 0;
      padding: 0 24px;
      position: relative;
    }

    /* Outer frame: gradient border via mask trick */
    .amp-hp-toc-inner {
      position: relative;
      background:
        radial-gradient(120% 80% at 0% 0%, rgba(40, 204, 205, 0.10) 0%, transparent 55%),
        radial-gradient(120% 80% at 100% 100%, rgba(124, 58, 237, 0.12) 0%, transparent 55%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.92) 0%, rgba(11, 15, 25, 0.78) 100%);
      border-radius: 22px;
      padding: 28px 30px 26px;
      overflow: hidden;
      isolation: isolate;
      box-shadow:
        0 30px 60px -25px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }
    /* Gradient ring via padding-box + mask-composite */
    .amp-hp-toc-inner::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 22px;
      padding: 1px;
      background: linear-gradient(135deg,
        rgba(40, 204, 205, 0.65) 0%,
        rgba(124, 58, 237, 0.45) 50%,
        rgba(40, 204, 205, 0.25) 100%);
      -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      pointer-events: none;
      z-index: 1;
    }
    /* Animated scan line — sweeps diagonally every 6s */
    .amp-hp-toc-inner::after {
      content: "";
      position: absolute;
      top: -40%;
      left: -40%;
      width: 180%;
      height: 180%;
      background: linear-gradient(115deg,
        transparent 40%,
        rgba(40, 204, 205, 0.06) 48%,
        rgba(40, 204, 205, 0.18) 50%,
        rgba(40, 204, 205, 0.06) 52%,
        transparent 60%);
      animation: ampHpTocScan 7s linear infinite;
      pointer-events: none;
      z-index: 0;
    }
    @keyframes ampHpTocScan {
      0%   { transform: translate3d(-30%, -30%, 0); }
      100% { transform: translate3d(30%, 30%, 0); }
    }

    /* Header strip */
    .amp-hp-toc-head {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 22px;
      flex-wrap: wrap;
    }
    .amp-hp-toc-title {
      display: flex;
      align-items: center;
      gap: 12px;
      font-family: var(--amp-font-display);
      font-size: 13px;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 700;
    }
    .amp-hp-toc-title .amp-hp-toc-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow:
        0 0 0 4px rgba(40, 204, 205, 0.18),
        0 0 12px rgba(40, 204, 205, 0.9);
      animation: ampHpTocPulse 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    @keyframes ampHpTocPulse {
      0%, 100% { box-shadow: 0 0 0 4px rgba(40, 204, 205, 0.18), 0 0 12px rgba(40, 204, 205, 0.9); }
      50%      { box-shadow: 0 0 0 9px rgba(40, 204, 205, 0.04), 0 0 18px rgba(40, 204, 205, 1.0); }
    }
    .amp-hp-toc-meta {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.55);
    }
    .amp-hp-toc-meta b {
      color: var(--amp-teal-bright);
      font-weight: 600;
      letter-spacing: 0.08em;
    }
    .amp-hp-toc-meta .amp-hp-toc-divider {
      width: 22px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(40, 204, 205, 0.6), transparent);
    }

    /* 16-link grid */
    .amp-hp-toc-list {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px 12px;
      list-style: none;
      margin: 0;
      padding: 0;
      counter-reset: amp-toc;
    }
    .amp-hp-toc-list li { margin: 0; padding: 0; }
    .amp-hp-toc-list a {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 14px;
      border-radius: 12px;
      font-size: 12.5px;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.82) !important;
      text-decoration: none;
      background: rgba(255, 255, 255, 0.025);
      border: 1px solid rgba(255, 255, 255, 0.06);
      overflow: hidden;
      transition:
        transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        box-shadow 0.4s ease;
    }
    /* Edge node dot — animated teal pulse on hover */
    .amp-hp-toc-list a::after {
      content: "";
      position: absolute;
      top: 8px;
      right: 8px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgba(40, 204, 205, 0.35);
      box-shadow: 0 0 0 0 rgba(40, 204, 205, 0);
      transition: background 0.3s ease, box-shadow 0.5s ease;
    }
    /* Number badge */
    .amp-hp-toc-list a::before {
      counter-increment: amp-toc;
      content: counter(amp-toc, decimal-leading-zero);
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      font-weight: 700;
      letter-spacing: 0.12em;
      color: var(--amp-teal-bright);
      flex-shrink: 0;
      padding: 3px 7px;
      border-radius: 6px;
      background: rgba(40, 204, 205, 0.08);
      border: 1px solid rgba(40, 204, 205, 0.22);
      transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    }
    /* Hover state */
    .amp-hp-toc-list a:hover {
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.16) 0%, rgba(124, 58, 237, 0.10) 100%);
      border-color: rgba(40, 204, 205, 0.55);
      color: #ffffff !important;
      transform: translateY(-3px);
      box-shadow:
        0 14px 28px -14px rgba(40, 204, 205, 0.45),
        inset 0 0 0 1px rgba(40, 204, 205, 0.25);
    }
    .amp-hp-toc-list a:hover::before {
      background: rgba(40, 204, 205, 0.95);
      color: #06121A;
      border-color: rgba(40, 204, 205, 1);
    }
    .amp-hp-toc-list a:hover::after {
      background: var(--amp-teal-bright);
      box-shadow:
        0 0 0 4px rgba(40, 204, 205, 0.18),
        0 0 12px rgba(40, 204, 205, 0.9);
      animation: ampHpTocPulse 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    /* Active/focus state — keyboard accessibility */
    .amp-hp-toc-list a:focus-visible {
      outline: none;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.18) 0%, rgba(124, 58, 237, 0.12) 100%);
      border-color: rgba(40, 204, 205, 0.7);
      box-shadow:
        0 0 0 3px rgba(40, 204, 205, 0.35),
        0 14px 28px -14px rgba(40, 204, 205, 0.45);
    }

    /* Reveal animation — subtle staggered fade-in */
    .amp-hp-toc-list li {
      opacity: 0;
      transform: translateY(8px);
      transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .amp-hp-toc.is-visible .amp-hp-toc-list li {
      opacity: 1;
      transform: translateY(0);
    }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(1)  { transition-delay: 0.04s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(2)  { transition-delay: 0.07s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(3)  { transition-delay: 0.10s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(4)  { transition-delay: 0.13s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(5)  { transition-delay: 0.16s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(6)  { transition-delay: 0.19s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(7)  { transition-delay: 0.22s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(8)  { transition-delay: 0.25s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(9)  { transition-delay: 0.28s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(10) { transition-delay: 0.31s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(11) { transition-delay: 0.34s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(12) { transition-delay: 0.37s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(13) { transition-delay: 0.40s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(14) { transition-delay: 0.43s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(15) { transition-delay: 0.46s; }
    .amp-hp-toc.is-visible .amp-hp-toc-list li:nth-child(16) { transition-delay: 0.49s; }

    @media (prefers-reduced-motion: reduce) {
      .amp-hp-toc-inner::after { animation: none; opacity: 0.4; }
      .amp-hp-toc-title .amp-hp-toc-dot,
      .amp-hp-toc-list a:hover::after { animation: none; }
      .amp-hp-toc-list li { opacity: 1; transform: none; }
    }

    @media (max-width: 1024px) { .amp-hp-toc-list { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 600px)  { .amp-hp-toc-list { grid-template-columns: 1fr; } .amp-hp-toc-head { gap: 8px; } }

    /* ==========================================================================
       RUNTIME ACTIVATION GATEWAY — Futuristic separator between TOC and
       Live AI Agent Activity Terminal. Energy beam, pulsing nodes, floating
       particles, scan line, and a central deployment-ready core.
       ========================================================================== */
    .amp-hp-runtime-gateway {
      position: relative;
      width: 100%;
      padding: 52px 0 64px;
      margin-top: -10px;
      overflow: hidden;
      background:
        radial-gradient(circle at 18% 50%, rgba(40, 204, 205, 0.10) 0%, transparent 40%),
        radial-gradient(circle at 82% 50%, rgba(124, 58, 237, 0.10) 0%, transparent 40%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.0) 0%, rgba(11, 15, 25, 0.55) 50%, rgba(11, 15, 25, 0.0) 100%);
      z-index: 1;
    }

    .amp-hp-runtime-gateway::before,
    .amp-hp-runtime-gateway::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg,
        transparent 0%,
        rgba(40, 204, 205, 0.0) 10%,
        rgba(40, 204, 205, 0.55) 30%,
        rgba(124, 58, 237, 0.55) 70%,
        rgba(124, 58, 237, 0.0) 90%,
        transparent 100%);
      opacity: 0.6;
    }
    .amp-hp-runtime-gateway::before { top: 0; }
    .amp-hp-runtime-gateway::after  { bottom: 0; }

    .amp-hp-gateway-inner {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(24px, 6vw, 72px);
    }

    /* Background mesh grid */
    .amp-hp-gateway-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(40, 204, 205, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(40, 204, 205, 0.04) 1px, transparent 1px);
      background-size: 44px 44px;
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.35) 20%, rgba(0,0,0,0.35) 80%, transparent 100%);
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.35) 20%, rgba(0,0,0,0.35) 80%, transparent 100%);
      pointer-events: none;
      animation: ampHpGatewayGrid 18s linear infinite;
    }
    @keyframes ampHpGatewayGrid {
      0%   { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-44px, 0, 0); }
    }

    /* Scan line sweeping across the gateway */
    .amp-hp-gateway-scan {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -20%;
      width: 140%;
      pointer-events: none;
      background: linear-gradient(90deg,
        transparent 0%,
        transparent 45%,
        rgba(40, 204, 205, 0.08) 49%,
        rgba(40, 204, 205, 0.22) 50%,
        rgba(40, 204, 205, 0.08) 51%,
        transparent 55%,
        transparent 100%);
      animation: ampHpGatewayScan 5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
      z-index: 1;
    }
    @keyframes ampHpGatewayScan {
      0%   { transform: translate3d(-100%, 0, 0); opacity: 0; }
      10%  { opacity: 1; }
      90%  { opacity: 1; }
      100% { transform: translate3d(100%, 0, 0); opacity: 0; }
    }

    /* Side nodes */
    .amp-hp-gateway-node {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      flex-shrink: 0;
      position: relative;
      z-index: 3;
    }
    .amp-hp-gateway-orb {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, rgba(40, 204, 205, 0.95), rgba(124, 58, 237, 0.55));
      box-shadow:
        0 0 0 6px rgba(40, 204, 205, 0.12),
        0 0 0 12px rgba(124, 58, 237, 0.06),
        0 0 28px rgba(40, 204, 205, 0.55),
        0 0 48px rgba(124, 58, 237, 0.35);
      animation: ampHpGatewayOrbPulse 2.6s ease-in-out infinite;
    }
    .amp-hp-gateway-node-right .amp-hp-gateway-orb {
      animation-delay: 1.3s;
    }
    @keyframes ampHpGatewayOrbPulse {
      0%, 100% { transform: scale(1); box-shadow: 0 0 0 6px rgba(40, 204, 205, 0.12), 0 0 0 12px rgba(124, 58, 237, 0.06), 0 0 28px rgba(40, 204, 205, 0.55), 0 0 48px rgba(124, 58, 237, 0.35); }
      50%      { transform: scale(1.12); box-shadow: 0 0 0 10px rgba(40, 204, 205, 0.08), 0 0 0 20px rgba(124, 58, 237, 0.04), 0 0 42px rgba(40, 204, 205, 0.75), 0 0 68px rgba(124, 58, 237, 0.5); }
    }
    .amp-hp-gateway-label {
      font-family: var(--amp-font-mono);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.65) !important;
      white-space: nowrap;
      text-shadow: 0 0 14px rgba(40, 204, 205, 0.35);
    }

    /* Energy beam connecting the nodes */
    .amp-hp-gateway-beam {
      position: relative;
      flex: 1;
      max-width: 520px;
      height: 2px;
      background: linear-gradient(90deg,
        rgba(40, 204, 205, 0.45) 0%,
        rgba(40, 204, 205, 0.15) 40%,
        rgba(124, 58, 237, 0.15) 60%,
        rgba(124, 58, 237, 0.45) 100%);
      border-radius: 2px;
      overflow: visible;
    }
    .amp-hp-gateway-beam-track {
      position: absolute;
      inset: 0;
      overflow: hidden;
      border-radius: 2px;
    }
    .amp-hp-gateway-energy {
      position: absolute;
      top: 0;
      left: -30%;
      width: 30%;
      height: 100%;
      background: linear-gradient(90deg,
        transparent 0%,
        rgba(40, 204, 205, 0.0) 10%,
        rgba(40, 204, 205, 1.0) 50%,
        rgba(255, 255, 255, 0.85) 75%,
        rgba(124, 58, 237, 1.0) 100%);
      filter: blur(1px);
      opacity: 0.9;
      animation: ampHpGatewayEnergy 3.2s linear infinite;
    }
    .amp-hp-gateway-energy:nth-child(2) { animation-delay: 1.07s; }
    .amp-hp-gateway-energy:nth-child(3) { animation-delay: 2.14s; }
    @keyframes ampHpGatewayEnergy {
      0%   { transform: translate3d(0, 0, 0); opacity: 0; }
      8%   { opacity: 0.9; }
      92%  { opacity: 0.9; }
      100% { transform: translate3d(430%, 0, 0); opacity: 0; }
    }

    /* Central core badge */
    .amp-hp-gateway-core {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 20px;
      border-radius: 100px;
      background: rgba(11, 15, 25, 0.85);
      border: 1px solid rgba(40, 204, 205, 0.45);
      box-shadow:
        0 0 0 1px rgba(40, 204, 205, 0.15),
        0 0 30px rgba(40, 204, 205, 0.25),
        inset 0 0 18px rgba(40, 204, 205, 0.08);
      z-index: 4;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }
    .amp-hp-gateway-core-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 0 4px rgba(40, 204, 205, 0.18), 0 0 12px rgba(40, 204, 205, 0.95);
      margin-right: 10px;
      animation: ampHpTocPulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    .amp-hp-gateway-core-ring {
      position: absolute;
      inset: -5px;
      border-radius: 100px;
      border: 1px solid rgba(40, 204, 205, 0.35);
      opacity: 0;
      transform: scale(0.92);
      animation: ampHpGatewayCoreRing 2.4s ease-out infinite;
    }
    @keyframes ampHpGatewayCoreRing {
      0%   { transform: scale(0.92); opacity: 0.6; }
      70%  { opacity: 0; }
      100% { transform: scale(1.35); opacity: 0; }
    }
    .amp-hp-gateway-core-text {
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #FFFFFF !important;
      white-space: nowrap;
    }

    /* Floating particles rising above/below the beam */
    .amp-hp-gateway-particles {
      position: absolute;
      inset: -48px 0;
      pointer-events: none;
      z-index: 2;
      overflow: hidden;
    }
    .amp-hp-gateway-particles span {
      position: absolute;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: rgba(40, 204, 205, 0.85);
      box-shadow: 0 0 8px rgba(40, 204, 205, 0.7);
      bottom: -10px;
      opacity: 0;
      animation: ampHpGatewayParticle 4.5s linear infinite;
    }
    .amp-hp-gateway-particles span:nth-child(1)  { left: 5%;  animation-delay: 0.0s; animation-duration: 4.2s; }
    .amp-hp-gateway-particles span:nth-child(2)  { left: 15%; animation-delay: 0.7s; animation-duration: 5.1s; }
    .amp-hp-gateway-particles span:nth-child(3)  { left: 28%; animation-delay: 1.4s; animation-duration: 4.7s; }
    .amp-hp-gateway-particles span:nth-child(4)  { left: 42%; animation-delay: 0.3s; animation-duration: 5.4s; }
    .amp-hp-gateway-particles span:nth-child(5)  { left: 55%; animation-delay: 2.1s; animation-duration: 4.0s; }
    .amp-hp-gateway-particles span:nth-child(6)  { left: 68%; animation-delay: 1.1s; animation-duration: 4.9s; }
    .amp-hp-gateway-particles span:nth-child(7)  { left: 78%; animation-delay: 0.5s; animation-duration: 5.6s; }
    .amp-hp-gateway-particles span:nth-child(8)  { left: 88%; animation-delay: 2.8s; animation-duration: 4.4s; }
    .amp-hp-gateway-particles span:nth-child(9)  { left: 35%; animation-delay: 3.5s; animation-duration: 5.2s; }
    .amp-hp-gateway-particles span:nth-child(10) { left: 62%; animation-delay: 4.1s; animation-duration: 4.6s; }
    @keyframes ampHpGatewayParticle {
      0%   { transform: translate3d(0, 0, 0) scale(0.6); opacity: 0; }
      10%  { opacity: 0.85; }
      90%  { opacity: 0.4; }
      100% { transform: translate3d(0, -110px, 0) scale(0.2); opacity: 0; }
    }

    /* Responsive adjustments for the gateway */
    @media (max-width: 768px) {
      .amp-hp-runtime-gateway { padding: 42px 0 52px; }
      .amp-hp-gateway-inner { gap: 18px; }
      .amp-hp-gateway-orb { width: 26px; height: 26px; }
      .amp-hp-gateway-label { font-size: 9.5px; letter-spacing: 0.12em; }
      .amp-hp-gateway-core { padding: 8px 14px; }
      .amp-hp-gateway-core-text { font-size: 10px; letter-spacing: 0.1em; }
      .amp-hp-gateway-beam { height: 1.5px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .amp-hp-gateway-grid,
      .amp-hp-gateway-scan,
      .amp-hp-gateway-orb,
      .amp-hp-gateway-energy,
      .amp-hp-gateway-core-ring,
      .amp-hp-gateway-particles span { animation: none; }
      .amp-hp-gateway-core-dot { animation: none; }
    }

    /* ==========================================================================
       SECTION 3: LIVE AI AGENT ACTIVITY TERMINAL
       ========================================================================== */
    .amp-hp-agents-grid {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 48px;
      align-items: center;
    }

    @media (max-width: 960px) {
      .amp-hp-agents-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-terminal-box {
      position: relative;
      border-radius: var(--amp-radius-lg);
      background: #060911;
      border: 1px solid rgba(255, 255, 255, 0.12);
      overflow: hidden;
      box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.65),
        0 0 60px rgba(40, 204, 205, 0.08);
      transition: box-shadow 0.4s ease, transform 0.4s ease;
    }
    .amp-hp-terminal-box::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: calc(var(--amp-radius-lg) + 1px);
      padding: 1px;
      background: conic-gradient(from 0deg, rgba(40, 204, 205, 0.0), rgba(40, 204, 205, 0.75), rgba(124, 58, 237, 0.75), rgba(40, 204, 205, 0.0));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      opacity: 0.55;
      animation: ampHpTerminalBorder 8s linear infinite;
      pointer-events: none;
      z-index: 1;
    }
    .amp-hp-terminal-box:hover {
      transform: translateY(-4px);
      box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.7),
        0 0 80px rgba(40, 204, 205, 0.16);
    }
    @keyframes ampHpTerminalBorder {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    .amp-hp-terminal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 20px;
      background: rgba(255, 255, 255, 0.04);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .amp-hp-terminal-dots {
      display: flex;
      gap: 8px;
    }

    .amp-hp-tdot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
    }
    .amp-hp-tdot-r { background: #FF5F56; }
    .amp-hp-tdot-y { background: #FFBD2E; }
    .amp-hp-tdot-g { background: #27C93F; }

    .amp-hp-terminal-nav-tabs {
      display: flex;
      gap: 6px;
    }

    .amp-hp-term-tab {
      font-family: var(--amp-font-mono);
      font-size: 12px;
      padding: 4px 12px;
      border-radius: 6px;
      color: rgba(255, 255, 255, 0.6) !important;
      background: transparent;
      border: 1px solid transparent;
      transition: all 0.2s ease;
    }

    .amp-hp-term-tab.active {
      color: var(--amp-teal-bright) !important;
      background: rgba(40, 204, 205, 0.15);
      border-color: rgba(40, 204, 205, 0.35);
    }

    .amp-hp-terminal-body {
      padding: 22px 24px;
      font-family: var(--amp-font-mono);
      font-size: 13.5px;
      line-height: 1.85;
      min-height: 330px;
      max-height: 330px;
      overflow-y: auto;
      color: #E2E8F0 !important;
    }

    .amp-hp-terminal-body .p { color: var(--amp-teal) !important; font-weight: 600; }
    .amp-hp-terminal-body .c { color: var(--amp-teal-bright) !important; }
    .amp-hp-terminal-body .g { color: var(--amp-green) !important; }
    .amp-hp-terminal-body .y { color: var(--amp-amber) !important; }
    .amp-hp-terminal-body .v { color: #A78BFA !important; }

    .amp-hp-tcaret {
      display: inline-block;
      width: 8px;
      height: 16px;
      background: var(--amp-teal-bright);
      vertical-align: -2px;
      animation: ampHpBlink 0.9s infinite;
    }

    .amp-hp-feat-stack {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 32px;
    }

    .amp-hp-feat-card {
      position: relative;
      display: flex;
      gap: 18px;
      padding: 18px 22px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      overflow: hidden;
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .amp-hp-feat-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.0), rgba(124, 58, 237, 0.0));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      opacity: 0;
      transition: opacity 0.35s ease;
      pointer-events: none;
    }

    .amp-hp-feat-card:hover {
      transform: translateX(10px) translateY(-2px);
      border-color: rgba(40, 204, 205, 0.55);
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.08) 0%, rgba(124, 58, 237, 0.06) 100%);
      box-shadow: 0 16px 38px -14px rgba(40, 204, 205, 0.22), 0 0 26px rgba(40, 204, 205, 0.08);
    }

    .amp-hp-feat-card:hover::before {
      opacity: 1;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.65), rgba(124, 58, 237, 0.45));
    }

    .amp-hp-feat-icon {
      position: relative;
      flex: 0 0 46px;
      height: 46px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.2), rgba(124, 58, 237, 0.2));
      border: 1px solid rgba(40, 204, 205, 0.35);
      color: #FFFFFF !important;
      transition: transform 0.35s ease, box-shadow 0.35s ease;
      z-index: 1;
    }

    .amp-hp-feat-card:hover .amp-hp-feat-icon {
      transform: scale(1.08);
      box-shadow: 0 0 22px rgba(40, 204, 205, 0.35);
    }

    /* Staggered entrance for feature cards when their parent reveals */
    .amp-hp-reveal .amp-hp-feat-card {
      opacity: 0;
      transform: translateX(-20px);
      transition:
        opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
        background 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
    }
    .amp-hp-reveal.is-visible .amp-hp-feat-card {
      opacity: 1;
      transform: translateX(0);
    }
    .amp-hp-reveal.is-visible .amp-hp-feat-card:nth-child(1) { transition-delay: 0.08s; }
    .amp-hp-reveal.is-visible .amp-hp-feat-card:nth-child(2) { transition-delay: 0.20s; }
    .amp-hp-reveal.is-visible .amp-hp-feat-card:nth-child(3) { transition-delay: 0.32s; }

    .amp-hp-feat-card h4 {
      font-family: var(--amp-font-display);
      font-size: 17px;
      color: #FFFFFF !important;
      margin-bottom: 4px;
    }

    .amp-hp-feat-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.82) !important;
      line-height: 1.5;
    }

    /* ==========================================================================
       SECTION 4: CORE CAPABILITIES BENTO GRID
       ========================================================================== */
    .amp-hp-bento-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    @media (max-width: 992px) {
      .amp-hp-bento-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 640px) {
      .amp-hp-bento-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-svc-card {
      position: relative;
      padding: 36px 30px;
      border-radius: var(--amp-radius-lg);
      background: var(--amp-card-bg);
      border: 1px solid var(--amp-card-border);
      backdrop-filter: blur(12px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      transition: all 0.35s ease;
    }

    .amp-hp-svc-card:hover {
      border-color: var(--amp-teal);
      transform: translateY(-6px);
      box-shadow: 0 20px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(40, 204, 205, 0.15);
    }

    .amp-hp-svc-card-glow {
      position: absolute;
      top: -80px;
      right: -80px;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(40, 204, 205, 0.18), transparent 70%);
      opacity: 0;
      transition: opacity 0.4s ease;
      pointer-events: none;
    }

    .amp-hp-svc-card:hover .amp-hp-svc-card-glow {
      opacity: 1;
    }

    .amp-hp-svc-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px;
    }

    .amp-hp-svc-icon-box {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.2), rgba(124, 58, 237, 0.2));
      border: 1px solid rgba(40, 204, 205, 0.35);
      color: #FFFFFF !important;
    }

    .amp-hp-svc-idx {
      font-family: var(--amp-font-mono);
      font-size: 13px;
      color: rgba(255, 255, 255, 0.45) !important;
      font-weight: 600;
    }

    .amp-hp-svc-card h3 {
      font-family: var(--amp-font-display);
      font-size: 21px;
      font-weight: 700;
      color: #FFFFFF !important;
      margin-bottom: 12px;
      line-height: 1.25;
    }

    .amp-hp-svc-card p {
      font-size: 14.5px;
      color: rgba(255, 255, 255, 0.84) !important;
      line-height: 1.6;
      margin-bottom: 24px;
      flex-grow: 1;
    }

    .amp-hp-svc-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--amp-font-mono);
      font-size: 13px;
      font-weight: 600;
      color: var(--amp-teal-bright) !important;
      letter-spacing: 0.05em;
    }

    .amp-hp-svc-link span {
      transition: transform 0.25s ease;
    }

    .amp-hp-svc-card:hover .amp-hp-svc-link span {
      transform: translateX(6px);
    }

    /* Capabilities Sub-Index Directory */
    .amp-hp-sub-dir {
      margin-top: 40px;
      padding: 24px 30px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 12px 24px;
      font-size: 13.5px;
    }

    .amp-hp-sub-dir span.title {
      font-family: var(--amp-font-mono);
      color: var(--amp-teal-bright) !important;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .amp-hp-sub-dir a {
      color: rgba(255, 255, 255, 0.85) !important;
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .amp-hp-sub-dir a:hover {
      color: var(--amp-teal-bright) !important;
    }

    /* ==========================================================================
       SECTION 5: BEFORE VS AFTER TRANSFORMATION MATRIX
       ========================================================================== */
    .amp-hp-bva-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;
      margin-top: 48px;
    }

    @media (max-width: 860px) {
      .amp-hp-bva-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-bva-card {
      padding: 36px 30px;
      border-radius: var(--amp-radius-lg);
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .amp-hp-bva-before {
      background: rgba(239, 68, 68, 0.04);
      border: 1px solid rgba(239, 68, 68, 0.2);
    }

    .amp-hp-bva-after {
      background: rgba(40, 204, 205, 0.05);
      border: 1px solid rgba(40, 204, 205, 0.35);
      box-shadow: 0 10px 40px rgba(40, 204, 205, 0.1);
    }

    .amp-hp-bva-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .amp-hp-bva-badge-bad {
      font-family: var(--amp-font-mono);
      font-size: 12px;
      padding: 4px 12px;
      border-radius: 100px;
      background: rgba(239, 68, 68, 0.15);
      color: #F87171 !important;
      border: 1px solid rgba(239, 68, 68, 0.3);
    }

    .amp-hp-bva-badge-good {
      font-family: var(--amp-font-mono);
      font-size: 12px;
      padding: 4px 12px;
      border-radius: 100px;
      background: rgba(40, 204, 205, 0.15);
      color: var(--amp-teal-bright) !important;
      border: 1px solid rgba(40, 204, 205, 0.35);
    }

    .amp-hp-bva-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .amp-hp-bva-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 14.5px;
      line-height: 1.5;
    }

    .amp-hp-bva-item i {
      flex: 0 0 20px;
      font-style: normal;
      font-weight: 700;
    }

    /* ==========================================================================
       SECTION 6: UNDER-THE-HOOD ARCHITECTURE (4 LAYERS)
       ========================================================================== */
    .amp-hp-arch-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 48px;
    }

    @media (max-width: 992px) {
      .amp-hp-arch-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .amp-hp-arch-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-arch-card {
      padding: 28px 24px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      display: flex;
      flex-direction: column;
      transition: all 0.3s ease;
    }

    .amp-hp-arch-card:hover {
      border-color: var(--amp-teal);
      background: rgba(40, 204, 205, 0.05);
      transform: translateY(-4px);
    }

    .amp-hp-arch-layer-num {
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      font-weight: 700;
      color: var(--amp-teal-bright) !important;
      letter-spacing: 0.1em;
      margin-bottom: 12px;
    }

    .amp-hp-arch-card h3 {
      font-family: var(--amp-font-display);
      font-size: 18px;
      color: #FFFFFF !important;
      margin-bottom: 10px;
    }

    .amp-hp-arch-card p {
      font-size: 13.5px;
      color: rgba(255, 255, 255, 0.8) !important;
      line-height: 1.55;
    }

    /* ==========================================================================
       SECTION 7: INDUSTRY SOLUTIONS
       ========================================================================== */
    .amp-hp-ind-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    @media (max-width: 960px) {
      .amp-hp-ind-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .amp-hp-ind-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-ind-card {
      padding: 30px 26px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
    }

    .amp-hp-ind-card:hover {
      border-color: rgba(124, 58, 237, 0.5);
      background: rgba(124, 58, 237, 0.05);
      transform: translateY(-4px);
    }

    .amp-hp-ind-badge {
      display: inline-block;
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      color: #C084FC !important;
      background: rgba(124, 58, 237, 0.15);
      border: 1px solid rgba(124, 58, 237, 0.3);
      padding: 3px 10px;
      border-radius: 100px;
      margin-bottom: 16px;
      width: fit-content;
    }

    .amp-hp-ind-card h3 {
      font-family: var(--amp-font-display);
      font-size: 19px;
      color: #FFFFFF !important;
      margin-bottom: 10px;
    }

    .amp-hp-ind-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.82) !important;
      line-height: 1.55;
      margin-bottom: 20px;
      flex-grow: 1;
    }

    .amp-hp-ind-metrics {
      display: flex;
      justify-content: space-between;
      padding: 12px 14px;
      border-radius: 10px;
      background: rgba(8, 12, 20, 0.6);
      margin-bottom: 18px;
      font-family: var(--amp-font-mono);
      font-size: 12px;
    }

    .amp-hp-ind-metrics span b {
      color: var(--amp-teal-bright) !important;
    }

    /* ==========================================================================
       SECTION 8: INTERACTIVE ROI CALCULATOR
       ========================================================================== */
    .amp-hp-roi-sec {
      background: radial-gradient(circle at 50% 50%, rgba(40, 204, 205, 0.08), transparent 70%);
    }

    .amp-hp-roi-container {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 40px;
      background: linear-gradient(160deg, rgba(22, 32, 50, 0.8), rgba(11, 15, 25, 0.98));
      border: 1px solid rgba(40, 204, 205, 0.35);
      border-radius: var(--amp-radius-xl);
      padding: 48px;
      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
    }

    @media (max-width: 960px) {
      .amp-hp-roi-container { grid-template-columns: 1fr; padding: 32px 24px; }
    }

    .amp-hp-slider-group {
      margin-bottom: 28px;
    }

    .amp-hp-slider-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }

    .amp-hp-slider-title {
      font-size: 15px;
      font-weight: 600;
      color: #FFFFFF !important;
    }

    .amp-hp-slider-val {
      font-family: var(--amp-font-mono);
      font-size: 18px;
      font-weight: 700;
      color: var(--amp-teal-bright) !important;
    }

    .amp-hp-range {
      width: 100%;
      height: 7px;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.15);
      outline: none;
      -webkit-appearance: none;
      cursor: pointer;
    }

    .amp-hp-range::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 14px var(--amp-teal);
      cursor: pointer;
      border: 2px solid #080C14;
    }

    .amp-hp-roi-results {
      background: rgba(8, 12, 20, 0.88);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      padding: 32px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .amp-hp-roi-metric-big {
      margin-bottom: 24px;
    }

    .amp-hp-roi-big-label {
      font-family: var(--amp-font-mono);
      font-size: 13px;
      color: rgba(255, 255, 255, 0.65) !important;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .amp-hp-roi-big-num {
      font-family: var(--amp-font-display);
      font-size: clamp(34px, 4vw, 48px);
      font-weight: 800;
      color: var(--amp-teal-bright) !important;
      line-height: 1.1;
      margin-top: 4px;
    }

    .amp-hp-roi-sub-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      padding: 18px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      margin-bottom: 24px;
    }

    .amp-hp-roi-sub-num {
      font-family: var(--amp-font-display);
      font-size: 22px;
      font-weight: 700;
      color: #FFFFFF !important;
    }

    .amp-hp-roi-sub-lbl {
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      color: rgba(255, 255, 255, 0.65) !important;
    }

    .amp-hp-roi-form {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .amp-hp-input {
      width: 100%;
      padding: 14px 18px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #FFFFFF !important;
      font-family: var(--amp-font-body);
      font-size: 14px;
      outline: none;
      transition: border-color 0.25s ease;
    }

    .amp-hp-input::placeholder {
      color: rgba(255, 255, 255, 0.45) !important;
    }

    .amp-hp-input:focus {
      border-color: var(--amp-teal);
      background: rgba(255, 255, 255, 0.09);
    }

    /* ==========================================================================
       SECTION 9: AI READINESS ASSESSMENT
       ========================================================================== */
    .amp-hp-audit-widget {
      max-width: 860px;
      margin: 0 auto;
      border-radius: 24px;
      background: rgba(18, 24, 38, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.12);
      padding: 40px;
      backdrop-filter: blur(14px);
    }

    @media (max-width: 640px) {
      .amp-hp-audit-widget { padding: 24px 18px; }
    }

    .amp-hp-audit-step {
      display: none;
    }

    .amp-hp-audit-step.active {
      display: block;
    }

    .amp-hp-audit-options {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin: 24px 0 32px;
    }

    @media (max-width: 640px) {
      .amp-hp-audit-options { grid-template-columns: 1fr; }
    }

    .amp-hp-audit-opt {
      padding: 16px 20px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      cursor: pointer;
      transition: all 0.2s ease;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 14.5px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.9) !important;
    }

    .amp-hp-audit-opt:hover, .amp-hp-audit-opt.selected {
      border-color: var(--amp-teal);
      background: rgba(40, 204, 205, 0.12);
      color: #FFFFFF !important;
    }

    .amp-hp-audit-score-box {
      text-align: center;
      padding: 30px 20px;
    }

    .amp-hp-audit-dial {
      font-family: var(--amp-font-display);
      font-size: 56px;
      font-weight: 800;
      color: var(--amp-teal-bright) !important;
      margin-bottom: 8px;
    }

    /* ==========================================================================
       SECTION 10: VALUE COMPARISON MATRIX
       ========================================================================== */
    .amp-hp-table-wrap {
      overflow-x: auto;
      border-radius: 20px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(8, 12, 20, 0.75);
    }

    .amp-hp-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      font-size: 14.5px;
    }

    .amp-hp-table th, .amp-hp-table td {
      padding: 20px 24px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .amp-hp-table th {
      font-family: var(--amp-font-mono);
      font-size: 13px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.65) !important;
      background: rgba(255, 255, 255, 0.03);
    }

    .amp-hp-table th.highlight-col, .amp-hp-table td.highlight-col {
      background: rgba(40, 204, 205, 0.08);
      border-left: 1px solid rgba(40, 204, 205, 0.3);
      border-right: 1px solid rgba(40, 204, 205, 0.3);
    }

    .amp-hp-table td.highlight-col {
      font-weight: 700;
      color: #FFFFFF !important;
    }

    /* ==========================================================================
       SECTION 11: 4-PHASE DEPLOYMENT
       ========================================================================== */
    .amp-hp-process-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      position: relative;
    }

    @media (max-width: 992px) {
      .amp-hp-process-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .amp-hp-process-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-process-card {
      padding: 32px 24px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      position: relative;
    }

    .amp-hp-process-step-num {
      font-family: var(--amp-font-mono);
      font-size: 12px;
      font-weight: 700;
      color: var(--amp-teal-bright) !important;
      background: rgba(40, 204, 205, 0.12);
      border: 1px solid rgba(40, 204, 205, 0.3);
      padding: 4px 10px;
      border-radius: var(--amp-radius-pill);
      display: inline-block;
      margin-bottom: 18px;
    }

    .amp-hp-process-card h3 {
      font-family: var(--amp-font-display);
      font-size: 19px;
      color: #FFFFFF !important;
      margin-bottom: 10px;
    }

    .amp-hp-process-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.82) !important;
      line-height: 1.55;
    }

    /* ==========================================================================
       SECTION 12: TECH STACK ECOSYSTEM
       ========================================================================== */
    .amp-hp-tech-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 16px;
    }

    @media (max-width: 960px) {
      .amp-hp-tech-grid { grid-template-columns: repeat(3, 1fr); }
    }

    @media (max-width: 500px) {
      .amp-hp-tech-grid { grid-template-columns: repeat(2, 1fr); }
    }

    .amp-hp-tech-pill {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 20px 14px;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.25s ease;
      text-align: center;
    }

    .amp-hp-tech-pill:hover {
      border-color: var(--amp-teal);
      transform: translateY(-4px);
      background: rgba(40, 204, 205, 0.08);
    }

    .amp-hp-tech-pill b {
      font-family: var(--amp-font-mono);
      font-size: 14px;
      color: #FFFFFF !important;
      margin-top: 6px;
    }

    .amp-hp-tech-pill span {
      font-size: 11.5px;
      color: rgba(255, 255, 255, 0.65) !important;
    }

    /* ==========================================================================
       SECTION 13: QUANTIFIED CASE STUDIES
       ========================================================================== */
    .amp-hp-case-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 26px;
      margin-top: 48px;
    }

    @media (max-width: 960px) {
      .amp-hp-case-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-case-card {
      padding: 34px 28px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: all 0.3s ease;
    }

    .amp-hp-case-card:hover {
      border-color: var(--amp-teal);
      transform: translateY(-6px);
      box-shadow: 0 20px 45px rgba(0,0,0,0.4);
    }

    .amp-hp-case-tag {
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      color: var(--amp-teal-bright) !important;
      background: rgba(40, 204, 205, 0.12);
      border: 1px solid rgba(40, 204, 205, 0.3);
      padding: 3px 10px;
      border-radius: 100px;
      margin-bottom: 16px;
      width: fit-content;
    }

    .amp-hp-case-card h3 {
      font-family: var(--amp-font-display);
      font-size: 20px;
      color: #FFFFFF !important;
      margin-bottom: 12px;
      line-height: 1.3;
    }

    .amp-hp-case-card p {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.84) !important;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .amp-hp-case-stat-box {
      padding: 14px 16px;
      border-radius: 12px;
      background: rgba(8, 12, 20, 0.7);
      border: 1px solid rgba(255, 255, 255, 0.06);
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }

    .amp-hp-case-stat-box span {
      font-size: 12.5px;
      color: rgba(255, 255, 255, 0.65) !important;
    }

    .amp-hp-case-stat-box b {
      font-family: var(--amp-font-mono);
      font-size: 16px;
      color: var(--amp-teal-bright) !important;
    }

    /* ==========================================================================
       SECTION 14: SOCIAL PROOF & TESTIMONIALS
       ========================================================================== */
    .amp-hp-testi-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    @media (max-width: 960px) {
      .amp-hp-testi-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-testi-card {
      padding: 32px 28px;
      border-radius: 20px;
      background: var(--amp-card-bg);
      border: 1px solid var(--amp-card-border);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .amp-hp-testi-stars {
      color: #FBBF24 !important;
      margin-bottom: 16px;
      font-size: 16px;
      letter-spacing: 2px;
    }

    .amp-hp-testi-text {
      font-size: 15px;
      color: rgba(255, 255, 255, 0.88) !important;
      line-height: 1.65;
      margin-bottom: 24px;
      font-style: italic;
    }

    .amp-hp-testi-author {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .amp-hp-testi-av {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--amp-grad-brand);
      color: #080C14 !important;
      font-weight: 800;
      font-family: var(--amp-font-display);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
    }

    .amp-hp-testi-info b {
      display: block;
      font-size: 15px;
      color: #FFFFFF !important;
    }

    .amp-hp-testi-info span {
      font-size: 12.5px;
      color: rgba(255, 255, 255, 0.65) !important;
    }

    /* ==========================================================================
       SECTION 15: LEAD MAGNET
       ========================================================================== */
    .amp-hp-magnet-box {
      border-radius: var(--amp-radius-xl);
      background: linear-gradient(135deg, rgba(124, 58, 237, 0.18) 0%, rgba(40, 204, 205, 0.15) 100%);
      border: 1px solid rgba(40, 204, 205, 0.4);
      padding: 56px 48px;
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 40px;
      align-items: center;
    }

    @media (max-width: 960px) {
      .amp-hp-magnet-box { grid-template-columns: 1fr; padding: 36px 24px; }
    }

    /* ==========================================================================
       SECTION 16: GUARANTEE PLEDGE (4 PILLARS)
       ========================================================================== */
    .amp-hp-guar-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 48px;
    }

    @media (max-width: 992px) {
      .amp-hp-guar-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .amp-hp-guar-grid { grid-template-columns: 1fr; }
    }

    .amp-hp-guar-card {
      padding: 28px 22px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      text-align: center;
    }

    .amp-hp-guar-icon {
      font-size: 32px;
      margin-bottom: 14px;
    }

    .amp-hp-guar-card h4 {
      font-family: var(--amp-font-display);
      font-size: 17px;
      color: #FFFFFF !important;
      margin-bottom: 8px;
    }

    .amp-hp-guar-card p {
      font-size: 13.5px;
      color: rgba(255, 255, 255, 0.8) !important;
      line-height: 1.5;
    }

    /* ==========================================================================
       SECTION 17: MASTER SITE DIRECTORY GRID (COMPLETE URL REPOSITORY)
       ========================================================================== */
    .amp-hp-dir-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 32px;
      margin-top: 48px;
      padding: 40px;
      border-radius: 20px;
      background: rgba(8, 12, 20, 0.75);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    @media (max-width: 992px) {
      .amp-hp-dir-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
      .amp-hp-dir-grid { grid-template-columns: 1fr; padding: 24px; }
    }

    .amp-hp-dir-col h4 {
      font-family: var(--amp-font-display);
      font-size: 16px;
      font-weight: 700;
      color: var(--amp-teal-bright) !important;
      margin-bottom: 16px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .amp-hp-dir-col ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .amp-hp-dir-col ul a {
      font-size: 13.5px;
      color: rgba(255, 255, 255, 0.8) !important;
      transition: color 0.2s ease, transform 0.2s ease;
      display: inline-block;
    }

    .amp-hp-dir-col ul a:hover {
      color: var(--amp-teal-bright) !important;
      transform: translateX(4px);
    }

    /* ==========================================================================
       SECTION 18: AEO/GEO FAQ
       ========================================================================== */
    .amp-hp-faq-stack {
      max-width: 860px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .amp-hp-faq-item {
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.035);
      border: 1px solid rgba(255, 255, 255, 0.08);
      overflow: hidden;
      transition: border-color 0.25s ease;
    }

    .amp-hp-faq-item.active {
      border-color: rgba(40, 204, 205, 0.45);
      background: rgba(40, 204, 205, 0.04);
    }

    .amp-hp-faq-trigger {
      width: 100%;
      padding: 22px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      text-align: left;
      font-family: var(--amp-font-display);
      font-size: 17px;
      font-weight: 700;
      color: #FFFFFF !important;
      cursor: pointer;
    }

    .amp-hp-faq-icon {
      flex: 0 0 24px;
      height: 24px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      transition: transform 0.3s ease;
      color: #FFFFFF !important;
    }

    .amp-hp-faq-item.active .amp-hp-faq-icon {
      transform: rotate(45deg);
      border-color: var(--amp-teal);
      color: var(--amp-teal) !important;
    }

    .amp-hp-faq-content {
      display: none;
      padding: 0 24px 22px;
      font-size: 15px;
      color: rgba(255, 255, 255, 0.85) !important;
      line-height: 1.7;
    }

    .amp-hp-faq-item.active .amp-hp-faq-content {
      display: block;
    }

    /* ==========================================================================
       SECTION 19: FINAL CONVERSION HUD
       ========================================================================== */
    .amp-hp-final-cta-box {
      border-radius: var(--amp-radius-xl);
      background: linear-gradient(160deg, rgba(22, 32, 50, 0.85), rgba(8, 12, 20, 0.98));
      border: 1px solid rgba(40, 204, 205, 0.45);
      padding: 64px 36px;
      text-align: center;
      position: relative;
      overflow: hidden;
      box-shadow: 0 30px 90px rgba(0, 0, 0, 0.6);
    }

    .amp-hp-final-form {
      max-width: 580px;
      margin: 36px auto 0;
      display: flex;
      flex-direction: column;
      gap: 14px;
      position: relative;
      z-index: 2;
    }

    .amp-hp-form-row-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .amp-hp-form-row-1 {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .amp-hp-form-row-1 textarea.amp-hp-input {
      resize: vertical;
      min-height: 90px;
      padding-top: 14px;
    }

    @media (max-width: 600px) {
      .amp-hp-form-row-2 { grid-template-columns: 1fr; }
    }

    /* Toast Notification */
    .amp-hp-toast {
      position: fixed;
      bottom: 24px;
      right: 24px;
      padding: 16px 24px;
      border-radius: 14px;
      background: #080C14;
      border: 1px solid var(--amp-teal);
      color: #FFFFFF !important;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 20px rgba(40, 204, 205, 0.3);
      font-size: 14.5px;
      z-index: 9999;
      display: none;
      align-items: center;
      gap: 12px;
    }

    .amp-hp-toast.show {
      display: flex;
      animation: ampHpFloat 0.4s ease-out;
    }

    /* ==========================================================================
       RECONSTRUCTED STYLES — Restored from HTML class signatures
       Sections: Hero right column, Founders, Workflow, Case Studies, Verified Track Record,
       Proof Gallery, TOC, Lightbox, ROI Calculator, etc.
       ========================================================================== */

    /* ---- HERO RIGHT COLUMN (Agent HUD card) ---- */
    .amp-hp-root .amp-hp-hero-right { display: flex; flex-direction: column; }
    .amp-hp-root .amp-hp-ac-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid rgba(40, 204, 205, 0.25); }
    .amp-hp-root .amp-hp-ac-id { font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-ac-status { font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--amp-teal-bright); display: inline-flex; align-items: center; gap: 6px; }
    .amp-hp-root .amp-hp-ac-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--amp-teal-bright); box-shadow: 0 0 8px var(--amp-teal-bright); animation: ampHpPulse 1.6s ease-in-out infinite; }
    .amp-hp-root .amp-hp-ac-canvas-box { position: relative; padding: 8px; background: #06080F; }
    .amp-hp-root .amp-hp-ac-canvas-box canvas { width: 100%; height: 220px; display: block; }
    .amp-hp-root .amp-hp-ac-mesh-info { position: absolute; bottom: 16px; left: 16px; right: 16px; display: flex; justify-content: space-between; font-family: var(--amp-font-mono); font-size: 9.5px; letter-spacing: 0.14em; color: rgba(255, 255, 255, 0.55); pointer-events: none; }
    .amp-hp-root .amp-hp-ac-rows { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
    .amp-hp-root .amp-hp-ac-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 10px; background: rgba(255, 255, 255, 0.025); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 8px; font-size: 12px; color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-tag { font-family: var(--amp-font-mono); font-size: 9.5px; letter-spacing: 0.14em; padding: 3px 8px; border-radius: 999px; flex-shrink: 0; }
    .amp-hp-root .amp-hp-tag-done { background: rgba(40, 204, 205, 0.12); color: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-tag-run { background: rgba(245, 158, 11, 0.12); color: #F59E0B; }
    .amp-hp-root .amp-hp-tag-q { background: rgba(124, 58, 237, 0.12); color: var(--amp-violet-soft); }

    /* ---- FOUNDERS ---- */
    .amp-hp-root .amp-hp-founders-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    @media (max-width: 860px) { .amp-hp-root .amp-hp-founders-grid { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-founder-card { padding: 30px 28px; border-radius: 22px; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); display: flex; flex-direction: column; gap: 16px; position: relative; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease; }
    .amp-hp-root .amp-hp-founder-card:hover { transform: translateY(-4px); border-color: rgba(40, 204, 205, 0.45); }
    .amp-hp-root .amp-hp-founder-glow { position: absolute; top: -50%; right: -20%; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(40, 204, 205, 0.18) 0%, transparent 65%); pointer-events: none; }
    .amp-hp-root .amp-hp-founder-top { display: flex; align-items: center; gap: 16px; position: relative; z-index: 1; }
    .amp-hp-root .amp-hp-founder-avatar { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--amp-font-display); font-size: 18px; font-weight: 800; color: var(--amp-text-pure-white); background: linear-gradient(135deg, var(--amp-teal) 0%, var(--amp-violet) 100%); flex-shrink: 0; box-shadow: 0 8px 24px rgba(40, 204, 205, 0.3); }
    .amp-hp-root .amp-hp-founder-name { font-family: var(--amp-font-display); font-size: 20px; font-weight: 800; color: var(--amp-text-pure-white); margin: 0; }
    .amp-hp-root .amp-hp-founder-role { font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--amp-teal-bright); text-transform: uppercase; margin: 4px 0 0; }
    .amp-hp-root .amp-hp-founder-bio { font-size: 14px; line-height: 1.65; color: var(--amp-text-muted); margin: 0; }
    .amp-hp-root .amp-hp-founder-chips { display: flex; flex-wrap: wrap; gap: 6px; }
    .amp-hp-root .amp-hp-founder-chip { font-family: var(--amp-font-mono); font-size: 9.5px; letter-spacing: 0.14em; padding: 4px 10px; border-radius: 999px; background: rgba(40, 204, 205, 0.08); color: var(--amp-teal-bright); border: 1px solid rgba(40, 204, 205, 0.25); text-transform: uppercase; }
    .amp-hp-root .amp-hp-founder-foot { font-size: 13px; color: var(--amp-text-main); padding-top: 14px; border-top: 1px solid var(--amp-card-border); }

    /* ---- WORKFLOW (After Purchase Delivery) ---- */
    /* ---- WORKFLOW SECTIONS: WordPress & Odoo Pipeline ---- */
    .amp-hp-root .amp-hp-wf {
      position: relative;
      padding: 80px 0;
      overflow: hidden;
      background:
        radial-gradient(circle at 20% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 55%),
        radial-gradient(circle at 85% 100%, rgba(124, 58, 237, 0.09) 0%, transparent 55%);
      border-top: 1px solid rgba(40, 204, 205, 0.12);
      border-bottom: 1px solid rgba(124, 58, 237, 0.12);
    }
    .amp-hp-root .amp-hp-wf::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(40, 204, 205, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(40, 204, 205, 0.03) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: radial-gradient(ellipse at center, black 25%, transparent 80%);
      -webkit-mask-image: radial-gradient(ellipse at center, black 25%, transparent 80%);
      animation: ampHpWfGrid 24s linear infinite;
      pointer-events: none;
    }
    .amp-hp-root .amp-hp-wf-odoo::before {
      animation-direction: reverse;
      background-image:
        linear-gradient(rgba(124, 58, 237, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 58, 237, 0.03) 1px, transparent 1px);
    }
    @keyframes ampHpWfGrid {
      0%   { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-52px, 0, 0); }
    }

    .amp-hp-root .amp-hp-wf-head {
      position: relative;
      z-index: 2;
      text-align: center;
      max-width: 760px;
      margin: 0 auto 34px;
    }

    /* Stats row */
    .amp-hp-root .amp-hp-wf-stats {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-bottom: 36px;
    }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-wf-stats { grid-template-columns: repeat(2, 1fr); } }
    .amp-hp-root .amp-hp-wf-stat {
      position: relative;
      background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 18px;
      padding: 22px 14px;
      text-align: center;
      overflow: hidden;
      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    }
    .amp-hp-root .amp-hp-wf-stat::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 18px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(40,204,205,0.5), rgba(124,58,237,0.35));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      opacity: 0;
      transition: opacity 0.35s ease;
      pointer-events: none;
    }
    .amp-hp-root .amp-hp-wf-stat:hover {
      transform: translateY(-5px);
      border-color: rgba(40, 204, 205, 0.35);
      box-shadow: 0 18px 40px -14px rgba(40, 204, 205, 0.18), 0 0 28px rgba(40, 204, 205, 0.08);
    }
    .amp-hp-root .amp-hp-wf-stat:hover::before { opacity: 1; }
    .amp-hp-root .amp-hp-wf-stat b {
      position: relative;
      z-index: 1;
      font-family: var(--amp-font-display);
      font-size: clamp(24px, 2.6vw, 34px);
      font-weight: 800;
      color: #FFFFFF !important;
      display: block;
      text-shadow: 0 0 18px rgba(40, 204, 205, 0.25);
      margin-bottom: 4px;
    }
    .amp-hp-root .amp-hp-wf-stat span {
      position: relative;
      z-index: 1;
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      color: rgba(255,255,255,0.55) !important;
      text-transform: uppercase;
    }

    /* Workflow map container */
    .amp-hp-root .amp-hp-wf-map {
      position: relative;
      z-index: 2;
      background: linear-gradient(180deg, rgba(11,15,25,0.72) 0%, rgba(11,15,25,0.92) 100%);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 24px;
      padding: 32px 28px;
      margin-bottom: 28px;
      box-shadow:
        0 30px 70px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.06);
      overflow: hidden;
    }
    .amp-hp-root .amp-hp-wf-map::after {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: 24px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(40,204,205,0.45) 0%, rgba(124,58,237,0.35) 50%, rgba(40,204,205,0.25) 100%);
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      pointer-events: none;
      z-index: 0;
    }
    .amp-hp-root .amp-hp-wf-map > * { position: relative; z-index: 1; }

    .amp-hp-root .amp-hp-wf-map-title {
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      color: rgba(255,255,255,0.45) !important;
      text-transform: uppercase;
      margin-bottom: 24px;
    }
    .amp-hp-root .amp-hp-wf-map-title b {
      color: var(--amp-teal-bright) !important;
      text-shadow: 0 0 12px rgba(40, 204, 205, 0.35);
    }

    /* Pipeline lane and nodes */
    .amp-hp-root .amp-hp-wf-lane {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      align-items: stretch;
      margin-bottom: 28px;
    }
    .amp-hp-root .amp-hp-wf-node {
      position: relative;
      flex: 1 1 160px;
      min-width: 160px;
      padding: 20px 16px;
      background: linear-gradient(160deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.015) 100%);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 16px;
      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
      overflow: hidden;
    }
    .amp-hp-root .amp-hp-wf-node:hover {
      transform: translateY(-5px);
      border-color: rgba(40, 204, 205, 0.45);
      box-shadow: 0 16px 36px -12px rgba(40, 204, 205, 0.20), 0 0 22px rgba(40, 204, 205, 0.08);
    }
    .amp-hp-root .amp-hp-wf-node small {
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      color: var(--amp-teal-bright) !important;
      display: block;
      margin-bottom: 8px;
    }
    .amp-hp-root .amp-hp-wf-node h3 {
      font-family: var(--amp-font-display);
      font-size: 15px;
      font-weight: 700;
      color: #FFFFFF !important;
      margin: 0 0 8px;
    }
    .amp-hp-root .amp-hp-wf-node p {
      font-size: 12px;
      line-height: 1.55;
      color: rgba(255,255,255,0.72) !important;
      margin: 0;
    }

    /* Animated connector arrows between pipeline nodes */
    .amp-hp-root .amp-hp-wf-connector {
      position: relative;
      width: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--amp-teal-bright);
      font-size: 16px;
      opacity: 1;
    }
    .amp-hp-root .amp-hp-wf-connector::before {
      content: "›";
    }
    .amp-hp-root .amp-hp-wf-connector::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, rgba(40,204,205,0.0), rgba(40,204,205,0.75), rgba(124,58,237,0.75), rgba(40,204,205,0.0));
      transform: translateY(-50%);
      opacity: 0.6;
    }
    .amp-hp-root .amp-hp-wf-connector .amp-hp-wf-pulse {
      position: absolute;
      top: 50%;
      left: -4px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 10px var(--amp-teal-bright);
      transform: translateY(-50%);
      opacity: 0;
      animation: ampHpWfConnectorPulse 2.4s ease-in-out infinite;
    }
    @keyframes ampHpWfConnectorPulse {
      0%   { left: -4px; opacity: 0; }
      15%  { opacity: 1; }
      85%  { opacity: 1; }
      100% { left: calc(100% + 4px); opacity: 0; }
    }

    /* Branches */
    .amp-hp-root .amp-hp-wf-branches {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-bottom: 28px;
    }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-wf-branches { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-wf-branch {
      position: relative;
      padding: 22px;
      background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 18px;
      overflow: hidden;
      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    }
    .amp-hp-root .amp-hp-wf-branch:hover {
      transform: translateY(-4px);
      border-color: rgba(124, 58, 237, 0.45);
      box-shadow: 0 16px 36px -12px rgba(124, 58, 237, 0.18);
    }
    .amp-hp-root .amp-hp-wf-branch h4 {
      font-family: var(--amp-font-display);
      font-size: 15px;
      color: var(--amp-teal-bright) !important;
      margin: 0 0 10px;
    }
    .amp-hp-root .amp-hp-wf-branch p {
      font-size: 13px;
      color: rgba(255,255,255,0.75) !important;
      line-height: 1.55;
      margin-bottom: 14px;
    }
    .amp-hp-root .amp-hp-wf-branch ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
    .amp-hp-root .amp-hp-wf-branch li { font-size: 12.5px; color: #FFFFFF !important; padding-left: 18px; position: relative; }
    .amp-hp-root .amp-hp-wf-branch li::before { content: "›"; position: absolute; left: 0; color: var(--amp-teal-bright); font-weight: 700; }

    /* Pills */
    .amp-hp-root .amp-hp-wf-pills { display: flex; flex-wrap: wrap; gap: 8px; }
    .amp-hp-root .amp-hp-wf-pills span {
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.12em;
      padding: 5px 10px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.05);
      color: rgba(255,255,255,0.75) !important;
      border: 1px solid rgba(255,255,255,0.12);
      text-transform: uppercase;
      transition: all 0.25s ease;
      cursor: default;
    }
    .amp-hp-root .amp-hp-wf-pills span:hover {
      background: rgba(40, 204, 205, 0.12);
      border-color: rgba(40, 204, 205, 0.45);
      color: #FFFFFF !important;
      box-shadow: 0 0 14px rgba(40, 204, 205, 0.18);
      transform: translateY(-2px);
    }

    /* Outputs — redesigned as two centered, iconic benefit cards */
    .amp-hp-root .amp-hp-wf-outputs {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 28px;
      max-width: 880px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-wf-outputs { grid-template-columns: 1fr; gap: 22px; } }

    .amp-hp-root .amp-hp-wf-output {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 34px 28px;
      background: linear-gradient(160deg, rgba(11,15,25,0.78) 0%, rgba(11,15,25,0.95) 100%);
      border: 1px solid rgba(255, 255, 255, 0.10);
      border-radius: 22px;
      overflow: hidden;
      transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
                  border-color 0.35s ease,
                  box-shadow 0.45s ease;
    }
    /* Animated gradient border reveal via pseudo-element */
    .amp-hp-root .amp-hp-wf-output::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 22px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(40,204,205,0.0), rgba(124,58,237,0.0));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
              mask-composite: exclude;
      opacity: 0;
      transition: opacity 0.4s ease, background 0.4s ease;
      pointer-events: none;
    }
    .amp-hp-root .amp-hp-wf-output:hover {
      transform: translateY(-8px);
      border-color: rgba(40, 204, 205, 0.35);
      box-shadow:
        0 24px 50px -16px rgba(40, 204, 205, 0.22),
        0 0 40px rgba(40, 204, 205, 0.08);
    }
    .amp-hp-root .amp-hp-wf-output:hover::before {
      opacity: 1;
      background: linear-gradient(135deg, rgba(40,204,205,0.65), rgba(124,58,237,0.45));
    }

    /* Icon bubble */
    .amp-hp-root .amp-hp-wf-output-icon {
      position: relative;
      width: 68px;
      height: 68px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      background: linear-gradient(135deg, rgba(40,204,205,0.18), rgba(124,58,237,0.12));
      border: 1px solid rgba(40, 204, 205, 0.35);
      box-shadow: 0 0 24px rgba(40, 204, 205, 0.15);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      z-index: 1;
    }
    .amp-hp-root .amp-hp-wf-output:hover .amp-hp-wf-output-icon {
      transform: scale(1.08) translateY(-4px);
      box-shadow: 0 0 36px rgba(40, 204, 205, 0.28);
    }
    .amp-hp-root .amp-hp-wf-output-icon svg {
      width: 30px;
      height: 30px;
      color: #FFFFFF;
      filter: drop-shadow(0 0 6px rgba(40, 204, 205, 0.5));
    }

    .amp-hp-root .amp-hp-wf-output h4 {
      position: relative;
      z-index: 1;
      font-family: var(--amp-font-display);
      font-size: 18px;
      font-weight: 700;
      color: #FFFFFF !important;
      margin-bottom: 12px;
    }
    .amp-hp-root .amp-hp-wf-output p {
      position: relative;
      z-index: 1;
      font-size: 13.5px;
      line-height: 1.65;
      color: rgba(255,255,255,0.78) !important;
    }
    .amp-hp-root .amp-hp-wf-output b {
      color: #FFFFFF !important;
      font-weight: 700;
    }
    .amp-hp-root .amp-hp-wf-output span { font-size: 11px; color: rgba(255,255,255,0.55) !important; text-transform: uppercase; letter-spacing: 0.1em; }

    /* Footer + buy row */
    .amp-hp-root .amp-hp-wf-foot {
      position: relative;
      z-index: 2;
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      color: rgba(255,255,255,0.45) !important;
      text-transform: uppercase;
      text-align: center;
      padding-top: 22px;
      border-top: 1px solid rgba(255,255,255,0.10);
    }
    .amp-hp-root .amp-hp-wf-foot a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 12px;
      padding: 12px 24px;
      border-radius: 100px;
      background: rgba(40, 204, 205, 0.10);
      border: 1px solid rgba(40, 204, 205, 0.30);
      color: var(--amp-teal-bright) !important;
      font-weight: 700;
      transition: all 0.3s ease;
    }
    .amp-hp-root .amp-hp-wf-foot a:hover {
      background: rgba(40, 204, 205, 0.18);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 0 24px rgba(40, 204, 205, 0.25);
      transform: translateY(-2px);
    }
    .amp-hp-root .amp-hp-wf-buyrow {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      margin-top: 18px;
    }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-wf-buyrow { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-wf-buy {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 18px 28px;
      background: linear-gradient(135deg, rgba(40,204,205,0.18) 0%, rgba(124,58,237,0.12) 100%);
      border: 1px solid rgba(40, 204, 205, 0.35);
      border-radius: 100px;
      color: #FFFFFF !important;
      font-family: var(--amp-font-display);
      font-weight: 700;
      font-size: 15px;
      text-align: center;
      transition: all 0.35s ease;
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root .amp-hp-wf-buy span { transition: transform 0.25s ease; }
    .amp-hp-root .amp-hp-wf-buy:hover {
      transform: translateY(-3px);
      border-color: rgba(40, 204, 205, 0.65);
      box-shadow: 0 14px 36px -10px rgba(40, 204, 205, 0.30), 0 0 28px rgba(40, 204, 205, 0.15);
    }
    .amp-hp-root .amp-hp-wf-buy:hover span { transform: translateX(5px); }
    .amp-hp-root .amp-hp-wf-buynote {
      display: block;
      text-align: center;
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.12em;
      color: rgba(255,255,255,0.45) !important;
      padding-top: 16px;
      border-top: 1px dashed rgba(255,255,255,0.12);
    }
    .amp-hp-root .amp-hp-dlv { padding: 60px 0; }
    .amp-hp-root .amp-hp-dlv-paths { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 18px; }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-dlv-paths { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-dlv-path { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 28px 24px; background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%); border: 1px solid rgba(40, 204, 205, 0.18); border-radius: 18px; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease; position: relative; overflow: hidden; }
    .amp-hp-root .amp-hp-dlv-path::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent); opacity: 0.45; }
    .amp-hp-root .amp-hp-dlv-path:hover { transform: translateY(-6px); border-color: rgba(40, 204, 205, 0.45); box-shadow: 0 24px 50px -14px rgba(40, 204, 205, 0.22); }
    .amp-hp-root .amp-hp-dlv-icon { width: 64px; height: 64px; display: grid; place-items: center; margin-bottom: 16px; background: linear-gradient(135deg, rgba(40,204,205,0.15), rgba(124,58,237,0.10)); border: 1px solid rgba(40, 204, 205, 0.35); border-radius: 18px; box-shadow: 0 0 28px rgba(40, 204, 205, 0.14); color: var(--amp-teal-bright); transition: transform 0.35s ease, box-shadow 0.35s ease; }
    .amp-hp-root .amp-hp-dlv-path:hover .amp-hp-dlv-icon { transform: scale(1.08) translateY(-2px); box-shadow: 0 0 38px rgba(40, 204, 205, 0.26); }
    .amp-hp-root .amp-hp-dlv-icon svg { width: 30px; height: 30px; }
    .amp-hp-root .amp-hp-dlv-path h4 { font-family: var(--amp-font-display); font-size: 22px; font-weight: 800; margin: 0 0 6px; color: var(--amp-text-pure-white); }
    .amp-hp-root .amp-hp-dlv-path em { font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--amp-teal-bright); text-transform: uppercase; margin-bottom: 12px; display: block; }
    .amp-hp-root .amp-hp-dlv-path p { font-size: 14px; line-height: 1.6; color: var(--amp-text-muted); margin: 0 0 18px; max-width: 420px; }
    .amp-hp-root .amp-hp-dlv-path ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; text-align: left; width: 100%; max-width: 360px; }
    .amp-hp-root .amp-hp-dlv-path li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-dlv-path li::before { content: "✓"; flex-shrink: 0; width: 18px; height: 18px; display: grid; place-items: center; background: rgba(40,204,205,0.12); border: 1px solid rgba(40,204,205,0.35); border-radius: 50%; font-size: 11px; color: var(--amp-teal-bright); margin-top: 1px; }
    .amp-hp-root .amp-hp-dlv-own { display: flex; align-items: center; gap: 16px; padding: 20px 24px; background: linear-gradient(135deg, rgba(40, 204, 205, 0.10), rgba(124, 58, 237, 0.07)); border: 1px solid rgba(40, 204, 205, 0.30); border-radius: 16px; position: relative; overflow: hidden; }
    .amp-hp-root .amp-hp-dlv-own::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent); opacity: 0.5; }
    .amp-hp-root .amp-hp-dlv-own-icon { flex-shrink: 0; width: 46px; height: 46px; display: grid; place-items: center; background: rgba(40,204,205,0.12); border: 1px solid rgba(40,204,205,0.35); border-radius: 12px; color: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-dlv-own-icon svg { width: 22px; height: 22px; }
    .amp-hp-root .amp-hp-dlv-own p { font-size: 14px; line-height: 1.6; color: var(--amp-text-main); margin: 0; }
    .amp-hp-root .amp-hp-dlv-own p b { color: var(--amp-teal-bright); }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-dlv-own { flex-direction: column; text-align: center; } }
    .amp-hp-root .amp-hp-wf-odoo {
      background:
        radial-gradient(circle at 20% 0%, rgba(124, 58, 237, 0.09) 0%, transparent 55%),
        radial-gradient(circle at 85% 100%, rgba(40, 204, 205, 0.08) 0%, transparent 55%);
    }

    /* ---- WP & ODOO PIPELINE SECTION POLISH (overrides/general enhancements) ---- */
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-head .amp-hp-h2,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-head .amp-hp-h2 {
      background: linear-gradient(180deg, #FFFFFF 0%, #94A3B8 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat {
      background: linear-gradient(160deg, rgba(40, 204, 205, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
      border: 1px solid rgba(40, 204, 205, 0.15);
      box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.45);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat:hover,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat:hover {
      transform: translateY(-6px) scale(1.02);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 24px 50px -12px rgba(40, 204, 205, 0.35);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat b,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-stats .amp-hp-wf-stat b {
      background: linear-gradient(135deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: none;
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-node,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-node {
      background: linear-gradient(160deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.15);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-node::before,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-node::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 2px;
      background: linear-gradient(90deg, var(--amp-teal-bright), var(--amp-violet-soft));
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-node:hover,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-node:hover {
      transform: translateY(-3px);
      border-color: rgba(40, 204, 205, 0.45);
      box-shadow: 0 16px 32px -12px rgba(40, 204, 205, 0.3);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-node:hover::before,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-node:hover::before { opacity: 1; }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-node small,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-node small {
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.18), rgba(124, 58, 237, 0.18));
      padding: 3px 10px;
      border-radius: 999px;
      display: inline-block;
      width: fit-content;
      margin-bottom: 8px;
      font-weight: 700;
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-output,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-output {
      background: linear-gradient(160deg, rgba(40, 204, 205, 0.10) 0%, rgba(124, 58, 237, 0.06) 100%);
      border: 1px solid rgba(40, 204, 205, 0.28);
      box-shadow: 0 12px 32px -10px rgba(40, 204, 205, 0.22);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-output:hover,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-output:hover {
      transform: translateY(-8px);
      box-shadow: 0 24px 50px -14px rgba(40, 204, 205, 0.28), 0 0 40px rgba(40, 204, 205, 0.08);
    }
    .amp-hp-root #wp-publishing-pipeline .amp-hp-wf-output-icon,
    .amp-hp-root #odoo-publishing-pipeline .amp-hp-wf-output-icon {
      background: linear-gradient(135deg, rgba(40,204,205,0.22), rgba(124,58,237,0.14));
      border-color: rgba(40, 204, 205, 0.45);
      box-shadow: 0 0 28px rgba(40, 204, 205, 0.22);
    }

    /* ---- VERIFIED TRACK RECORD (VTR) ---- */
    .amp-hp-root .amp-hp-vtr { padding: 60px 0; }
    .amp-hp-root .amp-hp-vtr-head { text-align: center; max-width: 760px; margin: 0 auto 30px; }
    .amp-hp-root .amp-hp-vtr-sub { font-size: 14px; line-height: 1.65; color: var(--amp-text-muted); }
    .amp-hp-root .amp-hp-vtr-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 30px; }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-vtr-kpis { grid-template-columns: repeat(2, 1fr); } }
    .amp-hp-root .amp-hp-vtr-kpi { padding: 18px 14px; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 16px; text-align: center; }
    .amp-hp-root .amp-hp-vtr-kpi b { font-family: var(--amp-font-display); font-size: clamp(20px, 2vw, 28px); font-weight: 800; color: var(--amp-text-pure-white); display: block; }
    .amp-hp-root .amp-hp-vtr-kpi span { font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.12em; color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root .amp-hp-vtr-kpi-num { color: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-vtr-kpi-label { display: block; margin-top: 6px; }
    .amp-hp-root .amp-hp-vtr-area { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: center; margin-bottom: 30px; }
    @media (max-width: 860px) { .amp-hp-root .amp-hp-vtr-area { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-vtr-chartwrap { background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 20px; padding: 22px; }
    .amp-hp-root .amp-hp-vtr-chart { width: 100%; height: auto; display: block; }
    .amp-hp-root .amp-hp-vtr-ladder { display: flex; flex-direction: column; gap: 12px; }
    .amp-hp-root .amp-hp-vtr-rung { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 14px 16px; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 14px; transition: border-color 0.3s ease; }
    .amp-hp-root .amp-hp-vtr-rung:hover { border-color: rgba(40, 204, 205, 0.45); }
    .amp-hp-root .amp-hp-vtr-phead { font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--amp-teal-bright); text-transform: uppercase; margin-bottom: 4px; }
    .amp-hp-root .amp-hp-vtr-flag { font-family: var(--amp-font-display); font-size: 13px; font-weight: 700; color: var(--amp-text-pure-white); margin: 0 0 4px; }
    .amp-hp-root .amp-hp-vtr-status { font-size: 11.5px; color: var(--amp-text-muted); }
    .amp-hp-root .amp-hp-vtr-delta { font-family: var(--amp-font-display); font-size: 14px; font-weight: 800; color: var(--amp-teal-bright); white-space: nowrap; }
    .amp-hp-root .amp-hp-vtr-ladgenote { font-size: 12px; color: var(--amp-text-faint); font-style: italic; padding: 12px 0 0; border-top: 1px dashed var(--amp-card-border); margin-top: 6px; }
    .amp-hp-root .amp-hp-vtr-ticker { overflow: hidden; padding: 12px 0; background: rgba(255, 255, 255, 0.02); border-top: 1px solid var(--amp-card-border); border-bottom: 1px solid var(--amp-card-border); margin: 16px 0; }
    .amp-hp-root .amp-hp-vtr-ticker-track { display: flex; width: max-content; animation: vtrTicker 40s linear infinite; gap: 32px; padding: 0 16px; }
    .amp-hp-root .amp-hp-vtr-ticker-track span { font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--amp-text-muted); white-space: nowrap; }
    @keyframes vtrTicker { to { transform: translateX(-50%); } }
    .amp-hp-root .amp-hp-vtr-title { font-family: var(--amp-font-display); font-size: 16px; font-weight: 700; color: var(--amp-text-pure-white); margin: 0 0 8px; }
    .amp-hp-root .amp-hp-vtr-bar { display: flex; align-items: center; gap: 8px; }
    .amp-hp-root .amp-hp-vtr-ctrack { flex: 1; height: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 999px; overflow: hidden; }
    .amp-hp-root .amp-hp-vtr-cbar { height: 100%; background: linear-gradient(90deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%); border-radius: 999px; width: 0%; transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
    .amp-hp-root .amp-hp-vtr-crow { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 12px; }
    .amp-hp-root .amp-hp-vtr-clabel { font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.1em; color: var(--amp-text-faint); width: 56px; flex-shrink: 0; }
    .amp-hp-root .amp-hp-vtr-cval { font-family: var(--amp-font-display); font-weight: 700; color: var(--amp-text-pure-white); width: 48px; flex-shrink: 0; text-align: right; }
    .amp-hp-root .amp-hp-vtr-cmid { flex: 1; height: 8px; background: rgba(255, 255, 255, 0.05); border-radius: 999px; overflow: hidden; }
    .amp-hp-root .amp-hp-vtr-minis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 16px; }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-vtr-minis { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-vtr-panel { padding: 14px; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 14px; opacity: 0; transform: translateY(10px); transition: opacity 0.7s ease, transform 0.7s ease; }
    .amp-hp-root .amp-hp-vtr-panel.is-visible { opacity: 1; transform: translateY(0); }
    .amp-hp-root .amp-hp-vtr-halo { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--amp-teal-bright); box-shadow: 0 0 8px var(--amp-teal-bright); margin-right: 8px; vertical-align: middle; }
    .amp-hp-root .amp-hp-vtr-verify { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.12em; color: var(--amp-text-faint); }
    .amp-hp-root .amp-hp-vtr-val { font-family: var(--amp-font-display); font-size: 18px; font-weight: 800; color: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-vtr-fineprint { font-size: 11.5px; color: var(--amp-text-muted); padding-top: 12px; border-top: 1px dashed var(--amp-card-border); margin-top: 16px; }
    .amp-hp-root .amp-hp-vtr-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--amp-teal-bright); margin-right: 6px; }
    .amp-hp-root .amp-hp-vtr-row { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px dashed var(--amp-card-border); font-size: 13px; }
    .amp-hp-root .amp-hp-vtr-row:last-child { border-bottom: none; }
    .amp-hp-root .amp-hp-vtr-rowkey { color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-vtr-rowval { font-family: var(--amp-font-display); font-weight: 700; color: var(--amp-text-pure-white); }
    .amp-hp-root .amp-hp-vtr-rowdot { width: 8px; height: 8px; border-radius: 50%; background: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-vtr-ringwrap { display: flex; flex-direction: column; align-items: center; padding: 18px; }
    .amp-hp-root .amp-hp-vtr-ringbox { position: relative; width: 140px; height: 140px; }
    .amp-hp-root .amp-hp-vtr-ringfg { position: absolute; inset: 0; }
    .amp-hp-root .amp-hp-vtr-ringcenter { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .amp-hp-root .amp-hp-vtr-ringnum { font-family: var(--amp-font-display); font-size: 28px; font-weight: 800; color: var(--amp-text-pure-white); line-height: 1; }
    .amp-hp-root .amp-hp-vtr-ringtxt { font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.12em; color: var(--amp-teal-bright); text-transform: uppercase; margin-top: 4px; }
    .amp-hp-root .amp-hp-vtr-ringmeta { font-size: 12px; color: var(--amp-text-muted); text-align: center; margin-top: 12px; }
    .amp-hp-root .amp-hp-vtr-vlist { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
    .amp-hp-root .amp-hp-vtr-vside { display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: rgba(40, 204, 205, 0.05); border: 1px solid rgba(40, 204, 205, 0.18); border-radius: 10px; font-size: 12px; color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-vtr-btn { display: inline-block; padding: 12px 22px; background: linear-gradient(135deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%); color: var(--amp-base); font-family: var(--amp-font-display); font-weight: 700; font-size: 14px; border-radius: 999px; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .amp-hp-root .amp-hp-vtr-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 28px -10px rgba(40, 204, 205, 0.5); }
    .amp-hp-root .amp-hp-vtr-card-link { font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--amp-teal-bright); text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
    .amp-hp-root .amp-hp-vtr-card-link:hover { text-decoration: underline; }
    .amp-hp-root .amp-hp-vtr-line { display: block; width: 24px; height: 1px; background: var(--amp-teal-bright); }

    /* ---- DESIGN TRACK RECORD (DTR) — Siduz Zaman ---- */
    .amp-hp-root .amp-hp-dtr { padding: 60px 0; }
    .amp-hp-root .amp-hp-dtr-head { text-align: center; max-width: 760px; margin: 0 auto 30px; }
    .amp-hp-root .amp-hp-dtr-title { font-family: var(--amp-font-display); font-size: clamp(22px, 2.4vw, 32px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; color: var(--amp-text-pure-white); margin-bottom: 14px; }
    .amp-hp-root .amp-hp-dtr-sub { font-size: 14px; line-height: 1.7; color: var(--amp-text-muted); }
    .amp-hp-root .amp-hp-dtr-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-bottom: 14px; }
    @media (max-width: 1024px) { .amp-hp-root .amp-hp-dtr-stats { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 600px) { .amp-hp-root .amp-hp-dtr-stats { grid-template-columns: repeat(2, 1fr); } }
    .amp-hp-root .amp-hp-dtr-stat { background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 16px; padding: 18px 12px 14px; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.7s ease, transform 0.7s ease, border-color 0.3s ease; }
    .amp-hp-root .amp-hp-dtr-stat.is-visible { opacity: 1; transform: translateY(0); }
    .amp-hp-root .amp-hp-dtr-stat:hover { border-color: var(--amp-card-hover-border); }
    .amp-hp-root .amp-hp-dtr-stat b { font-family: var(--amp-font-display); font-size: clamp(20px, 2vw, 28px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: var(--amp-text-pure-white); display: block; }
    .amp-hp-root .amp-hp-dtr-stat span { font-family: var(--amp-font-mono); font-size: 9.5px; letter-spacing: 0.12em; color: var(--amp-text-faint); text-transform: uppercase; margin-top: 6px; display: block; }
    .amp-hp-root .amp-hp-dtr-fl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }
    @media (max-width: 1024px) { .amp-hp-root .amp-hp-dtr-fl { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 600px) { .amp-hp-root .amp-hp-dtr-fl { grid-template-columns: repeat(2, 1fr); } }
    .amp-hp-root .amp-hp-dtr-fl-stat { background: linear-gradient(160deg, rgba(40, 204, 205, 0.10) 0%, rgba(124, 58, 237, 0.08) 100%); border: 1px solid var(--amp-card-border); border-radius: 16px; padding: 16px 12px 12px; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.7s ease, transform 0.7s ease, border-color 0.3s ease; }
    .amp-hp-root .amp-hp-dtr-fl-stat.is-visible { opacity: 1; transform: translateY(0); }
    .amp-hp-root .amp-hp-dtr-fl-stat:hover { border-color: var(--amp-card-hover-border); }
    .amp-hp-root .amp-hp-dtr-fl-stat b { font-family: var(--amp-font-display); font-size: clamp(20px, 2vw, 28px); font-weight: 800; line-height: 1; color: var(--amp-text-pure-white); display: block; }
    .amp-hp-root .amp-hp-dtr-fl-stat span { font-family: var(--amp-font-mono); font-size: 9.5px; letter-spacing: 0.12em; color: var(--amp-text-faint); text-transform: uppercase; margin-top: 6px; display: block; }
    .amp-hp-root .amp-hp-dtr-fl-stat em { display: block; margin-top: 4px; font-style: normal; font-family: var(--amp-font-mono); font-size: 9px; letter-spacing: 0.14em; color: var(--amp-teal-bright); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-rate { background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 18px; padding: 22px 28px; margin-bottom: 30px; display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center; }
    @media (max-width: 760px) { .amp-hp-root .amp-hp-dtr-rate { grid-template-columns: 1fr; gap: 18px; } }
    .amp-hp-root .amp-hp-dtr-rate-l { text-align: center; }
    .amp-hp-root .amp-hp-dtr-rate-score { font-family: var(--amp-font-display); font-size: clamp(36px, 4vw, 52px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; color: var(--amp-text-pure-white); }
    .amp-hp-root .amp-hp-dtr-rate-stars { color: #FBBF24; letter-spacing: 4px; font-size: 16px; margin-top: 8px; }
    .amp-hp-root .amp-hp-dtr-rate-source { margin-top: 10px; font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-rate-source b { color: var(--amp-teal-bright); font-weight: 600; }
    .amp-hp-root .amp-hp-dtr-rate-rows { display: flex; flex-direction: column; gap: 8px; }
    .amp-hp-root .amp-hp-dtr-rate-row { display: grid; grid-template-columns: 50px 1fr 64px; gap: 12px; align-items: center; font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.1em; color: var(--amp-text-muted); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-rate-row b { color: #FBBF24; font-weight: 600; }
    .amp-hp-root .amp-hp-dtr-rate-bar { height: 8px; background: rgba(255, 255, 255, 0.06); border-radius: 999px; overflow: hidden; }
    .amp-hp-root .amp-hp-dtr-rate-fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #FBBF24 0%, #F59E0B 100%); width: 0%; transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
    .amp-hp-root .amp-hp-dtr-rate-row.is-visible .amp-hp-dtr-rate-fill { width: var(--amp-rate-pct, 0%); }
    .amp-hp-root .amp-hp-dtr-rate-num { text-align: right; color: var(--amp-text-main); }
    .amp-hp-root .amp-hp-dtr-quote-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 6px 0 16px; flex-wrap: wrap; }
    .amp-hp-root .amp-hp-dtr-quote-title { font-family: var(--amp-font-display); font-size: clamp(18px, 2vw, 22px); font-weight: 800; color: var(--amp-text-pure-white); }
    .amp-hp-root .amp-hp-dtr-quote-source { font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-quote-source b { color: var(--amp-teal-bright); font-weight: 600; }
    .amp-hp-root .amp-hp-dtr-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
    @media (max-width: 1024px) { .amp-hp-root .amp-hp-dtr-quotes { grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 600px) { .amp-hp-root .amp-hp-dtr-quotes { grid-template-columns: 1fr; } }
    .amp-hp-root .amp-hp-dtr-quote { position: relative; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 14px; padding: 22px 18px 16px; display: flex; flex-direction: column; gap: 10px; transition: border-color 0.3s ease; }
    .amp-hp-root .amp-hp-dtr-quote:hover { border-color: var(--amp-card-hover-border); }
    .amp-hp-root .amp-hp-dtr-quote::before { content: "\201C"; position: absolute; top: -22px; left: 14px; font-family: var(--amp-font-display); font-size: 70px; line-height: 1; color: rgba(124, 58, 237, 0.2); pointer-events: none; }
    .amp-hp-root .amp-hp-dtr-qhead { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amp-text-faint); }
    .amp-hp-root .amp-hp-dtr-qhead b { color: var(--amp-violet-soft); font-weight: 600; }
    .amp-hp-root .amp-hp-dtr-qtext { font-size: 13px; line-height: 1.55; color: var(--amp-text-main); margin: 0; }
    .amp-hp-root .amp-hp-dtr-qmeta { margin-top: auto; display: flex; flex-wrap: wrap; gap: 4px; font-family: var(--amp-font-mono); font-size: 9px; letter-spacing: 0.1em; color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-qmeta span { padding: 3px 7px; border: 1px solid var(--amp-card-border); border-radius: 999px; }
    .amp-hp-root .amp-hp-dtr-stars { color: #FBBF24; letter-spacing: 3px; font-size: 12px; }
    .amp-hp-root .amp-hp-dtr-marquee { overflow: hidden; padding: 8px 0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%); }
    .amp-hp-root .amp-hp-dtr-track { display: flex; width: max-content; animation: dtrScroll 52s linear infinite; }
    .amp-hp-root .amp-hp-dtr-marquee:hover .amp-hp-dtr-track { animation-play-state: paused; }
    @keyframes dtrScroll { to { transform: translateX(-50%); } }
    .amp-hp-root .amp-hp-dtr-set { display: flex; gap: 18px; padding-right: 18px; }
    .amp-hp-root .amp-hp-dtr-card { width: 300px; flex-shrink: 0; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 18px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; }
    .amp-hp-root .amp-hp-dtr-card:hover { transform: translateY(-7px); border-color: var(--amp-card-hover-border); box-shadow: 0 22px 44px -18px rgba(40, 204, 205, 0.28); }
    .amp-hp-root .amp-hp-dtr-thumb { background: #FFFFFF; padding: 10px; overflow: hidden; }
    .amp-hp-root .amp-hp-dtr-thumb img { width: 100%; height: 168px; object-fit: contain; display: block; transition: transform 0.45s ease; }
    .amp-hp-root .amp-hp-dtr-card:hover .amp-hp-dtr-thumb img { transform: scale(1.06); }
    .amp-hp-root .amp-hp-dtr-cbody { padding: 14px 16px 16px; }
    .amp-hp-root .amp-hp-dtr-ctag { font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.16em; color: var(--amp-teal-bright); text-transform: uppercase; }
    .amp-hp-root .amp-hp-dtr-ctitle { font-family: var(--amp-font-display); font-size: 16px; font-weight: 700; color: var(--amp-text-pure-white); margin: 6px 0 5px; }
    .amp-hp-root .amp-hp-dtr-cdesc { font-size: 12.5px; line-height: 1.55; color: var(--amp-text-muted); }

    /* ---- PROOF GALLERY ---- */
    .amp-hp-root .amp-hp-proof-gallery { margin-top: 30px; }
    .amp-hp-root .amp-hp-pg-head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; font-family: var(--amp-font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--amp-text-faint); }
    .amp-hp-root .amp-hp-pg-head b { color: var(--amp-teal-bright); }
    .amp-hp-root .amp-hp-shot-track { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
    .amp-hp-root .amp-hp-shot { margin: 0; padding: 0; background: var(--amp-card-bg); border: 1px solid var(--amp-card-border); border-radius: 16px; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease; cursor: zoom-in; }
    .amp-hp-root .amp-hp-shot:hover { transform: translateY(-3px); border-color: rgba(40, 204, 205, 0.45); }
    .amp-hp-root .amp-hp-shot img { width: 100%; height: auto; display: block; }
    .amp-hp-root .amp-hp-sp-12 { grid-column: span 12; }
    .amp-hp-root .amp-hp-sp-9 { grid-column: span 9; }
    .amp-hp-root .amp-hp-sp-7 { grid-column: span 7; }
    .amp-hp-root .amp-hp-sp-5 { grid-column: span 5; }
    .amp-hp-root .amp-hp-sp-3 { grid-column: span 3; }
    @media (max-width: 1024px) {
      .amp-hp-root .amp-hp-sp-12, .amp-hp-root .amp-hp-sp-9, .amp-hp-root .amp-hp-sp-7, .amp-hp-root .amp-hp-sp-5, .amp-hp-root .amp-hp-sp-3 { grid-column: span 6; }
    }
    @media (max-width: 600px) {
      .amp-hp-root .amp-hp-sp-12, .amp-hp-root .amp-hp-sp-9, .amp-hp-root .amp-hp-sp-7, .amp-hp-root .amp-hp-sp-5, .amp-hp-root .amp-hp-sp-3 { grid-column: span 12; }
    }
    .amp-hp-root .amp-hp-frame { position: relative; background: #0a0e15; padding: 12px; }
    .amp-hp-root .amp-hp-frame-bar { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
    .amp-hp-root .amp-hp-frame-bar::before, .amp-hp-root .amp-hp-frame-bar::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); }
    .amp-hp-root .amp-hp-frame-bar::before { background: #ff5f57; }
    .amp-hp-root .amp-hp-frame-url { flex: 1; padding: 4px 10px; background: rgba(255, 255, 255, 0.04); border-radius: 999px; font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.05em; color: var(--amp-text-muted); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .amp-hp-root .amp-hp-frame-hint { font-family: var(--amp-font-mono); font-size: 10px; letter-spacing: 0.1em; color: var(--amp-text-faint); margin-bottom: 8px; }
    .amp-hp-root .amp-hp-frame--phone { background: linear-gradient(180deg, #1a1f2e 0%, #0a0e15 100%); padding: 30px 14px 14px; border-radius: 18px; }
    .amp-hp-root .amp-hp-phone-notch { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); width: 60px; height: 6px; background: rgba(0, 0, 0, 0.4); border-radius: 999px; }
    .amp-hp-root .amp-hp-canvas { background: #fff; border-radius: 8px; overflow: hidden; min-height: 200px; }
    .amp-hp-root .amp-hp-canvas img { width: 100%; height: auto; display: block; }
    .amp-hp-root .amp-hp-canvas--tall { min-height: 280px; }
    .amp-hp-root .amp-hp-strip { display: flex; align-items: center; gap: 14px; padding: 10px 14px; background: rgba(255, 255, 255, 0.04); font-family: var(--amp-font-mono); font-size: 10.5px; letter-spacing: 0.1em; color: var(--amp-text-muted); flex-wrap: wrap; }
    .amp-hp-root .amp-hp-strip .k { color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root .amp-hp-strip .v { color: var(--amp-teal-bright); font-weight: 700; }
    .amp-hp-root .amp-hp-strip .end { margin-left: auto; }

    /* ---- LIGHTBOX ---- */
    .amp-hp-root .amp-hp-lightbox { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.92); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 24px; }
    .amp-hp-root .amp-hp-lightbox.is-open { display: flex; }
    .amp-hp-root .amp-hp-lightbox img { max-width: 100%; max-height: calc(100vh - 100px); object-fit: contain; }
    .amp-hp-root .amp-hp-lightbox-cap { position: absolute; bottom: 24px; left: 0; right: 0; text-align: center; font-size: 13px; color: rgba(255, 255, 255, 0.7); padding: 0 24px; }
    .amp-hp-root .amp-hp-lightbox-close { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; border: none; font-size: 20px; cursor: pointer; transition: background 0.2s ease; }
    .amp-hp-root .amp-hp-lightbox-close:hover { background: rgba(255, 255, 255, 0.2); }

    /* ---- ROI CALCULATOR ---- */
    .amp-hp-root .amp-hp-roi { padding: 60px 0; }
    .amp-hp-root .amp-hp-roi-sliders { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; margin-bottom: 24px; }
    @media (max-width: 860px) { .amp-hp-root .amp-hp-roi-sliders { grid-template-columns: 1fr; } }

    /* ---- KEYFRAMES (consolidated) ---- */
    @keyframes ampHpPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
    @keyframes ampHpFloat { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
    @keyframes ampHpMarquee { to { transform: translateX(-50%); } }

    /* ---- FINAL RESPONSIVE OVERRIDES ---- */
    @media (max-width: 1024px) {
      .amp-hp-root .amp-hp-vtr-area { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-roi-sliders { grid-template-columns: 1fr; }
    }
    @media (max-width: 760px) {
      .amp-hp-root .amp-hp-dtr-stats { grid-template-columns: repeat(2, 1fr); }
      .amp-hp-root .amp-hp-dtr-fl { grid-template-columns: repeat(2, 1fr); }
      .amp-hp-root .amp-hp-dtr-quotes { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-dtr-rate { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-dtr-rate-row { grid-template-columns: 40px 1fr 56px; font-size: 10px; }
      .amp-hp-root .amp-hp-founders-grid { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-wf-stats { grid-template-columns: repeat(2, 1fr); }
      .amp-hp-root .amp-hp-wf-branches { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-wf-outputs { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-wf-buyrow { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-vtr-kpis { grid-template-columns: repeat(2, 1fr); }
      .amp-hp-root .amp-hp-vtr-minis { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-shot-track { grid-template-columns: 1fr; }
      .amp-hp-root .amp-hp-sp-12,
      .amp-hp-root .amp-hp-sp-9,
      .amp-hp-root .amp-hp-sp-7,
      .amp-hp-root .amp-hp-sp-5,
      .amp-hp-root .amp-hp-sp-3 { grid-column: span 12; }
    }
    @media (prefers-reduced-motion: reduce) {
      .amp-hp-root .amp-hp-marquee-track,
      .amp-hp-root .amp-hp-dtr-track,
      .amp-hp-root .amp-hp-vtr-ticker-track { animation: none; }
    }
.amp-hp-root .amp-hp-hero-left { display: flex; flex-direction: column; gap: 18px; }

    /* ==========================================================================
       AGENTIC ENHANCEMENT LAYER — visual upgrade for sections 7-12
       Adds: gradient mesh backgrounds, animated scan lines, glow halos,
       floating particles, depth shadows, gradient borders, hover effects.
       ========================================================================== */

    /* ---- SHARED SECTION HEADER UPGRADE ---- */
    .amp-hp-root .amp-hp-section .amp-hp-h2 { position: relative; }
    .amp-hp-root .amp-hp-section .amp-hp-h2::after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.7;
    }
    .amp-hp-root .amp-hp-section .amp-hp-kicker { position: relative; padding-left: 22px; }
    .amp-hp-root .amp-hp-section .amp-hp-kicker-dot {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 12px var(--amp-teal-bright), 0 0 0 4px rgba(40, 204, 205, 0.18);
      animation: ampHpKickerPulse 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    @keyframes ampHpKickerPulse {
      0%, 100% { box-shadow: 0 0 0 4px rgba(40, 204, 205, 0.18), 0 0 12px var(--amp-teal-bright); }
      50% { box-shadow: 0 0 0 9px rgba(40, 204, 205, 0.04), 0 0 20px var(--amp-teal-bright); }
    }

    /* ---- SECTION 7: AFTER PURCHASE WORKFLOW (workflow-delivery) ---- */
    .amp-hp-root #workflow-delivery {
      position: relative;
      background:
        radial-gradient(60% 50% at 20% 0%, rgba(40, 204, 205, 0.10) 0%, transparent 60%),
        radial-gradient(50% 40% at 80% 100%, rgba(124, 58, 237, 0.10) 0%, transparent 60%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.5) 0%, rgba(8, 12, 20, 0.7) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.18);
      border-bottom: 1px solid rgba(124, 58, 237, 0.18);
      overflow: hidden;
    }
    .amp-hp-root #workflow-delivery::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(40, 204, 205, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(40, 204, 205, 0.04) 1px, transparent 1px);
      background-size: 60px 60px;
      pointer-events: none;
      opacity: 0.35;
      mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-stats .amp-hp-wf-stat {
      background: linear-gradient(160deg, rgba(40, 204, 205, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%);
      border: 1px solid var(--amp-card-border);
      box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      position: relative;
      overflow: hidden;
      transition: transform 0.4s ease, border-color 0.3s ease, box-shadow 0.4s ease;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-stats .amp-hp-wf-stat::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.6;
      transition: opacity 0.3s ease;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-stats .amp-hp-wf-stat:hover {
      transform: translateY(-6px);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 24px 50px -16px rgba(40, 204, 205, 0.35), inset 0 1px 0 rgba(40, 204, 205, 0.25);
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-stats .amp-hp-wf-stat:hover::before { opacity: 1; }
    .amp-hp-root #workflow-delivery .amp-hp-wf-stats .amp-hp-wf-stat b {
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: none;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-map {
      background:
        radial-gradient(80% 60% at 0% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
      border: 1px solid rgba(40, 204, 205, 0.18);
      box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-map::before {
      content: "";
      position: absolute;
      top: 0; left: -100%;
      width: 200%; height: 100%;
      background: linear-gradient(110deg, transparent 40%, rgba(40, 204, 205, 0.08) 50%, transparent 60%);
      animation: ampHpSectionSweep 8s linear infinite;
      pointer-events: none;
    }
    @keyframes ampHpSectionSweep {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(50%); }
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-node {
      background: linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
      border: 1px solid rgba(40, 204, 205, 0.18);
      position: relative;
      overflow: hidden;
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-node::before {
      content: "";
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: linear-gradient(180deg, var(--amp-teal-bright), var(--amp-violet-soft));
      opacity: 0.6;
      transition: opacity 0.3s ease, width 0.3s ease;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-node:hover {
      transform: translateY(-3px);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 16px 32px -12px rgba(40, 204, 205, 0.25);
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-node:hover::before { opacity: 1; width: 5px; }
    .amp-hp-root #workflow-delivery .amp-hp-wf-connector { position: relative; }
    .amp-hp-root #workflow-delivery .amp-hp-wf-connector::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, var(--amp-teal-bright), transparent);
      animation: ampHpDashedFlow 1.6s linear infinite;
      background-size: 12px 1px;
    }
    @keyframes ampHpDashedFlow { to { background-position: -12px 0; } }
    .amp-hp-root #workflow-delivery .amp-hp-dlv-own {
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.18) 0%, rgba(124, 58, 237, 0.12) 50%, rgba(40, 204, 205, 0.05) 100%);
      border: 1px solid rgba(40, 204, 205, 0.35);
      box-shadow: 0 16px 40px -12px rgba(40, 204, 205, 0.3), inset 0 1px 0 rgba(40, 204, 205, 0.3);
      animation: ampHpOwnGlow 4s ease-in-out infinite;
    }
    @keyframes ampHpOwnGlow {
      0%, 100% { box-shadow: 0 16px 40px -12px rgba(40, 204, 205, 0.3), inset 0 1px 0 rgba(40, 204, 205, 0.3); }
      50% { box-shadow: 0 16px 50px -8px rgba(40, 204, 205, 0.5), inset 0 1px 0 rgba(40, 204, 205, 0.5); }
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-branch {
      background: linear-gradient(160deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid var(--amp-card-border);
      box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.35);
      transition: transform 0.35s ease, border-color 0.3s ease;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-branch:hover {
      transform: translateY(-3px);
      border-color: rgba(40, 204, 205, 0.45);
    }

    /* ---- SECTION 9: FOUNDERS (founders) ---- */
    .amp-hp-root #founders {
      position: relative;
      background:
        radial-gradient(60% 50% at 0% 20%, rgba(40, 204, 205, 0.10) 0%, transparent 60%),
        radial-gradient(60% 50% at 100% 80%, rgba(124, 58, 237, 0.10) 0%, transparent 60%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.7) 0%, rgba(8, 12, 20, 0.9) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.15);
      border-bottom: 1px solid rgba(124, 58, 237, 0.15);
      overflow: hidden;
    }
    .amp-hp-root #founders::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(circle at 15% 25%, rgba(40, 204, 205, 0.10) 0%, transparent 35%),
        radial-gradient(circle at 85% 75%, rgba(124, 58, 237, 0.10) 0%, transparent 35%);
      pointer-events: none;
    }
    .amp-hp-root #founders .amp-hp-h2 {
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #founders .amp-hp-founder-card {
      background:
        radial-gradient(100% 60% at 100% 0%, rgba(40, 204, 205, 0.10) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
      border: 1px solid rgba(40, 204, 205, 0.18);
      box-shadow: 0 20px 50px -16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #founders .amp-hp-founder-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, transparent 40%, rgba(40, 204, 205, 0.08) 50%, transparent 60%);
      opacity: 0;
      transition: opacity 0.4s ease;
      pointer-events: none;
    }
    .amp-hp-root #founders .amp-hp-founder-card:hover {
      transform: translateY(-8px);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 32px 70px -16px rgba(40, 204, 205, 0.4), inset 0 1px 0 rgba(40, 204, 205, 0.3);
    }
    .amp-hp-root #founders .amp-hp-founder-card:hover::before { opacity: 1; }
    .amp-hp-root #founders .amp-hp-founder-avatar {
      position: relative;
      box-shadow: 0 12px 30px -8px rgba(40, 204, 205, 0.45), 0 0 0 4px rgba(255, 255, 255, 0.04);
      transition: transform 0.4s ease;
    }
    .amp-hp-root #founders .amp-hp-founder-card:hover .amp-hp-founder-avatar {
      transform: scale(1.05) rotate(3deg);
    }
    .amp-hp-root #founders .amp-hp-founder-avatar::after {
      content: "";
      position: absolute;
      inset: -6px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--amp-teal-bright), var(--amp-violet-soft));
      z-index: -1;
      opacity: 0.5;
      filter: blur(12px);
    }
    .amp-hp-root #founders .amp-hp-founder-name {
      background: linear-gradient(180deg, #FFFFFF 0%, #E0F2FE 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #founders .amp-hp-founder-chip {
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.12) 0%, rgba(124, 58, 237, 0.08) 100%);
      border: 1px solid rgba(40, 204, 205, 0.35);
      transition: all 0.3s ease;
    }
    .amp-hp-root #founders .amp-hp-founder-chip:hover {
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.25) 0%, rgba(124, 58, 237, 0.18) 100%);
      border-color: rgba(40, 204, 205, 0.55);
      transform: translateY(-1px);
    }
    .amp-hp-root #founders .amp-hp-founder-foot {
      color: var(--amp-text-main);
      font-style: italic;
    }
    .amp-hp-root #founders .amp-hp-founder-foot::before {
      content: "→ ";
      color: var(--amp-teal-bright);
      font-style: normal;
      font-weight: 700;
    }

    /* ---- SECTION 11: PROOF GALLERY (proof) ---- */
    .amp-hp-root #proof {
      position: relative;
      background: linear-gradient(180deg, rgba(8, 12, 20, 0.85) 0%, rgba(11, 15, 25, 0.6) 100%);
      overflow: hidden;
    }
    .amp-hp-root #proof::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(40% 40% at 0% 0%, rgba(40, 204, 205, 0.06) 0%, transparent 60%),
        radial-gradient(40% 40% at 100% 100%, rgba(124, 58, 237, 0.06) 0%, transparent 60%);
      pointer-events: none;
    }
    .amp-hp-root #proof .amp-hp-h2 {
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-violet-soft) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #proof .amp-hp-testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-bottom: 40px; }
    @media (max-width: 960px) { .amp-hp-root #proof .amp-hp-testi-grid { grid-template-columns: 1fr; } }
    .amp-hp-root #proof .amp-hp-testi-card {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.18);
      box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #proof .amp-hp-testi-card::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--amp-teal-bright), var(--amp-violet-soft), var(--amp-teal-bright));
      opacity: 0.6;
    }
    .amp-hp-root #proof .amp-hp-testi-card:hover {
      transform: translateY(-5px);
      border-color: rgba(40, 204, 205, 0.45);
      box-shadow: 0 28px 56px -14px rgba(40, 204, 205, 0.3), inset 0 1px 0 rgba(40, 204, 205, 0.2);
    }
    .amp-hp-root #proof .amp-hp-testi-stars { font-size: 18px; margin-bottom: 16px; letter-spacing: 4px; }
    .amp-hp-root #proof .amp-hp-testi-text { font-size: 14.5px; line-height: 1.65; color: var(--amp-text-main); }
    .amp-hp-root #proof .amp-hp-testi-text strong { color: var(--amp-teal-bright); }
    .amp-hp-root #proof .amp-hp-testi-author {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: auto;
      padding-top: 14px;
      border-top: 1px solid var(--amp-card-border);
    }
    .amp-hp-root #proof .amp-hp-testi-av {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--amp-font-display);
      font-size: 14px;
      font-weight: 800;
      color: #FFFFFF;
      background: linear-gradient(135deg, var(--amp-teal) 0%, var(--amp-violet) 100%);
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(40, 204, 205, 0.3);
    }
    .amp-hp-root #proof .amp-hp-testi-info b { display: block; font-size: 13px; color: var(--amp-text-pure-white); font-family: var(--amp-font-display); font-weight: 700; }
    .amp-hp-root #proof .amp-hp-testi-info span { display: block; font-size: 11px; color: var(--amp-text-muted); font-family: var(--amp-font-mono); letter-spacing: 0.04em; margin-top: 2px; }
    .amp-hp-root #proof .amp-hp-proof-gallery { margin-top: 36px; }
    .amp-hp-root #proof .amp-hp-pg-head {
      font-size: 12px;
      letter-spacing: 0.18em;
      padding: 14px 20px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.10) 0%, rgba(124, 58, 237, 0.06) 100%);
      border: 1px solid rgba(40, 204, 205, 0.25);
      border-radius: 14px 14px 0 0;
      margin-bottom: 0;
    }
    .amp-hp-root #proof .amp-hp-pg-head b { color: var(--amp-text-pure-white); font-size: 12px; letter-spacing: 0.16em; }
    .amp-hp-root #proof .amp-hp-shot {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
      border: 1px solid var(--amp-card-border);
      box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      margin-bottom: 0;
    }
    .amp-hp-root #proof .amp-hp-shot:hover {
      transform: translateY(-6px) scale(1.01);
      border-color: rgba(40, 204, 205, 0.5);
      box-shadow: 0 32px 64px -16px rgba(40, 204, 205, 0.35), inset 0 1px 0 rgba(40, 204, 205, 0.3);
      z-index: 2;
    }
    .amp-hp-root #proof .amp-hp-frame {
      background: linear-gradient(180deg, #0d1219 0%, #06080F 100%);
      padding: 12px 12px 8px;
    }
    .amp-hp-root #proof .amp-hp-frame-bar {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 8px;
    }
    .amp-hp-root #proof .amp-hp-frame-bar::before {
      content: "";
      width: 9px; height: 9px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #ff7a72 0%, #ff5f57 70%);
      box-shadow: 0 0 4px rgba(255, 95, 87, 0.5);
    }
    .amp-hp-root #proof .amp-hp-frame-url {
      flex: 1;
      padding: 4px 10px;
      background: rgba(255, 255, 255, 0.04);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.04em;
      color: var(--amp-text-muted);
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid rgba(255, 255, 255, 0.06);
    }
    .amp-hp-root #proof .amp-hp-frame-hint {
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.1em;
      color: var(--amp-teal-bright);
      margin-bottom: 8px;
      text-transform: uppercase;
      font-weight: 700;
    }
    .amp-hp-root #proof .amp-hp-canvas {
      background: #fff;
      border-radius: 6px;
      overflow: hidden;
      min-height: 200px;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    .amp-hp-root #proof .amp-hp-canvas img { width: 100%; height: auto; display: block; }
    .amp-hp-root #proof .amp-hp-canvas--tall { min-height: 280px; }
    .amp-hp-root #proof .amp-hp-strip {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 12px 14px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.06) 0%, rgba(124, 58, 237, 0.04) 100%);
      border-top: 1px solid var(--amp-card-border);
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.1em;
      color: var(--amp-text-muted);
      flex-wrap: wrap;
    }
    .amp-hp-root #proof .amp-hp-strip .k { color: var(--amp-text-faint); text-transform: uppercase; }
    .amp-hp-root #proof .amp-hp-strip .v {
      color: var(--amp-teal-bright);
      font-weight: 700;
      background: linear-gradient(135deg, var(--amp-teal-bright), var(--amp-violet-soft));
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #proof .amp-hp-strip .end { margin-left: auto; }
    .amp-hp-root #proof .amp-hp-frame--phone {
      background: linear-gradient(180deg, #1a1f2e 0%, #06080F 100%);
      padding: 36px 14px 14px;
      border-radius: 18px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    .amp-hp-root #proof .amp-hp-phone-notch {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      width: 56px;
      height: 6px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 999px;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    /* ---- ADDITIONAL AGENTIC POLISH ---- */
    .amp-hp-root #workflow-delivery .amp-hp-wf-head .amp-hp-h2 {
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amp-hp-root #workflow-delivery .amp-hp-wf-head .amp-hp-sub { color: var(--amp-text-main); opacity: 0.85; }

    .amp-hp-root #proof {
      background:
        radial-gradient(40% 40% at 0% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 60%),
        radial-gradient(40% 40% at 100% 100%, rgba(124, 58, 237, 0.08) 0%, transparent 60%),
        linear-gradient(180deg, rgba(8, 12, 20, 0.85) 0%, rgba(11, 15, 25, 0.7) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.15);
      border-bottom: 1px solid rgba(124, 58, 237, 0.15);
      overflow: hidden;
    }
    .amp-hp-root #proof::after {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.6;
    }

    /* KICKER GLOW — make all kickers more agentic */
    .amp-hp-root .amp-hp-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 6px 14px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.08), rgba(124, 58, 237, 0.04));
      border: 1px solid rgba(40, 204, 205, 0.25);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--amp-text-main) !important;
      margin-bottom: 14px;
    }
    .amp-hp-root .amp-hp-kicker-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 12px var(--amp-teal-bright);
      animation: ampHpKickerPulse 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }

    /* GRADIENT TEXT for ALL H2 in amp-hp-root */
    .amp-hp-root .amp-hp-h2 {
      background: linear-gradient(180deg, #FFFFFF 0%, #E0F2FE 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .amp-hp-root .amp-hp-h2 .amp-hp-grad-text {
      background: linear-gradient(135deg, var(--amp-teal-bright) 0%, var(--amp-violet-soft) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }

    /* SUBTEXT — keep readable */
    .amp-hp-root .amp-hp-sub {
      color: var(--amp-text-muted);
      font-size: 15px;
      line-height: 1.7;
      max-width: 720px;
      margin: 0 auto;
    }

    /* ---- HOSTINGER PARTNER STRIP ---- */
    .amp-hp-root .amp-hp-partner-strip {
      padding: 44px 0 56px;
      background:
        radial-gradient(60% 100% at 50% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.5) 0%, rgba(8, 12, 20, 0.7) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.18);
      border-bottom: 1px solid rgba(124, 58, 237, 0.18);
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root .amp-hp-partner-strip::before {
      content: "";
      position: absolute;
      top: 0; left: 20%; right: 20%;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.6;
    }
    .amp-hp-root .amp-hp-partner-grid {
      display: grid;
      grid-template-columns: minmax(160px, 220px) 1fr;
      gap: 36px;
      align-items: center;
      background:
        radial-gradient(80% 60% at 100% 0%, rgba(40, 204, 205, 0.06) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.22);
      border-radius: 22px;
      padding: 28px 36px;
      box-shadow: 0 28px 60px -16px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root .amp-hp-partner-grid::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, transparent 40%, rgba(40, 204, 205, 0.08) 50%, transparent 60%);
      opacity: 0.5;
      pointer-events: none;
    }
    .amp-hp-root .amp-hp-partner-badge-link {
      display: block;
      position: relative;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      flex-shrink: 0;
      max-width: 220px;
    }
    .amp-hp-root .amp-hp-partner-badge-link:hover {
      transform: translateY(-4px) scale(1.04);
    }
    .amp-hp-root .amp-hp-partner-badge-link::after {
      content: "";
      position: absolute;
      inset: -8px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--amp-teal-bright), var(--amp-violet-soft));
      opacity: 0;
      z-index: -1;
      filter: blur(16px);
      transition: opacity 0.4s ease;
    }
    .amp-hp-root .amp-hp-partner-badge-link:hover::after { opacity: 0.45; }
    .amp-hp-root .amp-hp-partner-badge {
      width: 100%;
      height: auto;
      max-width: 220px;
      display: block;
      filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.4));
      border-radius: 10px;
    }
    .amp-hp-root .amp-hp-partner-copy { position: relative; }
    .amp-hp-root .amp-hp-partner-h {
      font-family: var(--amp-font-display);
      font-size: clamp(18px, 2.2vw, 26px);
      line-height: 1.25;
      font-weight: 800;
      margin: 10px 0 12px;
      color: var(--amp-text-pure-white);
      letter-spacing: -0.01em;
    }
    .amp-hp-root .amp-hp-partner-h .amp-hp-grad-text {
      background: linear-gradient(135deg, var(--amp-teal-bright) 0%, var(--amp-violet-soft) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .amp-hp-root .amp-hp-partner-sub {
      color: var(--amp-text-main);
      font-size: 14px;
      line-height: 1.6;
      margin: 0 0 16px;
      max-width: 540px;
    }
    .amp-hp-root .amp-hp-partner-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .amp-hp-root .amp-hp-pm-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 12px;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.10) 0%, rgba(124, 58, 237, 0.05) 100%);
      border: 1px solid rgba(40, 204, 205, 0.30);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      color: var(--amp-text-pure-white);
      font-weight: 700;
    }
    .amp-hp-root .amp-hp-pm-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 8px var(--amp-teal-bright);
      animation: ampHpKickerPulse 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    @media (max-width: 820px) {
      .amp-hp-root .amp-hp-partner-grid {
        grid-template-columns: 1fr;
        padding: 26px 22px;
        gap: 22px;
        text-align: center;
      }
      .amp-hp-root .amp-hp-partner-badge-link { margin: 0 auto; max-width: 180px; }
      .amp-hp-root .amp-hp-partner-badge { max-width: 180px; }
      .amp-hp-root .amp-hp-partner-meta { justify-content: center; }
    }

    /* ==========================================================================
       VERIFIED TRACK RECORD // TANVIR SHAHRIAR x HYPEFRESH INC.
       Agentic-style redesign (gradient bg, scan line, sharp typography)
       ========================================================================== */
    .amp-hp-root #verified-track-record {
      position: relative;
      padding: 80px 0 90px;
      background:
        radial-gradient(60% 60% at 0% 0%, rgba(40, 204, 205, 0.10) 0%, transparent 60%),
        radial-gradient(60% 60% at 100% 100%, rgba(124, 58, 237, 0.10) 0%, transparent 60%),
        linear-gradient(180deg, rgba(11, 15, 25, 0.85) 0%, rgba(8, 12, 20, 0.95) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.18);
      border-bottom: 1px solid rgba(124, 58, 237, 0.18);
      overflow: hidden;
    }
    .amp-hp-root #verified-track-record::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.65;
    }
    .amp-hp-root #verified-track-record::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(40, 204, 205, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(40, 204, 205, 0.04) 1px, transparent 1px);
      background-size: 56px 56px;
      mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 30%, transparent 80%);
      -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 30%, transparent 80%);
      pointer-events: none;
    }

    /* HEADER — Title fix (was 16px), now proper H3 hero */
    .amp-hp-root #verified-track-record .amp-hp-vtr-head {
      max-width: 820px;
      margin: 0 auto 40px;
      text-align: center;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-head .amp-hp-kicker { justify-content: center; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-title {
      font-family: var(--amp-font-display);
      font-size: clamp(28px, 4vw, 46px) !important;
      line-height: 1.12 !important;
      font-weight: 800 !important;
      letter-spacing: -0.02em;
      margin: 14px 0 16px !important;
      color: var(--amp-text-pure-white) !important;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-title .amp-hp-grad-text {
      background: linear-gradient(135deg, var(--amp-teal-bright) 0%, var(--amp-violet-soft) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-sub {
      font-size: 15.5px !important;
      line-height: 1.7 !important;
      color: var(--amp-text-main) !important;
      max-width: 720px;
      margin: 0 auto;
      opacity: 0.92;
    }

    /* TICKER — sharper, agentic */
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker {
      overflow: hidden;
      padding: 14px 0;
      background: linear-gradient(135deg, rgba(40, 204, 205, 0.06) 0%, rgba(124, 58, 237, 0.04) 100%);
      border-top: 1px solid rgba(40, 204, 205, 0.25);
      border-bottom: 1px solid rgba(124, 58, 237, 0.20);
      margin: 0 0 36px;
      position: relative;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker::before,
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker::after {
      content: "";
      position: absolute;
      top: 0; bottom: 0;
      width: 80px;
      z-index: 2;
      pointer-events: none;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker::before { left: 0; background: linear-gradient(90deg, var(--amp-bg), transparent); }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker::after { right: 0; background: linear-gradient(270deg, var(--amp-bg), transparent); }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker-track {
      display: flex;
      width: max-content;
      animation: vtrTicker 50s linear infinite;
      gap: 40px;
      padding: 0 24px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker-track span {
      font-family: var(--amp-font-mono);
      font-size: 11.5px;
      letter-spacing: 0.14em;
      color: var(--amp-text-main);
      white-space: nowrap;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ticker-track span b {
      background: linear-gradient(135deg, var(--amp-teal-bright), var(--amp-violet-soft));
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      font-weight: 800;
      margin: 0 4px;
    }

    /* KPI TILES — agentic-rich */
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpis {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 14px;
      margin-bottom: 36px;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 1100px) { .amp-hp-root #verified-track-record .amp-hp-vtr-kpis { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 640px) { .amp-hp-root #verified-track-record .amp-hp-vtr-kpis { grid-template-columns: repeat(2, 1fr); } }
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi {
      padding: 22px 16px;
      background:
        radial-gradient(80% 60% at 100% 0%, rgba(40, 204, 205, 0.10) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.22);
      box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      border-radius: 16px;
      text-align: center;
      position: relative;
      overflow: hidden;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, box-shadow 0.4s ease;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, var(--amp-teal-bright), var(--amp-violet-soft));
      opacity: 0.6;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi:hover {
      transform: translateY(-4px);
      border-color: rgba(40, 204, 205, 0.55);
      box-shadow: 0 28px 56px -16px rgba(40, 204, 205, 0.35), inset 0 1px 0 rgba(40, 204, 205, 0.2);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi b.amp-hp-vtr-kpi-num,
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi-num {
      font-family: var(--amp-font-display);
      font-size: clamp(20px, 2vw, 28px);
      font-weight: 800;
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      display: block;
      letter-spacing: -0.01em;
      line-height: 1.1;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-kpi-label {
      display: block;
      margin-top: 8px;
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      color: var(--amp-text-muted);
      text-transform: uppercase;
      line-height: 1.4;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-delta {
      display: inline-block;
      margin-top: 10px;
      padding: 4px 10px;
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: var(--amp-green);
      background: rgba(16, 185, 129, 0.10);
      border: 1px solid rgba(16, 185, 129, 0.30);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-delta.alt {
      color: var(--amp-violet-soft);
      background: rgba(124, 58, 237, 0.10);
      border-color: rgba(124, 58, 237, 0.30);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-delta.info {
      color: var(--amp-teal-bright);
      background: rgba(40, 204, 205, 0.10);
      border-color: rgba(40, 204, 205, 0.30);
    }

    /* CHART AREA — already has its own rules, just enhance */
    .amp-hp-root #verified-track-record .amp-hp-vtr-area {
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 22px;
      align-items: stretch;
      margin-bottom: 26px;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 980px) { .amp-hp-root #verified-track-record .amp-hp-vtr-area { grid-template-columns: 1fr; } }
    .amp-hp-root #verified-track-record .amp-hp-vtr-chartwrap {
      background:
        radial-gradient(80% 60% at 0% 100%, rgba(40, 204, 205, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.22);
      box-shadow: 0 20px 50px -16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      border-radius: 20px;
      padding: 24px;
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-chartwrap::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-phead {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      color: var(--amp-text-muted);
      text-transform: uppercase;
      margin-bottom: 18px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-phead b {
      color: var(--amp-teal-bright);
      font-weight: 700;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-flag {
      font-family: var(--amp-font-display);
      font-size: 12.5px;
      font-weight: 800;
      color: var(--amp-text-pure-white);
      padding: 6px 12px;
      background: rgba(11, 15, 25, 0.85);
      backdrop-filter: blur(8px);
      border: 1px solid rgba(40, 204, 205, 0.45);
      border-radius: 999px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
      letter-spacing: 0.02em;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-flag.violet {
      border-color: rgba(124, 58, 237, 0.45);
    }

    /* MINIS — CTR / RANK / ENGAGEMENT */
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 28px;
      margin-bottom: 30px;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 980px) { .amp-hp-root #verified-track-record .amp-hp-vtr-minis { grid-template-columns: 1fr; } }
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis .amp-hp-vtr-panel {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 28px 24px;
      min-height: 280px;
      background:
        radial-gradient(80% 60% at 100% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.24);
      box-shadow: 0 18px 44px -14px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.07);
      border-radius: 20px;
      position: relative;
      overflow: hidden;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis .amp-hp-vtr-panel:hover {
      transform: translateY(-6px) scale(1.01);
      border-color: rgba(40, 204, 205, 0.45);
      box-shadow: 0 28px 60px -16px rgba(40, 204, 205, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis .amp-hp-vtr-panel::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.6;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis .amp-hp-vtr-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, transparent 40%, rgba(40, 204, 205, 0.06) 50%, transparent 60%);
      opacity: 0;
      transition: opacity 0.5s ease;
      pointer-events: none;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-minis .amp-hp-vtr-panel:hover::after { opacity: 1; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-phead {
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      color: var(--amp-teal-bright);
      text-transform: uppercase;
      margin-bottom: 18px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-phead b {
      color: var(--amp-text-pure-white);
      font-weight: 800;
      display: inline-block;
      padding: 4px 10px;
      background: rgba(40, 204, 205, 0.12);
      border: 1px solid rgba(40, 204, 205, 0.28);
      border-radius: 999px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-crow {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 14px;
      font-size: 13px;
      font-family: var(--amp-font-display);
      width: 100%;
      max-width: 320px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-clabel {
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.12em;
      color: var(--amp-text-faint);
      width: 64px;
      flex-shrink: 0;
      text-transform: uppercase;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctrack {
      flex: 1;
      height: 10px;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 999px;
      overflow: hidden;
      position: relative;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cbar {
      height: 100%;
      background: linear-gradient(90deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%);
      border-radius: 999px;
      width: 0%;
      transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
      box-shadow: 0 0 10px var(--amp-teal-glow);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cbar.after {
      background: linear-gradient(90deg, var(--amp-violet) 0%, var(--amp-violet-soft) 100%);
      box-shadow: 0 0 10px var(--amp-violet-glow);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cval {
      font-family: var(--amp-font-display);
      font-weight: 800;
      color: var(--amp-text-pure-white);
      width: 60px;
      flex-shrink: 0;
      text-align: right;
      font-size: 16px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cval.after {
      background: linear-gradient(135deg, var(--amp-teal-bright), var(--amp-violet-soft));
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cmid {
      flex: 1;
      text-align: center;
      padding: 10px 18px;
      margin: 8px 0;
      background: rgba(40, 204, 205, 0.08);
      border: 1px solid rgba(40, 204, 205, 0.25);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      color: var(--amp-text-main);
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-cmid b {
      color: var(--amp-teal-bright);
      font-weight: 800;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ladder {
      display: flex;
      flex-direction: column;
      gap: 14px;
      width: 100%;
      max-width: 300px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rung {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 16px;
      padding: 16px 18px;
      background: rgba(255, 255, 255, 0.04);
      border: 1px solid rgba(40, 204, 205, 0.20);
      border-radius: 14px;
      transition: border-color 0.3s ease, transform 0.3s ease;
      align-items: center;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rung:hover {
      border-color: rgba(40, 204, 205, 0.45);
      transform: translateX(6px);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rung em {
      font-family: var(--amp-font-display);
      font-size: 26px;
      font-weight: 800;
      font-style: normal;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-bar {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-bar::before {
      content: "";
      height: 8px;
      border-radius: 999px;
      flex: 1;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-bar.worse::before {
      background: linear-gradient(90deg, rgba(251,191,36,0.4), rgba(251,191,36,0.1));
      width: 78%;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-bar.better::before {
      background: linear-gradient(90deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%);
      box-shadow: 0 0 10px var(--amp-teal-glow);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ladgenote {
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.12em;
      color: var(--amp-text-faint);
      padding: 14px 0 0;
      border-top: 1px dashed rgba(40, 204, 205, 0.25);
      margin-top: 12px;
      text-transform: uppercase;
      width: 100%;
      max-width: 320px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringwrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 14px;
      width: 100%;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringbox {
      position: relative;
      width: 160px;
      height: 160px;
      margin: 0 auto;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringbox svg { width: 100%; height: 100%; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringcenter {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringnum {
      font-family: var(--amp-font-display);
      font-size: 34px;
      font-weight: 800;
      background: linear-gradient(180deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
      display: block;
      letter-spacing: -0.02em;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringtxt {
      font-family: var(--amp-font-mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      color: var(--amp-text-muted);
      text-transform: uppercase;
      display: block;
      margin-top: 4px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringmeta {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      text-align: center;
      margin-top: 8px;
      max-width: 300px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ringmeta p { font-size: 13px; line-height: 1.6; color: var(--amp-text-muted); margin: 0; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-delta {
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      color: var(--amp-teal-bright);
      padding: 6px 12px;
      background: rgba(40, 204, 205, 0.08);
      border: 1px solid rgba(40, 204, 205, 0.22);
      border-radius: 999px;
    }

    /* CTR DOUBLING — meaningful redesign */
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-panel { justify-content: flex-start; padding-top: 26px; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-hero {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      margin: 8px 0 20px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-step {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      padding: 12px 14px;
      min-width: 90px;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-step.after {
      background: linear-gradient(160deg, rgba(40,204,205,0.08) 0%, rgba(124,58,237,0.05) 100%);
      border: 1px solid rgba(40, 204, 205, 0.24);
      border-radius: 14px;
      box-shadow: 0 12px 32px -10px rgba(40, 204, 205, 0.18);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-num {
      font-family: var(--amp-font-display);
      font-size: 28px;
      font-weight: 800;
      color: var(--amp-text-pure-white);
      line-height: 1;
      letter-spacing: -0.02em;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-step.after .amp-hp-vtr-ctr-num {
      background: linear-gradient(135deg, #FFFFFF 0%, var(--amp-teal-bright) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: transparent;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-sublabel {
      font-family: var(--amp-font-mono);
      font-size: 9px;
      letter-spacing: 0.12em;
      color: var(--amp-text-faint);
      text-transform: uppercase;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-arrow {
      display: flex;
      flex-direction: column;
      align-items: center;
      color: var(--amp-teal-bright);
      position: relative;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-arrow svg {
      width: 36px;
      height: 36px;
      filter: drop-shadow(0 0 8px var(--amp-teal-glow));
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-lift {
      font-family: var(--amp-font-display);
      font-size: 14px;
      font-weight: 800;
      padding: 2px 8px;
      background: linear-gradient(135deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%);
      color: #0B0F19;
      border-radius: 999px;
      margin-top: -8px;
      box-shadow: 0 0 12px var(--amp-teal-glow);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gauge {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
      max-width: 300px;
      margin-bottom: 16px;
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gtrack {
      position: relative;
      height: 20px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 999px;
      overflow: hidden;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gfill {
      position: absolute;
      top: 0; left: 0;
      height: 100%;
      border-radius: 999px;
      transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gfill.before {
      background: linear-gradient(90deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 100%);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gfill.after {
      background: linear-gradient(90deg, var(--amp-teal) 0%, var(--amp-teal-bright) 100%);
      box-shadow: 0 0 12px var(--amp-teal-glow);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gvalue {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-family: var(--amp-font-display);
      font-size: 11px;
      font-weight: 800;
      color: var(--amp-text-pure-white);
      text-shadow: 0 1px 4px rgba(0,0,0,0.5);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-gvalue.after {
      color: var(--amp-text-pure-white);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-cause {
      padding: 10px 16px;
      background: rgba(40, 204, 205, 0.08);
      border: 1px solid rgba(40, 204, 205, 0.25);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      color: var(--amp-text-main);
      position: relative;
      z-index: 2;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-cause b { color: var(--amp-teal-bright); font-weight: 800; }
    @media (max-width: 980px) {
      .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-hero { gap: 6px; }
      .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-num { font-size: 24px; }
      .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-arrow svg { width: 28px; height: 28px; }
      .amp-hp-root #verified-track-record .amp-hp-vtr-ctr-lift { font-size: 12px; }
    }

    /* VERIFICATION PANEL — the BIG redesign */
    .amp-hp-root #verified-track-record .amp-hp-vtr-verify {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 22px;
      align-items: stretch;
      margin-top: 30px;
      position: relative;
      z-index: 2;
    }
    @media (max-width: 980px) { .amp-hp-root #verified-track-record .amp-hp-vtr-verify { grid-template-columns: 1fr; } }
    .amp-hp-root #verified-track-record .amp-hp-vtr-vlist {
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 26px 28px;
      background:
        radial-gradient(80% 60% at 0% 0%, rgba(40, 204, 205, 0.08) 0%, transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(40, 204, 205, 0.22);
      box-shadow: 0 20px 50px -16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      border-radius: 18px;
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-vlist::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-teal-bright), transparent);
      opacity: 0.6;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-row {
      display: grid;
      grid-template-columns: 14px 1fr;
      gap: 14px;
      align-items: start;
      padding: 12px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-row:last-child { border-bottom: none; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowdot {
      width: 10px; height: 10px;
      border-radius: 50%;
      background: var(--amp-teal-bright);
      box-shadow: 0 0 12px var(--amp-teal-bright);
      margin-top: 6px;
      flex-shrink: 0;
      animation: ampHpKickerPulse 2.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-row > div { display: flex; flex-direction: column; gap: 4px; }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowkey {
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.16em;
      color: var(--amp-teal-bright);
      text-transform: uppercase;
      font-weight: 700;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowval {
      font-size: 13.5px;
      line-height: 1.6;
      color: var(--amp-text-main);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowval b {
      color: var(--amp-text-pure-white);
      font-weight: 700;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowval a {
      color: var(--amp-teal-bright);
      text-decoration: none;
      border-bottom: 1px solid rgba(40, 204, 205, 0.4);
      transition: border-color 0.2s ease;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-rowval a:hover { border-color: var(--amp-teal-bright); }

    /* CLIENT-VALIDATABLE — right side card */
    .amp-hp-root #verified-track-record .amp-hp-vtr-vside {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 26px 28px;
      background:
        radial-gradient(80% 60% at 100% 100%, rgba(124, 58, 237, 0.12) 0%, transparent 70%),
        linear-gradient(180deg, rgba(124, 58, 237, 0.06) 0%, rgba(255, 255, 255, 0.015) 100%);
      border: 1px solid rgba(124, 58, 237, 0.30);
      box-shadow: 0 20px 50px -16px rgba(124, 58, 237, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
      border-radius: 18px;
      position: relative;
      overflow: hidden;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-vside::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--amp-violet-soft), transparent);
      opacity: 0.7;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(40, 204, 205, 0.08) 100%);
      border: 1px solid rgba(16, 185, 129, 0.40);
      border-radius: 999px;
      font-family: var(--amp-font-mono);
      font-size: 10.5px;
      letter-spacing: 0.16em;
      color: var(--amp-green);
      text-transform: uppercase;
      font-weight: 700;
      align-self: flex-start;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-status i {
      width: 8px; height: 8px;
      border-radius: 50%;
      background: var(--amp-green);
      box-shadow: 0 0 10px var(--amp-green);
      animation: ampHpKickerPulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 14px 18px;
      border-radius: 12px;
      font-family: var(--amp-font-display);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-decoration: none;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      text-align: center;
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-btn.primary {
      background: linear-gradient(135deg, var(--amp-teal) 0%, var(--amp-violet) 100%);
      color: #FFFFFF !important;
      border: 1px solid rgba(40, 204, 205, 0.6);
      box-shadow: 0 12px 28px -10px rgba(40, 204, 205, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-btn.primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 20px 40px -10px rgba(124, 58, 237, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.25);
      border-color: rgba(124, 58, 237, 0.7);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-btn.ghost {
      background: rgba(255, 255, 255, 0.04);
      color: var(--amp-text-pure-white) !important;
      border: 1px solid rgba(255, 255, 255, 0.18);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-btn.ghost:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(40, 204, 205, 0.45);
      transform: translateY(-2px);
    }
    .amp-hp-root #verified-track-record .amp-hp-vtr-fineprint {
      font-size: 12px;
      line-height: 1.6;
      color: var(--amp-text-faint);
      padding-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
      margin: 0;
    }

    /* ---- MOBILE SAFETY NET (additive only, does not restyle sections) ---- */
    @media (max-width: 768px) {
      /* No element may create horizontal overflow on small screens */
      .amp-hp-root img,
      .amp-hp-root video,
      .amp-hp-root canvas { max-width: 100%; }
      .amp-hp-root .amp-hp-container { padding-left: 20px; padding-right: 20px; }

      /* Hero typography stays inside the viewport on 320-400px devices */
      .amp-hp-root .amp-hp-hero-title { font-size: clamp(32px, 9vw, 44px); overflow-wrap: break-word; }
      .amp-hp-root .amp-hp-hero-ctas .amp-hp-btn { width: 100%; justify-content: center; text-align: center; }

      /* Audit widget + forms breathe on phones */
      .amp-hp-root .amp-hp-audit-widget { padding-left: 20px; padding-right: 20px; }
      .amp-hp-root .amp-hp-btn { min-height: 48px; }

      /* Large blurred glows are the top mobile paint cost — soften, don't remove */
      .amp-hp-root .amp-hp-hero-glow-1,
      .amp-hp-root .amp-hp-hero-glow-2 { opacity: 0.55; }
    }