/*
      Zentra Premium Glassmorphic Website Experience (single-file)
      -----------------------------------------------------------------
      What’s new vs previous draft:
      - Premium typography (Space Grotesk)
      - Fluid animated background (no repeating gradients)
      - Wireframe globes (canvas, responsive, drag to rotate)
      - Scroll-triggered entry animations + 3D tilt/magnification
      - Full-width header bar
      - Multiple glass “blur panels” for stronger depth
    */

    :root{
      --ame-font: "Space Grotesk", "Inter", "Segoe UI", system-ui, sans-serif;
      --ame-font-display: "Space Grotesk", "Inter", "Segoe UI", system-ui;
      --ame-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --ame-phone-preview-iframe-scale: 0.84;
      --ame-phone-preview-iframe-top-offset: 24px;
      --ame-phone-preview-iframe-height-shift: 33px;
      --brandA: 255, 122, 26;
      --brandB: 65, 195, 125;
      --brandC: 130, 170, 255;
      --speed-1: var(--ame-speed-1);
      --speed-2: var(--ame-speed-2);
      --speed-3: var(--ame-speed-3);
      --ease: var(--ame-ease);
      --shadow-1: 0 16px 50px rgba(0,0,0,.48);
      --shadow-2: 0 36px 140px rgba(0,0,0,.65);
      --text: var(--ame-text);
      --muted: var(--ame-muted);

      --ame-accent: #ff7a1a;
      --ame-blue: #4ea1ff;
      --ame-green: #41c37d;

      --ame-container: 1180px;

      --ame-radius-xl: 22px;
      --ame-radius-lg: 16px;
      --ame-radius-md: 13px;
      --ame-radius-sm: 11px;

      --ame-ease: cubic-bezier(.2,.85,.18,1);
      --ame-speed-1: 140ms;
      --ame-speed-2: 260ms;
      --ame-speed-3: 700ms;

      /* Dark theme tokens (overridden in [data-theme="light"]) */
      color-scheme: dark;
      --ame-bg-0: #05070e;
      --ame-bg-1: #0a1222;
      --ame-text: rgba(255,255,255,.92);
      --ame-muted: rgba(255,255,255,.68);
      --ame-faint: rgba(255,255,255,.46);

      --ame-border: rgba(226,232,240,.12);
      --ame-border-2: rgba(226,232,240,.18);

      --ame-surface-0: rgba(255,255,255,.06);
      --ame-surface-1: rgba(255,255,255,.08);
      --ame-surface-2: rgba(255,255,255,.10);

      --ame-shadow-lg: 0 22px 70px rgba(0,0,0,.55);
      --ame-shadow-md: 0 18px 46px rgba(0,0,0,.34);
      --ame-shadow-sm: 0 12px 26px rgba(0,0,0,.26);

      --ame-focus: rgba(255,122,26,.36);

      --ame-bg-canvas-opacity: .82;
      --ame-noise-opacity: .06;

      --globe-line: rgba(78,161,255,.28);
      --globe-line-dim: rgba(78,161,255,.12);
      --globe-line-active: rgba(121,187,255,.44);
      --globe-line-active-dim: rgba(121,187,255,.14);
      --globe-node: rgba(255,122,26,.95);
      --globe-node-soft: rgba(255,122,26,.45);
      --globe-center: rgba(78,161,255,.95);

      --ame-globe-size: min(320px, 100%);

      --ame-topbar-offset: 14em;
      --ame-hero-pad-top: clamp(170px, 22vw, 230px);
      --ame-hero-pad-bottom: 40px;
      --ame-hero-padding: var(--ame-hero-pad-top) 0 var(--ame-hero-pad-bottom);
      --ame-section-padding: clamp(52px, 7.5vw, 92px);
      --ame-logo-max-height: 50px;
      --ame-hero-visual-min-h: 380px;
      --ame-stat-value-size: 18px;
      --ame-stat-label-size: 12.5px;
    }

    :root[data-theme="light"]{
      color-scheme: light;
      --ame-bg-0: #ffffff;
      --ame-bg-1: #f4f8ff;

      --ame-text: rgba(9,14,28,.92);
      --ame-muted: rgba(9,14,28,.66);
      --ame-faint: rgba(9,14,28,.46);

      --ame-border: rgba(15,23,42,.14);
      --ame-border-2: rgba(15,23,42,.18);

      --ame-surface-0: rgba(255,255,255,.36);
      --ame-surface-1: rgba(255,255,255,.52);
      --ame-surface-2: rgba(255,255,255,.62);

      --ame-shadow-lg: 0 22px 70px rgba(9,14,28,.14);
      --ame-shadow-md: 0 18px 46px rgba(9,14,28,.12);
      --ame-shadow-sm: 0 12px 26px rgba(9,14,28,.10);

      --ame-focus: rgba(78,161,255,.35);

      --ame-bg-canvas-opacity: .70;
      --ame-noise-opacity: .05;

      --globe-line: rgba(9,14,28,.22);
      --globe-line-dim: rgba(9,14,28,.10);
      --globe-line-active: rgba(78,161,255,.56);
      --globe-line-active-dim: rgba(78,161,255,.18);
      --globe-node: rgba(255,122,26,.92);
      --globe-node-soft: rgba(255,122,26,.30);
      --globe-center: rgba(78,161,255,.92);
      --shadow-1: 0 16px 50px rgba(9,14,28,.14);
      --shadow-2: 0 36px 140px rgba(9,14,28,.18);
      --text: var(--ame-text);
      --muted: var(--ame-muted);
    }

    *{ box-sizing: border-box; }
    html, body{ height: 100%; }

    body{
      margin:0;
      font-family: var(--ame-font);
      color: var(--ame-text);
      background: linear-gradient(180deg, var(--ame-bg-0), var(--ame-bg-1));
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    a{ color: inherit; text-decoration: none; }

    /* ============================
       Fluid Background (no repeat)
       ============================ */

    #ameBg{
      position: fixed;
      inset: -1px;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      z-index: -3;
      opacity: var(--ame-bg-canvas-opacity);
      pointer-events: none;
      filter: saturate(1.08);
      transform: scale(1.01);
      transform-origin: center;
    }

    .ame-noise{
      position: fixed;
      inset: -1px;
      z-index: -2;
      pointer-events: none;
      opacity: var(--ame-noise-opacity);
      mix-blend-mode: overlay;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='1200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='1200' height='1200' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
      background-size: 1200px 1200px;
    }

    /* Gentle vignette to tighten focus */
    .ame-vignette{
      position: fixed;
      inset:-2px;
      z-index:-1;
      pointer-events:none;
      transform: scale(1.01);
      transform-origin: center;
      background:
        radial-gradient(1200px 800px at 50% 12%, rgba(0,0,0,0), rgba(0,0,0,.35) 70%),
        radial-gradient(900px 700px at 15% 60%, rgba(0,0,0,0), rgba(0,0,0,.25) 70%),
        radial-gradient(900px 700px at 85% 60%, rgba(0,0,0,0), rgba(0,0,0,.25) 70%);
      opacity: .9;
    }

    :root[data-theme="light"] .ame-vignette{
      background:
        radial-gradient(1200px 800px at 50% 12%, rgba(255,255,255,0), rgba(9,14,28,.06) 74%),
        radial-gradient(900px 700px at 15% 60%, rgba(255,255,255,0), rgba(9,14,28,.04) 74%),
        radial-gradient(900px 700px at 85% 60%, rgba(255,255,255,0), rgba(9,14,28,.04) 74%);
      opacity: 1;
    }

    /* ============================
       Layout helpers
       ============================ */

    .ame-container{
      width: min(var(--ame-container), calc(100% - 40px));
      margin-inline: auto;
    }

    .ame-h1, h1{
      font-family: var(--ame-font-display);
      letter-spacing: -0.03em;
    }

    .ame-h2, h2, h3, h4, h5, h6, .ame-hl-title{
      font-family: var(--ame-font-display);
      letter-spacing: -0.02em;
    }

    /* ============================
       Glass system (multiple blur panels)
       ============================ */

    .ame-glass{
      --glass-blur: 24px;
      --glass-bg-top: var(--ame-surface-2);
      --glass-bg-bot: var(--ame-surface-0);

      background: linear-gradient(180deg, var(--glass-bg-top), var(--glass-bg-bot));
      border: 1px solid var(--ame-border-2);
      border-radius: var(--ame-radius-xl);
      box-shadow: 0 24px 58px rgba(0,0,0,.24);
      backdrop-filter: blur(var(--glass-blur)) saturate(1.45);
      -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.45);
      position: relative;
      overflow: hidden;
      transform-style: preserve-3d;
    }

    /* Prismatic edge (gives “Fortune 500” premium polish) */
    .ame-glass::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(135deg,
        rgba(255,255,255,.28),
        rgba(255,255,255,0) 30%,
        rgba(255,122,26,.30) 55%,
        rgba(78,161,255,.22) 72%,
        rgba(255,255,255,0)
      );
      pointer-events:none;
      opacity: .85;

      /* mask to only show border */
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    }

    /* Spotlight / magnification highlight */
    .ame-glass::before{
      content:"";
      position:absolute;
      inset:-2px;
      border-radius: inherit;
      pointer-events:none;
      opacity: 0;
      transition: opacity var(--ame-speed-2) var(--ame-ease);
      background:
        radial-gradient(420px 260px at var(--mx, 50%) var(--my, 20%), rgba(255,255,255,.18), transparent 60%),
        radial-gradient(620px 380px at 20% 10%, rgba(255,122,26,.12), transparent 55%),
        radial-gradient(620px 380px at 90% 90%, rgba(78,161,255,.10), transparent 55%);
      mix-blend-mode: overlay;
    }

    @media (hover:hover) and (pointer:fine){
      .ame-glass:hover::before{ opacity: 1; }
    }

    .ame-glass--mist{ --glass-blur: 20px; --glass-bg-top: var(--ame-surface-2); --glass-bg-bot: rgba(255,255,255,.04); }
    .ame-glass--frost{ --glass-blur: 26px; --glass-bg-top: var(--ame-surface-0); --glass-bg-bot: rgba(255,255,255,.06); }
    .ame-glass--crystal{ --glass-blur: 34px; --glass-bg-top: rgba(255,255,255,.14); --glass-bg-bot: rgba(255,255,255,.05); border-color: var(--ame-border-2); box-shadow: 0 32px 80px rgba(0,0,0,.32); }
    .ame-glass--smoke{ --glass-blur: 18px; --glass-bg-top: rgba(255,255,255,.07); --glass-bg-bot: rgba(0,0,0,.12); }

    /* ============================
       Scroll reveal (3D entry)
       ============================ */

    [data-reveal]{
      --reveal-y: 20px;
      --reveal-scale: .985;
      --scroll-zoom-scale: 1;
      --scroll-zoom-y: 0px;
      --scroll-zoom-opacity: 1;
      opacity: 0;
      filter: blur(10px);
      transform:
        perspective(1200px)
        translate3d(0, calc(var(--reveal-y) + var(--scroll-zoom-y)), 0)
        rotateX(var(--tilt-x, 0deg))
        rotateY(var(--tilt-y, 0deg))
        scale(calc(var(--reveal-scale) * var(--scroll-zoom-scale)));
      transition:
        opacity var(--ame-speed-3) var(--ame-ease),
        transform var(--ame-speed-3) var(--ame-ease),
        filter var(--ame-speed-3) var(--ame-ease);
      transition-delay: var(--d, 0ms);
      will-change: transform, opacity, filter;
    }

    .no-js [data-reveal]{
      --reveal-y: 0px;
      --reveal-scale: 1;
      --scroll-zoom-scale: 1;
      --scroll-zoom-y: 0px;
      --scroll-zoom-opacity: 1;
      opacity: 1;
      filter: none;
      transform: none;
      transition: none;
    }

    [data-reveal].is-inview{
      opacity: var(--scroll-zoom-opacity);
      filter: blur(0px);
      --reveal-y: 0px;
      --reveal-scale: 1;
    }

    [data-scroll-zoom]{
      --scroll-zoom-scale: .95;
      --scroll-zoom-y: 10px;
      --scroll-zoom-opacity: .82;
    }

    /* ============================
       Chips / buttons
       ============================ */

    .ame-chip{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.04);
      backdrop-filter: blur(10px) saturate(1.2);
      -webkit-backdrop-filter: blur(10px) saturate(1.2);
      font-size: 12px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--ame-muted);
    }

    .ame-chip b{ color: var(--ame-text); font-weight: 800; letter-spacing: .06em; }

    .ame-btn{
      position: relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 16px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.05);
      backdrop-filter: blur(10px) saturate(1.25);
      -webkit-backdrop-filter: blur(10px) saturate(1.25);
      color: var(--ame-text);
      font-weight: 750;
      letter-spacing: .01em;
      cursor:pointer;
      user-select:none;
      transition:
        transform var(--ame-speed-1) var(--ame-ease),
        box-shadow var(--ame-speed-2) var(--ame-ease),
        background var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease),
        filter var(--ame-speed-2) var(--ame-ease);
      box-shadow: var(--ame-shadow-sm);
      overflow:hidden;
    }

    .ame-btn::before{
      content:"";
      position:absolute;
      inset:-2px;
      opacity: 0;
      transition: opacity var(--ame-speed-2) var(--ame-ease);
      background: radial-gradient(320px 220px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.18), transparent 60%);
      pointer-events:none;
      mix-blend-mode: overlay;
    }

    @media (hover:hover) and (pointer:fine){
      .ame-btn:hover{ transform: translateY(-1px); box-shadow: var(--ame-shadow-md); }
      .ame-btn:hover::before{ opacity: 1; }
    }

    .ame-btn:active{ transform: translateY(0px) scale(.99); }

    .ame-btn:focus-visible{
      outline:none;
      box-shadow: 0 0 0 4px var(--ame-focus), var(--ame-shadow-md);
    }

    .ame-btn-primary{
      border-color: rgba(255,122,26,.55);
      background: linear-gradient(135deg, rgba(255,122,26,.98), rgba(255,122,26,.58));
      color: var(--ame-text);
      box-shadow: 0 18px 50px rgba(255,122,26,.22);
    }

    :root[data-theme="light"] .ame-btn-primary{
      color: rgba(9,10,12,.92);
      box-shadow: 0 18px 50px rgba(255,122,26,.18);
    }

    .ame-btn-ghost{
      background: rgba(255,255,255,.03);
      box-shadow: none;
    }

    .ame-icon-btn{
      width: 46px;
      height: 46px;
      border-radius: 16px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.05);
      backdrop-filter: blur(10px) saturate(1.2);
      -webkit-backdrop-filter: blur(10px) saturate(1.2);
      display:grid;
      place-items:center;
      cursor:pointer;
      transition: transform var(--ame-speed-1) var(--ame-ease), box-shadow var(--ame-speed-2) var(--ame-ease);
      box-shadow: var(--ame-shadow-sm);
    }

    @media (hover:hover) and (pointer:fine){
      .ame-icon-btn:hover{ transform: translateY(-1px); box-shadow: var(--ame-shadow-md); }
    }

    .ame-icon-btn:focus-visible{
      outline:none;
      box-shadow: 0 0 0 4px var(--ame-focus), var(--ame-shadow-md);
    }

    .ame-icon{ width: 18px; height: 18px; display:block; opacity:.92; }

    .ame-kbd{
      font-family: var(--ame-mono);
      font-size: 12px;
      opacity:.85;
      border:1px solid var(--ame-border);
      border-bottom-width: 2px;
      padding: 2px 6px;
      border-radius: 10px;
      background: rgba(255,255,255,.04);
    }

    /* ============================
       Header (full width)
       ============================ */

    .ame-topbar{
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 60;
      padding: 0;
      margin: 0;
    }

    .ame-topbar + main{
      padding-top: var(--ame-topbar-offset);
    }

    .ame-topbar-strip{
      width: 100%;
      border-radius: 0;
      border-left: none;
      border-right: none;
      border-top: none;
      border-bottom: 1px solid var(--ame-border);
    }

    .ame-topbar .ame-topbar-strip.ame-glass::after{
      display: none;
    }

    .ame-topbar-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      padding: 0;
    }

    .ame-brand{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 0;
    }

    .ame-logo{
      width: min(140px, 31vw);
      max-width: 100%;
      max-height: var(--ame-logo-max-height);
      height: auto;
      flex: 0 0 auto;
      display: block;
      object-fit: contain;
      object-position: 50% center;
      margin: 0;
      padding: 0;
      transform: none;
      transition: transform var(--ame-speed-2) var(--ame-ease);
    }

    .ame-logo.is-dark{
      filter: none;
    }

    .ame-brand strong{ font-family: var(--ame-font-display); letter-spacing: -0.01em; }
    .ame-brand span{ color: var(--ame-muted); font-weight: 650; font-size: 13px; }

    .ame-nav{
      display:flex;
      align-items:center;
      gap: 10px;
      flex-wrap:wrap;
      justify-content:center;
    }

    .ame-nav a{
      padding: 8px 10px;
      border-radius: 12px;
      color: var(--ame-muted);
      border: 1px solid transparent;
      font-size: 12.5px;
      font-weight: 750;
      transition: background var(--ame-speed-2) var(--ame-ease), border-color var(--ame-speed-2) var(--ame-ease), color var(--ame-speed-2) var(--ame-ease);
    }

    .ame-nav a:hover{
      background: rgba(255,255,255,.06);
      border-color: var(--ame-border);
      color: var(--ame-text);
    }

    .ame-top-actions{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap: 12px;
      min-width: 220px;
    }

    .ame-top-actions .ame-icon-btn{
      width: 40px;
      height: 40px;
      border-radius: 12px;
    }

    .ame-top-actions .ame-icon{
      width: 16px;
      height: 16px;
    }

    .ame-top-actions .ame-btn{
      padding: 9px 12px;
      border-radius: 13px;
      font-size: 12px;
      font-weight: 700;
      min-height: 0;
    }

    .ame-top-actions{
      margin-left: 6px;
    }

    /* ============================
       Hero
       ============================ */

    .ame-hero{
      padding: var(--ame-hero-padding);
    }

    .ame-hero-grid{
      display:grid;
      grid-template-columns: 1.25fr .95fr;
      gap: 18px;
      align-items: stretch;
    }

    .ame-hero-card{ padding: 24px; }

    .ame-hero h1{
      margin: 12px 0 10px;
      font-size: clamp(36px, 4.4vw, 56px);
      line-height: 1.02;
    }

    .ame-hero p{
      margin: 0;
      max-width: 64ch;
      color: var(--ame-muted);
      font-size: 16px;
      line-height: 1.6;
    }

    .ame-hero-actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 14px; }

    .ame-hero-meta{ display:flex; gap: 12px; flex-wrap:wrap; margin-top: 18px; }

    .ame-stat{
      flex: 1 1 160px;
      padding: 14px 14px;
      border-radius: var(--ame-radius-lg);
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.03);
    }

    .ame-stat strong{ font-size: var(--ame-stat-value-size); display:block; letter-spacing:-.01em; }
    .ame-stat span{ font-size: var(--ame-stat-label-size); color: var(--ame-muted); display:block; margin-top: 2px; }

    .ame-visual{
      padding: 18px;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height: var(--ame-hero-visual-min-h);
    }

    .ame-mock{
      width: min(340px, 92%);
      border-radius: 28px;
      padding: 16px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.04);
      box-shadow: var(--ame-shadow-lg);
      transform: rotate(-2deg);
      will-change: transform;
      animation: ame-float 7s var(--ame-ease) infinite;
    }

    .ame-mock-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 8px 10px;
      border-radius: 14px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.04);
    }

    .ame-mock-dot{
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(255,255,255,.38);
      margin-right: 6px;
    }

    :root[data-theme="light"] .ame-mock-dot{ background: rgba(9,14,28,.24); }

    .ame-mock-grid{ display:grid; grid-template-columns: 1fr; gap: 10px; padding: 12px 2px 4px; }

    .ame-mock-card{
      border-radius: 14px;
      padding: 12px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.04);
    }

    .ame-mock-card strong{ display:block; font-size: 13px; letter-spacing:-.01em; }
    .ame-mock-card span{ display:block; margin-top: 5px; color: var(--ame-muted); font-size: 12.5px; line-height: 1.35; }

    @keyframes ame-float{
      0%,100%{ transform: rotate(-2deg) translateY(0px); }
      50%{ transform: rotate(-2deg) translateY(-8px); }
    }

    /* ============================
       Sections
       ============================ */

    .ame-section{
      padding: var(--ame-section-padding) 0;
    }

    .ame-section-dense{
      padding-top: clamp(36px, 5.5vw, 58px);
      padding-bottom: clamp(36px, 5.5vw, 58px);
    }

    .ame-side-by-side-block > .ame-container{
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .ame-side-by-side-panel{
      min-width: 0;
    }

    #network.ame-network-section .ame-container{
      position: relative;
    }

    #network.ame-network-section .ame-container::before{
      content: "";
      position: absolute;
      inset: 0;
      border-radius: var(--ame-radius-xl);
      border: 0px solid var(--ame-border);
      pointer-events: none;
      z-index: 0;
    }

    #network.ame-network-section .ame-section-head,
    #network .ame-diagram,
    #network .ame-partner-panel{
      position: relative;
      z-index: 1;
    }

    #network .ame-btn:hover,
    #network .ame-agency-card:hover,
    #network .ame-toggle:hover{
      box-shadow: var(--ame-shadow-sm);
      filter: none;
    }

    #network .ame-glass:hover::before{
      opacity: 0;
    }

    .ame-section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap: 18px;
      margin-bottom: 18px;
    }

    .ame-section-head h2{
      margin:0;
      font-size: clamp(26px, 3vw, 36px);
      line-height: 1.12;
    }

    .ame-section-head p{
      margin:0;
      color: var(--ame-muted);
      max-width: 72ch;
      line-height: 1.65;
      font-size: 15px;
    }

    .ame-grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

    #ecosystem .ame-feature{
      padding: 18px;
      border-radius: var(--ame-radius-xl);
      min-height: 170px;
      transform-style: preserve-3d;
      transition:
        transform var(--ame-speed-2) var(--ame-ease),
        box-shadow var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease);
      will-change: transform;
      animation: none;
    }

    #ecosystem .ame-feature.is-inview{
      animation-name: ame-feature-orbit;
      animation-duration: 11s;
      animation-timing-function: var(--ame-ease);
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-fill-mode: both;
    }

    #ecosystem .ame-feature:nth-child(2){ animation-delay: -2.6s; }
    #ecosystem .ame-feature:nth-child(3){ animation-delay: -5.2s; }

    @keyframes ame-feature-orbit{
      0%,100%{
        transform:
          perspective(1200px)
          translate3d(0, calc(var(--reveal-y, 20px) + var(--scroll-zoom-y, 10px)), 0)
          rotateX(calc(var(--tilt-x, 0deg) - 0.7deg))
          rotateY(calc(var(--tilt-y, 0deg) + 0.8deg))
          scale(calc(var(--reveal-scale, 0.985) * var(--scroll-zoom-scale, 1)));
      }
      50%{
        transform:
          perspective(1200px)
          translate3d(0, calc(var(--reveal-y, 20px) + var(--scroll-zoom-y, 10px) - 4px), 0)
          rotateX(calc(var(--tilt-x, 0deg) + 0.8deg))
          rotateY(calc(var(--tilt-y, 0deg) - 0.9deg))
          scale(calc(var(--reveal-scale, 0.985) * var(--scroll-zoom-scale, 1)));
      }
    }

    .ame-feature:hover{
      transform: translateY(-2px) rotateX(2deg) rotateY(2deg);
      box-shadow: var(--ame-shadow-lg);
    }

    #ecosystem .ame-feature[data-scroll-zoom]{
      --scroll-zoom-scale: .96;
      --scroll-zoom-y: 12px;
      --scroll-zoom-opacity: .86;
    }

    .ame-feature h3{ margin: 12px 0 8px; font-size: 16px; }
    .ame-feature p{ margin:0; color: var(--ame-muted); line-height: 1.6; font-size: 13.8px; }

    .ame-icon-badge{
      width: 44px;
      height: 44px;
      border-radius: 16px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.04);
      display:grid;
      place-items:center;
    }

    .ame-icon-badge svg{ width: 18px; height: 18px; }

    /* ============================
       Interactive Diagram
       ============================ */

    .ame-diagram{
      position: relative;
      padding: 22px;
      overflow: visible;
    }

    .ame-diagram::before{
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: var(--ame-radius-xl);
      border: 1px solid var(--ame-border);
      pointer-events: none;
      z-index: 0;
    }

    .ame-network-shell{
      border-color: transparent;
      background:
        linear-gradient(180deg, var(--glass-bg-top, transparent), var(--glass-bg-bot, transparent));
    }

    .ame-diagram-controls{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      margin-bottom: 14px;
    }

    .ame-control,
    .ame-control-toggles{
      border-radius: var(--ame-radius-lg);
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.03);
      padding: 12px;
    }

    .ame-control{ min-width: 0; }

    .ame-partner-title{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      margin: 0 0 6px;
      padding: 0;
      font-family: var(--ame-font-display);
      color: var(--ame-text);
      text-transform: uppercase;
      letter-spacing: 0.01em;
    }

    .ame-partner-title h4{
      margin: 0;
      font-size: 13px;
      line-height: 1.2;
      text-align: left;
      white-space: nowrap;
    }

    .ame-control label{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      font-size: 12px;
      letter-spacing:.10em;
      text-transform: uppercase;
      color: var(--ame-muted);
      margin-bottom: 10px;
      font-weight: 750;
    }

    .ame-range{
      width: 100%;
      accent-color: var(--ame-accent);
      appearance: none;
      -webkit-appearance: none;
      height: 28px;
      margin: 6px 0 4px;
      padding: 0;
      background: transparent;
    }

    .ame-range::-webkit-slider-runnable-track{
      width: 100%;
      height: 10px;
      border-radius: 999px;
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,.12),
          rgba(255,255,255,.3)
        );
      border: 1px solid rgba(255,255,255,.18);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.12),
        inset 0 0 24px rgba(255,122,26,.14),
        0 12px 28px rgba(0,0,0,.14);
      backdrop-filter: blur(12px);
    }

    :root[data-theme="light"] .ame-range::-webkit-slider-runnable-track{
      background: linear-gradient(90deg, rgba(9,14,28,.16), rgba(9,14,28,.34));
      border-color: rgba(9,14,28,.18);
    }

    .ame-range::-moz-range-track{
      width: 100%;
      height: 10px;
      border-radius: 999px;
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,.12),
          rgba(255,255,255,.3)
        );
      border: 1px solid var(--ame-border);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 10px 24px rgba(0,0,0,.14);
      backdrop-filter: blur(12px);
    }

    :root[data-theme="light"] .ame-range::-moz-range-track{
      background: linear-gradient(90deg, rgba(9,14,28,.16), rgba(9,14,28,.34));
      border-color: rgba(9,14,28,.18);
    }

    .ame-range::-webkit-slider-thumb{
      -webkit-appearance: none;
      appearance: none;
      width: 30px;
      height: 22px;
      margin-top: -6px;
      border-radius: 999px;
      border: 1px solid rgba(255,122,26,.52);
      background: linear-gradient(135deg, rgba(255,122,26,.95), rgba(255,122,26,.62));
      box-shadow:
        0 9px 22px rgba(255,122,26,.28),
        inset 0 0 0 3px rgba(255,255,255,.36);
      cursor: pointer;
    }

    :root[data-theme="light"] .ame-range::-webkit-slider-thumb{
      background: linear-gradient(135deg, rgba(255,122,26,.95), rgba(255,122,26,.62));
      border-color: rgba(255,122,26,.52);
      box-shadow: 0 9px 22px rgba(255,122,26,.28), inset 0 0 0 3px rgba(255,255,255,.36);
    }

    .ame-range::-moz-range-thumb{
      width: 30px;
      height: 22px;
      border-radius: 999px;
      border: 1px solid rgba(255,122,26,.52);
      background: linear-gradient(135deg, rgba(255,122,26,.95), rgba(255,122,26,.62));
      box-shadow:
        0 9px 22px rgba(255,122,26,.28),
        inset 0 0 0 3px rgba(255,255,255,.36);
      cursor: pointer;
    }

    :root[data-theme="light"] .ame-range::-moz-range-thumb{
      background: linear-gradient(135deg, rgba(255,122,26,.95), rgba(255,122,26,.62));
      border-color: rgba(255,122,26,.52);
      box-shadow: 0 9px 22px rgba(255,122,26,.28), inset 0 0 0 3px rgba(255,255,255,.36);
    }

    .ame-control-meta{ display:flex; justify-content:space-between; margin-top: 10px; color: var(--ame-muted); font-size: 13px; }

    .ame-control-toggles{ flex: 1 1 320px; min-width: 280px; display:flex; flex-direction:column; gap: 10px; }
    .ame-control-ticks{
      margin-top: 12px;
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .ame-toggle{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      padding: 10px 10px;
      border-radius: 16px;
      border: 1px solid transparent;
      cursor: pointer;
      user-select:none;
      transition: border-color var(--ame-speed-2) var(--ame-ease), background var(--ame-speed-2) var(--ame-ease);
    }

    .ame-toggle:hover{ background: rgba(255,255,255,.05); border-color: var(--ame-border); }
    .ame-toggle span{ color: var(--ame-text); font-weight: 800; font-size: 13px; }
    .ame-toggle input{ width: 18px; height: 18px; accent-color: var(--ame-accent); }

    .ame-diagram-stage{
      display:grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 14px;
      align-items: stretch;
      position: relative;
    }

    .ame-network-flow-arrow{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(0deg);
      transform-origin: 50% 50%;
      transform-box: fill-box;
      width: fit-content;
      height: fit-content;
      z-index: 4;
      pointer-events: none;
      color: var(--ame-accent);
    }

    .ame-network-flow-arrow svg{
      display:block;
      width: 72px;
      height: 34px;
      transform: none;
      transform-origin: 50% 50%;
      transform-box: fill-box;
      opacity: .96;
    }

    .ame-network-flow-arrow path{
      stroke: var(--ame-accent);
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }

    .ame-side{
      border-radius: var(--ame-radius-xl);
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.02);
      padding: 14px;
      overflow:hidden;
      position: relative;
      min-height: 430px;
    }

    .ame-side-label{
      position:absolute;
      top: 14px;
      left: 14px;
      padding: 10px 16px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.72);
      backdrop-filter: blur(14px) saturate(1.2);
      -webkit-backdrop-filter: blur(14px) saturate(1.2);
      font-family: var(--ame-font-display);
      color: rgba(9,10,12,.88);
      font-weight: 900;
      letter-spacing:.01em;
      text-transform: uppercase;
      box-shadow: var(--ame-shadow-sm);
    }

    .ame-side-label.ame-inside-label{
      left: auto;
      right: 14px;
      background: linear-gradient(135deg, rgba(255,122,26,.92), rgba(255,122,26,.62));
      border-color: rgba(255,122,26,.55);
      color: rgba(9,10,12,.90);
    }

    /* Globe frames */
    .ame-globe-wrap{
      position: relative;
      width: var(--ame-globe-size);
      aspect-ratio: 1 / 1;
      display: block;
      margin-inline: auto;
      padding-top: 20px;
    }

    .ame-globe-frame{
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 999px;
      position: relative;
      overflow: visible;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: var(--ame-shadow-lg);
      background:
        radial-gradient(160px 160px at 35% 30%, rgba(255,255,255,.10), transparent 55%),
        radial-gradient(290px 240px at 60% 70%, rgba(255,122,26,.12), transparent 62%),
        radial-gradient(260px 240px at 50% 50%, rgba(0,0,0,.55), rgba(0,0,0,.86));
    }

    :root[data-theme="light"] .ame-globe-frame{
      border-color: rgba(9,14,28,.10);
      background:
        radial-gradient(180px 180px at 35% 30%, rgba(9,14,28,.08), transparent 55%),
        radial-gradient(290px 240px at 60% 70%, rgba(255,122,26,.12), transparent 62%),
        radial-gradient(260px 240px at 50% 50%, rgba(255,255,255,.86), rgba(238,243,251,.98));
    }

    .ame-globe-canvas{
      position:absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display:block;
    }

    .ame-globe-hint{
      position:absolute;
      bottom: 12px;
      right: 0;
      left: auto;
      font-size: 12px;
      color: rgba(255,255,255,.70);
      white-space: nowrap;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.25);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      max-width: calc(100% - 28px);
      pointer-events:none;
      z-index: 5;
    }

    :root[data-theme="light"] .ame-globe-hint{
      color: rgba(9,14,28,.70);
      background: rgba(255,255,255,.55);
      border-color: rgba(9,14,28,.14);
    }

    .ame-globe-network{
      width: var(--ame-globe-size);
      margin-inline: auto;
      aspect-ratio: 1 / 1;
      border-radius: 999px;
      position: relative;
      overflow: visible;
      margin: 0 auto;
      padding-top: 0;
      padding-bottom: 0;
      display: block;
    }

    #networkCards{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 6;
      pointer-events: auto;
    }

    .ame-globe-network-head{
      position: absolute;
      margin: 0 0 8px;
      top: 10px;
      left: 10px;
      width: min(62%, 280px);
      z-index: 12;
      display:flex;
      flex-direction:column;
      gap: 3px;
      pointer-events:none;
      max-width: 62%;
      background: transparent;
    }

    .ame-globe-network-title{
      margin: 0;
      padding: 0;
      text-align: left;
      font-size: 16px;
      letter-spacing: -0.01em;
      font-family: var(--ame-font-display);
      color: var(--ame-text);
      text-shadow: 0 2px 18px rgba(0,0,0,.16);
    }

    .ame-globe-network-copy{
      margin: 0;
      font-size: 11px;
      line-height: 1.35;
      color: var(--ame-muted);
      max-width: 100%;
      text-wrap: balance;
      font-weight: 600;
      text-wrap: pretty;
    }

    :root[data-theme="light"] .ame-globe-network-head{
      color: var(--ame-text);
    }

    .ame-sphere{
      width: 100%;
      height: 100%;
      border-radius: 999px;
      position: relative;
      overflow:hidden;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: var(--ame-shadow-lg);
      background:
        radial-gradient(160px 160px at 35% 30%, rgba(255,255,255,.10), transparent 55%),
        radial-gradient(290px 240px at 60% 70%, rgba(255,122,26,.12), transparent 62%),
        radial-gradient(260px 240px at 50% 50%, rgba(0,0,0,.55), rgba(0,0,0,.86));
      isolation: isolate;
    }

    :root[data-theme="light"] .ame-sphere{
      border-color: rgba(9,14,28,.10);
      background:
        radial-gradient(180px 180px at 35% 30%, rgba(9,14,28,.08), transparent 55%),
        radial-gradient(290px 240px at 60% 70%, rgba(255,122,26,.12), transparent 62%),
        radial-gradient(260px 240px at 50% 50%, rgba(255,255,255,.86), rgba(238,243,251,.98));
    }

    .ame-globe-title{
      position: absolute;
      top: 16px;
      left: 14px;
      margin: 0;
      z-index: 7;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      font-family: var(--ame-font-display);
      font-size: 15px;
      letter-spacing: -.01em;
      color: var(--ame-text);
      background: color-mix(in oklab, var(--ame-surface-2), transparent 22%);
      backdrop-filter: blur(14px) saturate(1.2);
      -webkit-backdrop-filter: blur(14px) saturate(1.2);
    }

    :root[data-theme="dark"] .ame-globe-title{
      background: color-mix(in oklab, var(--ame-surface-1), transparent 26%);
      border-color: color-mix(in oklab, var(--ame-border), #ffffff 12%);
    }

    .ame-network-overlay{
      position:absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      border-radius: 999px;
      pointer-events: none;
    }

    .ame-network-overlay .network-line{
      stroke-width: 0.8;
      stroke: var(--globe-line);
      opacity: .38;
      stroke-linecap: round;
      transition: opacity var(--ame-speed-2) var(--ame-ease), stroke var(--ame-speed-2) var(--ame-ease), stroke-width var(--ame-speed-2) var(--ame-ease);
    }

    .ame-network-overlay .network-line.is-dim{
      opacity: .1;
      stroke-dasharray: 4 6;
    }

    .ame-network-overlay .network-line.is-active{
      stroke: var(--ame-accent);
      opacity: .78;
      stroke-dasharray: none;
      stroke-width: 1.22;
    }

    .ame-network-overlay .network-line.is-active.is-dim{
      opacity: .52;
      stroke-dasharray: none;
    }

    .ame-network-overlay .network-line.is-selected{
      opacity: .9;
      stroke: var(--ame-accent);
      stroke-width: 1.25;
      stroke-dasharray: 0;
    }

    .ame-network-overlay .network-node{
      fill: var(--ame-accent);
      opacity: .85;
      filter: drop-shadow(0 0 2.5px rgba(255,122,26,.35));
    }

    .ame-network-overlay .network-node.is-dim{
      opacity: .24;
    }

    .ame-network-overlay .network-node.is-under{
      opacity: 1;
      filter: drop-shadow(0 0 5px rgba(255,122,26,.52));
    }

    .ame-network-overlay .network-node.is-selected{
      fill: var(--ame-accent);
      opacity: 1;
    }

    .ame-network-overlay .network-center{
      fill: var(--ame-blue);
      opacity: .95;
    }

    /* Partner cards on the globe */
    .ame-agency-card{
      --proximity: 0;
      --card-scale: 1;
      position:absolute;
      top: calc(var(--y, 50) * 1%);
      left: calc(var(--x, 50) * 1%);
      transform: translate(-50%, -50%) scale(var(--card-scale));
      width: clamp(90px, 9vw, 120px);
      min-width: 90px;
      max-width: 120px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      color: var(--ame-text);
      background:
        radial-gradient(80% 120% at 16% 12%, rgba(255,255,255,.32), rgba(255,255,255,0) 52%),
        linear-gradient(155deg, rgba(255,255,255,.14), rgba(255,255,255,.03) 60%),
        rgba(255,255,255,.68);
      backdrop-filter: blur(18px) saturate(1.45);
      -webkit-backdrop-filter: blur(18px) saturate(1.45);
      color: rgba(9,10,12,.90);
      padding: 4px 8px;
      display:flex;
      align-items:center;
      gap: 3px;
      box-shadow:
        0 1px 0 rgba(255,255,255,.12) inset,
        0 10px 26px rgba(0,0,0,.24),
        0 20px 44px rgba(0,0,0,.16);
      cursor: pointer;
      transition:
        box-shadow var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease),
        filter var(--ame-speed-2) var(--ame-ease),
        opacity var(--ame-speed-2) var(--ame-ease),
        transform var(--ame-speed-2) var(--ame-ease),
        --proximity var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-1) var(--ame-ease);
      user-select:none;
      will-change: transform;
      pointer-events: auto;
      overflow:hidden;
      isolation:isolate;
    }

    .ame-agency-card::before{
      content: "";
      position:absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events:none;
      background:
        linear-gradient(130deg, rgba(255,255,255,.52), rgba(255,255,255,0) 42%, rgba(255,255,255,0) 58%, rgba(255,255,255,.24));
      opacity: 0;
      mix-blend-mode: screen;
      transition: opacity var(--ame-speed-2) var(--ame-ease);
    }

    .ame-agency-card::after{
      content:"";
      position:absolute;
      width: 14px;
      height: 14px;
      border-radius:999px;
      right: 8px;
      bottom: 4px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.82), rgba(255,255,255,0) 56%);
      filter: blur(0.15px);
      opacity: .30;
      pointer-events:none;
    }

    :root[data-theme="light"] .ame-agency-card{
      border-color: rgba(9,14,28,.14);
      background:
        radial-gradient(80% 120% at 16% 12%, rgba(255,255,255,.42), rgba(255,255,255,0) 52%),
        linear-gradient(155deg, rgba(255,255,255,.22), rgba(255,255,255,.10) 60%),
        rgba(255,255,255,.78);
      box-shadow:
        0 1px 0 rgba(255,255,255,.16) inset,
        0 10px 26px rgba(9,14,28,.15),
        0 20px 44px rgba(9,14,28,.12);
    }

    @media (hover:hover) and (pointer:fine){
      .ame-agency-card:hover{
        filter: saturate(1.08);
        box-shadow:
          0 1px 0 rgba(255,255,255,.18) inset,
          0 10px 30px rgba(0,0,0,.22),
          0 22px 58px rgba(0,0,0,.16);
      }
      .ame-agency-card:hover::before{ opacity: .92; }
    }

    .ame-agency-card.is-under-agency{
      --proximity: 1;
      border-color: rgba(255,255,255,.52);
      box-shadow:
        0 1px 0 rgba(255,255,255,.22) inset,
        0 8px 14px rgba(255,122,26,.22),
        0 24px 52px rgba(0,0,0,.36);
      filter: saturate(1.1) brightness(1.02);
      z-index: 22;
    }

    .ame-agency-card.is-under-agency::before{
      opacity: 1;
    }

    .ame-agency-card.is-under-agency::after{
      opacity: .78;
    }

    .ame-agency-card:focus-visible{ outline:none; box-shadow: 0 0 0 4px var(--ame-focus), 0 18px 44px rgba(0,0,0,.28); }

    .ame-agency-card.is-selected{ border-color: rgba(255,122,26,.55); box-shadow: 0 26px 70px rgba(255,122,26,.22); }

    .ame-agency-card.is-active{
      border-color: rgba(255,122,26,.95);
      outline: 1px solid rgba(255,122,26,.72);
      box-shadow: 0 18px 52px rgba(255,122,26,.20), 0 0 0 1px rgba(255,122,26,.35) inset;
    }

    .ame-avatar{
      width: 24px;
      height: 24px;
      border-radius: 999px;
      display:grid;
      place-items:center;
      font-weight: 800;
      font-size: 9px;
      background: linear-gradient(135deg, rgba(78,161,255,.24), rgba(255,122,26,.20));
      border: 1px solid color-mix(in oklab, var(--ame-border), transparent 20%);
      flex: 0 0 auto;
    }

    .ame-avatar.ame-avatar-your{
      background: linear-gradient(135deg, rgba(255,122,26,.98), rgba(255,122,26,.56));
      color: rgba(255,255,255,.95);
    }

      .ame-your-card{
      --s: 1.28;
      --proximity: 0;
      --card-scale: 1.28;
      width: clamp(128px, 16vw, 176px);
      min-width: 128px;
      max-width: 176px;
      pointer-events: none !important;
      padding: 5px 6px;
      z-index: 30;
      border-color: rgba(255,255,255,.30);
      border: 1px solid rgba(255,255,255,.40);
      box-shadow:
        0 2px 0 rgba(255,255,255,.22) inset,
        0 12px 38px rgba(255,122,26,.28),
        0 0 0 1px rgba(255,122,26,.18);
      cursor: default;
      backdrop-filter: blur(22px) saturate(1.45);
      -webkit-backdrop-filter: blur(22px) saturate(1.45);
    }

    .ame-your-card::before{
      opacity: .88;
    }

    .ame-your-card.is-under-agency{
      --proximity: 0.72;
      box-shadow:
        0 0 0 1px rgba(255,122,26,.40),
        0 16px 48px rgba(255,122,26,.34),
        0 2px 0 rgba(255,255,255,.24) inset;
    }

    .ame-your-card .ame-avatar{
      width: 24px;
      height: 24px;
      font-size: 10px;
    }

    .ame-your-card .ame-agency-name{
      font-size: 10px;
      letter-spacing: 0.03em;
    }

    .ame-your-card .ame-agency-count{
      font-size: 10px;
    }

    .ame-agency-meta{ display:flex; flex-direction:column; line-height: 1.08; gap: 3px; flex: 1; }

    .ame-agency-name{
      font-weight: 900;
      letter-spacing: .08em;
      font-size: 10px;
      text-transform: uppercase;
      line-height: 1.05;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .ame-agency-count{
      font-size: 11px;
      color: var(--ame-muted);
      display:flex;
      align-items:baseline;
      gap: 4px;
      flex-wrap: wrap;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.1;
      max-width: 100%;
    }

    .ame-count-blue{ color: var(--ame-blue); font-weight: 950; }
    .ame-count-orange{ color: var(--ame-accent); font-weight: 950; }

    .ame-agency-card.is-dim{ opacity: .38; filter: saturate(.8); }

    .ame-center-card{
      position:absolute;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: min(258px, 72%);
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.22);
      background: color-mix(in oklab, var(--ame-surface-2), transparent 16%);
      backdrop-filter: blur(22px) saturate(1.25);
      -webkit-backdrop-filter: blur(22px) saturate(1.25);
      box-shadow: 0 20px 52px rgba(0,0,0,.26);
      padding: 14px 14px;
      color: var(--ame-text);
      z-index: 6;
    }

    :root[data-theme="light"] .ame-center-card{ box-shadow: 0 20px 52px rgba(9,14,28,.14); }

    .ame-center-card h4{ margin:0; font-size: 18px; letter-spacing:-.01em; font-family: var(--ame-font-display); }

    .ame-center-card p{ margin: 0; color: var(--ame-muted); line-height: 1.4; font-size: 13px; }

    :root[data-theme="dark"] .ame-center-card{
      box-shadow: 0 20px 52px rgba(0,0,0,.32);
      border-color: color-mix(in oklab, var(--ame-border), #fff 18%);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 24%);
    }

    .ame-hl-orange{ color: var(--ame-accent); font-weight: 900; }
    .ame-hl-blue{ color: var(--ame-blue); font-weight: 900; }

    .ame-arrow{ display:flex; align-items:center; justify-content:center; opacity: .92; }
    .ame-arrow svg{ width: 70px; height: 34px; }
    .ame-arrow path{ fill: rgba(255,122,26,.92); }

    .ame-side-foot{
      position:absolute;
      left: 14px;
      right: 14px;
      bottom: 14px;
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }

    .ame-metric{
      border-radius: 18px;
      padding: 10px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.03);
      display:flex;
      flex-direction:column;
      gap: 4px;
    }

    .ame-metric strong{ font-size: 16px; letter-spacing:-.01em; }
    .ame-metric span{ font-size: 12px; color: var(--ame-muted); }

    .ame-inside-metrics{ grid-template-columns: repeat(3, 1fr); }

    .ame-diagram-note{ margin: 12px 2px 0; color: var(--ame-muted); font-size: 12.8px; line-height: 1.5; }
    .ame-diagram-subnote{ margin: 6px 2px 0; color: var(--ame-faint); font-size: 12px; line-height: 1.5; }

    .ame-partner-panel{ margin-top: 12px; display:block; }

    .ame-partners,
    .ame-details{
      padding: 12px;
      border-radius: var(--ame-radius-lg);
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.03);
      overflow:hidden;
    }

    .ame-partners h4,
    .ame-details h4{ margin: 0 0 8px; font-size: 14px; font-family: var(--ame-font-display); }

    .ame-partner-list{
      display:flex;
      flex-wrap:wrap;
      gap: 8px;
      justify-content:flex-start;
    }

    .ame-pill{
      display:flex;
      align-items:center;
      gap: 6px;
      padding: 6px 9px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 42%);
      cursor:pointer;
      user-select:none;
      transition: transform var(--ame-speed-1) var(--ame-ease), border-color var(--ame-speed-2) var(--ame-ease);
    }

    @media (hover:hover) and (pointer:fine){
      .ame-pill:hover{ transform: translateY(-1px); border-color: rgba(255,122,26,.30); }
    }

    .ame-pill input{ width: 14px; height: 14px; accent-color: var(--ame-accent); }

    .ame-pill.is-active{
      border-color: rgba(255,122,26,.75);
      background: linear-gradient(180deg, rgba(255,122,26,.14), rgba(255,122,26,.05));
      box-shadow: 0 0 0 1px rgba(255,122,26,.35), 0 16px 26px rgba(255,122,26,.16);
    }

    .ame-pill span{ font-size: 12px; font-weight: 800; }

    .ame-details p{ margin: 0 0 10px; color: var(--ame-muted); font-size: 13px; line-height: 1.55; }

    .ame-detail-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

    .ame-mini{
      border-radius: 18px;
      padding: 10px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.03);
    }

    .ame-mini strong{ display:block; font-size: 14px; }
    .ame-mini span{ display:block; margin-top: 4px; font-size: 12px; color: var(--ame-muted); }

    /* =========================================================
       The Platform section (50/50 split + phone preview)
    ========================================================= */

    .glass-soft{
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(16px) saturate(1.38);
      -webkit-backdrop-filter: blur(16px) satur(1.38);
      box-shadow: 0 14px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.20), inset 0 -1px 0 rgba(255,255,255,.06);
    }

    :root[data-theme="light"] .glass-soft{
      background: rgba(255,255,255,.52);
      border-color: rgba(10,14,23,.14);
      box-shadow: 0 14px 38px rgba(10,14,23,.10), inset 0 1px 0 rgba(255,255,255,.56);
    }

    .glass-heavy{
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.20);
      backdrop-filter: blur(22px) saturate(1.46);
      -webkit-backdrop-filter: blur(22px) satur(1.46);
      box-shadow: 0 20px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.07);
    }

    :root[data-theme="light"] .glass-heavy{
      background: rgba(255,255,255,.56);
      border-color: rgba(10,14,23,.16);
      box-shadow: 0 20px 48px rgba(10,14,23,.14), inset 0 1px 0 rgba(255,255,255,.66);
    }

    .glass-ultra{
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(30px) satur(1.52);
      -webkit-backdrop-filter: blur(30px) saturate(1.52);
      box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.08);
    }

    :root[data-theme="light"] .glass-ultra{
      background: rgba(255,255,255,.56);
      border-color: rgba(10,14,23,.18);
      box-shadow: 0 24px 74px rgba(10,14,23,.16), inset 0 1px 0 rgba(255,255,255,.68);
    }

    .glass-ultra{
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(30px) satur(1.52);
      -webkit-backdrop-filter: blur(30px) satur(1.52);
      box-shadow: 0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.08);
    }

    :root[data-theme="light"] .glass-ultra{
      background: rgba(255,255,255,.60);
      border-color: rgba(10,14,23,.18);
      box-shadow: 0 24px 74px rgba(10,14,23,.16), inset 0 1px 0 rgba(255,255,255,.68);
    }

    .ame-toolbar{
      width: min(840px, 100%);
      padding: 12px 14px;
      border-radius: 18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      box-sizing:border-box;
    }

    .ame-toolbar-title{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 0;
    }

    .ame-toolbar-mark{
      width: 34px;
      height: 34px;
      border-radius: 12px;
      display:grid;
      place-items:center;
      border: 1px solid rgba(255,255,255,.18);
      background:
        radial-gradient(120% 110% at 20% 10%, rgba(255,255,255,.26), rgba(255,255,255,0) 44%),
        linear-gradient(180deg, rgba(var(--brandA), .48), rgba(var(--brandA), .12));
      box-shadow: 0 10px 28px rgba(0,0,0,.30), 0 0 22px rgba(var(--brandA), .18);
    }

    :root[data-theme="light"] .ame-toolbar-mark{
      box-shadow: 0 10px 28px rgba(10,14,23,.12), 0 0 22px rgba(var(--brandA), .16);
    }

    .ame-toolbar-mark svg{ width: 18px; height: 18px; stroke: rgba(10,14,23,.92); stroke-width: 2; fill:none; opacity:.95; }

    .ame-toolbar-titleText{
      display:flex;
      flex-direction:column;
      line-height:1.1;
      min-width:0;
    }

    .ame-toolbar-titleText strong{
      font-weight: 800;
      letter-spacing: .2px;
      font-size: 13px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .ame-toolbar-titleText span{
      font-size: 11px;
      color: var(--ame-muted);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .ame-toolbar-actions{
      display:flex;
      align-items:center;
      gap: 10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .ame-widget-btn{
      height: 36px;
      padding: 0 12px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.18);
      color: var(--text);
      font-weight: 700;
      font-size: 11px;
      letter-spacing: .10em;
      text-transform: uppercase;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap: 8px;
      user-select:none;
      -webkit-tap-highlight-color: transparent;
      transition: transform var(--speed-1) var(--ease), background var(--speed-1) var(--ease), border-color var(--speed-1) var(--ease);
      text-decoration:none;
      color: inherit;
    }

    .ame-toolbar .ame-widget-btn svg,
    .ame-widget-btn svg{ width: 16px; height: 16px; stroke: currentColor; stroke-width:2; fill:none; opacity:.92; }

    .ame-widget-btn:hover{ transform: translateY(-1px); border-color: rgba(var(--brandA), .38); background: rgba(255,255,255,.06); }
    :root[data-theme="light"] .ame-toolbar .ame-widget-btn{ background: rgba(255,255,255,.40); border-color: rgba(10,14,23,.14); }
    :root[data-theme="light"] .ame-widget-btn:hover{ background: rgba(255,255,255,.62); }

    .note{
      color: var(--ame-muted);
      font-size: 12px;
      margin-top: 2px;
      max-width: 380px;
      line-height: 1.45;
    }

    .ame-appSection .note{
      margin-top: -10px;
      margin-bottom: -16px;
      transform: translateY(-30px);
    }

    [data-ame-reveal]{
      opacity: 0;
      transform: translateY(16px) scale(.99);
      transition: opacity var(--speed-3) var(--ease), transform var(--speed-3) var(--ease);
      transition-delay: var(--delay, 0ms);
    }

    [data-ame-reveal].is-visible{
      opacity: 1;
      transform: none;
    }

    .ame-appSection{
      width: min(1220px, 100%);
      padding: 14px;
      border-radius: 22px;
      margin-top: 8px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      align-items: start;
      background:
        radial-gradient(68% 58% at 10% 0%, rgba(255,255,255,.14), rgba(255,255,255,0) 58%),
        radial-gradient(62% 48% at 90% 100%, rgba(var(--brandC), .12), rgba(var(--brandC),0) 62%),
        linear-gradient(165deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(18px) saturate(1.35);
      -webkit-backdrop-filter: blur(18px) saturate(1.35);
      box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.15);
    }

    :root[data-theme="light"] .ame-appSection{
      background:
        radial-gradient(60% 52% at 12% 2%, rgba(78,161,255,.16), rgba(78,161,255,0) 56%),
        radial-gradient(66% 56% at 88% 92%, rgba(255,122,26,.14), rgba(255,122,26,0) 58%),
        linear-gradient(165deg, rgba(255,255,255,.90), rgba(246,248,255,.72));
      border-color: rgba(10,14,23,.14);
      box-shadow: 0 22px 60px rgba(10,14,23,.16), inset 0 1px 0 rgba(255,255,255,.72);
    }

    .ame-appSection .ame-app-content{
      display: grid;
      gap: 10px;
      min-width: 0;
    }

    .ame-kicker{
      margin: 0;
      color: rgba(var(--brandA), .95);
      font-size: 11px;
      letter-spacing: .28em;
      text-transform: uppercase;
      font-weight: 800;
    }

    .ame-appHeading{
      margin: 0;
      font-size: clamp(1.55rem, 3vw, 2.12rem);
      line-height: 1.06;
      letter-spacing: .01em;
      font-weight: 800;
    }

    .ame-appLead{
      margin: 0;
      color: var(--ame-muted);
      line-height: 1.62;
      max-width: 56ch;
    }

    .ame-featureGrid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      margin-top: 6px;
    }

    .ame-featureCard{
      padding: 14px;
      border-radius: 16px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(12px) saturate(1.22);
      -webkit-backdrop-filter: blur(12px) saturate(1.22);
      display: grid;
      gap: 7px;
      min-height: 88px;
      transform-style: preserve-3d;
      box-shadow: var(--ame-shadow-sm);
      transition:
        transform var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease),
        box-shadow var(--ame-speed-2) var(--ame-ease);
    }

    .ame-featureCard:hover{
      transform: translateY(-2px) rotateX(1deg) rotateY(1deg);
      border-color: rgba(var(--brandA), .42);
      box-shadow: var(--ame-shadow-md);
    }

    :root[data-theme="light"] .ame-featureCard{
      border-color: rgba(10,14,23,.15);
      background: rgba(255,255,255,.60);
    }

    :root[data-theme="light"] .ame-featureCard:hover{
      box-shadow: 0 14px 38px rgba(10,14,23,.18);
    }

    .ame-featureCard h3{
      margin: 0;
      font-size: 13px;
      letter-spacing: .01em;
      font-weight: 800;
    }

    .ame-featureCard p{
      margin: 0;
      font-size: 11.5px;
      color: var(--ame-muted);
      line-height: 1.34;
    }

    .ame-appTickList{
      margin: 2px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 4px;
      color: var(--ame-muted);
      font-size: 11.5px;
      line-height: 1.34;
    }

    .ame-appTickList li{
      position: relative;
      padding-left: 17px;
      color: var(--ame-muted);
      max-width: 34ch;
      display: inline-flex;
      align-items: flex-start;
      gap: 6px;
    }

    .ame-appTickList li::before{
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 9px;
      height: 5px;
      border-left: 2px solid var(--ame-accent);
      border-bottom: 2px solid var(--ame-accent);
      transform: rotate(-45deg);
      opacity: .98;
    }

    .ame-phoneSection{
      display: grid;
      justify-items: center;
      align-items: start;
      min-width: 0;
      padding: 4px;
      position: relative;
      overflow: visible;
    }

    .ame-phoneSection .ame-phoneWidget{
      width: min(360px, 100%);
      display: grid;
      align-items: center;
      justify-items: center;
      perspective: 1400px;
      transform-style: preserve-3d;
      opacity: 1;
      transform: none;
      margin-top: 24px;
      margin-bottom: -28px;
      position: relative;
      z-index: 1;
      pointer-events: auto;
    }

    .ame-phone[data-reveal]{
      --reveal-y: -28px;
      --reveal-scale: .982;
      --scroll-zoom-y: -8px;
      --scroll-zoom-opacity: .82;
      --d: 220ms;
    }

    .ame-phone{
      width: min(320px, 90vw);
      aspect-ratio: 9 / 19.5;
      position: relative;
      transform-style: preserve-3d;
      will-change: transform;
    }

    .ame-phoneFrame{
      position: absolute;
      inset: 0;
      border-radius: 34px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
        radial-gradient(140% 90% at 12% 6%, rgba(255,255,255,.18), rgba(255,255,255,0) 48%),
        linear-gradient(165deg, rgba(7,10,16,.94), rgba(12,16,28,.74));
      border: 0;
      box-shadow:
        0 28px 78px rgba(0,0,0,.55),
        0 14px 28px rgba(0,0,0,.30),
        0 2px 8px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.12);
      padding: 10px;
    }

    :root[data-theme="light"] .ame-phoneFrame{
      background:
        linear-gradient(180deg, rgba(10,14,23,.10), rgba(10,14,23,.04)),
        radial-gradient(140% 90% at 12% 6%, rgba(255,255,255,.70), rgba(255,255,255,0) 52%),
        linear-gradient(165deg, rgba(255,255,255,.84), rgba(245,246,255,.78));
      border: 0;
      box-shadow:
        0 28px 78px rgba(10,14,23,.34),
        0 14px 28px rgba(10,14,23,.18),
        0 2px 8px rgba(10,14,23,.18),
        inset 0 1px 0 rgba(255,255,255,.55);
    }

    .ame-phoneFrame::before{
      content:"";
      position:absolute;
      inset:8px;
      border-radius: 30px;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 24%),
        linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.06));
      opacity: .95;
      mix-blend-mode: screen;
    }

    .ame-phoneFrame::after{
      content:"";
      position:absolute;
      inset: 10px;
      border-radius: 30px;
      pointer-events:none;
      background:
        radial-gradient(70% 42% at 18% 14%, rgba(255,255,255,.20), rgba(255,255,255,0) 62%),
        radial-gradient(56% 38% at 84% 76%, rgba(255,255,255,.10), rgba(255,255,255,0) 62%);
      filter: blur(1px);
      opacity: .8;
    }

    .ame-screen{
      position:absolute;
      inset: 10px;
      border-radius: 30px;
      overflow:hidden;
      background: #000;
      transform: translateZ(24px);
      transform-style: preserve-3d;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 18px 44px rgba(0,0,0,.40);
    }
    :root[data-theme="light"] .ame-screen{
      background: #f3f6ff;
      border-color: rgba(10,14,23,.14);
      box-shadow: 0 18px 44px rgba(10,14,23,.14);
    }

    .ame-island{
      position:absolute;
      top: 12px;
      left: 50%;
      transform: translateX(-50%);
      width: 128px;
      height: 34px;
      border-radius: 999px;
      background: rgba(0,0,0,.72);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 12px 34px rgba(0,0,0,.55);
      z-index: 20;
      overflow:hidden;
    }
    :root[data-theme="light"] .ame-island{
      background: rgba(10,14,23,.88);
      border-color: rgba(255,255,255,.12);
    }
    .ame-island::before{
      content:"";
      position:absolute;
      inset:-40%;
      background:
        radial-gradient(40% 38% at 30% 32%, rgba(255,255,255,.12), rgba(255,255,255,0) 62%),
        radial-gradient(38% 34% at 70% 58%, rgba(255,255,255,.08), rgba(255,255,255,0) 62%);
      filter: blur(10px);
      opacity: .7;
      animation: islandGlow 5.6s ease-in-out infinite alternate;
    }

    @keyframes islandGlow{
      0%{ transform: translate3d(-2%, 1%, 0) scale(1); opacity:.55; }
      100%{ transform: translate3d(2%, -1%, 0) scale(1.06); opacity:.78; }
    }

    .ame-status{
      position:absolute;
      top: 14px;
      left: 0;
      right: 0;
      height: 40px;
      padding: 0 11px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      z-index: 18;
      pointer-events:none;
      color: rgba(255,255,255,.90);
      font-size: 13.2px;
      font-weight: 700;
      letter-spacing: .02em;
      text-shadow: 0 1px 2px rgba(0,0,0,.45);
    }
    :root[data-theme="light"] .ame-status{
      color: rgba(10,14,23,.82);
      text-shadow: none;
    }

    .ame-statusRight{
      display:flex;
      align-items:center;
      gap: 10px;
      opacity: .95;
      position: absolute;
      top: 50%;
      right: 11px;
      transform: translateY(-50%);
    }

    .ame-statusLeft{
      position:absolute;
      left: 11px;
      top: 50%;
      transform: translateY(-50%);
      min-width: 0;
      display:grid;
      justify-items:start;
      gap: 3px;
      align-content:center;
    }

    .ame-statusRight div{
      line-height: 1;
    }

    .ame-statusTime{
      line-height: 1;
      font-variant-numeric: tabular-nums;
      text-align: left;
    }

    .ame-statusBtn{
      pointer-events: none;
      width: auto;
      height: auto;
      padding: 2px 8px;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.18);
      backdrop-filter: blur(12px) saturate(1.35);
      -webkit-backdrop-filter: blur(12px) saturate(1.35);
      color: inherit;
      display:grid;
      place-items:center;
      box-shadow: 0 10px 22px rgba(0,0,0,.42);
      cursor:pointer;
      opacity: 0;
      transform: translateY(-6px) scale(.96);
      transition:
        opacity var(--speed-2) var(--ease),
        transform var(--speed-2) var(--ease),
        background var(--speed-1) var(--ease),
        border-color var(--speed-1) var(--ease);
    }
    .ame-statusBtn svg{
      display: none;
    }

    .ame-statusBackText{
      display:block;
      font-size: 12px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: .01em;
      white-space: nowrap;
      transform: translateY(-1px);
    }

    :root[data-theme="light"] .ame-statusBtn{
      background: rgba(255,255,255,.58);
      border-color: rgba(10,14,23,.12);
      box-shadow: 0 10px 22px rgba(10,14,23,.14);
    }

    .ame-phoneWidget.is-appOpen [data-ame-statusBack],
    .ame-phoneWidget.is-appOpen [data-ame-statusOpen]{
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }
    .ame-phoneWidget.is-appOpen .ame-statusTime{
      display: none;
    }
    .ame-phoneWidget.is-appOpen .ame-homeIndicator{
      display: none;
    }

    .ame-phoneWidget:not(.is-appOpen) [data-ame-statusBack],
    .ame-phoneWidget:not(.is-appOpen) [data-ame-statusOpen]{
      opacity: 0;
      width: 0;
      min-width: 0;
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      border-width: 0;
      overflow: hidden;
      box-shadow: none;
      pointer-events: none;
    }

    @media (hover:hover) and (pointer:fine){
      .ame-phoneWidget.is-appOpen [data-ame-statusBack]:hover,
      .ame-phoneWidget.is-appOpen [data-ame-statusOpen]:hover{
        transform: translateY(-1px) scale(1.02);
        border-color: rgba(var(--brandC), .38);
        background: rgba(255,255,255,.06);
      }
      :root[data-theme="light"] .ame-phoneWidget.is-appOpen [data-ame-statusBack]:hover,
      :root[data-theme="light"] .ame-phoneWidget.is-appOpen [data-ame-statusOpen]:hover{
        background: rgba(255,255,255,.76);
      }
      .ame-phoneWidget.is-appOpen [data-ame-statusBack]:active,
      .ame-phoneWidget.is-appOpen [data-ame-statusOpen]:active{
        transform: translateY(0) scale(.99);
      }
    }

    .ame-signal{
      width: 16px;
      height: 8px;
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      align-items:end;
      opacity: .9;
    }
    .ame-signal span{
      display:block;
      width: 100%;
      border-radius: 1px;
      background: currentColor;
    }
    .ame-signal span:nth-child(1){ height: 1.5px; opacity:.55; }
    .ame-signal span:nth-child(2){ height: 3px; opacity:.68; }
    .ame-signal span:nth-child(3){ height: 6px; opacity:.82; }
    .ame-signal span:nth-child(4){ height: 8px; opacity:1; }

    .ame-battery{
      width: 20px;
      height: 8px;
      border-radius: 2px;
      border: 1px solid currentColor;
      position:relative;
      opacity:.9;
    }
    .ame-battery::after{
      content:"";
      position:absolute;
      right:-3px;
      top: 1px;
      width: 2px;
      height: 3px;
      border-radius: 1px;
      background: currentColor;
      opacity:.9;
    }
    .ame-batteryFill{
      position:absolute;
      left: 1px;
      top: 1px;
      bottom: 1px;
      width: 62%;
      border-radius: 1.5px;
      background: currentColor;
      opacity:.85;
    }

    .ame-statusNet{
      font-weight: 700;
      font-size: 9px;
      opacity: .9;
      margin-top: -1px;
      letter-spacing: .01em;
    }

    .ame-wallpaper{
      position:absolute;
      inset:-18%;
      z-index: 0;
      pointer-events:none;
      background:
        radial-gradient(32% 28% at 18% 20%, rgba(var(--brandA), .55), rgba(var(--brandA), 0) 60%),
        radial-gradient(36% 32% at 74% 26%, rgba(var(--brandC), .42), rgba(var(--brandC), 0) 62%),
        radial-gradient(38% 34% at 62% 76%, rgba(var(--brandB), .36), rgba(var(--brandB), 0) 62%),
        radial-gradient(44% 36% at 30% 78%, rgba(255,255,255,.10), rgba(255,255,255,0) 64%),
        linear-gradient(180deg, rgba(3,6,12,.86), rgba(8,10,18,.96));
      filter: saturate(1.05);
      transform: translate3d(0,0,0) scale(1.05);
      animation: wallDrift 16s ease-in-out infinite alternate;
    }
    :root[data-theme="light"] .ame-wallpaper{
      background:
        radial-gradient(34% 28% at 18% 20%, rgba(var(--brandA), .24), rgba(var(--brandA), 0) 62%),
        radial-gradient(36% 30% at 74% 26%, rgba(var(--brandC), .20), rgba(var(--brandC), 0) 62%),
        radial-gradient(40% 34% at 62% 76%, rgba(var(--brandB), .18), rgba(var(--brandB), 0) 62%),
        radial-gradient(48% 40% at 32% 78%, rgba(10,14,23,.08), rgba(10,14,23,0) 66%),
        linear-gradient(180deg, rgba(246,248,255,.96), rgba(238,242,255,.92));
      animation-duration: 18s;
    }

    @keyframes wallDrift{
      0%{
        transform: translate3d(-1.6%, -1.2%, 0) scale(1.06);
        filter: saturate(1.02);
      }
      50%{
        transform: translate3d(1.2%, -0.8%, 0) scale(1.075);
        filter: saturate(1.10);
      }
      100%{
        transform: translate3d(-0.6%, 1.4%, 0) scale(1.07);
        filter: saturate(1.06);
      }
    }

    .ame-home{
      position:absolute;
      inset:0;
      z-index: 4;
      display:flex;
      flex-direction:column;
      padding: 68px 12px 12px;
      gap: 10px;
    }

    .ame-grid{
      display:grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      align-content:start;
      flex: 1 1 auto;
      padding-top: 4px;
    }

    @media (max-width: 520px){
      .ame-grid{ gap: 10px; }
    }

    .ame-app{
      border: none;
      background: transparent;
      color: inherit;
      cursor:pointer;
      padding: 0;
      display:grid;
      justify-items:center;
      gap: 7px;
      -webkit-tap-highlight-color: transparent;
      transform: translateY(18px);
      opacity: 0;
      transition: transform var(--speed-3) var(--ease), opacity var(--speed-3) var(--ease);
      transition-delay: calc(var(--i) * 38ms);
    }

    .ame-phoneWidget.is-inView .ame-app{
      transform: translateY(0);
      opacity: 1;
    }

    .ame-appIcon{
      width: 60px;
      height: 60px;
      border-radius: 14px;
      position:relative;
      transform-style: preserve-3d;
      transition: transform var(--speed-2) var(--ease), filter var(--speed-2) var(--ease);
      box-shadow: 0 16px 34px rgba(0,0,0,.30);
    }
    :root[data-theme="light"] .ame-appIcon{
      box-shadow: 0 16px 34px rgba(10,14,23,.16);
    }
    .ame-appIcon::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius: 14px;
      background:
        radial-gradient(120% 90% at 18% 10%, rgba(255,255,255,.34), rgba(255,255,255,0) 52%),
        linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 56%);
      opacity: .8;
      transform: translateZ(2px);
      pointer-events:none;
      mix-blend-mode: screen;
    }
    :root[data-theme="light"] .ame-appIcon::before{ opacity:.55; mix-blend-mode: normal; }
    .ame-appIcon::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.18);
      opacity:.85;
      pointer-events:none;
    }
    :root[data-theme="light"] .ame-appIcon::after{ border-color: rgba(10,14,23,.14); }
    .ame-appIcon .ico{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      transform: translateZ(14px);
    }
    .ame-appIcon.has-image{
      background: rgba(255,255,255,.06);
      overflow: hidden;
    }
    .ame-appIcon.has-image .icoImage{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit: cover;
      border-radius: 14px;
      filter: saturate(1.08) contrast(1.02);
    }
    .ame-appIcon svg{
      width: 24px;
      height: 24px;
      stroke: rgba(255,255,255,.92);
      fill:none;
      stroke-width:2;
      opacity:.96;
      filter: drop-shadow(0 6px 14px rgba(0,0,0,.26));
    }
    :root[data-theme="light"] .ame-appIcon svg{
      stroke: rgba(10,14,23,.86);
      filter: drop-shadow(0 6px 14px rgba(10,14,23,.12));
    }
    .ame-appLabel{
      font-size: 10.5px;
      font-weight: 600;
      letter-spacing: .01em;
      color: rgba(255,255,255,.92);
      text-shadow: 0 1px 2px rgba(0,0,0,.45);
      max-width: 70px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    :root[data-theme="light"] .ame-appLabel{
      color: rgba(10,14,23,.86);
      text-shadow: none;
    }

    .ame-app:focus-visible .ame-appIcon{ outline: 3px solid rgba(var(--brandC), .65); outline-offset: 3px; }

    @media (hover:hover) and (pointer:fine){
      .ame-app:hover .ame-appIcon{
        transform: translateY(-4px) scale(1.055);
        filter: saturate(1.06) brightness(1.02);
      }
      .ame-app:hover .ame-appLabel{ transform: translateY(-1px); }
    }

    .ame-dock{
      height: 76px;
      border-radius: 22px;
      padding: 10px 10px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      position:relative;
      overflow:hidden;
    }
    .ame-dock::before{
      content:"";
      position:absolute;
      inset:-40%;
      background:
        radial-gradient(44% 34% at 18% 24%, rgba(var(--brandA), .20), rgba(var(--brandA), 0) 62%),
        radial-gradient(40% 32% at 82% 76%, rgba(var(--brandB), .16), rgba(var(--brandB), 0) 62%);
      filter: blur(12px);
      opacity: .65;
      animation: dockAura 10.5s ease-in-out infinite alternate;
      pointer-events:none;
    }
    @keyframes dockAura{
      0%{ transform: translate3d(-1%, 1%, 0) scale(1); }
      100%{ transform: translate3d(1.4%, -1.2%, 0) scale(1.06); }
    }
    .ame-dock .ame-dockApp{
      width: 56px;
      height: 56px;
      border-radius: 14px;
      position:relative;
      border: none;
      background: transparent;
      display:grid;
      place-items:center;
      isolation:isolate;
    }
    .ame-dock .ame-dockApp .ame-appIcon{
      width: 56px;
      height: 56px;
      border-radius: 12px;
      box-shadow: 0 18px 38px rgba(0,0,0,.28);
    }
    :root[data-theme="light"] .ame-dock .ame-dockApp .ame-appIcon{
      box-shadow: 0 18px 38px rgba(10,14,23,.14);
    }

    .ame-appView{
      position:absolute;
      inset:0;
      z-index: 12;
      display:flex;
      flex-direction:column;
      opacity: 0;
      transform: translateY(16px) scale(.99);
      pointer-events:none;
      transition: opacity var(--speed-3) var(--ease), transform var(--speed-3) var(--ease);
    }
    .ame-appView.is-open{
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events:auto;
    }

    .ame-iframeWrap{
      margin: 0;
      border-radius: 22px;
      overflow:hidden;
      flex: 1 1 auto;
      position:relative;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(0,0,0,.22);
      box-shadow: 0 28px 80px rgba(0,0,0,.55);
      transform: translateZ(10px);
    }
    :root[data-theme="light"] .ame-iframeWrap{
      border-color: rgba(10,14,23,.14);
      background: rgba(255,255,255,.55);
      box-shadow: 0 28px 80px rgba(10,14,23,.18);
    }

    .ame-iframe{
      position:absolute;
      left: 50%;
      top: 50%;
      width: calc(100% / var(--ame-phone-preview-iframe-scale));
      height: calc((100% - var(--ame-phone-preview-iframe-height-shift)) / var(--ame-phone-preview-iframe-scale));
      transform: translate(-50%, calc(-50% + var(--ame-phone-preview-iframe-top-offset))) scale(var(--ame-phone-preview-iframe-scale));
      transform-origin: center center;
      border: 0;
      background: transparent;
      display:block;
    }

    .ame-overlay{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      padding: 18px;
      text-align:center;
      z-index:2;
      color: var(--text);
    }
    .ame-overlay[hidden]{ display:none !important; }

    .ame-loader{
      width: 54px;
      height: 54px;
      border-radius: 50%;
      border: 3px solid rgba(255,255,255,.18);
      border-top-color: rgba(var(--brandA), .95);
      animation: spin 900ms linear infinite;
      margin: 0 auto 12px;
      box-shadow: 0 0 0 4px rgba(0,0,0,.20);
    }
    :root[data-theme="light"] .ame-loader{
      border-color: rgba(10,14,23,.14);
      border-top-color: rgba(var(--brandA), .92);
      box-shadow: 0 0 0 4px rgba(255,255,255,.45);
    }
    @keyframes spin{ to { transform: rotate(360deg); } }

    .ame-overlayCard{
      width: min(320px, 100%);
      border-radius: 18px;
      padding: 14px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.06);
      backdrop-filter: blur(18px) saturate(1.25);
      -webkit-backdrop-filter: blur(18px) saturate(1.25);
      box-shadow: 0 14px 40px rgba(0,0,0,.22);
    }
    :root[data-theme="light"] .ame-overlayCard{
      border-color: rgba(10,14,23,.18);
      background: rgba(255,255,255,.82);
      box-shadow: 0 14px 40px rgba(10,14,23,.18);
    }
    .ame-overlayCard h4{
      margin: 0 0 6px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .02em;
    }
    .ame-overlayCard p{
      margin: 0 0 10px;
      font-size: 11.5px;
      color: var(--muted);
      line-height: 1.45;
    }
    .ame-overlayBtns{
      display:flex;
      gap: 10px;
      justify-content:center;
      flex-wrap:wrap;
    }
    .ame-overlayBtns .ame-btn{
      height: 34px;
      border-radius: 12px;
    }

    .ame-homeIndicator{
      position:absolute;
      left:50%;
      bottom: 10px;
      width: 140px;
      height: 5px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: rgba(255,255,255,.62);
      opacity: .85;
      z-index: 21;
      pointer-events:none;
      box-shadow: 0 8px 18px rgba(0,0,0,.35);
    }
    :root[data-theme="light"] .ame-homeIndicator{
      background: rgba(10,14,23,.55);
      opacity: .72;
      box-shadow: 0 8px 18px rgba(10,14,23,.12);
    }

    .ame-launchOverlay{
      position:absolute;
      inset:0;
      z-index: 17;
      pointer-events:none;
      opacity: 0;
      transition: opacity 240ms var(--ease);
    }
    .ame-launchOverlay.is-active{ opacity: 1; }
    .ame-launchOverlay.is-hiding{ opacity: 0; }
    .ame-launchClone{
      position:absolute;
      inset:0;
      transform-origin: 0 0;
      border-radius: 30px;
      background: rgba(0,0,0,.9);
      box-shadow: 0 40px 120px rgba(0,0,0,.60);
      transition:
        transform 520ms var(--ease),
        border-radius 520ms var(--ease),
        filter 520ms var(--ease);
      will-change: transform;
    }
    :root[data-theme="light"] .ame-launchClone{
      background: rgba(255,255,255,.92);
      box-shadow: 0 40px 120px rgba(10,14,23,.20);
    }
    .ame-launchOverlay.is-expand .ame-launchClone{ filter: saturate(1.04) brightness(1.02); }
    .ame-launchCenter{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      opacity: 0;
      transform: scale(.92);
      transition: opacity 360ms var(--ease) 120ms, transform 360ms var(--ease) 120ms;
    }
    .ame-launchOverlay.is-expand .ame-launchCenter{ opacity: 1; transform: scale(1); }
    .ame-launchIcon{
      width: 104px;
      height: 104px;
      border-radius: 22px;
      display:grid;
      place-items:center;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(18px) saturate(1.35);
      -webkit-backdrop-filter: blur(18px) saturate(1.35);
      box-shadow: 0 28px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.18);
      animation: launchPulse 1.25s ease-in-out infinite alternate;
    }
    :root[data-theme="light"] .ame-launchIcon{
      border-color: rgba(10,14,23,.14);
      background: rgba(255,255,255,.70);
      box-shadow: 0 28px 90px rgba(10,14,23,.18), inset 0 1px 0 rgba(255,255,255,.62);
    }
    .ame-launchIcon svg{
      width: 46px;
      height: 46px;
      stroke: rgba(255,255,255,.92);
      stroke-width: 2;
      fill:none;
      filter: drop-shadow(0 14px 30px rgba(0,0,0,.35));
    }
    :root[data-theme="light"] .ame-launchIcon svg{
      stroke: rgba(10,14,23,.88);
      filter: drop-shadow(0 14px 30px rgba(10,14,23,.14));
    }
    .ame-launchIcon.is-image{
      border: none;
      background: rgba(255,255,255,.18);
      padding: 0;
    }
    .ame-launchIcon.is-image img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 22px;
      display: block;
      filter: saturate(1.04) contrast(1.02);
    }
    @keyframes launchPulse{
      0%{ transform: translateY(2px) scale(.985); opacity: .92; }
      100%{ transform: translateY(-2px) scale(1); opacity: 1; }
    }

    .ame-phoneTilt{
      position:absolute;
      inset:0;
      transform-style: preserve-3d;
      transition: transform 420ms var(--ease);
    }
    .ame-phoneTilt.is-active{
      transition: transform 60ms linear;
    }

    .ame-appSection-reveal,
    .ame-phoneSection{ }

    @media (max-width: 980px){
      .ame-appSection{
        grid-template-columns: 1fr;
        padding: 16px;
      }
      .ame-phoneSection{
        justify-self: stretch;
      }
      .ame-phoneSection .ame-phoneWidget{
        margin-top: 18px;
        margin-bottom: -20px;
      }
      .ame-phoneSection .ame-phone{
        width: min(370px, 100%);
        margin: 0 auto;
      }
      .ame-featureGrid{
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px){
      .ame-appSection{
        padding: 14px;
        gap: 14px;
      }
      .ame-featureGrid{
        grid-template-columns: 1fr;
      }
    }

    /* ============================
       Pricing
       ============================ */

    .ame-pricing{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

    .ame-pricing-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      margin: 0 0 12px;
      color: var(--ame-muted);
      flex-wrap:wrap;
    }

    .ame-pricing-toggle{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      font-size: 12px;
      font-weight: 800;
    }

    .ame-pricing-toolbar .ame-switch-note{
      letter-spacing: .01em;
      font-weight: 800;
    }

    .ame-billing-switch{
      position: relative;
      width: 54px;
      height: 30px;
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      cursor: pointer;
    }

    .ame-billing-switch input{
      position: absolute;
      inset: 0;
      opacity: 0;
      cursor: pointer;
      z-index: 2;
      margin: 0;
    }

    .ame-billing-track{
      position: relative;
      width: 54px;
      height: 30px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      background: color-mix(in oklab, var(--ame-surface-0), transparent 16%);
      transition: background var(--ame-speed-2) var(--ame-ease), border-color var(--ame-speed-2) var(--ame-ease), transform var(--ame-speed-2) var(--ame-ease);
      overflow:hidden;
    }

    .ame-billing-track::before{
      content: "";
      position: absolute;
      inset: 4px;
      border-radius: 999px;
      background: color-mix(in oklab, var(--ame-border), transparent 30%);
      transition: transform var(--ame-speed-2) var(--ame-ease);
      transform: translateX(0);
    }

    .ame-billing-thumb{
      position: absolute;
      top: 4px;
      left: 4px;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.62));
      box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 6px 14px rgba(0,0,0,.20);
      transition: transform var(--ame-speed-2) var(--ame-ease), background var(--ame-speed-2) var(--ame-ease);
      transform: translateX(0);
      z-index: 1;
    }

    .ame-billing-switch input:checked + .ame-billing-track{
      border-color: rgba(255,122,26,.58);
      background: color-mix(in oklab, var(--ame-accent), transparent 72%);
    }

    .ame-billing-switch input:focus-visible + .ame-billing-track{
      box-shadow: 0 0 0 3px var(--ame-focus);
    }

    .ame-billing-switch input:checked + .ame-billing-track .ame-billing-thumb{
      transform: translateX(24px);
      background: linear-gradient(135deg, rgba(255,122,26,.95), rgba(255,168,74,.85));
      box-shadow: 0 1px 0 rgba(255,255,255,.36) inset, 0 6px 14px rgba(0,0,0,.26);
    }

    .ame-billing-switch input:checked + .ame-billing-track::before{
      transform: translateX(24px);
    }

    :root[data-theme="light"] .ame-billing-track{
      background: color-mix(in oklab, var(--ame-surface-1), transparent 14%);
    }

    :root[data-theme="light"] .ame-billing-thumb{
      background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(235,244,255,.8));
    }

    .ame-plan{ padding: 18px; }

    .ame-plan{
      transform-style: preserve-3d;
      transition:
        transform var(--ame-speed-2) var(--ame-ease),
        box-shadow var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease);
    }

    .ame-plan:hover{
      transform: translateY(-2px) rotateX(2deg) rotateY(2deg);
      box-shadow: var(--ame-shadow-md);
    }

    .ame-plan h3{ margin: 6px 0 4px; font-size: 16px; }

    .ame-price{
      font-size: 30px;
      font-weight: 950;
      letter-spacing:-.02em;
      margin: 12px 0 10px;
      font-family: var(--ame-font-display);
    }

    .ame-plan p{ margin: 0 0 12px; color: var(--ame-muted); font-size: 13.8px; line-height: 1.6; }

    .ame-list{ margin:0; padding-left: 18px; color: var(--ame-muted); font-size: 13px; line-height: 1.6; }
    .ame-list li{ margin: 6px 0; }

    .ame-badge-pop{
      position:absolute;
      top: 14px;
      right: 14px;
      padding: 7px 11px;
      border-radius: 999px;
      background: rgba(255,122,26,.14);
      border: 1px solid rgba(255,122,26,.32);
      color: var(--ame-text);
      font-size: 12px;
      font-weight: 900;
      letter-spacing:.02em;
    }

    /* ============================
       Latest News
       ============================ */

    .ame-news-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .ame-news-card{
      border-radius: var(--ame-radius-xl);
      border: 1px solid var(--ame-border);
      padding: 16px;
      min-height: 210px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      color: var(--ame-muted);
      transition:
        transform var(--ame-speed-2) var(--ame-ease),
        box-shadow var(--ame-speed-2) var(--ame-ease),
        border-color var(--ame-speed-2) var(--ame-ease);
      position: relative;
      overflow: hidden;
    }

    .ame-news-card:hover{
      border-color: color-mix(in oklab, var(--ame-accent) 18%, var(--ame-border));
      box-shadow: var(--ame-shadow-md);
      transform: translateY(-2px);
    }

    .ame-news-meta{
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--ame-muted);
      letter-spacing: .08em;
      text-transform: uppercase;
      font-weight: 760;
    }

    .ame-news-source{
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      font-size: 10px;
      font-weight: 800;
      text-transform: none;
      letter-spacing: normal;
      color: var(--ame-text);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 42%);
      margin-left: auto;
    }

    .ame-news-card h3{
      margin: 0;
      color: var(--ame-text);
      font-size: 16px;
      line-height: 1.25;
      font-weight: 760;
    }

    .ame-news-card p{
      margin: 0;
      color: var(--ame-muted);
      font-size: 13.1px;
      line-height: 1.6;
      flex: 1;
    }

    .ame-news-thumb{
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 12px;
      overflow: hidden;
      object-fit: cover;
      border: 1px solid var(--ame-border);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 28%);
      margin: 0 0 6px;
      display: block;
    }

    .ame-news-link{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      gap: 8px;
      margin-top: auto;
      padding: 8px 11px;
      border-radius: 999px;
      border: 1px solid color-mix(in oklab, var(--ame-border), var(--ame-accent) 14%);
      background: rgba(255,255,255,.04);
      color: var(--ame-text);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-weight: 820;
      transition: background var(--ame-speed-2) var(--ame-ease), border-color var(--ame-speed-2) var(--ame-ease), transform var(--ame-speed-2) var(--ame-ease);
    }

    .ame-news-link:hover{
      background: rgba(255,122,26,.14);
      border-color: rgba(255,122,26,.35);
      transform: translateY(-1px);
    }

    .ame-news-card::after,
    .ame-testimonial::after{
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background: linear-gradient(120deg, rgba(255,255,255,.05), transparent 42%, rgba(255,122,26,.05));
      opacity: .25;
      z-index: -1;
    }

    /* ============================
       Testimonials
       ============================ */

    .ame-testimonial-grid{
      position: relative;
      width: 100%;
      min-height: 132px;
      overflow: hidden;
      border-radius: var(--ame-radius-xl);
    }

    .ame-testimonial-track{
      position: relative;
      display: flex;
      width: 100%;
      min-height: 130px;
      transform: translateX(0);
      transition: transform var(--ame-speed-2) var(--ame-ease);
      will-change: transform;
      gap: 0;
    }

    .ame-testimonial{
      flex: 0 0 100%;
      width: 100%;
    }

    .ame-testimonial-slide{
      min-width: 100%;
      width: 100%;
      margin: 0;
      opacity: 1;
      pointer-events: none;
      transform: none;
      transition: none;
    }

    .ame-testimonial-slide.is-active{
      pointer-events: auto;
      position: relative;
      z-index: 1;
    }

    .ame-testimonial-card{
      min-height: 128px;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 12px;
      border-radius: var(--ame-radius-lg);
      border: 1px solid color-mix(in oklab, var(--ame-border), transparent 28%);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 16%);
      backdrop-filter: blur(8px);
      box-shadow: var(--ame-shadow-sm);
      margin: 0;
      transition: transform var(--ame-speed-2) var(--ame-ease), box-shadow var(--ame-speed-2) var(--ame-ease);
    }

    .ame-testimonial-quote{
      margin: 0;
      color: var(--ame-text);
      line-height: 1.35;
      font-size: 13px;
    }

    .ame-testimonial-content{
      display: grid;
      gap: 14px;
      min-height: 120px;
    }

    .ame-testimonial-person{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .ame-testimonial-person strong{
      display: block;
      font-size: 13px;
      color: var(--ame-text);
      font-family: var(--ame-font-display);
      letter-spacing: .01em;
    }

    .ame-testimonial-person span{
      display: block;
      margin-top: 2px;
      color: var(--ame-muted);
      font-size: 11px;
    }

    .ame-testimonial-stars{
      color: #ffbe57;
      font-size: 11px;
      letter-spacing: 1px;
      line-height: 1;
      opacity: 0.95;
      margin-bottom: 2px;
    }

    .ame-testimonial-role{
      display: block;
      margin-top: 2px;
      color: var(--ame-muted);
      font-size: 11px;
    }

    .ame-testimonial-controls{
      margin-top: 12px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .ame-carousel-dots{
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-width: 0;
    }

    .ame-carousel-btn,
    .ame-carousel-dot{
      border: 1px solid var(--ame-border);
      color: var(--ame-muted);
      background: color-mix(in oklab, var(--ame-surface-1), transparent 20%);
      transition: all var(--ame-speed-2) var(--ame-ease);
    }

    .ame-carousel-btn{
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex: 0 0 auto;
      font-weight: 900;
      font-size: 18px;
      line-height: 1;
      padding: 0;
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--ame-border), transparent 24%);
    }

    .ame-carousel-btn:hover:not(:disabled){
      color: var(--ame-text);
      border-color: color-mix(in oklab, var(--ame-accent), var(--ame-border) 70%);
      transform: translateY(-1px);
    }

    .ame-carousel-btn:disabled{
      cursor: default;
      opacity: .45;
    }

    .ame-carousel-dot{
      width: 8px;
      height: 8px;
      border-radius: 999px;
      padding: 0;
      cursor: pointer;
    }

    .ame-carousel-dot.is-active{
      width: 22px;
      opacity: 1;
      background: color-mix(in oklab, var(--ame-accent), #fff 16%);
      border-color: color-mix(in oklab, var(--ame-accent), var(--ame-border) 42%);
    }

    /* ============================
       FAQ
       ============================ */

    .ame-faq{ border-radius: var(--ame-radius-xl); overflow:hidden; }
    .ame-faq-item{ border-top: 1px solid var(--ame-border); }
    .ame-faq-item:first-child{ border-top: none; }

    .ame-faq-q{
      width:100%;
      text-align:left;
      padding: 16px 16px;
      border:none;
      background: transparent;
      color: var(--ame-text);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      font-weight: 850;
      font-size: 14px;
    }

    .ame-faq-q:focus-visible{ outline:none; box-shadow: 0 0 0 4px var(--ame-focus) inset; }

    .ame-faq-a{ padding: 0 16px 16px; color: var(--ame-muted); line-height: 1.6; font-size: 13.5px; display:none; }
    .ame-faq-item[aria-expanded="true"] .ame-faq-a{ display:block; }

    .ame-chevron{ width: 18px; height: 18px; flex: 0 0 auto; transition: transform var(--ame-speed-2) var(--ame-ease); opacity:.85; }
    .ame-faq-item[aria-expanded="true"] .ame-chevron{ transform: rotate(180deg); }

    /* ============================
       Contact
       ============================ */

    .ame-contact-grid{
      display: grid;
      grid-template-columns: 1fr 1.15fr;
      gap: 14px;
      align-items: start;
    }

    .ame-contact{
      padding: 18px;
      border-radius: var(--ame-radius-xl);
      line-height: 1.52;
      color: var(--ame-muted);
    }

    .ame-contact h3{
      margin: 0;
      color: var(--ame-text);
      font-family: var(--ame-font-display);
      letter-spacing: -0.02em;
      font-size: 1.06rem;
      line-height: 1.22;
    }

    .ame-contact p{
      margin: 8px 0 12px;
      max-width: 55ch;
    }

    .ame-contact-lead{
      margin-bottom: 28px;
      color: var(--ame-muted);
      max-width: 55ch;
      line-height: 1.45;
    }

    .ame-contact-list{
      display:grid;
      gap: 14px;
      margin: 14px 0 0;
    }

    .ame-contact-item{
      display:flex;
      gap: 12px;
      align-items:flex-start;
      color: var(--ame-muted);
      line-height: 1.4;
      font-size: 13.5px;
    }

    .ame-contact-logo-divider{
      justify-content: center;
      align-items: center;
      margin: 10px 0;
      padding-top: 2px;
      padding-bottom: 2px;
      border-top: 1px solid color-mix(in oklab, var(--ame-border), transparent 45%);
      border-bottom: 1px solid color-mix(in oklab, var(--ame-border), transparent 45%);
      width: 100%;
    }

    .ame-contact-logo-divider img{
      width: clamp(118px, 16vw, 160px);
      height: auto;
      opacity: 0.78;
      filter: contrast(0.95);
      pointer-events: none;
    }

    .ame-contact-item.is-stack{
      display: grid;
      gap: 12px;
    }

    .ame-contact-addresses{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      color: var(--ame-muted);
      font-size: 13px;
      line-height: 1.35;
    }

    .ame-contact-address-item{
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 12px;
      border-radius: var(--ame-radius-md);
      border: 1px solid color-mix(in oklab, var(--ame-border), transparent 35%);
      background: rgba(255,255,255,.05);
      position: relative;
    }

    .ame-contact-address-item + .ame-contact-address-item{
      background: rgba(255,255,255,.03);
    }

    .ame-contact-address-icon{
      width: 30px;
      height: 30px;
      flex: 0 0 30px;
      border-radius: 10px;
      border: 1px solid color-mix(in oklab, var(--ame-border), transparent 20%);
      display: grid;
      place-items: center;
      color: var(--ame-text);
      background: rgba(255,255,255,.05);
    }

    .ame-contact-address-icon .ame-icon{
      width: 16px;
      height: 16px;
      stroke-width: 1.9;
    }

    .ame-contact-addresses strong{
      color: var(--ame-text);
      font-size: 12.8px;
      font-family: var(--ame-font-display);
      font-weight: 780;
      white-space: normal;
      margin-bottom: 2px;
    }

    .ame-contact-address-text{
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }

    .ame-contact-item strong{
      color: var(--ame-text);
      font-family: var(--ame-font-display);
      font-weight: 760;
    }

    .ame-contact-form{
      padding: 18px;
      border-radius: var(--ame-radius-xl);
      display:grid;
      gap: 11px;
      color: var(--ame-text);
    }

    .ame-field{
      display:grid;
      gap: 7px;
      color: var(--ame-muted);
      font-size: 12.5px;
      font-weight: 600;
    }

    .ame-field input,
    .ame-field textarea{
      width: 100%;
      border-radius: 12px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.10);
      color: var(--ame-text);
      padding: 11px 12px;
      font: inherit;
      transition: border-color var(--ame-speed-2) var(--ame-ease), box-shadow var(--ame-speed-2) var(--ame-ease);
    }

    .ame-field textarea{
      min-height: 112px;
      resize: vertical;
    }

    .ame-input,
    .ame-select,
    .ame-textarea{
      border-radius: 12px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.12);
      color: var(--ame-text);
      width: 100%;
      font: inherit;
      transition: border-color var(--ame-speed-2) var(--ame-ease), box-shadow var(--ame-speed-2) var(--ame-ease);
    }

    .ame-input{
      height: 40px;
      padding: 0 12px;
      line-height: 38px;
    }

    .ame-select{
      height: 40px;
      padding: 0 12px;
      appearance: none;
      -webkit-appearance: none;
      background-image:
        linear-gradient(45deg, transparent 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, transparent 50%);
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
      padding-right: 28px;
      cursor: pointer;
    }

    .ame-textarea{
      min-height: 112px;
      padding: 10px 12px;
      resize: vertical;
    }

    .ame-field input::placeholder,
    .ame-field textarea::placeholder{
      color: rgba(var(--brandB), .70);
      opacity: 0.75;
    }

    .ame-input::placeholder,
    .ame-textarea::placeholder{
      color: rgba(var(--brandB), .70);
      opacity: 0.75;
    }

    :root[data-theme="light"] .ame-field input,
    :root[data-theme="light"] .ame-field textarea{
      background: rgba(255,255,255,.70);
    }

    :root[data-theme="light"] .ame-input,
    :root[data-theme="light"] .ame-select,
    :root[data-theme="light"] .ame-textarea{
      background: rgba(255,255,255,.84);
    }

    .ame-input:focus-visible,
    .ame-select:focus-visible,
    .ame-textarea:focus-visible,
    .ame-field input:focus-visible,
    .ame-field textarea:focus-visible{
      outline:none;
      border-color: rgba(255,122,26,.45);
      box-shadow: 0 0 0 4px var(--ame-focus);
    }

    .ame-contact-status{
      min-height: 18px;
      font-size: 12.5px;
      color: var(--ame-muted);
      font-weight: 650;
    }

    .ame-tabs{
      display: grid;
      gap: 12px;
    }

    .ame-tab-bar{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .ame-tab{
      border-radius: 999px;
      border: 1px solid var(--ame-border);
      background: rgba(255,255,255,.06);
      color: var(--ame-muted);
      padding: 8px 14px;
      font: 600 12px/1 var(--ame-font);
      cursor: pointer;
      transition: border-color var(--ame-speed-2) var(--ame-ease), color var(--ame-speed-2) var(--ame-ease), background var(--ame-speed-2) var(--ame-ease);
    }

    .ame-tab:hover{
      border-color: color-mix(in oklab, var(--ame-accent) 40%, var(--ame-border));
      color: var(--ame-text);
    }

    .ame-tab.is-active,
    .ame-tab[aria-selected="true"]{
      border-color: color-mix(in oklab, var(--ame-accent), transparent 15%);
      color: var(--ame-text);
      background: color-mix(in oklab, var(--ame-accent), transparent 82%);
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--ame-accent), transparent 86%);
    }

    .ame-tab-panel{
      border: 1px solid var(--ame-border);
      border-radius: 14px;
      padding: 14px;
      background: color-mix(in oklab, var(--ame-surface-0), transparent 18%);
    }

    .ame-tab-panel:not(.is-active){
      display: none;
    }

    /* ============================
       Footer
      ============================ */

    .ame-footer{ padding: 28px 0 38px; color: var(--ame-muted); font-size: 13px; position: relative; z-index: 1; }

    .ame-footer .ame-container{
      width: 100%;
      max-width: none;
      padding: 0;
    }

    .ame-footer-panel{
      width: 100%;
      border-radius: 0;
      margin: 0;
      padding: 18px 20px;
      box-sizing: border-box;
    }

    .ame-footer-grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 14px; align-items:start; }
    .ame-footer a{ color: var(--ame-muted); }
    .ame-footer a:hover{ color: var(--ame-text); }

    /* ============================
       Responsive
       ============================ */

    @media (max-width: 980px){
      .ame-hero-grid{ grid-template-columns: 1fr; }
      .ame-top-actions, .ame-brand{ min-width: unset; }
      .ame-section-head{ flex-direction:column; align-items:flex-start; }
      .ame-grid-3{ grid-template-columns: 1fr; }
      .ame-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .ame-pricing{ grid-template-columns: 1fr; }
      .ame-diagram-stage{ grid-template-columns: 1fr; }
      .ame-contact-grid{ grid-template-columns: 1fr; }
      .ame-contact-addresses{ grid-template-columns: 1fr; }
      .ame-network-flow-arrow{
        transform: translate(-50%, -50%) rotate(90deg);
      }
      .ame-network-flow-arrow svg{ width: 34px; height: 72px; }
      .ame-side{ min-height: 500px; }
      .ame-partner-panel{ grid-template-columns: 1fr; }
      .ame-detail-grid{ grid-template-columns: 1fr; }
      .ame-side-foot{ position: static; margin-top: 12px; }
      .ame-inside-metrics{ grid-template-columns: 1fr; }
      .ame-center-card{ left: 52%; }
    }

    @media (min-width: 980px){
      .ame-side-by-side-block > .ame-container{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    .ame-section-twothirds > .ame-container{
      grid-template-columns: 2fr 1fr;
      gap: 16px;
      align-items: start;
      }
    }

    #testimonials .ame-testimonial-grid{
      padding: 0 0 0 2px;
      box-sizing: border-box;
      }

    @media (min-width: 980px){
      #testimonials{
        margin-top: 96px;
      }
    }

    @media (max-width: 620px){
      .ame-nav{ display:none; }
      .ame-hero-card{ padding: 20px; }
      .ame-visual{ min-height: 320px; }
      .ame-news-grid{ grid-template-columns: 1fr; }
      .ame-agency-card{
        width: clamp(90px, 18vw, 120px);
        min-width: 90px;
        max-width: 120px;
      }
      .ame-your-card{
        width: clamp(124px, 38vw, 160px);
        min-width: 124px;
        max-width: 160px;
      }
      .ame-globe-network{ width: 100%; }
      .ame-globe-wrap{ width: 100%; }
    }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce){
      *{ scroll-behavior:auto !important; transition:none !important; animation:none !important; }
      [data-reveal]{ opacity: 1 !important; filter:none !important; transform:none !important; }
      .ame-mock{ animation:none !important; }
    }