/* Extracted internal CSS from amazon-seo.php */
    /* ============================================================
       AMAZON SEO -Creative Visual Animation System (azs- prefix)
       Visual height = content height via items-stretch grid.
    ============================================================ */
    @keyframes azsFloatA   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-10px)} }
    @keyframes azsFloatB   { 0%,100%{transform:translateY(0)}  50%{transform:translateY(-14px)} }
    @keyframes azsCountBar { from{transform:scaleX(0)} to{transform:scaleX(1)} }
    @keyframes azsBlink    { 0%,100%{opacity:1} 50%{opacity:.3} }
    @keyframes azsRise     { 0%{transform:translateY(16px);opacity:0} 100%{transform:translateY(0);opacity:1} }
    @keyframes azsRingSweep{ from{stroke-dashoffset:283} to{stroke-dashoffset:var(--azs-off,60)} }
    @keyframes azsRingPulse{ 0%,100%{stroke-dashoffset:var(--azs-off,60)} 50%{stroke-dashoffset:calc(var(--azs-off,60) - 6)} }
    @keyframes azsGlow     { 0%{background-position:-150% 0} 100%{background-position:250% 0} }
    @keyframes azsStarPop  { 0%{transform:scale(0);opacity:0} 60%{transform:scale(1.2)} 100%{transform:scale(1);opacity:1} }
    @keyframes azsCartBounce{ 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-6px) rotate(-3deg)} }
    @keyframes azsShine    { 0%{transform:translateX(-120%) skewX(-15deg)} 100%{transform:translateX(220%) skewX(-15deg)} }
    @keyframes azsZoomPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} }
    @keyframes azsBadgeSpin{ from{transform:rotate(0)} to{transform:rotate(360deg)} }
    @keyframes azsSlideIn  { 0%{opacity:0;transform:translateX(14px)} 100%{opacity:1;transform:translateX(0)} }
    @keyframes azsFillUp   { from{height:0} to{height:var(--azs-h,60%)} }

    /* ---- shells ---- */
    .azs-frame {
      width:100%; max-width:560px; max-height:100%; border-radius:1.1rem;
      background:#fff; border:1px solid #E6ECF5;
      box-shadow:0 12px 30px -14px rgba(17,24,39,.12);
      overflow:hidden; animation:azsFloatA 6s ease-in-out infinite;
      min-width:0; box-sizing:border-box;
    }
    .azs-frame * { box-sizing:border-box; }
    .azs-frame-bar {
      display:flex; align-items:center; gap:.5rem;
      padding:.85rem 1.1rem; background:#F7F8FC;
      border-bottom:1px solid #ECEFF6; min-width:0;
    }
    .azs-dot { width:10px; height:10px; border-radius:9999px; flex-shrink:0; }
    .azs-frame-url {
      flex:1; min-width:0; margin-left:.5rem; height:24px;
      border-radius:9999px; background:#EEF1F8;
      display:flex; align-items:center; padding:0 .75rem;
      font:600 11px/1 'Inter',monospace; color:#475569;
      gap:.35rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .azs-frame-tag {
      margin-left:auto; display:flex; align-items:center; gap:.35rem;
      font:800 10px/1 'Inter',monospace; color:#FF9900; letter-spacing:.05em;
    }
    .azs-live-dot {
      width:7px; height:7px; border-radius:9999px; background:#FF9900;
      animation:azsBlink 1.4s ease-in-out infinite;
    }
    .azs-frame-body { padding:clamp(1.3rem,3vw,1.9rem) clamp(1.3rem,3vw,1.9rem) clamp(1.5rem,3.5vw,2.1rem); }

    .azs-terminal {
      width:100%; max-width:560px; max-height:100%; border-radius:1.1rem;
      background:#0A0E17; border:1px solid rgba(255,255,255,.08);
      box-shadow:0 12px 30px -14px rgba(0,0,0,.35);
      overflow:hidden; animation:azsFloatB 7s ease-in-out infinite;
      min-width:0; box-sizing:border-box;
    }
    .azs-terminal * { box-sizing:border-box; }
    .azs-terminal-bar { display:flex; align-items:center; gap:.5rem; padding:.85rem 1.1rem; border-bottom:1px solid rgba(255,255,255,.07); }
    .azs-terminal-title { font:600 12px/1 'Inter',monospace; color:#94A3B8; margin-left:.35rem; }
    .azs-terminal-live {
      margin-left:auto; display:inline-flex; align-items:center; gap:.35rem;
      padding:.25rem .6rem; border-radius:9999px;
      border:1px solid rgba(52,211,153,.35); background:rgba(52,211,153,.08);
      font:800 10px/1 'Inter',monospace; color:#6A58E4; letter-spacing:.05em;
    }
    .azs-terminal-body { padding:1.1rem 1.2rem 1.3rem; }

    /* ---- product card (amazon listing style) ---- */
    .azs-product-card {
      display:flex; gap:.9rem; padding:.9rem; border-radius:1rem;
      background:#FAFBFF; border:1px solid #ECEFF6; align-items:flex-start;
    }
    .azs-product-thumb {
      flex-shrink:0; width:64px; height:64px; border-radius:.75rem;
      background:linear-gradient(135deg,#FFF4E0,#FFE8C2);
      display:flex; align-items:center; justify-content:center; color:#D97706;
      animation:azsZoomPulse 3s ease-in-out infinite;
    }
    .azs-stars { color:#F59E0B; font-size:12px; letter-spacing:1px; }
    .azs-star-anim span { display:inline-block; animation:azsStarPop .4s ease-out both; }

    /* ---- badges ---- */
    .azs-badge-choice {
      font:800 10px/1 'Inter',monospace; color:#B45309; background:#FEF3C7;
      padding:.25rem .6rem; border-radius:9999px; letter-spacing:.03em;
      display:inline-flex; align-items:center; gap:.25rem;
    }
    .azs-rank-badge {
      flex-shrink:0; width:28px; height:28px; border-radius:.6rem;
      display:flex; align-items:center; justify-content:center;
      font:800 13px/1 'Inter',monospace; background:linear-gradient(135deg,#FF9900,#FFB84D); color:#fff;
    }

    /* ---- bars ---- */
    .azs-bar-row  { display:flex; align-items:center; gap:.7rem; padding:.5rem 0; min-width:0; }
    .azs-bar-label{ flex-shrink:0; width:120px; font:700 11px/1.25 'Inter',monospace; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .azs-bar-track{ flex:1; min-width:0; height:6px; border-radius:9999px; background:#EEF1F8; overflow:hidden; position:relative; }
    .azs-bar-fill {
      position:absolute; inset:0; border-radius:9999px;
      background:linear-gradient(90deg,#FF9900,#FFB84D,#FFCB7D,#FFB84D,#FF9900);
      background-size:250% 100%; transform-origin:left;
      animation:azsCountBar 1.1s cubic-bezier(.2,.8,.2,1) both, azsGlow 3.2s linear infinite 1.1s;
    }
    .azs-bar-val { flex-shrink:0; width:38px; text-align:right; font:800 13px/1 'Inter',monospace; color:#B45309; }

    .azs-t-bar-row   { display:flex; align-items:center; gap:.7rem; padding:.5rem 0; min-width:0; }
    .azs-t-bar-label { flex-shrink:0; width:130px; font:700 11px/1.2 'Inter',monospace; color:#94A3B8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .azs-t-bar-track { flex:1; min-width:0; height:6px; border-radius:9999px; background:rgba(255,255,255,.08); overflow:hidden; position:relative; }
    .azs-t-bar-fill  {
      position:absolute; inset:0; border-radius:9999px;
      background:linear-gradient(90deg,#F59E0B,#FBBF24,#FDE68A,#FBBF24,#F59E0B);
      background-size:250% 100%; transform-origin:left;
      animation:azsCountBar 1.1s cubic-bezier(.2,.8,.2,1) both, azsGlow 3.2s linear infinite 1.1s;
    }
    .azs-t-bar-val { flex-shrink:0; width:38px; text-align:right; font:800 12px/1 'Inter',monospace; color:#FBBF24; }

    /* ---- footers ---- */
    .azs-frame-footer {
      margin-top:1.2rem; display:flex; align-items:center; justify-content:space-between;
      padding:1rem 1.1rem; border-radius:.95rem;
      background:rgba(255,153,0,.07); border:1px solid rgba(255,153,0,.2);
    }
    .azs-frame-footer b { font:700 13px/1 'Inter',sans-serif; color:#111827; }
    .azs-t-footer {
      margin-top:1.1rem; display:flex; align-items:center; justify-content:space-between;
      padding:.9rem 1rem; border-radius:.9rem;
      background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.24);
    }
    .azs-t-footer b { font:700 12px/1 'Inter',sans-serif; color:#fff; }
    .azs-pill-orange {
      padding:.4rem .85rem; border-radius:9999px;
      background:linear-gradient(135deg,#FF9900,#FFB84D,#FFCB7D,#FFB84D,#FF9900);
      background-size:250% 100%; color:#fff; font:800 11px/1 'Inter',monospace;
      animation:azsGlow 3.6s linear infinite;
    }
    .azs-pill-green {
      padding:.35rem .8rem; border-radius:9999px;
      background:linear-gradient(135deg,#6A58E4,#4A86F5,#28A8D9,#4A86F5,#6A58E4);
      background-size:250% 100%; animation:azsGlow 3.6s linear infinite;
      color:#04140D; font:800 10px/1 'Inter',monospace;
    }

    /* ---- stat tiles ---- */
    .azs-stat-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
    .azs-stat-tile  { text-align:center; padding:.85rem .5rem; border-radius:.85rem; background:#FAFBFF; border:1px solid #ECEFF6; }
    .azs-stat-tile b{ display:block; font:800 17px/1.1 'Inter',sans-serif; color:#111827; }
    .azs-stat-tile span{ display:block; margin-top:.35rem; font:700 10px/1.2 'Inter',monospace; color:#475569; letter-spacing:.04em; text-transform:uppercase; }

    /* ---- check rows ---- */
    .azs-check-row  { display:flex; align-items:center; gap:.7rem; animation:azsRise .5s ease-out both; }
    .azs-check-icon { flex-shrink:0; width:24px; height:24px; border-radius:.55rem; background:rgba(255,153,0,.14); color:#B45309; display:flex; align-items:center; justify-content:center; }
    .azs-check-text { font:600 13px/1.3 'Inter',sans-serif; color:#1E293B; }

    /* ---- ring cards ---- */
    .azs-ring-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; width:100%; }
    .azs-ring-card {
      background:#FAFBFF; border:1px solid #ECEFF6; border-radius:1rem;
      padding:1rem .8rem; text-align:center; display:flex;
      flex-direction:column; align-items:center; justify-content:center;
      gap:.5rem; animation:azsRise .55s ease-out both;
    }
    .azs-ring-svg  { transform:rotate(-90deg); width:clamp(48px,7vw,60px); height:clamp(48px,7vw,60px); flex-shrink:0; }
    .azs-ring-svg .track { fill:none; stroke:#EDEFF6; stroke-width:6; }
    .azs-ring-svg .fill  { fill:none; stroke-width:6; stroke-linecap:round; stroke-dasharray:283; animation:azsRingSweep 1.3s cubic-bezier(.2,.8,.2,1) both, azsRingPulse 2.6s ease-in-out infinite 1.3s; }
    .azs-ring-card-num   { font:800 20px/1 'Inter',sans-serif; color:#111827; }
    .azs-ring-card-label { font:700 11px/1 'Inter',monospace; color:#475569; text-transform:uppercase; letter-spacing:.03em; }

    /* ---- keyword search bar ---- */
    .azs-searchbar {
      display:flex; align-items:center; gap:.6rem; padding:.75rem 1rem;
      border-radius:9999px; background:#FFF7EA; border:1px solid #FDE8C4; margin-bottom:1rem;
    }
    .azs-searchbar input { border:none; background:transparent; font:600 13px/1 'Inter',sans-serif; color:#111827; flex:1; }
    .azs-type-cursor { display:inline-block; width:2px; height:14px; background:#FF9900; animation:azsBlink 1s step-end infinite; margin-left:1px; vertical-align:middle; }

    /* ---- image gallery collage (keyword research visual) ---- */
    .azs-gallery { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; width:100%; }
    .azs-gallery-tile {
      border-radius:1rem; overflow:hidden; position:relative;
      background:linear-gradient(135deg,#F1F5F9,#E2E8F0);
      display:flex; align-items:center; justify-content:center;
      animation:azsRise .55s ease-out both;
    }
    .azs-gallery-tile .icon-wrap {
      width:44px; height:44px; border-radius:50%;
      background:rgba(255,153,0,.12); color:#B45309;
      display:flex; align-items:center; justify-content:center;
    }
    .azs-gallery-tag {
      position:absolute; bottom:.5rem; left:.5rem; right:.5rem;
      font:700 10px/1.2 'Inter',monospace; color:#fff;
      background:rgba(17,24,39,.72); border-radius:.5rem; padding:.35rem .5rem;
      backdrop-filter:blur(4px);
    }

    /* ---- image quality showcase (optimize images section) ---- */
    .azs-img-showcase { width:100%; display:flex; flex-direction:column; gap:.7rem; }
    .azs-img-frame {
      position:relative; border-radius:1rem; overflow:hidden;
      background:linear-gradient(135deg,#1E293B,#0F172A);
      display:flex; align-items:center; justify-content:center;
      aspect-ratio:16/8; animation:azsZoomPulse 4s ease-in-out infinite;
    }
    .azs-img-frame .frame-icon { color:rgba(255,255,255,.85); }
    .azs-img-scan {
      position:absolute; left:0; right:0; height:2px;
      background:linear-gradient(90deg,transparent,#FF9900,transparent);
      animation:azsScan 2.4s linear infinite;
    }
    @keyframes azsScan { 0%{top:0} 100%{top:100%} }
    .azs-zoom-dot { position:absolute; width:18px; height:18px; border-radius:50%; border:2px solid #FF9900; background:rgba(255,153,0,.15); animation:azsBlink 2s ease-in-out infinite; }

    /* ---- funnel/checklist ---- */
    .azs-funnel { display:flex; flex-direction:column; gap:.5rem; width:100%; }
    .azs-funnel-step { display:flex; align-items:center; gap:.85rem; padding:.85rem 1rem; border-radius:.9rem; background:#FAFBFF; border:1px solid #ECEFF6; animation:azsRise .5s ease-out both; }
    .azs-funnel-num { flex-shrink:0; width:30px; height:30px; border-radius:.65rem; display:flex; align-items:center; justify-content:center; font:800 13px/1 'Inter',monospace; color:#fff; background:linear-gradient(135deg,#FF9900,#FFB84D); }
    .azs-funnel-title { font:700 13px/1.2 'Inter',sans-serif; color:#1E293B; }
    .azs-funnel-sub   { font:600 11px/1.3 'Inter',sans-serif; color:#475569; margin-top:.15rem; }

    /* ---- outer visual wrapper ---- */
    .azs-visual { position:relative; width:100%; height:100%; min-height:280px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-sizing:border-box; }

    .grid > * { min-width:0; }
    .azs-frame, .azs-terminal { min-width:0; box-sizing:border-box; }

    @media (max-width:640px) {
      .azs-visual { min-height:240px; padding:.75rem; }
      .azs-frame-body, .azs-terminal-body { padding:.9rem 1rem 1.1rem; }
      .azs-bar-label, .azs-t-bar-label { width:82px; font-size:10px; }
      .azs-stat-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; }
      .azs-ring-grid  { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .azs-gallery    { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:400px) {
      .azs-bar-label, .azs-t-bar-label { width:76px; font-size:10px; }
    }
    @media (prefers-reduced-motion:reduce) {
      .azs-visual * { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
    }
  


/* ==========================================================
   MOBILE 2-UP FIX -- fixed 3-item metric/stat strips show only
   2 tiles per row on small phones (3 tiles in a row was either
   cramped/clipped, or stacking all 3 full-width made the card
   too tall). The 3rd tile is hidden rather than wrapped to its
   own half-empty row, and the CTA nothing else references it.
   ========================================================== */
@media (max-width: 480px) {
  .azs-stat-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; }
  .azs-stat-tiles > *:nth-child(3) { display: none !important; }
}