/* ============================================================
   UberEats Clone Landing Page — scoped styles.
   Every selector is prefixed with .ue-clone so nothing leaks
   into the rest of the WordPress site or the active theme.
   ============================================================ */
.ue-clone{
  --ue-pink:#e63094;
  --ue-pink-dark:#c4267e;
  --ue-pink-light:#fde9f3;
  --ue-ink:#0a0e27;
  --ue-ink-soft:#4a5568;
  --ue-ink-mute:#718096;
  --ue-line:#e2e8f0;
  --ue-bg:#fff;
  --ue-bg-alt:#fafbfc;
  --ue-bg-soft:#f7fafc;
  --ue-success:#10b981;
  --ue-shadow-sm:0 1px 3px rgba(10,14,39,.06);
  --ue-shadow-md:0 4px 16px rgba(10,14,39,.08);
  --ue-shadow-lg:0 24px 48px rgba(10,14,39,.12);
  --ue-r-sm:8px; --ue-r-md:12px; --ue-r-lg:16px; --ue-r-xl:24px;
  font-family:'Gilroy','Inter','Helvetica Neue',system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.65; font-weight:400;
  color:var(--ue-ink-soft); background:var(--ue-bg);
  -webkit-font-smoothing:antialiased;
}
.ue-clone *,.ue-clone *::before,.ue-clone *::after{box-sizing:border-box}
.ue-clone img,.ue-clone svg{display:block;max-width:100%;height:auto}
.ue-clone ul,.ue-clone ol{margin:0;padding:0;list-style:none}
.ue-clone a:not(.ue-clone__btn){color:var(--ue-pink);text-decoration:none;transition:color .15s ease-out}
.ue-clone a:not(.ue-clone__btn):hover{color:var(--ue-pink-dark);text-decoration:underline;text-underline-offset:4px}

/* ============================================================
   THEME-CONFLICT GUARD
   WordPress themes (Astra, GeneratePress, Kadence, OceanWP, etc.)
   ship aggressive `button`, `input`, and `a` rules — sometimes
   with `!important` — that bleed onto the landing page through
   high-specificity selectors like `.entry-content button`.
   Neutralise the most common ones so .ue-clone always uses the
   intended design system. Keep these tight and only on elements
   that aren't already styled (`:not(.ue-clone__btn)` etc.).
   ============================================================ */
.ue-clone button:not(.ue-clone__btn){
  font:inherit !important;
  cursor:pointer;
  margin:0 !important;
  padding:20px !important;
  border:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  line-height:inherit !important;
  color:inherit !important;
  text-align:inherit;
  min-height:0 !important;
  min-width:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.ue-clone input:not([type="range"]),
.ue-clone select,
.ue-clone textarea{
  font-family:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  -webkit-appearance:none;
  appearance:none;
}
.ue-clone .ue-clone__btn{
  /* re-assert button styling against any theme `button { ... !important }` */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:14px 28px !important;
  border-radius:var(--ue-r-sm) !important;
  border:1.5px solid transparent !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  cursor:pointer !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
@media(min-width:768px){.ue-clone .ue-clone__btn{font-size:17px !important}}
.ue-clone .ue-clone__btn--lg{padding:16px 36px !important}
.ue-clone .ue-clone__btn:hover{text-decoration:none !important}
.ue-clone .ue-clone__btn--primary{background:var(--ue-pink) !important;color:#fff !important;box-shadow:var(--ue-shadow-sm) !important}
.ue-clone .ue-clone__btn--primary:hover{background:var(--ue-pink-dark) !important;color:#fff !important;box-shadow:var(--ue-shadow-md) !important}
.ue-clone .ue-clone__btn--secondary{background:transparent !important;color:var(--ue-ink) !important;border-color:var(--ue-line) !important}
.ue-clone .ue-clone__btn--secondary:hover{border-color:var(--ue-ink) !important;color:var(--ue-ink) !important}
.ue-clone .ue-clone__btn--inverse{background:#fff !important;color:var(--ue-pink) !important;border-color:#fff !important}
.ue-clone .ue-clone__btn--inverse:hover{background:var(--ue-pink-light) !important;color:var(--ue-pink-dark) !important}
:where(.ue-clone) p{margin:0 0 16px}
.ue-clone strong{font-weight:700;color:var(--ue-ink)}
/* Headings — assert our font + colour + spacing so theme heading rules
   (which are often heavy on font-family / text-transform / colour) lose. */
.ue-clone h1,.ue-clone h2,.ue-clone h3,.ue-clone h4{
  color:var(--ue-ink);
  font-family:inherit;
  font-weight:700;
  letter-spacing:-0.02em;
  line-height:1.2;
  text-transform:none;
  margin:0 0 24px;
}
.ue-clone h1{font-size:40px;line-height:1.1;font-weight:800}
.ue-clone h2{font-size:30px}
.ue-clone h3{font-size:22px;line-height:1.35}
.ue-clone h4{font-size:16px;margin:0 0 4px}
@media(min-width:768px){
  .ue-clone{font-size:18px}
  .ue-clone h1{font-size:60px;line-height:1.05}
  .ue-clone h2{font-size:42px}
  .ue-clone h3{font-size:26px}
}

.ue-clone__wrap{max-width:1200px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.ue-clone__wrap{padding:0 24px}}
.ue-clone__sec{padding:64px 0}
@media(min-width:768px){.ue-clone__sec{padding:96px 0}}
.ue-clone__sec--alt{background:var(--ue-bg-alt)}
.ue-clone__sec--soft{background:var(--ue-bg-soft)}
.ue-clone__sec--ink{background:var(--ue-ink);color:rgba(255,255,255,.85)}
.ue-clone__sec--ink h2,.ue-clone__sec--ink h3,.ue-clone__sec--ink h4{color:#fff}
.ue-clone__sec--ink p{color:rgba(255,255,255,.7)}
.ue-clone__center{text-align:center}
.ue-clone__mw720{max-width:720px;margin:0 auto}
.ue-clone__mw800{max-width:800px;margin:0 auto}
.ue-clone__mw960{max-width:960px;margin:0 auto}
.ue-clone__lead{font-size:18px;line-height:1.5;font-weight:500;color:var(--ue-ink-soft)}
@media(min-width:768px){.ue-clone__lead{font-size:22px}}
.ue-clone__sec--ink .ue-clone__lead{color:rgba(255,255,255,.75)}

.ue-clone__eyebrow{display:inline-block;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--ue-pink);border:1px solid var(--ue-pink);padding:6px 12px;border-radius:100px;margin-bottom:24px}
.ue-clone__sec--ink .ue-clone__eyebrow{border-color:rgba(230,48,148,.4)}

/* Buttons */
.ue-clone__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;font-size:16px;padding:14px 28px;border-radius:var(--ue-r-sm);transition:all .15s ease-out;text-decoration:none;border:1.5px solid transparent;line-height:1.2;text-align:center;cursor:pointer}
@media(min-width:768px){.ue-clone__btn{font-size:17px}}
.ue-clone__btn:hover{transform:translateY(-1px);text-decoration:none}
.ue-clone__btn--primary{background:var(--ue-pink);color:#fff;box-shadow:var(--ue-shadow-sm)}
.ue-clone__btn--primary:hover{background:var(--ue-pink-dark);color:#fff;box-shadow:var(--ue-shadow-md)}
.ue-clone__btn--secondary{background:transparent;color:var(--ue-ink);border-color:var(--ue-line)}
.ue-clone__btn--secondary:hover{border-color:var(--ue-ink);color:var(--ue-ink)}
.ue-clone__btn--inverse{background:#fff;color:var(--ue-pink);border-color:#fff}
.ue-clone__btn--inverse:hover{background:var(--ue-pink-light);color:var(--ue-pink-dark)}
.ue-clone__btn--lg{padding:16px 36px}
.ue-clone__btn--whatsapp{background:#25D366;color:#fff}
.ue-clone__btn--whatsapp:hover{background:#1ebe5b;color:#fff}
.ue-clone__btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ue-clone__btn-row--center{justify-content:center}
.ue-clone__link-inline{color:var(--ue-pink);font-weight:600;border-bottom:1px solid transparent;transition:border-color .15s ease-out}
.ue-clone__link-inline:hover{border-bottom-color:var(--ue-pink);text-decoration:none}

/* ---------- 1. HERO ---------- */
/* Mobile top padding = 72px (sticky-header height) + 32px breathing space
   so the H1 never overlaps the fixed header. Tablet/desktop keep the
   original 96px via the @media block below — unchanged. */
.ue-clone__hero{background:linear-gradient(180deg,#fff 0%,var(--ue-bg-alt) 100%);padding:104px 0 64px}
@media(min-width:768px){.ue-clone__hero{padding:96px 0}}
.ue-clone__hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
@media(min-width:1024px){.ue-clone__hero-grid{grid-template-columns:60% 40%;gap:32px}}
.ue-clone__hero-lead{max-width:540px;margin-bottom:32px}
.ue-clone__hero-trust{font-size:14px;color:var(--ue-ink-mute);margin-top:32px;font-weight:500}
.ue-clone__hero-trust span{display:inline-block;margin:0 8px;color:var(--ue-line)}
.ue-clone__hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:320px}
/* Hero image — final composite drops in as a plain <img>; no device-frame chrome */
.ue-clone__hero-img{display:block;width:100%;max-width:520px;height:auto}

/* ---------- 2. TRUST STRIP ---------- */
.ue-clone__trust{background:var(--ue-bg-alt);padding:40px 0}
.ue-clone__trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 28px;align-items:center;justify-items:center;text-align:center}
@media(min-width:1024px){.ue-clone__trust-row{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0}}
.ue-clone__trust-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ue-ink-soft);position:relative;padding:0 16px}
@media(min-width:1024px){
  .ue-clone__trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:32px;background:var(--ue-line)}
}
.ue-clone__trust-item strong{color:var(--ue-ink);font-weight:600}
.ue-clone__trust-item svg{width:16px;height:16px;color:var(--ue-pink);flex-shrink:0}

/* ---------- 2.5 CLIENT MARQUEE ---------- */
.ue-clone__clients{background:var(--ue-ink);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:24px 0;color:rgba(255,255,255,.85)}
.ue-clone__clients-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:18px}
@media(min-width:1024px){.ue-clone__clients-inner{flex-direction:row;align-items:center;gap:32px;padding:0 32px}}
.ue-clone__clients-stat{flex-shrink:0;line-height:1.2}
.ue-clone__clients-num{color:#fff;font-size:14px;font-weight:700;display:block}
.ue-clone__clients-label{color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;display:block}
.ue-clone__clients-div{display:none}
@media(min-width:1024px){.ue-clone__clients-div{display:block;width:1px;height:40px;background:rgba(255,255,255,.1);flex-shrink:0}}
.ue-clone__clients-port{position:relative;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ue-clone__marquee{display:flex;gap:0;width:max-content;animation:ue-marq 40s linear infinite}
@keyframes ue-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ue-clone__marquee:hover{animation-play-state:paused}
.ue-clone__marq-set{display:flex;align-items:center;gap:40px;padding-right:40px}
.ue-clone__client{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;filter:grayscale(1);opacity:.7;transition:filter .35s ease,opacity .25s ease}
.ue-clone__client:hover{filter:grayscale(0);opacity:1}
.ue-clone__client-ico{width:44px;height:44px;border-radius:999px;background:#1E293B;display:inline-flex;align-items:center;justify-content:center;color:#cbd5e0;font-weight:700;font-size:18px;flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.08),0 6px 14px -6px rgba(0,0,0,.55)}
.ue-clone__client-ico img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.ue-clone__client-name{color:#E2E8F0;font-weight:500;font-size:14px;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.ue-clone__marquee{animation:none}}

/* ---------- 3. WHAT IS ---------- */
.ue-clone__what{background:#fff}
.ue-clone__what-inner{max-width:760px;margin:0 auto;text-align:center}
.ue-clone__what-inner h2{margin-bottom:32px}
.ue-clone__what-inner p{text-align:left;color:var(--ue-ink-soft)}

/* ---------- 4. WHY 2026 ---------- */
.ue-clone__why{background:var(--ue-bg-alt)}
.ue-clone__why-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
@media(min-width:1024px){.ue-clone__why-grid{grid-template-columns:40% 1fr;gap:64px}}
.ue-clone__why-cards{display:flex;flex-direction:column;gap:24px}
.ue-clone__force{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:28px;transition:all .2s ease-out}
.ue-clone__force:hover{transform:translateY(-2px);box-shadow:var(--ue-shadow-md)}
.ue-clone__force-num{font-weight:800;font-size:14px;color:var(--ue-pink);letter-spacing:.05em;margin-bottom:8px;display:block}
.ue-clone__force h3{font-size:20px;margin-bottom:10px}

/* ---------- 5. LIVE DEMO ---------- */
.ue-clone__demo{background:#fff}
.ue-clone__demo-inner{max-width:960px;margin:0 auto;text-align:center}
.ue-clone__demo-lead{max-width:720px;margin:0 auto 48px}
.ue-clone__demo-video{position:relative;border-radius:var(--ue-r-lg);overflow:hidden;box-shadow:var(--ue-shadow-md);margin-bottom:32px;cursor:pointer}
.ue-clone__demo-video img{width:100%}
.ue-clone__demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--ue-shadow-lg);animation:ue-pulse 2.5s ease-in-out infinite}
.ue-clone__demo-play svg{width:32px;height:32px;color:var(--ue-pink);margin-left:4px}
@keyframes ue-pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.ue-clone__demo-play{animation:none}}

/* ---------- 5.5 TRY IT YOURSELF ---------- */
.ue-clone__tryit{background:var(--ue-ink);color:rgba(255,255,255,.85)}
.ue-clone__tryit-head{text-align:center;max-width:780px;margin:0 auto 48px}
.ue-clone__tryit-head h2{color:#fff;margin-bottom:16px}
.ue-clone__tryit-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ue-pink);padding:6px 14px;border:1px solid rgba(230,48,148,.4);border-radius:100px;margin-bottom:20px}
.ue-clone__tryit-layout{display:grid;grid-template-columns:1fr;gap:32px;max-width:1080px;margin:0 auto;align-items:start}
@media(min-width:960px){.ue-clone__tryit-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px}}
.ue-clone__tryit-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--ue-r-md);padding:32px 24px}
@media(min-width:768px){.ue-clone__tryit-card{padding:40px}}
.ue-clone__tryit-form{display:flex;flex-direction:column;gap:18px;position:relative}
.ue-clone__tryit-row{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:560px){.ue-clone__tryit-row--2{grid-template-columns:1fr 1fr}}
.ue-clone__tryit-group{display:flex;flex-direction:column;gap:6px}
.ue-clone__tryit-group label{font-size:13px;font-weight:600;color:#fff}
.ue-clone__tryit-group .ue-clone__req{color:var(--ue-pink);margin-left:4px}
.ue-clone__tryit-opt{font-weight:500;color:rgba(255,255,255,.5);margin-left:4px}
.ue-clone__tryit-hint{font-size:12px;color:rgba(255,255,255,.55);margin:4px 0 0;line-height:1.5}
.ue-clone__tryit-group input,.ue-clone__tryit-group select{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:var(--ue-r-sm);transition:all .15s ease-out}
.ue-clone__tryit-group input::placeholder{color:rgba(255,255,255,.4)}
.ue-clone__tryit-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
.ue-clone__tryit-group select option{background:var(--ue-ink);color:#fff}
.ue-clone__tryit-group input:focus,.ue-clone__tryit-group select:focus{outline:none;border-color:var(--ue-pink);background:rgba(255,255,255,.08)}
.ue-clone__tryit-submit{margin-top:8px;padding:14px 24px;font-size:15px;justify-content:center;width:100%}
.ue-clone__tryit-terms{font-size:12px;color:rgba(255,255,255,.55);margin:0;line-height:1.55;text-align:center}
.ue-clone__tryit-prev h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);margin:0 0 16px;font-weight:700}
.ue-clone__tryit-prev ul{display:flex;flex-direction:column;gap:14px}
.ue-clone__tryit-prev li{display:flex;gap:14px;font-size:14px;color:rgba(255,255,255,.75);line-height:1.5}
.ue-clone__tryit-prev li strong{color:#fff;font-weight:700;display:block;margin-bottom:2px}
.ue-clone__tryit-prev-ico{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:rgba(230,48,148,.15);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__tryit-prev-ico svg{width:18px;height:18px}
.ue-clone__tryit-granted{display:none;grid-column:1/-1}
.ue-clone__tryit-layout.is-submitted .ue-clone__tryit-card,
.ue-clone__tryit-layout.is-submitted .ue-clone__tryit-prev{display:none}
.ue-clone__tryit-layout.is-submitted .ue-clone__tryit-granted{display:block}
.ue-clone__tryit-granted-head{margin-bottom:24px}
.ue-clone__tryit-granted-head strong{display:block;color:#fff;font-size:20px;margin-bottom:6px}
.ue-clone__tryit-granted-head p{color:rgba(255,255,255,.7);font-size:14px;margin:0;line-height:1.6}
.ue-clone__access-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:560px){.ue-clone__access-grid{grid-template-columns:1fr 1fr}}
.ue-clone__access{display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--ue-r-md);padding:20px;text-decoration:none;color:inherit;transition:all .2s ease-out}
.ue-clone__access:hover{transform:translateY(-2px);border-color:var(--ue-pink);background:rgba(230,48,148,.08);text-decoration:none}
.ue-clone__access-ico{width:40px;height:40px;border-radius:8px;background:rgba(230,48,148,.15);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__access-ico svg{width:22px;height:22px}
.ue-clone__access strong{color:#fff;font-size:16px;font-weight:700}
.ue-clone__access p{font-size:13px;color:rgba(255,255,255,.6);margin:0;line-height:1.5}
.ue-clone__access-open{margin-top:auto;font-size:13px;font-weight:700;color:var(--ue-pink);letter-spacing:.04em;text-transform:uppercase}
.ue-clone__access-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.ue-clone__access-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px 12px;text-decoration:none;transition:all .15s ease-out}
.ue-clone__access-btn:hover{background:var(--ue-pink);border-color:var(--ue-pink);color:#fff;text-decoration:none}
.ue-clone__access-btn svg{width:13px;height:13px}
.ue-clone__access-cred{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.65);line-height:1.7}
.ue-clone__access-cred code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:5px;font-size:11.5px}

/* ---------- 6. FEATURES ---------- */
.ue-clone__features{background:#fff}
.ue-clone__features-head{text-align:center;max-width:840px;margin:0 auto 48px}
.ue-clone__fcat{border:1px solid var(--ue-line);border-radius:var(--ue-r-md);background:#fff;margin-bottom:16px;overflow:hidden;transition:border-color .2s ease}
.ue-clone__fcat.is-open{border-color:var(--ue-pink)}
.ue-clone__fcat-head{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;width:100%;padding:20px 24px;text-align:left}
.ue-clone__fcat-ico{width:40px;height:40px;border-radius:10px;background:var(--ue-pink-light);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__fcat-ico svg{width:22px;height:22px}
.ue-clone__fcat-title{font-weight:700;color:var(--ue-ink);font-size:17px}
.ue-clone__fcat-count{font-size:13px;color:var(--ue-ink-mute);font-weight:600;background:var(--ue-bg-alt);padding:4px 10px;border-radius:99px}
.ue-clone__fcat-chev{width:22px;height:22px;color:var(--ue-ink-mute);transition:transform .25s ease}
.ue-clone__fcat.is-open .ue-clone__fcat-chev{transform:rotate(180deg)}
.ue-clone__fcat-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.ue-clone__fcat-inner{padding:0 24px 28px}
.ue-clone__fcat-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.ue-clone__fcat-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ue-clone__fcat-grid{grid-template-columns:1fr 1fr 1fr}}
.ue-clone__feat{display:flex;gap:12px;align-items:flex-start}
.ue-clone__feat-chk{width:20px;height:20px;color:var(--ue-pink);flex-shrink:0;margin-top:2px}
.ue-clone__feat strong{display:block;color:var(--ue-ink);font-size:15px;font-weight:700;margin-bottom:2px}
.ue-clone__feat span{font-size:14px;color:var(--ue-ink-soft);line-height:1.5;display:block}

/* ---------- 7. AI FEATURES ---------- */
.ue-clone__ai{background:linear-gradient(180deg,#fff 0%,#fef0f8 100%)}
.ue-clone__ai-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__ai-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ue-pink-light);color:var(--ue-pink);padding:6px 14px;border-radius:99px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.ue-clone__ai-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ue-clone__ai-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ue-clone__ai-grid{grid-template-columns:repeat(3,1fr)}}
.ue-clone__ai-card{display:flex;gap:16px;background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:24px;transition:all .2s ease-out}
.ue-clone__ai-card:hover{transform:translateY(-2px);border-color:var(--ue-pink);box-shadow:var(--ue-shadow-md)}
.ue-clone__ai-ico{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--ue-pink-light);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__ai-ico svg{width:22px;height:22px}
.ue-clone__ai-card h3{font-size:18px;margin-bottom:8px}
.ue-clone__ai-card p{font-size:14px;margin:0;line-height:1.55}

/* ---------- 8. TECH STACK ---------- */
.ue-clone__stack{background:var(--ue-bg-alt)}
.ue-clone__stack-inner{max-width:1000px;margin:0 auto;text-align:center}
.ue-clone__stack-platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
@media(min-width:640px){.ue-clone__stack-platforms{grid-template-columns:repeat(4,1fr)}}
.ue-clone__platform{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .2s ease-out}
.ue-clone__platform:hover{transform:translateY(-2px);border-color:var(--ue-pink)}
.ue-clone__platform-ico{width:48px;height:48px;border-radius:10px;background:var(--ue-pink-light);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__platform-ico svg{width:26px;height:26px}
.ue-clone__platform-label{font-weight:700;color:var(--ue-ink);font-size:15px}
.ue-clone__stack-detail{margin-top:32px;display:grid;grid-template-columns:1fr;gap:12px;text-align:left}
@media(min-width:640px){.ue-clone__stack-detail{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ue-clone__stack-detail{grid-template-columns:repeat(3,1fr)}}
.ue-clone__stack-row{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:16px 18px;transition:border-color .2s ease}
.ue-clone__stack-row:hover{border-color:var(--ue-pink)}
.ue-clone__stack-row h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ue-pink);font-weight:700;margin:0 0 6px}
.ue-clone__stack-row p{font-size:13.5px;margin:0;line-height:1.5;color:var(--ue-ink)}
.ue-clone__stack-foot{margin-top:24px;text-align:center;font-size:13px;color:var(--ue-ink-mute);font-style:italic}

/* ---------- 8.5 WHAT SETS US APART ---------- */
.ue-clone__stand{background:#fff}
.ue-clone__stand-head{text-align:center;max-width:880px;margin:0 auto 48px}
.ue-clone__stand-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:960px){.ue-clone__stand-grid{grid-template-columns:repeat(3,1fr)}}
.ue-clone__stand-card{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);padding:32px 28px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease-out}
.ue-clone__stand-card:hover{transform:translateY(-4px);border-color:var(--ue-pink);box-shadow:var(--ue-shadow-md)}
.ue-clone__stand-ico{width:52px;height:52px;border-radius:12px;background:var(--ue-pink-light);color:var(--ue-pink);display:inline-flex;align-items:center;justify-content:center}
.ue-clone__stand-ico svg{width:26px;height:26px}
.ue-clone__stand-card h3{font-size:20px;margin-bottom:0}
.ue-clone__stand-card p{font-size:15px;margin:0;line-height:1.6}
.ue-clone__stand-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ue-pink-light);color:var(--ue-pink);font-weight:700;font-size:13px;padding:6px 12px;border-radius:99px;align-self:flex-start;margin-top:auto}
.ue-clone__stand-pill svg{width:14px;height:14px}

/* ---------- 9. MONETIZATION ---------- */
.ue-clone__monetize{background:var(--ue-bg-alt)}
.ue-clone__monetize-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__monetize-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.ue-clone__monetize-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.ue-clone__monetize-grid{grid-template-columns:repeat(3,1fr)}}
.ue-clone__stream{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:28px;transition:all .2s ease-out}
.ue-clone__stream:hover{transform:translateY(-2px);box-shadow:var(--ue-shadow-md)}
.ue-clone__stream-num{font-weight:800;font-size:14px;color:var(--ue-pink);letter-spacing:.05em;margin-bottom:10px;display:block}
.ue-clone__stream h3{font-size:18px;margin-bottom:8px}
.ue-clone__stream p{font-size:14px;margin:0;line-height:1.6}
.ue-clone__stream--cta{background:var(--ue-ink);border-color:var(--ue-ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.ue-clone__stream--cta h3{color:#fff}
.ue-clone__stream--cta p{color:rgba(255,255,255,.7);margin-bottom:8px}

/* ---------- 9.5 REVENUE CALCULATOR ---------- */
.ue-clone__calc{background:#fff}
.ue-clone__calc-head{text-align:center;max-width:760px;margin:0 auto 48px}
.ue-clone__calc-card{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);overflow:hidden;box-shadow:var(--ue-shadow-lg);max-width:1000px;margin:0 auto}
@media(min-width:880px){.ue-clone__calc-card{grid-template-columns:1.05fr 1fr}}
.ue-clone__calc-inputs{padding:32px 26px;display:flex;flex-direction:column;gap:26px}
@media(min-width:768px){.ue-clone__calc-inputs{padding:40px}}
.ue-clone__calc-field{display:flex;flex-direction:column;gap:12px}
.ue-clone__calc-field-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ue-clone__calc-field label{font-size:14px;font-weight:600;color:var(--ue-ink)}
.ue-clone__calc-field-val{font-size:17px;font-weight:800;color:var(--ue-pink);letter-spacing:-0.01em;white-space:nowrap}
.ue-clone__calc-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--ue-line);outline:none;cursor:pointer;margin:0}
.ue-clone__calc-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ue-pink);cursor:pointer;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.ue-clone__calc-field input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ue-pink);cursor:pointer;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.3)}
.ue-clone__calc-field input[type=range]:focus-visible{outline:2px solid var(--ue-pink);outline-offset:4px}
.ue-clone__calc-results{background:var(--ue-ink);color:#fff;padding:32px 26px;display:flex;flex-direction:column}
@media(min-width:768px){.ue-clone__calc-results{padding:40px}}
.ue-clone__calc-results h3{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px;font-weight:700;color:rgba(255,255,255,.6)}
.ue-clone__calc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:rgba(255,255,255,.7);padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.ue-clone__calc-row strong{color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
.ue-clone__calc-total{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:4px}
.ue-clone__calc-total-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);font-weight:700}
.ue-clone__calc-total-num{font-size:38px;font-weight:800;color:var(--ue-pink);letter-spacing:-0.02em;line-height:1.05}
@media(min-width:768px){.ue-clone__calc-total-num{font-size:44px}}
.ue-clone__calc-annual{font-size:14px;color:rgba(255,255,255,.75);margin-top:6px}
.ue-clone__calc-annual strong{color:#fff;font-weight:700}
.ue-clone__calc-cta{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.ue-clone__calc-cta > .ue-clone__btn{width:100%}
.ue-clone__calc-gate{display:none;flex-direction:column;gap:12px;position:relative}
.ue-clone__calc-gate.is-active{display:flex}
.ue-clone__calc-gate-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ue-clone__calc-gate input{width:100%;padding:11px 13px;font-family:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:var(--ue-r-sm)}
.ue-clone__calc-gate input::placeholder{color:rgba(255,255,255,.42)}
.ue-clone__calc-gate input:focus{outline:none;border-color:var(--ue-pink);background:rgba(255,255,255,.09)}
.ue-clone__calc-gate .ue-clone__btn{width:100%}
.ue-clone__calc-gate-note{font-size:11px;color:rgba(255,255,255,.5);margin:0;line-height:1.5;text-align:center}
.ue-clone__calc-success{display:none;text-align:center}
.ue-clone__calc-success.is-active{display:block}
.ue-clone__calc-success strong{display:block;color:#fff;font-size:16px;margin-bottom:6px}
.ue-clone__calc-success p{font-size:13px;color:rgba(255,255,255,.7);margin:0 0 14px;line-height:1.5}
.ue-clone__calc-success .ue-clone__btn{width:100%}
.ue-clone__calc-disclaimer{font-size:11px;color:var(--ue-ink-mute);text-align:center;margin:20px auto 0;max-width:760px;line-height:1.55}
/* Modal shell */
.ue-clone__calc-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;background:rgba(10,14,39,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.ue-clone__calc-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.ue-clone__calc-modal{position:relative;background:#fff;border-radius:var(--ue-r-lg);width:100%;max-width:1000px;margin:auto;box-shadow:var(--ue-shadow-lg);padding:44px 22px 26px;transform:translateY(14px);transition:transform .25s ease}
@media(min-width:768px){.ue-clone__calc-modal{padding:48px 40px 32px}}
.ue-clone__calc-overlay.is-open .ue-clone__calc-modal{transform:translateY(0)}
.ue-clone__calc-modal .ue-clone__calc-head{margin-bottom:28px}
.ue-clone__calc-modal .ue-clone__calc-head h2{font-size:clamp(1.5rem,3vw,2rem)}
.ue-clone__calc-close{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--ue-bg-alt);border:1px solid var(--ue-line);color:var(--ue-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.ue-clone__calc-close:hover{background:var(--ue-pink);color:#fff;border-color:var(--ue-pink)}
.ue-clone__calc-close svg{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.ue-clone__calc-overlay,.ue-clone__calc-modal{transition:none}}

/* ---------- Lead-form modal with video testimonial ---------- */
.ue-clone__lead-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;background:rgba(10,14,39,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.ue-clone__lead-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.ue-clone__lead-modal{position:relative;background:#fff;border-radius:var(--ue-r-lg);width:100%;max-width:840px;margin:auto;box-shadow:var(--ue-shadow-lg);overflow:hidden;transform:translateY(14px);transition:transform .25s ease}
.ue-clone__lead-overlay.is-open .ue-clone__lead-modal{transform:translateY(0)}
.ue-clone__lead-close{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--ue-line);color:var(--ue-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.ue-clone__lead-close:hover{background:var(--ue-pink);color:#fff;border-color:var(--ue-pink)}
.ue-clone__lead-close svg{width:18px;height:18px}
.ue-clone__lead-grid{display:grid;grid-template-columns:1fr}
@media(min-width:760px){.ue-clone__lead-grid{grid-template-columns:0.9fr 1fr}}
/* Trust / video column */
.ue-clone__lead-trust{background:var(--ue-ink);color:#fff;padding:30px 24px;display:flex;flex-direction:column;gap:16px}
@media(min-width:768px){.ue-clone__lead-trust{padding:34px 28px}}
.ue-clone__lead-clutch{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.85)}
.ue-clone__lead-stars{display:inline-flex;gap:1px;color:#FBBF24}
.ue-clone__lead-stars svg{width:15px;height:15px}
.ue-clone__lead-clutch strong{color:#fff}
.ue-clone__lead-video{position:relative;border-radius:var(--ue-r-md);overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer}
.ue-clone__lead-video img,.ue-clone__lead-video video,.ue-clone__lead-video iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}
.ue-clone__lead-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.35);pointer-events:none}
.ue-clone__lead-video-play svg{width:23px;height:23px;color:var(--ue-pink);margin-left:3px}
.ue-clone__lead-quote{font-size:14px;line-height:1.55;color:#fff;font-style:italic;margin:0;font-weight:500}
.ue-clone__lead-author{font-size:12.5px;color:rgba(255,255,255,.7);margin:0;line-height:1.4}
.ue-clone__lead-author strong{color:#fff;font-weight:700;font-style:normal}
.ue-clone__lead-trust a.ue-clone__lead-more{display:inline-block;align-self:flex-start;margin-top:2px;font-size:12.5px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);transition:color .15s ease,border-color .15s ease}
.ue-clone__lead-trust a.ue-clone__lead-more:hover{color:var(--ue-pink);border-bottom-color:var(--ue-pink);text-decoration:none}
/* Form column */
.ue-clone__lead-formcol{padding:34px 24px 28px;position:relative}
@media(min-width:768px){.ue-clone__lead-formcol{padding:40px 32px 30px}}
.ue-clone__lead-formcol h2{font-size:21px;margin-bottom:6px;padding-right:28px}
.ue-clone__lead-intro{font-size:13.5px;color:var(--ue-ink-soft);margin-bottom:20px;line-height:1.55}
.ue-clone__lead-form{display:flex;flex-direction:column;gap:13px;position:relative}
.ue-clone__lead-form label{font-size:13px;font-weight:600;color:var(--ue-ink);display:block;margin-bottom:5px}
.ue-clone__lead-form input,.ue-clone__lead-form textarea{width:100%;padding:11px 13px;font-family:inherit;font-size:15px;color:var(--ue-ink);background:#fff;border:1.5px solid var(--ue-line);border-radius:var(--ue-r-sm);transition:border-color .15s ease,box-shadow .15s ease}
.ue-clone__lead-form textarea{min-height:80px;resize:vertical}
.ue-clone__lead-form input:focus,.ue-clone__lead-form textarea:focus{outline:none;border-color:var(--ue-pink);box-shadow:0 0 0 3px rgba(230,48,148,.15)}
.ue-clone__lead-form .ue-clone__btn{width:100%;margin-top:4px}
.ue-clone__lead-terms{font-size:11px;color:var(--ue-ink-mute);text-align:center;margin:0;line-height:1.5}
.ue-clone__lead-form.is-hidden{display:none}
.ue-clone__lead-success{display:none;text-align:center;padding:20px 0}
.ue-clone__lead-success.is-active{display:block}
.ue-clone__lead-success strong{display:block;font-size:18px;color:var(--ue-ink);margin-bottom:8px}
.ue-clone__lead-success p{font-size:14px;color:var(--ue-ink-soft);margin:0;line-height:1.55}
@media(prefers-reduced-motion:reduce){.ue-clone__lead-overlay,.ue-clone__lead-modal{transition:none}}

/* ---------- DEMO VIDEO MODAL (used by the live-demo thumbnail) ---------- */
.ue-clone__video-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,14,39,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px 16px}
.ue-clone__video-overlay.ue-open{display:flex}
.ue-clone__video-modal{position:relative;width:100%;max-width:960px;background:#000;border-radius:var(--ue-r-lg);overflow:hidden;box-shadow:var(--ue-shadow-lg)}
.ue-clone__video-close{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out}
.ue-clone__video-close:hover,.ue-clone__video-close:focus,.ue-clone__video-close:focus-visible{background:var(--ue-pink);border-color:var(--ue-pink);transform:rotate(90deg)}
.ue-clone__video-close svg{width:22px;height:22px;display:block}
.ue-clone__video-frame{aspect-ratio:16/9;width:100%;background:#000}
.ue-clone__video-frame video,.ue-clone__video-frame iframe{width:100%;height:100%;display:block;border:0}

/* ---------- 10. INDUSTRIES ---------- */
.ue-clone__industries{background:#fff}
.ue-clone__industries-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__industries-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:640px){.ue-clone__industries-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ue-clone__industries-grid{grid-template-columns:repeat(3,1fr)}}
.ue-clone__vertical{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);overflow:hidden;transition:all .2s ease-out}
.ue-clone__vertical:hover{transform:translateY(-2px);box-shadow:var(--ue-shadow-md)}
.ue-clone__vertical-img{aspect-ratio:16/9;overflow:hidden;background:var(--ue-pink-light)}
.ue-clone__vertical-img img{width:100%;height:100%;object-fit:cover}
.ue-clone__vertical-body{padding:24px}
.ue-clone__vertical-body h3{font-size:18px;margin-bottom:8px}
.ue-clone__vertical-body p{font-size:14px;margin:0;line-height:1.55}

/* ---------- 11. COMPARISON ---------- */
.ue-clone__compare{background:var(--ue-bg-alt)}
.ue-clone__compare-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__compare-wrap{overflow-x:auto;border-radius:var(--ue-r-md);box-shadow:var(--ue-shadow-sm);background:#fff;margin-bottom:24px}
.ue-clone__compare-table{width:100%;border-collapse:collapse;min-width:720px}
.ue-clone__compare-table th,.ue-clone__compare-table td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--ue-line);font-size:14px;vertical-align:top}
.ue-clone__compare-table th{background:var(--ue-bg-alt);font-weight:700;color:var(--ue-ink);font-size:14px}
.ue-clone__compare-table tbody tr:last-child td{border-bottom:0}
.ue-clone__compare-table td:first-child{font-weight:700;color:var(--ue-ink);background:var(--ue-bg-soft)}
.ue-clone__compare-table .ue-clone__rec{background:#fef0f8;color:var(--ue-ink);font-weight:600;position:relative}
.ue-clone__compare-table th.ue-clone__rec{background:var(--ue-pink);color:#fff}
.ue-clone__compare-badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#fff;color:var(--ue-pink);padding:3px 8px;border-radius:99px;margin-right:8px;font-weight:700}
.ue-clone__compare-close{max-width:760px;margin:0 auto;text-align:center;color:var(--ue-ink-soft)}

/* ---------- 12. QUOTE FORM ---------- */
.ue-clone__pricing{background:#fff}
.ue-clone__pricing-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__quote{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:960px){.ue-clone__quote{grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}}
.ue-clone__quote-card{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);padding:32px 24px;box-shadow:var(--ue-shadow-sm)}
@media(min-width:768px){.ue-clone__quote-card{padding:40px}}
.ue-clone__quote-form{display:flex;flex-direction:column;gap:18px;position:relative}
.ue-clone__quote-row{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:560px){.ue-clone__quote-row--2{grid-template-columns:1fr 1fr}}
.ue-clone__quote-group{display:flex;flex-direction:column;gap:6px}
.ue-clone__quote-group label{font-size:13px;font-weight:600;color:var(--ue-ink)}
.ue-clone__quote-group .ue-clone__req{color:var(--ue-pink);margin-left:4px}
.ue-clone__quote-opt{font-weight:500;color:var(--ue-ink-mute);margin-left:4px}
.ue-clone__quote-hint{font-size:12px;color:var(--ue-ink-mute);margin:4px 0 0;line-height:1.5}
.ue-clone__quote-group input,.ue-clone__quote-group select,.ue-clone__quote-group textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;color:var(--ue-ink);background:#fff;border:1.5px solid var(--ue-line);border-radius:var(--ue-r-sm);transition:all .15s ease-out}
.ue-clone__quote-group textarea{min-height:120px;resize:vertical}
.ue-clone__quote-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%234a5568' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
.ue-clone__quote-group input:focus,.ue-clone__quote-group select:focus,.ue-clone__quote-group textarea:focus{outline:none;border-color:var(--ue-pink);box-shadow:0 0 0 3px rgba(230,48,148,.15)}
.ue-clone__quote-submit{padding:14px 28px;font-size:15px;align-self:flex-start}
.ue-clone__quote-terms{font-size:12px;color:var(--ue-ink-mute);margin:0;line-height:1.55}
.ue-clone__quote-success{display:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--ue-r-md);padding:18px 20px;color:var(--ue-ink)}
.ue-clone__quote-success strong{display:block;color:var(--ue-success);font-size:15px;margin-bottom:6px}
.ue-clone__quote-success p{font-size:14px;margin:0;line-height:1.55}
.ue-clone__quote-form.is-submitted .ue-clone__quote-success{display:block}
.ue-clone__quote-aside h3{font-size:18px;margin-bottom:18px}
.ue-clone__quote-aside ul{display:flex;flex-direction:column;gap:18px}
.ue-clone__quote-aside li{display:flex;gap:14px;font-size:14px;line-height:1.55;color:var(--ue-ink-soft)}
.ue-clone__quote-aside li strong{color:var(--ue-ink);display:block;margin-bottom:2px}
.ue-clone__quote-step{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--ue-pink);color:#fff;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.ue-clone__quote-contact{margin-top:32px;padding-top:24px;border-top:1px solid var(--ue-line)}
.ue-clone__quote-contact p{font-size:14px;margin:0 0 6px}

/* ---------- 13. PROCESS ---------- */
.ue-clone__process{background:var(--ue-bg-alt)}
.ue-clone__process-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__steps{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.ue-clone__steps{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ue-clone__steps{grid-template-columns:repeat(3,1fr)}}
.ue-clone__step{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:26px;display:flex;gap:18px;transition:all .2s ease-out}
.ue-clone__step:hover{transform:translateY(-2px);box-shadow:var(--ue-shadow-md)}
.ue-clone__step-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--ue-pink);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ue-clone__step h3{font-size:17px;margin-bottom:4px}
.ue-clone__step-time{font-size:12px;font-weight:700;color:var(--ue-pink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.ue-clone__step p{font-size:14px;margin:0;line-height:1.55}
.ue-clone__process-cta{text-align:center;margin-top:40px}

/* ---------- 14. WHITE-LABEL ---------- */
.ue-clone__wl{background:#fff}
.ue-clone__wl-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
@media(min-width:1024px){.ue-clone__wl-grid{grid-template-columns:1.1fr 1fr;gap:64px}}
.ue-clone__wl-panel{background:var(--ue-bg-alt);border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);padding:32px 28px}
.ue-clone__wl-panel h3{font-size:18px;margin-bottom:18px}
.ue-clone__wl-list{display:flex;flex-direction:column;gap:14px}
.ue-clone__wl-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.55;color:var(--ue-ink-soft)}
.ue-clone__wl-list svg{width:20px;height:20px;color:var(--ue-pink);flex-shrink:0;margin-top:2px}

/* ---------- 15. CASE STUDIES + REVIEWS ---------- */
.ue-clone__cases{background:var(--ue-bg-alt)}
.ue-clone__cases-head{text-align:center;max-width:820px;margin:0 auto 48px}
.ue-clone__cases-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:64px}
@media(min-width:768px){.ue-clone__cases-grid{grid-template-columns:repeat(3,1fr)}}
.ue-clone__case{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);overflow:hidden;transition:all .2s ease-out;display:flex;flex-direction:column}
.ue-clone__case:hover{transform:translateY(-2px);box-shadow:var(--ue-shadow-md)}
.ue-clone__case-img{aspect-ratio:16/9;background:var(--ue-pink-light)}
.ue-clone__case-img img{width:100%;height:100%;object-fit:cover}
.ue-clone__case-body{padding:24px}
.ue-clone__case-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ue-pink);background:var(--ue-pink-light);padding:4px 10px;border-radius:99px;margin-bottom:12px}
.ue-clone__case h3{font-size:18px;margin-bottom:6px}
.ue-clone__case-meta{font-size:13px;color:var(--ue-ink-mute);margin-bottom:18px}
.ue-clone__case-metric{background:var(--ue-bg-alt);border-left:3px solid var(--ue-pink);padding:12px 14px;border-radius:6px;margin-bottom:14px}
.ue-clone__case-metric strong{display:block;font-size:18px;color:var(--ue-ink)}
.ue-clone__case-metric span{font-size:12px;color:var(--ue-ink-mute)}
.ue-clone__case p{font-size:14px;margin:0 0 14px;line-height:1.55}
.ue-clone__case-placeholder{font-style:italic;color:var(--ue-ink-mute)}

/* Reviews */
.ue-clone__reviews{margin-top:48px}
.ue-clone__reviews-head{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:space-between;margin-bottom:32px}
@media(min-width:1024px){.ue-clone__reviews-head{flex-direction:row;align-items:flex-end;gap:32px}}
.ue-clone__reviews-title-block{max-width:640px}
.ue-clone__reviews-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ue-pink);margin-bottom:14px}
.ue-clone__reviews-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ue-pink);animation:ue-reviews-pulse 2s ease-in-out infinite}
@keyframes ue-reviews-pulse{0%,100%{box-shadow:0 0 0 0 rgba(230,48,148,.6)}50%{box-shadow:0 0 0 6px rgba(230,48,148,0)}}
.ue-clone__reviews-title{font-size:28px;line-height:1.15;font-weight:700;color:var(--ue-ink);margin:0 0 12px;letter-spacing:-0.01em}
@media(min-width:768px){.ue-clone__reviews-title{font-size:34px}}
.ue-clone__reviews-sub{font-size:16px;line-height:1.55;color:var(--ue-ink-soft);margin:0}
.ue-clone__reviews-clutch{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;border:1px solid var(--ue-line);background:#fff;border-radius:14px;padding:12px 16px;text-decoration:none;color:inherit;transition:border-color .2s ease-out,box-shadow .2s ease-out}
.ue-clone__reviews-clutch:hover{border-color:rgba(230,48,148,.4);box-shadow:var(--ue-shadow-md);text-decoration:none}
.ue-clone__reviews-pile{display:flex;flex-shrink:0}
.ue-clone__reviews-pile > *{margin-left:-8px;border:2px solid #fff;border-radius:50%}
.ue-clone__reviews-pile > *:first-child{margin-left:0}
.ue-clone__reviews-pile img{width:36px;height:36px;object-fit:cover;display:block}
.ue-clone__reviews-pile-count{width:36px;height:36px;border-radius:50%;background:var(--ue-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.ue-clone__reviews-stars{display:flex;gap:1px;color:#FBBF24}
.ue-clone__reviews-stars svg{width:14px;height:14px}
.ue-clone__reviews-rating{font-size:13px;color:var(--ue-ink-soft);margin-top:4px}
.ue-clone__reviews-rating strong{color:var(--ue-ink);font-weight:600}
.ue-clone__reviews-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ue-clone__reviews-counter{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ue-ink-mute);display:flex;align-items:center;gap:10px}
.ue-clone__reviews-counter strong{color:var(--ue-ink);font-weight:600}
.ue-clone__reviews-progress{position:relative;width:96px;height:1px;background:var(--ue-line);overflow:hidden;display:none}
@media(min-width:640px){.ue-clone__reviews-progress{display:block}}
.ue-clone__reviews-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--ue-pink);transition:width .3s ease-out}
.ue-clone__reviews-nav{display:flex;gap:8px}
.ue-clone__reviews-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--ue-line);background:#fff;color:var(--ue-ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease-out,color .2s ease-out;font-family:inherit}
.ue-clone__reviews-nav-btn:hover{border-color:rgba(230,48,148,.4);color:var(--ue-pink)}
.ue-clone__reviews-nav-btn svg{width:18px;height:18px}
.ue-clone__reviews-rail-wrap{margin:0 -20px;padding:0 20px}
.ue-clone__reviews-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 0 16px;scrollbar-width:none;-ms-overflow-style:none}
.ue-clone__reviews-rail::-webkit-scrollbar{display:none}
.ue-clone__review{flex:0 0 calc(100% - 0rem);scroll-snap-align:start;background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:24px;display:flex;flex-direction:column;min-height:280px;text-decoration:none;color:inherit;transition:transform .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}
@media(min-width:640px){.ue-clone__review{flex-basis:calc(50% - 10px)}}
@media(min-width:1024px){.ue-clone__review{flex-basis:calc(33.333% - 13.333px)}}
.ue-clone__review:hover{transform:translateY(-3px);border-color:rgba(230,48,148,.35);box-shadow:0 14px 30px -16px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.04);text-decoration:none}
.ue-clone__review-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ue-clone__review-stars{display:flex;gap:1px;color:#FBBF24}
.ue-clone__review-stars svg{width:11px;height:11px}
.ue-clone__review-q{font-size:15px;line-height:1.6;color:var(--ue-ink);margin:0;flex:1;font-style:normal}
.ue-clone__review-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:20px;border-top:1px solid var(--ue-line)}
.ue-clone__review-who{display:flex;align-items:center;gap:12px;min-width:0}
.ue-clone__review-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ue-pink-light);color:var(--ue-pink-dark);font-weight:700;font-size:13px;border:1px solid var(--ue-line)}
.ue-clone__review-av img{width:100%;height:100%;object-fit:cover;display:block}
.ue-clone__review-meta{min-width:0}
.ue-clone__review-name{font-size:13px;font-weight:600;color:var(--ue-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ue-clone__review-role{font-size:11px;color:var(--ue-ink-mute);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ue-clone__review-cta{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;font-weight:600;color:var(--ue-ink-mute);transition:color .2s ease-out}
.ue-clone__review:hover .ue-clone__review-cta{color:var(--ue-pink-dark)}
.ue-clone__review-cta svg{width:12px;height:12px}
.ue-clone__reviews-source{text-align:center;font-size:12px;color:var(--ue-ink-mute);margin-top:24px}
.ue-clone__reviews-source a{font-weight:600;color:var(--ue-ink);text-decoration:underline;text-decoration-color:var(--ue-line);text-underline-offset:4px}
.ue-clone__reviews-source a:hover{text-decoration-color:var(--ue-pink)}

/* ---------- 16. E-E-A-T ---------- */
.ue-clone__eeat{background:#fff}
.ue-clone__eeat-byline{display:flex;gap:14px;align-items:flex-start;background:var(--ue-bg-alt);border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:18px 22px;margin:0 auto 40px;max-width:820px}
.ue-clone__eeat-photo{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover}
.ue-clone__eeat-byline > div{font-size:13px;color:var(--ue-ink-soft);display:flex;flex-direction:column;gap:4px}
.ue-clone__eeat-byline strong{color:var(--ue-ink)}
.ue-clone__eeat-bio{font-size:13px;color:var(--ue-ink-soft);line-height:1.55}
.ue-clone__eeat-head{text-align:center;margin:0 auto 48px;max-width:820px}
.ue-clone__eeat-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.ue-clone__eeat-grid{grid-template-columns:1fr 1fr}}
.ue-clone__quad{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);padding:24px;display:flex;gap:18px;transition:all .2s ease-out}
.ue-clone__quad:hover{border-color:var(--ue-pink);box-shadow:var(--ue-shadow-md)}
.ue-clone__quad-letter{width:48px;height:48px;border-radius:12px;background:var(--ue-pink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;flex-shrink:0}
.ue-clone__quad h3{font-size:18px;margin-bottom:8px}
.ue-clone__quad p{font-size:14px;margin:0;line-height:1.55}
/* Partner / trust badges — same grayscale treatment as the TikTok Clone
   page so the row reads as a unified strip rather than five competing
   colour palettes. */
.ue-clone__eeat-partners{
  display:flex;flex-wrap:wrap;gap:34px;align-items:center;justify-content:center;
  margin-top:40px;padding-top:32px;border-top:1px solid var(--ue-line);
  filter:grayscale(1);opacity:.7;
}
.ue-clone__eeat-partners img{height:32px;width:auto;display:block}

/* ---------- 16.5 AWARDS ---------- */
.ue-clone__awards{background:var(--ue-bg-alt)}
.ue-clone__awards-head{text-align:center;max-width:760px;margin:0 auto 40px}
.ue-clone__award{display:grid;grid-template-columns:1fr;gap:32px;max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-lg);padding:28px;align-items:center}
@media(min-width:768px){.ue-clone__award{grid-template-columns:240px 1fr;padding:36px;gap:40px}}
.ue-clone__award-badge{width:100%;max-width:240px;height:auto;display:block;margin:0 auto}
.ue-clone__award h3{font-size:20px;margin-bottom:6px}
.ue-clone__award-meta{font-size:13px;color:var(--ue-ink-mute);margin-bottom:14px;font-weight:600}
.ue-clone__award p{font-size:14.5px;line-height:1.6;margin-bottom:14px}
.ue-clone__award-link{font-weight:700;color:var(--ue-pink)}

/* ---------- 17. FAQ ---------- */
.ue-clone__faq{background:#fff}
.ue-clone__faq-inner{max-width:820px;margin:0 auto}
.ue-clone__faq-head{text-align:center;margin-bottom:40px}
.ue-clone__faq-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}
.ue-clone__faq-item{background:#fff;border:1px solid var(--ue-line);border-radius:var(--ue-r-md);overflow:hidden;transition:border-color .2s ease-out,box-shadow .2s ease-out;list-style:none}
.ue-clone__faq-item.is-open{border-color:var(--ue-pink);box-shadow:var(--ue-shadow-sm)}
/* FAQ trigger button — explicit overrides so theme button rules can't
   inject padding/box-shadow/text-transform on top. */
.ue-clone__faq-q{
  width:100% !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:20px 22px !important;
  text-align:left !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:var(--ue-ink) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  cursor:pointer !important;
  min-height:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.ue-clone__faq-q:hover,.ue-clone__faq-q:focus,.ue-clone__faq-q:focus-visible{background:transparent !important;color:var(--ue-ink) !important;outline:none}
.ue-clone__faq-q > span:not(.ue-clone__faq-icon){flex:1;min-width:0}
.ue-clone__faq-icon{
  width:28px;height:28px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--ue-pink-light);
  color:var(--ue-pink);
  position:relative;
  display:inline-block;
  transition:transform .25s ease;
}
/* "+" / "x" glyph drawn with two pseudo-elements, explicitly centered.
   When the item is open the parent icon rotates 45deg so the plus
   reads as a close (x). */
.ue-clone__faq-icon::before,
.ue-clone__faq-icon::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  background:currentColor;
  border-radius:1px;
}
.ue-clone__faq-icon::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.ue-clone__faq-icon::after{width:2px;height:12px;transform:translate(-50%,-50%)}
.ue-clone__faq-item.is-open .ue-clone__faq-icon{transform:rotate(45deg)}
.ue-clone__faq-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.ue-clone__faq-inner-a{padding:0 22px 22px;color:var(--ue-ink-soft);font-size:14.5px;line-height:1.6}
.ue-clone__faq-inner-a p{margin:0;color:inherit}
.ue-clone__faq-cta{text-align:center;margin-top:32px}

/* ---------- 18. FINAL CTA ---------- */
.ue-clone__final{background:linear-gradient(135deg,var(--ue-ink) 0%,#1a1f3a 100%);color:#fff}
.ue-clone__final-inner{max-width:820px;margin:0 auto;text-align:center}
.ue-clone__final h2{color:#fff;margin-bottom:18px}
.ue-clone__final-lead{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:36px;line-height:1.6}
@media(min-width:768px){.ue-clone__final-lead{font-size:20px}}
.ue-clone__final-trust{font-size:14px;color:rgba(255,255,255,.55);margin-top:24px;font-weight:500}
.ue-clone__final-trust span{display:inline-block;margin:0 8px;color:rgba(255,255,255,.25)}

/* ============================================================
   FOOTER
   Structure mirrors the TikTok Clone plugin's footer (brand block,
   quick links, social icons) but recoloured for the Uber Eats
   palette — dark ink background with pink hover accents — so it
   visually belongs on this page, not the TikTok page.
   ============================================================ */
.ue-clone__footer{background:var(--ue-ink) !important;color:rgba(255,255,255,.7);padding:56px 0 40px;border-top:1px solid rgba(255,255,255,.06)}
.ue-clone__footer h4{color:#fff !important}
.ue-clone__footer-grid{display:grid;grid-template-columns:1fr;gap:36px}
@media(min-width:768px){.ue-clone__footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;align-items:start}}
.ue-clone__footer-brand{display:flex;flex-direction:column;gap:14px;max-width:420px}
.ue-clone__wordmark{display:inline-block}
.ue-clone__wordmark img{height:28px;width:auto;filter:brightness(0) invert(1);display:block}
.ue-clone__footer-tag{font-size:14px;line-height:1.6;color:rgba(255,255,255,.65);margin:0}
.ue-clone__footer-copy{font-size:13px;color:rgba(255,255,255,.45);margin:0}
.ue-clone__footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#fff;font-weight:700;margin:0 0 16px}
.ue-clone__footer-links{display:flex;flex-direction:column;gap:10px}
/* Quick Links — pure white so they read clearly on the dark footer.
   `!important` overrides themes that style footer anchors via the
   global `a` rule (e.g. body link colour). */
.ue-clone__footer-links a{font-size:14px;color:#fff !important;text-decoration:none !important;transition:color .15s ease-out}
.ue-clone__footer-links a:hover,.ue-clone__footer-links a:focus,.ue-clone__footer-links a:focus-visible{color:var(--ue-pink) !important;text-decoration:none !important}
.ue-clone__footer-social{display:flex;flex-wrap:wrap;gap:12px}
.ue-clone__footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease-out,color .15s ease-out,background-color .15s ease-out,transform .15s ease-out}
.ue-clone__footer-social a:hover{border-color:var(--ue-pink);color:#fff;background:var(--ue-pink);transform:translateY(-2px)}
.ue-clone__footer-social svg{width:18px;height:18px;display:block}

/* ============================================================
   FINAL OVERRIDE BLOCK
   This block lives at the END of the file so the cascade puts it
   last; combined with `html body .ue-clone` selectors it produces
   the highest specificity short of inline styles. Every theme rule
   we've seen leak in — coloured submit buttons, hidden FAQ text,
   coloured partner badges, light-grey footer links — is locked
   down here.
   ============================================================ */

/* ---- 1. Button colours (theme submit/primary buttons commonly win) ---- */
html body .ue-clone .ue-clone__btn,
html body .ue-clone a.ue-clone__btn,
html body .ue-clone button.ue-clone__btn,
html body .ue-clone input.ue-clone__btn{
  font-family:inherit !important;
  font-weight:600 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-decoration:none !important;
  border:1.5px solid transparent !important;
  border-radius:var(--ue-r-sm) !important;
  padding:14px 28px !important;
  box-shadow:var(--ue-shadow-sm) !important;
  text-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  cursor:pointer !important;
}
@media(min-width:768px){
  html body .ue-clone .ue-clone__btn,
  html body .ue-clone a.ue-clone__btn,
  html body .ue-clone button.ue-clone__btn,
  html body .ue-clone input.ue-clone__btn{font-size:17px !important}
}
html body .ue-clone .ue-clone__btn--lg{padding:16px 36px !important}

html body .ue-clone .ue-clone__btn--primary,
html body .ue-clone a.ue-clone__btn--primary,
html body .ue-clone button.ue-clone__btn--primary,
html body .ue-clone input.ue-clone__btn--primary,
html body .ue-clone .ue-clone__btn--primary[type="submit"]{
  background:var(--ue-pink) !important;
  background-color:var(--ue-pink) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--ue-pink) !important;
}
html body .ue-clone .ue-clone__btn--primary:hover,
html body .ue-clone a.ue-clone__btn--primary:hover,
html body .ue-clone button.ue-clone__btn--primary:hover,
html body .ue-clone input.ue-clone__btn--primary:hover{
  background:var(--ue-pink-dark) !important;
  background-color:var(--ue-pink-dark) !important;
  color:#fff !important;
  border-color:var(--ue-pink-dark) !important;
  box-shadow:var(--ue-shadow-md) !important;
}

html body .ue-clone .ue-clone__btn--secondary,
html body .ue-clone a.ue-clone__btn--secondary,
html body .ue-clone button.ue-clone__btn--secondary{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  color:var(--ue-ink) !important;
  border-color:var(--ue-line) !important;
  box-shadow:none !important;
}
html body .ue-clone .ue-clone__btn--secondary:hover,
html body .ue-clone a.ue-clone__btn--secondary:hover,
html body .ue-clone button.ue-clone__btn--secondary:hover{
  background:transparent !important;
  background-color:transparent !important;
  color:var(--ue-ink) !important;
  border-color:var(--ue-ink) !important;
}

html body .ue-clone .ue-clone__btn--inverse,
html body .ue-clone a.ue-clone__btn--inverse,
html body .ue-clone button.ue-clone__btn--inverse{
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:var(--ue-pink) !important;
  border-color:#fff !important;
}
html body .ue-clone .ue-clone__btn--inverse:hover,
html body .ue-clone a.ue-clone__btn--inverse:hover,
html body .ue-clone button.ue-clone__btn--inverse:hover{
  background:var(--ue-pink-light) !important;
  background-color:var(--ue-pink-light) !important;
  color:var(--ue-pink-dark) !important;
}

/* ---- 2. Partner / trust badges: grayscale on container AND every img ---- */
html body .ue-clone .ue-clone__eeat-partners{
  filter:grayscale(1) !important;
  -webkit-filter:grayscale(1) !important;
  opacity:.7 !important;
}
html body .ue-clone .ue-clone__eeat-partners img{
  filter:grayscale(1) !important;
  -webkit-filter:grayscale(1) !important;
}

/* ---- 3. FAQ question text — themes can hide button text via font-size:0,
        color:transparent, text-indent:-9999px, visibility:hidden, etc. ---- */
html body .ue-clone .ue-clone__faq-q{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  text-align:left !important;
  text-indent:0 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  color:var(--ue-ink) !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  min-height:0 !important;
  padding:20px 22px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  cursor:pointer !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html body .ue-clone .ue-clone__faq-q > span,
html body .ue-clone .ue-clone__faq-q > *:not(.ue-clone__faq-icon){
  flex:1 1 auto !important;
  min-width:0 !important;
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  color:var(--ue-ink) !important;
  font:inherit !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  text-indent:0 !important;
  text-decoration:none !important;
  text-shadow:none !important;
  background:transparent !important;
  white-space:normal !important;
}
html body .ue-clone .ue-clone__faq-q > .ue-clone__faq-icon{
  flex:0 0 28px !important;
  display:inline-block !important;
  width:28px !important;
  height:28px !important;
  font-size:0 !important;          /* hide any text node the icon span might inherit */
  background:var(--ue-pink-light) !important;
  color:var(--ue-pink) !important;
  border-radius:50% !important;
  position:relative !important;
}
html body .ue-clone .ue-clone__faq-icon::before,
html body .ue-clone .ue-clone__faq-icon::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  background:currentColor !important;
  border-radius:1px !important;
}
html body .ue-clone .ue-clone__faq-icon::before{width:12px !important;height:2px !important;transform:translate(-50%,-50%) !important}
html body .ue-clone .ue-clone__faq-icon::after{width:2px !important;height:12px !important;transform:translate(-50%,-50%) !important}
html body .ue-clone .ue-clone__faq-item.is-open > .ue-clone__faq-q > .ue-clone__faq-icon,
html body .ue-clone .ue-clone__faq-item.is-open .ue-clone__faq-icon{transform:rotate(45deg) !important}
html body .ue-clone .ue-clone__faq-item{
  background:#fff !important;
  border:1px solid var(--ue-line) !important;
  border-radius:var(--ue-r-md) !important;
  overflow:hidden !important;
  list-style:none !important;
}
html body .ue-clone .ue-clone__faq-item.is-open{
  border-color:var(--ue-pink) !important;
  box-shadow:var(--ue-shadow-sm) !important;
}
html body .ue-clone .ue-clone__faq-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
html body .ue-clone .ue-clone__faq-inner-a{padding:0 22px 22px !important;color:var(--ue-ink-soft) !important;font-size:14.5px !important;line-height:1.6 !important;font-family:inherit !important}
html body .ue-clone .ue-clone__faq-inner-a p{margin:0 !important;color:var(--ue-ink-soft) !important;font:inherit !important}

/* ---- 4. Footer Quick Links — pure white, pink on hover, always ---- */
html body .ue-clone .ue-clone__footer-links a,
html body .ue-clone .ue-clone__footer-links a:link,
html body .ue-clone .ue-clone__footer-links a:visited{
  color:#fff !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:14px !important;
  background:transparent !important;
}
html body .ue-clone .ue-clone__footer-links a:hover,
html body .ue-clone .ue-clone__footer-links a:focus,
html body .ue-clone .ue-clone__footer-links a:focus-visible,
html body .ue-clone .ue-clone__footer-links a:active{
  color:var(--ue-pink) !important;
  text-decoration:none !important;
  background:transparent !important;
}
html body .ue-clone .ue-clone__footer-col h4{color:#fff !important;font-family:inherit !important}
html body .ue-clone .ue-clone__footer{background:var(--ue-ink) !important;color:rgba(255,255,255,.7) !important}
html body .ue-clone .ue-clone__footer-tag{color:rgba(255,255,255,.65) !important}
html body .ue-clone .ue-clone__footer-copy{color:rgba(255,255,255,.45) !important}

/* ---- 5. Neutralised anchors (block 9 in script.js strips `href` from
        lead-trigger anchors so the browser can't navigate to
        #book-demo). Make sure they still look and feel like links. ---- */
html body .ue-clone a[data-ue-neutralized="1"]{cursor:pointer !important;text-decoration:none !important}
html body .ue-clone a[data-ue-neutralized="1"]:focus,
html body .ue-clone a[data-ue-neutralized="1"]:focus-visible{outline:2px solid var(--ue-pink);outline-offset:2px}

/* ============================================================
   WHATSAPP FLOATING BUTTON
   Lives OUTSIDE .ue-clone (so the wrapper isn't required) and
   uses the same class name + behaviour as the TikTok plugin's
   button — left edge, vertically centred on desktop, lower-left
   on mobile. Brand-green #25D366 background, same icon image.
   ============================================================ */
.whatsapp-icon{
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  box-shadow:0 4px 6px rgba(0,0,0,.1);
  z-index:999;
  cursor:pointer;
  transition:all .3s ease;
  background-color:#25D366;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  padding:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  text-decoration:none;
}
.whatsapp-icon:hover{transform:translateY(-50%) scale(1.05);text-decoration:none}
.whatsapp-icon .icon{width:34px;height:34px;display:block}
@media (max-width:767px){
  .whatsapp-icon{top:auto;bottom:50vh;transform:none}
  .whatsapp-icon:hover{transform:scale(1.05)}
}

/* ============================================================
   STICKY HEADER + MOBILE MENU
   Same structural pattern as the TikTok Clone plugin's header
   (sticky, transparent until scroll, blurred white background
   once scrolled past 80px, slide-in mobile menu) — recoloured
   with the Uber Eats palette so CTA / accents use --ue-pink.
   ============================================================ */
.ue-clone .ue-clone__skip{
  position:absolute;top:-100px;left:16px;
  background:var(--ue-ink);color:#fff;
  padding:12px 16px;border-radius:8px;z-index:1000;
  text-decoration:none;font-weight:600;
  transition:top .2s ease-out;
}
.ue-clone .ue-clone__skip:focus{top:16px;color:#fff;text-decoration:none}

.ue-clone .ue-clone__header{
  position:fixed;top:0;left:0;right:0;height:72px;z-index:100;
  display:flex;align-items:center;
  background:transparent;
  transition:background-color 200ms ease-out, box-shadow 200ms ease-out, backdrop-filter 200ms ease-out;
}
.ue-clone .ue-clone__header.is-scrolled{
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:var(--ue-shadow-sm);
}
.ue-clone .ue-clone__header-inner{
  width:100%;max-width:1200px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
@media(min-width:768px){.ue-clone .ue-clone__header-inner{padding:0 24px}}

/* Header wordmark: keep the original dark logo (no invert filter — that's
   only applied to the footer's copy of the wordmark which sits on dark ink). */
.ue-clone .ue-clone__header .ue-clone__wordmark{display:inline-flex;align-items:center;text-decoration:none;line-height:1}
.ue-clone .ue-clone__header .ue-clone__wordmark img{height:36px;width:auto;display:block;filter:none}

.ue-clone .ue-clone__nav{display:none;gap:32px}
@media(min-width:1024px){.ue-clone .ue-clone__nav{display:flex}}
.ue-clone .ue-clone__nav a{color:var(--ue-ink-soft);font-weight:500;font-size:15px;text-decoration:none;transition:color .15s ease-out}
.ue-clone .ue-clone__nav a:hover{color:var(--ue-ink);text-decoration:none}

/* Desktop CTA is the primary pink button at the smaller header size. */
.ue-clone .ue-clone__header-cta{display:none}
@media(min-width:1024px){.ue-clone .ue-clone__header-cta{display:inline-flex}}
html body .ue-clone .ue-clone__header-cta.ue-clone__btn{padding:12px 24px !important;font-size:15px !important}

/* Burger button — three dark bars that morph into an × when the menu opens. */
.ue-clone .ue-clone__burger{
  display:flex;flex-direction:column;gap:5px;
  padding:8px;background:transparent;border:0;cursor:pointer;
  width:auto;height:auto;
}
@media(min-width:1024px){.ue-clone .ue-clone__burger{display:none}}
.ue-clone .ue-clone__burger span{
  width:24px;height:2px;background:var(--ue-ink);border-radius:2px;display:block;
  transition:transform 200ms ease-out, opacity 200ms ease-out;
}
.ue-clone .ue-clone__burger[aria-expanded="true"]{position:relative;z-index:101}
.ue-clone .ue-clone__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ue-clone .ue-clone__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ue-clone .ue-clone__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Lock the burger transparent across every state — Elementor / Astra / Kadence
   ship aggressive `button:hover/focus/active { background:... !important }`
   rules that would otherwise paint the burger as a solid box and hide the
   dark bars on themselves. (Same defence the TikTok plugin uses.) */
html body .ue-clone .ue-clone__burger,
html body .ue-clone .ue-clone__burger:hover,
html body .ue-clone .ue-clone__burger:focus,
html body .ue-clone .ue-clone__burger:focus-visible,
html body .ue-clone .ue-clone__burger:active,
html body .ue-clone .ue-clone__burger[aria-expanded="true"]{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
html body .ue-clone .ue-clone__burger:hover span,
html body .ue-clone .ue-clone__burger:focus span,
html body .ue-clone .ue-clone__burger:focus-visible span,
html body .ue-clone .ue-clone__burger:active span,
html body .ue-clone .ue-clone__burger[aria-expanded="true"] span{
  background:var(--ue-ink) !important;
}

/* Full-screen mobile menu (under the burger, above the body). */
.ue-clone .ue-clone__mobile-menu{
  position:fixed;inset:0;background:#fff;z-index:99;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;
  padding:88px 24px 40px;
  opacity:0;pointer-events:none;
  transition:opacity 200ms ease-out;
}
.ue-clone .ue-clone__mobile-menu.is-open{opacity:1;pointer-events:auto}
.ue-clone .ue-clone__mobile-menu a:not(.ue-clone__btn){
  font-size:24px;font-weight:600;color:var(--ue-ink);text-decoration:none;text-align:center;
}
.ue-clone .ue-clone__mobile-menu a:not(.ue-clone__btn):hover{color:var(--ue-pink);text-decoration:none}
@media(min-width:1024px){.ue-clone .ue-clone__mobile-menu{display:none !important}}

/* Footer wordmark only — invert filter so the dark logo reads on the
   dark ink footer background. (The header logo above stays un-inverted.) */
.ue-clone .ue-clone__footer .ue-clone__wordmark img{filter:brightness(0) invert(1)}

/* ============================================================
   FIX BLOCK — lead-modal close button + mobile header CTA hide
   ----------------------------------------------------------------
   Goal of this block:
     (A) Make the lead-modal close (×) icon clearly visible on
         every screen. The theme-conflict guard near the top of
         this file sets `padding:20px !important; background:
         transparent !important; color:inherit !important` on
         every <button> that isn't `.ue-clone__btn`, which clips
         the 18×18 SVG inside the 38×38 close button and bleaches
         out the ×. We re-paint it as a solid pink circle with a
         white × at full size.
     (B) Hide the desktop "Book a Demo" header CTA on phones only.
         The FINAL OVERRIDE BLOCK above forces
         `display:inline-flex !important` on every `.ue-clone__btn`,
         which overrides the existing `display:none` on
         `.ue-clone__header-cta`. We re-hide it at <768px with a
         higher-specificity selector + !important so phones don't
         see the button. Tablet behaviour is unchanged.
   ============================================================ */

/* (A) Lead-modal close button — solid pink circle, white ×, no clipping */
html body .ue-clone .ue-clone__lead-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:3 !important;
  width:38px !important;
  height:38px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:1.5px solid var(--ue-pink) !important;
  border-radius:50% !important;
  background:var(--ue-pink) !important;
  background-color:var(--ue-pink) !important;
  background-image:none !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 2px 8px rgba(10,14,39,.18) !important;
  cursor:pointer !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html body .ue-clone .ue-clone__lead-close:hover,
html body .ue-clone .ue-clone__lead-close:focus,
html body .ue-clone .ue-clone__lead-close:focus-visible,
html body .ue-clone .ue-clone__lead-close:active{
  background:var(--ue-pink-dark) !important;
  background-color:var(--ue-pink-dark) !important;
  border-color:var(--ue-pink-dark) !important;
  color:#fff !important;
}
html body .ue-clone .ue-clone__lead-close svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  color:#fff !important;
  stroke:currentColor !important;
  fill:none !important;
}

/* (B) Hide the desktop header CTA on mobile only (<768px). Tablet
       (768–1023px) and desktop (≥1024px) are not touched. */
@media (max-width:767px){
  html body .ue-clone .ue-clone__header .ue-clone__header-cta,
  html body .ue-clone a.ue-clone__header-cta,
  html body .ue-clone a.ue-clone__btn.ue-clone__header-cta{
    display:none !important;
  }
}

/* ============================================================
   FIX BLOCK 2 — calculator close icon + mobile feature-card heading
   ----------------------------------------------------------------
   (C) Calculator-modal close (×) icon — same fix pattern as the
       lead-modal close above. The theme-conflict guard near the
       top of this file sets `padding:20px !important; background:
       transparent !important; color:inherit !important` on every
       <button> that isn't `.ue-clone__btn`, which clips the 20×20
       SVG inside the 40×40 close button and bleaches out the ×.
       Re-paint it with explicit !important rules so the × is
       visible on both the white modal background and any theme.
   (D) Feature category card heading — on small phones, long titles
       like "Restaurant / business app (iOS, Android & web)" expand
       the grid's `1fr` column (CSS Grid's default `min-width:auto`),
       which pushes the count badge + chevron off-screen and the
       title itself gets clipped by the card's `overflow:hidden`.
       Switch to `minmax(0,1fr)` on the title column and enable
       overflow-wrap on the title so it wraps cleanly. Mobile only —
       desktop/tablet layouts are unchanged.
   ============================================================ */

/* (C) Calculator close button — solid pink circle, white ×, no clipping */
html body .ue-clone .ue-clone__calc-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:2 !important;
  width:40px !important;
  height:40px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:1.5px solid var(--ue-pink) !important;
  border-radius:50% !important;
  background:var(--ue-pink) !important;
  background-color:var(--ue-pink) !important;
  background-image:none !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 2px 8px rgba(10,14,39,.18) !important;
  cursor:pointer !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
html body .ue-clone .ue-clone__calc-close:hover,
html body .ue-clone .ue-clone__calc-close:focus,
html body .ue-clone .ue-clone__calc-close:focus-visible,
html body .ue-clone .ue-clone__calc-close:active{
  background:var(--ue-pink-dark) !important;
  background-color:var(--ue-pink-dark) !important;
  border-color:var(--ue-pink-dark) !important;
  color:#fff !important;
}
html body .ue-clone .ue-clone__calc-close svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  color:#fff !important;
  stroke:currentColor !important;
  fill:none !important;
}

/* (D) Mobile-only feature-card heading wrap — keeps long titles
       (e.g. "Restaurant / business app (iOS, Android & web)") fully
       visible inside the card. Desktop and tablet are untouched.
       Also hides the per-category count badge (e.g. "27 features")
       on mobile so the heading has more room to breathe; tablet
       and desktop continue to show it. */
@media (max-width:767px){
  .ue-clone__fcat-head{
    grid-template-columns:auto minmax(0,1fr) auto auto;
  }
  .ue-clone__fcat-title{
    min-width:0;
    overflow-wrap:break-word;
    word-break:break-word;
  }
  html body .ue-clone .ue-clone__fcat-count{
    display:none !important;
  }
}