/* ============================================================
   scaliffy — AI Automation Studio
   Dark-luxury / violet · single-page · CSS-first motion
   ============================================================ */

:root{
  --bg:#08070c;
  --bg-2:#0c0a13;
  --ink:#f5f2fc;
  --text:#b6b1c6;
  --muted:#827d93;
  --line:rgba(255,255,255,.08);
  --line-violet:rgba(168,85,247,.24);

  --v1:#7c3aed;            /* violet-600 */
  --v2:#a855f7;            /* purple-500 */
  --v3:#c084fc;            /* purple-400 */
  --v-soft:#e9d5ff;
  --glow:rgba(168,85,247,.45);

  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  --ease:cubic-bezier(.2,.7,.2,1);
  --maxw:1180px;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--font-body);font-weight:400;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.1;margin:0;font-weight:700;letter-spacing:-.02em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:rgba(168,85,247,.35);color:#fff}
:focus-visible{outline:2px solid var(--v3);outline-offset:3px;border-radius:6px}

.mono{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}

/* ---------- ambient background ---------- */
.backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora.a1{width:48vw;height:48vw;left:-10vw;top:-12vw;background:radial-gradient(circle,#7c3aed,transparent 70%);animation:float1 22s var(--ease) infinite}
.aurora.a2{width:42vw;height:42vw;right:-12vw;top:18vh;background:radial-gradient(circle,#6d28d9,transparent 70%);opacity:.4;animation:float2 26s var(--ease) infinite}
.aurora.a3{width:40vw;height:40vw;left:30vw;bottom:-18vw;background:radial-gradient(circle,#a855f7,transparent 70%);opacity:.32;animation:float1 30s var(--ease) infinite reverse}
.grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);
          mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);
}
@keyframes float1{50%{transform:translate3d(6vw,4vh,0) scale(1.12)}}
@keyframes float2{50%{transform:translate3d(-5vw,-3vh,0) scale(1.08)}}

/* ---------- cursor glow + scroll progress ---------- */
.cursor-glow{position:fixed;top:0;left:0;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.14),transparent 60%);
  transform:translate(-50%,-50%);margin-left:var(--cx,-9999px);margin-top:var(--cy,-9999px);
  pointer-events:none;z-index:1;transition:opacity .4s;mix-blend-mode:screen}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(var(--p,0));transform-origin:0 50%;
  background:linear-gradient(90deg,var(--v1),var(--v3));z-index:60;box-shadow:0 0 12px var(--glow)}

/* ---------- logomark ---------- */
.svg-defs{position:absolute}
.mark{filter:drop-shadow(0 0 18px rgba(168,85,247,.42))}
.mark-sm{width:34px;height:34px}
.mark-lg{width:clamp(116px,16vw,172px);height:clamp(116px,16vw,172px)}
.mk-cw,.mk-ccw{transform-box:view-box;transform-origin:center}
.mk-cw{animation:spin 26s linear infinite}
.mk-ccw{animation:spin 19s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.46em;
  min-height:36px;font-family:var(--font-display);font-weight:700;font-size:.82rem;line-height:1;
  padding:.55em 1em;border-radius:8px;border:1px solid rgba(255,255,255,.14);cursor:pointer;
  text-decoration:none;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;
  transform:translateY(0);transition:transform .16s var(--ease),box-shadow .22s,background .22s,border-color .22s,color .22s}
.btn-lg{min-height:42px;padding:.68em 1.22em;font-size:.9rem}
.btn-primary{color:#fff;background:linear-gradient(180deg,#18223b,#0b0d16);
  box-shadow:0 8px 0 #05060a,0 18px 36px -22px rgba(59,130,246,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-primary:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.42);box-shadow:0 9px 0 #05060a,0 22px 42px -24px rgba(59,130,246,.9),inset 0 1px 0 rgba(255,255,255,.36)}
.btn-primary:active{transform:translateY(5px);box-shadow:0 3px 0 #05060a,0 10px 24px -18px rgba(59,130,246,.8),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.12);color:var(--ink);backdrop-filter:blur(8px);
  box-shadow:0 7px 0 rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12)}
.btn-ghost:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);background:rgba(59,130,246,.09)}
.btn-ghost:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}
.arrow{transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:1.4rem;
  padding:1.1rem clamp(1rem,4vw,3rem);transition:padding .3s,background .3s,border-color .3s;
  border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,7,12,.72);backdrop-filter:blur(16px) saturate(150%);
  border-bottom-color:var(--line);padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);
  font-family:var(--font-display);font-weight:700}
.brand-monogram{width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 0 14px rgba(168,85,247,.35))}
.es-side-monogram{width:32px;height:32px}
.brand-name{font-size:1.12rem;letter-spacing:-.03em}
.brand-name i{font-style:normal;color:var(--v3)}
.nav-links{display:flex;align-items:center;gap:1.35rem;margin-left:auto;white-space:nowrap}
.nav-links a{position:relative;color:var(--text);text-decoration:none;font-size:.92rem;font-weight:500;line-height:1;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;height:1.5px;width:0;
  background:linear-gradient(90deg,var(--v2),var(--v3));transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{width:100%}
.nav-toggle{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;
  background:none;border:0;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .3s}
.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.mobile-menu{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1.6rem;
  background:rgba(8,7,12,.92);backdrop-filter:blur(20px);
  opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s,transform .35s,visibility .35s}
.mobile-menu.open,
.mobile-menu[aria-hidden="false"]{opacity:1;visibility:visible!important;transform:none;pointer-events:auto}
.mobile-menu a{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink);text-decoration:none}
.mobile-menu .btn{font-size:1.05rem}

/* ---------- generic section ---------- */
.section{max-width:var(--maxw);margin-inline:auto;padding:clamp(4rem,9vw,7rem) clamp(1.2rem,4vw,2rem)}
.section-head{max-width:60ch;margin:0 auto clamp(2.2rem,5vw,3.4rem);text-align:center}
.section-title{font-size:clamp(1.9rem,4.4vw,3rem);margin:.5rem 0}
.section-lead{color:var(--text);font-size:clamp(1rem,1.6vw,1.12rem);margin-top:.8rem}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);
  text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;font-weight:600;color:var(--v3)}
/* twinkling star instead of the pulsing dot, on eyebrow labels */
.eyebrow .ping{
  width:13px;height:13px;border-radius:0;background:linear-gradient(135deg,#e9d5ff,var(--v3));box-shadow:none;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  animation:twinkle 2.6s ease-in-out infinite;transform-origin:center;
  filter:drop-shadow(0 0 5px rgba(192,132,252,.7))}
@keyframes twinkle{
  0%,100%{transform:scale(.7) rotate(0deg);opacity:.55}
  50%{transform:scale(1) rotate(90deg);opacity:1}}
.eyebrow.center{display:flex;justify-content:center;text-align:center;color:var(--muted)}
.ping{width:7px;height:7px;border-radius:50%;background:var(--v3);box-shadow:0 0 0 0 var(--glow);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(192,132,252,.55)}70%{box-shadow:0 0 0 9px rgba(192,132,252,0)}100%{box-shadow:0 0 0 0 rgba(192,132,252,0)}}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;max-width:var(--maxw);margin-inline:auto;text-align:center;
  min-height:100vh;min-height:100dvh;
  padding:clamp(5.5rem,12vh,8rem) clamp(1.2rem,4vw,2rem) clamp(3rem,7vw,5rem);
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero>*:not(.hero-canvas):not(.hero-veil){position:relative;z-index:2}
.hero-canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;
  z-index:0;display:block;pointer-events:none}
.hero-veil{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,transparent 44%,rgba(8,7,12,.5) 78%,var(--bg) 100%)}
.has-3d .hero-mark{display:none}
.has-3d .hero-title{text-shadow:0 2px 40px rgba(8,7,12,.7)}
.has-3d .hero-sub{text-shadow:0 1px 22px rgba(8,7,12,.85)}
.has-3d .aurora{opacity:.32}
.hero-mark{margin-bottom:1.6rem}
.hero-title{font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.035em;margin:1rem 0 0;color:var(--ink)}
.hero-title .grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.hero-sub{max-width:62ch;margin:1.4rem auto 0;font-size:clamp(1.02rem,1.8vw,1.2rem);color:var(--text)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:2.1rem}
.hero-trust{margin-top:3.4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.hero-trust .mono{color:var(--muted);font-size:.68rem}
.trust-row{display:flex;flex-wrap:wrap;gap:clamp(1.2rem,4vw,2.6rem);justify-content:center;align-items:center}
.trust-row b{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#cfcadd;opacity:.7;letter-spacing:.02em;transition:opacity .3s}
.trust-row b:hover{opacity:1}

/* ---------- marquee ---------- */
.marquee-section{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.2rem,4vw,2rem)}
.marquee-section .eyebrow{display:flex;justify-content:center;margin-bottom:1.4rem}
.marquee{display:flex;overflow:hidden;gap:0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
          mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;align-items:center;gap:2.8rem;padding-right:2.8rem;flex:0 0 auto;
  animation:marquee 40s linear infinite;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap;
  font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.45rem);color:#6f6a80;transition:color .3s}
.marquee-track span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v2);opacity:.7}
.marquee-track span:hover{color:var(--v-soft)}
@keyframes marquee{to{transform:translateX(-100%)}}

/* ---------- cards (services) ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card{position:relative;padding:1.85rem;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line);transform-style:preserve-3d;
  transition:transform .45s var(--ease),border-color .4s,box-shadow .4s}
.card>*{transition:transform .45s var(--ease)}
.card-ic{transform:translateZ(46px)}
.card h3{transform:translateZ(30px)}
.card p{transform:translateZ(20px)}
.card-list{transform:translateZ(12px)}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,rgba(168,85,247,.55),transparent 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:var(--line-violet);box-shadow:0 26px 64px -30px rgba(124,58,237,.65)}
.card:hover::before{opacity:1}
.card-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;
  background:linear-gradient(160deg,rgba(168,85,247,.22),rgba(124,58,237,.06));border:1px solid var(--line-violet);margin-bottom:1.1rem}
.card-ic svg{width:26px;height:26px;fill:none;stroke:var(--v3);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.22rem;margin-bottom:.5rem}
.card p{font-size:.96rem}
.card-list{margin-top:1rem;display:flex;flex-direction:column;gap:.45rem}
.card-list li{position:relative;padding-left:1.3rem;font-size:.88rem;color:var(--muted)}
.card-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;
  background:linear-gradient(135deg,var(--v2),var(--v3));transform:rotate(45deg)}

/* ---------- process steps ---------- */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:s}
.steps::before{content:"";position:absolute;top:46px;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--line-violet),transparent)}
.step{position:relative;padding:1.6rem;border-radius:18px;background:rgba(255,255,255,.02);
  border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s}
.step:hover{transform:translateY(-5px);border-color:var(--line-violet)}
.step-no{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  background:var(--bg-2);border:1px solid var(--line-violet);color:var(--v3);font-size:.95rem;font-weight:600;
  margin-bottom:1rem;position:relative;z-index:1;box-shadow:0 0 24px -6px var(--glow)}
.step h3{font-size:1.18rem;margin-bottom:.45rem}
.step p{font-size:.92rem}

/* ---------- results ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{text-align:center;padding:1.7rem 1rem;border-radius:18px;background:rgba(255,255,255,.022);
  border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s}
.stat:hover{transform:translateY(-5px);border-color:var(--line-violet)}
.stat-num{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5.4vw,3.3rem);letter-spacing:-.03em;
  background:linear-gradient(135deg,#fff,var(--v3));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-label{color:var(--muted);font-size:.9rem;margin-top:.35rem}
.quote{max-width:64ch;margin:clamp(2.6rem,6vw,4rem) auto 0;text-align:center}
.quote blockquote{margin:0;font-family:var(--font-display);font-weight:500;
  font-size:clamp(1.2rem,2.7vw,1.7rem);line-height:1.5;color:var(--ink);letter-spacing:-.01em}
.quote figcaption{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.6rem;text-align:left}
.q-avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem}
.quote figcaption b{display:block;color:var(--ink);font-weight:600}
.quote figcaption i{font-style:normal;color:var(--muted);font-size:.88rem}

/* ---------- pricing ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:start}
.tier{position:relative;padding:2rem 1.7rem;border-radius:22px;background:rgba(255,255,255,.022);
  border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.tier:hover{transform:translateY(-6px);border-color:var(--line-violet)}
.tier-pop{background:linear-gradient(180deg,rgba(124,58,237,.18),rgba(124,58,237,.03));
  border-color:var(--line-violet);box-shadow:0 36px 90px -46px rgba(124,58,237,.8)}
.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;padding:.35em .9em;border-radius:999px;
  font-size:.66rem;letter-spacing:.14em;box-shadow:0 8px 20px -6px var(--glow)}
.tier-name{font-size:1.3rem}
.tier-desc{color:var(--muted);font-size:.92rem;margin:.5rem 0 1.2rem;min-height:2.6em}
.tier-price{font-family:var(--font-display);font-weight:800;font-size:2.2rem;color:var(--ink);letter-spacing:-.03em;margin-bottom:1.3rem}
.tier-price .mono{color:var(--muted);font-size:.8rem;font-weight:500;margin-right:.3em;vertical-align:middle}
.tier-price i{font-style:normal;font-family:var(--font-body);font-weight:400;font-size:.95rem;color:var(--muted)}
.tier-cta{width:100%;margin-bottom:1.5rem}
.tier-list{display:flex;flex-direction:column;gap:.7rem}
.tier-list li{position:relative;padding-left:1.7rem;font-size:.92rem;color:var(--text)}
.tier-list li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:50%;
  background:rgba(168,85,247,.14);border:1px solid var(--line-violet)}
.tier-list li::after{content:"";position:absolute;left:6px;top:.5em;width:5px;height:8px;
  border-right:2px solid var(--v3);border-bottom:2px solid var(--v3);transform:rotate(40deg)}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.6rem,4vw,3rem);align-items:center}
.about-text .section-title{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:.6rem 0 1.1rem;text-align:left}
.about-text p{margin-bottom:1rem}
.about-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.about-tags .mono{padding:.5em .9em;border-radius:999px;background:rgba(255,255,255,.03);
  border:1px solid var(--line);color:var(--v3)}
.about-panel{padding:1.8rem;border-radius:22px;border:1px solid var(--line-violet);
  background:linear-gradient(180deg,rgba(124,58,237,.1),rgba(255,255,255,.015));
  box-shadow:0 30px 80px -50px rgba(124,58,237,.7)}
.panel-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.9rem 0;border-bottom:1px solid var(--line)}
.panel-row .mono{color:var(--muted)}
.panel-row b{font-family:var(--font-display);color:var(--ink);font-weight:600;font-size:.95rem;text-align:right}
.panel-note{margin-top:1.2rem;font-size:.92rem;color:var(--text);font-style:italic;line-height:1.6}

/* ---------- CTA ---------- */
.cta-section{padding-top:clamp(2rem,5vw,3rem)}
.cta-panel{position:relative;max-width:920px;margin:0 auto;text-align:center;overflow:hidden;
  padding:clamp(2.6rem,7vw,4.5rem) clamp(1.4rem,5vw,3.5rem);border-radius:30px;
  border:1px solid var(--line-violet);
  background:radial-gradient(120% 140% at 50% 0%,rgba(124,58,237,.28),rgba(12,10,19,.6) 60%);
  box-shadow:0 40px 120px -50px rgba(124,58,237,.8)}
.cta-mark{position:absolute;width:230px;height:230px;top:-70px;right:-50px;opacity:.18;filter:none}
.cta-panel h2{font-size:clamp(1.8rem,4.4vw,2.8rem);position:relative}
.cta-panel p{max-width:54ch;margin:1rem auto 0;position:relative}
.cta-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:2rem;position:relative}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--line);margin-top:clamp(3rem,7vw,5rem);
  padding:clamp(2.6rem,6vw,4rem) clamp(1.2rem,4vw,2rem) 2rem;max-width:var(--maxw);margin-inline:auto}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}
.footer-brand p{margin-top:1rem;max-width:38ch;font-size:.92rem;color:var(--muted)}
.footer-col h4{color:var(--muted);margin-bottom:1rem;font-size:.72rem}
.footer-col a{display:block;color:var(--text);text-decoration:none;font-size:.94rem;margin-bottom:.6rem;transition:color .2s}
.footer-col a:hover{color:var(--v3)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;
  margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.footer-bottom .mono{font-size:.68rem}

/* ---------- scroll reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(28px);
  transition:opacity .75s var(--ease),transform .75s var(--ease)}
[data-reveal].in-view{opacity:1;transform:none}
[data-delay="1"]{transition-delay:.08s}
[data-delay="2"]{transition-delay:.16s}
[data-delay="3"]{transition-delay:.24s}
[data-delay="4"]{transition-delay:.32s}
[data-delay="5"]{transition-delay:.4s}

/* ============ automation demo ============ */
.demo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.demo-stage{position:relative;padding:2.6rem 1rem;border-radius:26px;min-height:400px;
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 0%,rgba(124,58,237,.16),rgba(255,255,255,.014));
  border:1px solid var(--line)}
.demo-stage::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-image:linear-gradient(rgba(168,85,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.07) 1px,transparent 1px);
  background-size:26px 26px;-webkit-mask:radial-gradient(82% 82% at 50% 50%,#000,transparent);mask:radial-gradient(82% 82% at 50% 50%,#000,transparent)}

.chat{position:relative;z-index:1;width:min(330px,84%);border-radius:18px;overflow:hidden;
  background:rgba(13,11,20,.94);border:1px solid var(--line-violet);backdrop-filter:blur(6px);
  box-shadow:0 30px 70px -30px rgba(124,58,237,.7)}
.chat-head{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;
  background:linear-gradient(90deg,rgba(124,58,237,.32),rgba(124,58,237,.12));border-bottom:1px solid var(--line)}
.chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem}
.chat-meta{display:flex;flex-direction:column;line-height:1.15;margin-right:auto}
.chat-meta b{color:var(--ink);font-size:.92rem;font-weight:600}
.chat-meta i{font-style:normal;color:#8ad6a0;font-size:.7rem}
.chat-wa{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#9be0ad;font-family:var(--font-mono)}
.wa-dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:dLive 2s infinite}
.chat-body{padding:.85rem;display:flex;flex-direction:column;gap:.55rem;min-height:230px}
.chat-day{align-self:center;font-size:.58rem;letter-spacing:.12em;color:var(--muted);background:rgba(255,255,255,.05);padding:.2em .7em;border-radius:999px;font-family:var(--font-mono)}
.bubble{max-width:90%;padding:.7rem .8rem;border-radius:14px;font-size:.8rem;line-height:1.5;color:var(--text)}
.bubble b{color:var(--ink);font-weight:600}
.bubble-in{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--line);border-bottom-left-radius:4px}
.bub-shop{display:block;color:var(--v3)!important;font-size:.68rem;margin-bottom:.25rem;font-weight:700}
.bub-sub{color:var(--muted);font-size:.72rem}
.bubble-out{align-self:flex-end;background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff;border-bottom-right-radius:4px;font-weight:500}
.bubble-actions{display:flex;gap:.4rem;margin-top:.65rem}
.bubble-actions span{font-size:.7rem;padding:.36em .7em;border-radius:8px;border:1px solid var(--line);color:var(--text)}
.b-confirm{background:#25d366;color:#04210f!important;border-color:transparent!important;font-weight:700;animation:dConfirmPulse 13s var(--ease) infinite}
.sending{align-self:flex-end;display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;color:var(--muted);font-family:var(--font-mono)}
.dots{display:inline-flex;gap:3px}
.dots i{width:4px;height:4px;border-radius:50%;background:var(--v3);animation:dBlink 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}

.order-card{position:absolute;top:2px;left:max(6px,1%);z-index:2;width:min(248px,64%);
  padding:.8rem .9rem;border-radius:14px;background:rgba(12,10,19,.97);border:1px solid var(--line-violet);
  box-shadow:0 24px 50px -24px rgba(0,0,0,.85);animation:dFloat 6s var(--ease) infinite}
.oc-head{display:flex;align-items:center;gap:.45rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono);margin-bottom:.6rem}
.oc-plus{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;font-weight:700}
.oc-live{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;color:#9be0ad}
.oc-body{display:flex;align-items:center;gap:.55rem}
.oc-thumb{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#3a2a5e,#191430);border:1px solid var(--line);flex:0 0 auto}
.oc-info{display:flex;flex-direction:column;line-height:1.2;margin-right:auto}
.oc-info b{color:var(--ink);font-size:.78rem}
.oc-info i{font-style:normal;color:var(--muted);font-size:.68rem}
.oc-price{color:var(--v3);font-weight:700;font-family:var(--font-display);font-size:.84rem}
.oc-status{display:inline-grid;margin-top:.55rem;font-size:.68rem;font-family:var(--font-mono);letter-spacing:.08em}
.oc-status>span{grid-area:1/1}
.oc-pending{color:#e0a34a}
.oc-conf{color:#25d366}

.timeline{position:absolute;bottom:0;right:max(6px,1%);z-index:2;width:min(228px,62%);
  padding:.75rem .9rem;border-radius:14px;background:rgba(12,10,19,.97);border:1px solid var(--line);
  box-shadow:0 24px 50px -24px rgba(0,0,0,.85);display:flex;flex-direction:column;gap:.5rem}
.tl-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text)}
.tl-row em{margin-left:auto;font-style:normal;color:var(--muted);font-family:var(--font-mono);font-size:.64rem}
.tl-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#25d366;color:#04210f;font-size:.62rem;font-weight:800;flex:0 0 auto}

.check-list{display:flex;flex-direction:column;gap:.7rem;margin:1.4rem 0 1.9rem}
.check-list li{position:relative;padding-left:1.85rem;color:var(--text);font-size:.96rem}
.check-list li::before{content:"";position:absolute;left:0;top:.05em;width:20px;height:20px;border-radius:50%;background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.5)}
.check-list li::after{content:"";position:absolute;left:7px;top:.4em;width:5px;height:9px;border-right:2px solid #25d366;border-bottom:2px solid #25d366;transform:rotate(40deg)}
.demo-text .section-title{text-align:left;font-size:clamp(1.7rem,3.6vw,2.6rem);margin:.6rem 0 1rem}

/* demo animation cycle (~13s loop) */
.demo-msg{animation:dMsg 13s var(--ease) infinite}
.demo-actions{animation:dActions 13s var(--ease) infinite}
.demo-sending{opacity:0;animation:dSending 13s var(--ease) infinite}
.demo-reply{opacity:0;animation:dReply 13s var(--ease) infinite}
.demo-tl1{animation:dRow1 13s var(--ease) infinite}
.demo-tl2{animation:dRow2 13s var(--ease) infinite}
.demo-tl3{animation:dRow3 13s var(--ease) infinite}
.demo-pending{animation:dPending 13s step-end infinite}
.demo-conf{opacity:0;animation:dConf 13s step-end infinite}
@keyframes dMsg{0%,4%{opacity:0;transform:translateY(10px)}7%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dActions{0%,11%{opacity:0;transform:translateY(6px)}14%,43%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes dConfirmPulse{0%,33%,42%,100%{box-shadow:0 0 0 0 rgba(37,211,102,0);transform:none}37%{box-shadow:0 0 0 7px rgba(37,211,102,.18);transform:scale(1.06)}}
@keyframes dSending{0%,45%{opacity:0}49%,58%{opacity:1}62%,100%{opacity:0}}
@keyframes dReply{0%,62%{opacity:0;transform:translateY(8px) scale(.96)}67%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dRow1{0%,8%{opacity:0;transform:translateX(8px)}12%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dRow2{0%,48%{opacity:0;transform:translateX(8px)}53%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dRow3{0%,64%{opacity:0;transform:translateX(8px)}69%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes dPending{0%,61%{opacity:1}62%,100%{opacity:0}}
@keyframes dConf{0%,62%{opacity:0}64%,100%{opacity:1}}
@keyframes dFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes dLive{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 7px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes dBlink{0%,100%{opacity:.3}50%{opacity:1}}
@media (max-width:940px){
  .demo{grid-template-columns:1fr;gap:2rem}
  .demo-text .section-title{text-align:left}
}
@media (max-width:520px){
  .demo-stage{min-height:430px;padding:2.2rem .6rem}
  .chat{width:90%}
  .order-card{width:78%;top:-4px}
  .timeline{width:74%}
}

/* ===== WhatsApp inbox replica (dark, themed) — overrides chat styling ===== */
.chat{width:min(330px,90%);border-radius:18px;overflow:hidden;border:1px solid rgba(124,58,237,.4);
  background:#0b141a;box-shadow:0 30px 70px -28px rgba(124,58,237,.6),0 0 0 5px rgba(124,58,237,.05)}
.chat-head{background:#1f2c34;border-bottom:0;padding:.55rem .7rem;gap:.55rem}
.chat-meta b{color:#e9edef}
.chat-meta i{color:#8696a0}
.chat-wa{display:none}
.chat-head-icons{margin-left:auto;display:flex;align-items:center;gap:.85rem;color:#aebac1}
.chat-head-icons svg{width:17px;height:17px;display:block}
.chat-body{background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:16px 16px;padding:.8rem .7rem;gap:.45rem}
.chat-day{align-self:center;background:rgba(32,44,51,.92);color:#8696a0}
.bubble{position:relative;max-width:86%;padding:.45rem .6rem 1.1rem;border-radius:9px;font-size:.77rem;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.3)}
.bubble b{color:#fff}
.bubble-in{align-self:flex-start;background:#202c33;color:#e9edef;border-top-left-radius:2px}
.bubble-out{align-self:flex-end;background:#005c4b;color:#e9edef;border-top-right-radius:2px}
.bub-shop{display:block;color:#53bdeb!important;font-size:.72rem;margin-bottom:.2rem;font-weight:600}
.bub-sub{color:#8aa0ac;font-size:.71rem}
.bubble .time{position:absolute;right:.55rem;bottom:.32rem;font-size:.54rem;color:rgba(233,237,239,.55);display:inline-flex;align-items:center;gap:.18rem;font-family:var(--font-body)}
.bubble-in .time{color:#8696a0}
.tick{color:#53bdeb;font-size:.62rem;letter-spacing:-3px;font-weight:700}
.bubble-actions{display:flex;flex-direction:column;gap:0;margin:.55rem -.6rem -1.1rem;border-radius:0 0 9px 9px;overflow:hidden;background:rgba(0,0,0,.14)}
.bubble-actions span{padding:.55em;text-align:center;color:#8fd6f1;font-weight:600;font-size:.74rem;
  display:flex;align-items:center;justify-content:center;gap:.35rem;border-top:1px solid rgba(255,255,255,.08)}
.bubble-actions span::before{content:"↩";font-size:.78rem;opacity:.75}
.b-confirm{color:#46e3a0!important;background:none!important;border:0!important;font-weight:700!important}
.sending{align-self:center;color:#8696a0;background:rgba(32,44,51,.7);padding:.25em .75em;border-radius:999px;font-family:var(--font-body);font-size:.66rem;letter-spacing:0;text-transform:none}

/* ===== Delivery tracker ===== */
.demo-rev{grid-template-columns:.95fr 1.05fr}
.demo-rev .demo-stage{min-height:460px}
.track{position:relative;z-index:1;width:min(360px,92%);border-radius:16px;padding:.9rem;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--line-violet);backdrop-filter:blur(6px);box-shadow:0 30px 70px -30px rgba(124,58,237,.7)}
.track-head{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.78rem;color:var(--ink);
  padding-bottom:.65rem;margin-bottom:.35rem;border-bottom:1px solid var(--line)}
.track-ic{color:var(--v3);font-size:1rem}
.track-tag{margin-left:auto;font-family:var(--font-mono);font-size:.54rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:rgba(255,255,255,.05);padding:.2em .55em;border-radius:6px}
.track-step{display:flex;gap:.6rem;padding:.38rem .2rem;align-items:flex-start}
.ts-dot{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;flex:0 0 auto;margin-top:.05rem;font-size:.58rem;font-weight:800;
  background:rgba(52,215,122,.16);border:1.5px solid rgba(52,215,122,.5);color:#34d77a}
.ts-dot.warn{background:rgba(224,163,74,.18);border-color:rgba(224,163,74,.6);color:#e0a34a}
.ts-body{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.ts-body b{color:var(--ink);font-size:.81rem;font-weight:600;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.ts-body i{font-style:normal;color:var(--muted);font-size:.7rem}
.ts-badge{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;padding:.18em .45em;border-radius:5px;background:rgba(224,163,74,.2);color:#e0a34a;border:1px solid rgba(224,163,74,.4)}
.ts-badge.paid{background:rgba(52,215,122,.2);color:#34d77a;border-color:rgba(52,215,122,.4)}
.track-step.alert{background:rgba(224,163,74,.07);border:1px solid rgba(224,163,74,.25);border-radius:10px;margin:.15rem 0}
.track-step.done{background:rgba(52,215,122,.07);border:1px solid rgba(52,215,122,.22);border-radius:10px}
.track-badge{position:absolute;z-index:3;top:-15px;left:9%;padding:.45em .85em;border-radius:999px;white-space:nowrap;
  background:rgba(12,10,19,.97);border:1px solid var(--line-violet);box-shadow:0 16px 32px -12px rgba(0,0,0,.85);font-size:.65rem;color:var(--text)}
.wa-update{position:absolute;z-index:2;bottom:-14px;right:0;width:min(244px,72%);padding:.7rem .8rem;border-radius:14px;line-height:1.5;font-size:.76rem;color:#e9edef;
  background:linear-gradient(150deg,#075e54,#0b141a);border:1px solid rgba(52,215,122,.3);box-shadow:0 24px 50px -22px rgba(0,0,0,.9)}
.wa-update b{color:#fff}
.wa-update .bub-sub{color:#9fb6ad;font-size:.69rem}
.wa-pill{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:#34d77a}
.trk1{animation:kD1 14s var(--ease) infinite}.trk2{animation:kD2 14s var(--ease) infinite}.trk3{animation:kD3 14s var(--ease) infinite}
.trk4{animation:kD4 14s var(--ease) infinite}.trk5{animation:kD5 14s var(--ease) infinite}
.trkBadge{opacity:0;animation:kDB 14s var(--ease) infinite}.trkWa{opacity:0;animation:kDW 14s var(--ease) infinite}
@keyframes kD1{0%,3%{opacity:0;transform:translateY(8px)}7%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kD2{0%,17%{opacity:0;transform:translateY(8px)}21%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kD3{0%,33%{opacity:0;transform:translateY(8px)}37%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kD4{0%,52%{opacity:0;transform:translateY(8px)}56%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kD5{0%,76%{opacity:0;transform:translateY(8px)}80%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kDW{0%,40%{opacity:0;transform:translateY(10px)}45%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes kDB{0%,58%{opacity:0;transform:translateY(-6px)}62%,96%{opacity:1;transform:none}99%,100%{opacity:0}}

/* ===== AI agent ===== */
.agent-stage{flex-wrap:wrap;gap:.9rem}
.agent-stage .chat{width:min(266px,100%)}
.tools{width:min(216px,100%);padding:.85rem;border-radius:16px;
  background:linear-gradient(180deg,rgba(124,58,237,.13),rgba(255,255,255,.012));border:1px solid var(--line-violet);
  box-shadow:0 24px 50px -26px rgba(124,58,237,.7)}
.tools-head{display:flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--ink);margin-bottom:.45rem}
.tools-head .t-logo{color:var(--v3)}
.thinking{display:inline-flex;align-items:center;gap:.4rem;font-size:.63rem;color:var(--muted);font-family:var(--font-mono);margin-bottom:.7rem}
.ctx-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--text);padding:.24rem 0}
.tool-row{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.66rem;color:var(--text);padding:.24rem 0}
.tool-row code{color:var(--v3);font-size:.63rem;background:none}
.tk{color:#34d77a;font-weight:800;font-size:.68rem;flex:0 0 auto}
.tk.on{color:var(--v3)}
.tools-sub{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.65rem 0 .35rem;border-top:1px solid var(--line);padding-top:.55rem}
.langs{display:flex;flex-wrap:wrap;gap:.3rem}
.lang{font-family:var(--font-mono);font-size:.56rem;padding:.22em .5em;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
.lang.on{background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;border-color:transparent}

/* ===== reviews ===== */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.review{padding:1.7rem;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s}
.review:hover{transform:translateY(-5px);border-color:var(--line-violet)}
.stars{color:#f0c75e;letter-spacing:.18em;font-size:.92rem;margin-bottom:.9rem}
.r-quote{color:var(--text);font-size:.93rem;line-height:1.65}
.r-author{display:flex;align-items:center;gap:.7rem;margin-top:1.3rem}
.r-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;font-family:var(--font-display);font-weight:700;font-size:.9rem;flex:0 0 auto}
.r-author b{display:block;color:var(--ink);font-weight:600;font-size:.9rem}
.r-author i{font-style:normal;color:var(--muted);font-size:.78rem}

/* ===== closing two-path ===== */
.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;align-items:start}
.path{position:relative;padding:2rem 1.8rem;border-radius:22px;background:rgba(255,255,255,.022);border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s}
.path:hover{transform:translateY(-5px);border-color:var(--line-violet)}
.path-pop{background:linear-gradient(180deg,rgba(124,58,237,.16),rgba(124,58,237,.03));border-color:var(--line-violet);box-shadow:0 36px 90px -46px rgba(124,58,237,.8)}
.path-badge{position:absolute;top:-12px;right:1.4rem;background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;padding:.35em .9em;border-radius:999px;font-size:.6rem;letter-spacing:.12em}
.path-ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(160deg,rgba(168,85,247,.22),rgba(124,58,237,.06));border:1px solid var(--line-violet);margin-bottom:1rem}
.path-ic svg{width:24px;height:24px;fill:none;stroke:var(--v3);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.path-tag{color:var(--v3);margin-bottom:.4rem}
.path h3{font-size:1.3rem;margin-bottom:.5rem}
.path>p{color:var(--text);font-size:.94rem}
.path-sub{margin:1.2rem 0 .2rem;color:var(--muted)}
.path-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.3rem}
.path-meta{display:flex;align-items:center;gap:.4rem;color:var(--muted);margin-top:1rem}

@media (max-width:940px){
  .reviews{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .paths{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){
  .trk1,.trk2,.trk3,.trk4,.trk5,.trkBadge,.trkWa{opacity:1!important;transform:none!important}
}

/* ===== shipping · pick-a-carrier ===== */
.carriers-label{color:var(--muted);margin:1.5rem 0 .6rem}
.carriers{display:flex;flex-wrap:wrap;gap:.45rem}
.carriers span{font-family:var(--font-mono);font-size:.62rem;padding:.3em .6em;border-radius:7px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text)}
.carriers .more{color:var(--v3);border-color:var(--line-violet)}
.ship-modal{position:relative;z-index:1;width:min(384px,94%);border-radius:18px;overflow:hidden;
  background:rgba(13,11,20,.96);border:1px solid var(--line-violet);box-shadow:0 30px 70px -30px rgba(124,58,237,.7)}
.ship-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:.9rem}
.ship-x{color:var(--muted)}
.ship-search{margin:.8rem 1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);font-size:.78rem}
.carrier-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem;border-top:1px solid rgba(255,255,255,.04)}
.carrier-row.sel{background:rgba(124,58,237,.16);box-shadow:inset 0 0 0 1px var(--line-violet)}
.c-logo{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.76rem;color:#fff;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 4px 12px -6px rgba(0,0,0,.8)}
.c-name{color:var(--ink);font-size:.85rem;font-weight:500}
.c-badge{font-family:var(--font-mono);font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:#34d77a;background:rgba(52,215,122,.14);border:1px solid rgba(52,215,122,.35);padding:.18em .45em;border-radius:5px}
.c-radio{margin-left:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--muted);flex:0 0 auto;position:relative}
.carrier-row.sel .c-radio{border-color:var(--v3)}
.carrier-row.sel .c-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--v3);transform-origin:center}
.ship-foot{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-top:1px solid var(--line)}
.ship-btn{font-family:var(--font-display);font-size:.78rem;padding:.5em .95em;border-radius:8px;font-weight:600}
.ship-close{color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line)}
.ship-next{background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff}
.ship-pill{position:absolute;z-index:3;top:-15px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;white-space:nowrap;
  background:rgba(12,10,19,.97);border:1px solid var(--line-violet);box-shadow:0 16px 32px -12px rgba(0,0,0,.85);padding:.42em .9em;border-radius:999px;
  font-size:.64rem;color:var(--text);font-family:var(--font-mono);letter-spacing:.08em}
.ship-pill>span{grid-area:1/1}
.ship-status{position:absolute;z-index:2;bottom:-16px;right:0;width:min(264px,82%);padding:.62rem .8rem;border-radius:12px;
  background:linear-gradient(150deg,rgba(52,215,122,.16),rgba(13,11,20,.97));border:1px solid rgba(52,215,122,.3);box-shadow:0 24px 50px -22px rgba(0,0,0,.9);
  font-size:.74rem;color:#e9edef;display:flex;align-items:center;gap:.5rem}
.ship-status .tk{color:#34d77a;font-weight:800}
.carrier-row.sel{animation:shipSel 11s var(--ease) infinite}
.carrier-row.sel .c-radio::after{animation:shipDot 11s var(--ease) infinite}
.sp-pick{animation:shipPickOut 11s var(--ease) infinite}
.sp-done{opacity:0;animation:shipDoneIn 11s var(--ease) infinite}
.ship-status{opacity:0;animation:shipStatus 11s var(--ease) infinite}
@keyframes shipSel{0%,30%{background:transparent;box-shadow:none}37%,93%{background:rgba(124,58,237,.16);box-shadow:inset 0 0 0 1px var(--line-violet)}98%,100%{background:transparent;box-shadow:none}}
@keyframes shipDot{0%,33%{opacity:0;transform:scale(0)}39%,94%{opacity:1;transform:scale(1)}99%,100%{opacity:0}}
@keyframes shipPickOut{0%,40%{opacity:1}46%,100%{opacity:0}}
@keyframes shipDoneIn{0%,42%{opacity:0}48%,95%{opacity:1}99%,100%{opacity:0}}
@keyframes shipStatus{0%,52%{opacity:0;transform:translateY(8px)}58%,94%{opacity:1;transform:none}99%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .sp-pick{opacity:0!important}.sp-done{opacity:1!important}
  .ship-status{opacity:1!important;transform:none!important}
  .carrier-row.sel .c-radio::after{opacity:1!important;transform:none!important}
}

/* ===== delivery (carrier tracker + WhatsApp phone) ===== */
.deliv-stage{flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}
.deliv-stage .track{width:min(296px,100%)}
.deliv-stage .chat{width:min(276px,100%)}
.deliv-stage .track-badge{left:50%;transform:translateX(-50%)}
.driver-card{display:block;margin:.45rem 0;padding:.45rem .6rem;border-radius:8px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#d7e8e0}
.driver-card b{color:#fff}
.auto-pill{position:absolute;z-index:3;bottom:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;
  padding:.36em .8em;border-radius:999px;background:rgba(12,10,19,.97);border:1px solid rgba(52,215,122,.3);box-shadow:0 14px 30px -12px rgba(0,0,0,.85);
  font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:#34d77a}
@media (max-width:560px){.deliv-stage .track,.deliv-stage .chat{width:min(320px,100%)}}

/* ===== S logo (replaces the 3D gem when logo-s.png is present) ===== */
.hero-logo-wrap{display:none}
.brand-s{display:none}
.has-slogo .hero-canvas{opacity:0}
.has-slogo .hero-logo-wrap{display:block;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index:1;perspective:1000px;pointer-events:none;animation:sFloat 7s var(--ease) infinite}
.hero-logo{width:clamp(170px,27vw,310px);height:auto;will-change:transform,filter;transition:transform .15s var(--ease);
  filter:drop-shadow(0 0 30px rgba(168,85,247,.5));animation:sGlow 4.5s ease-in-out infinite}
.has-slogo .brand .mark{display:none}
.has-slogo .brand-s{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(168,85,247,.55))}
@keyframes sFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-13px)}}
@keyframes sGlow{0%,100%{filter:drop-shadow(0 0 26px rgba(168,85,247,.45))}50%{filter:drop-shadow(0 0 52px rgba(192,132,252,.7))}}
@media (prefers-reduced-motion:reduce){.has-slogo .hero-logo-wrap,.hero-logo{animation:none!important}}

/* hide Google Translate UI chrome (keep the hidden combo working) */
.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip{display:none!important}
body{top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
.skiptranslate>iframe{display:none!important;visibility:hidden!important}

/* ===== language switcher ===== */
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text);
  font-family:var(--font-display);font-weight:500;font-size:.85rem;padding:.5em .8em;border-radius:999px;cursor:pointer;transition:border-color .25s,background .25s,color .25s}
.lang-btn:hover{border-color:var(--line-violet);background:rgba(168,85,247,.08);color:var(--ink)}
.lang-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}
.lang-caret{font-size:.6rem;color:var(--muted);transition:transform .25s}
.lang.open .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + .55rem);right:0;min-width:198px;padding:.4rem;border-radius:14px;z-index:60;
  background:rgba(13,11,20,.97);border:1px solid var(--line-violet);box-shadow:0 24px 54px -20px rgba(0,0,0,.85);backdrop-filter:blur(16px) saturate(140%);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .22s,transform .22s,visibility .22s}
.lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.55em .7em .55em 1.7em;border:0;background:none;cursor:pointer;border-radius:9px;text-align:left;
  font-family:var(--font-body);font-size:.88rem;color:var(--text);transition:background .18s,color .18s}
.lang-opt:hover{background:rgba(168,85,247,.12);color:var(--ink)}
.lang-opt i{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--muted);font-style:normal}
.lang-opt::before{content:"";position:absolute;left:.66em;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:transparent;transition:background .2s,box-shadow .2s}
.lang-opt.is-active{color:var(--ink)}
.lang-opt.is-active i{color:var(--v3)}
.lang-opt.is-active::before{background:var(--v3);box-shadow:0 0 8px var(--v3)}
@media (max-width:720px){.lang{margin-left:auto;margin-right:.2rem}.lang-btn{padding:.5em .65em}}

/* ===== AI agent statement section (violet → black) ===== */
.agent-section{background:linear-gradient(180deg,rgba(124,58,237,.24) 0%,rgba(124,58,237,.07) 40%,transparent 74%)}
.agent-section .section-title{text-align:left;font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.02em;
  background:linear-gradient(180deg,#f3e8ff 0%,#b487f0 50%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* hero: no S figure in the background (removed per request) */
.hero-mark,.hero-logo-wrap{display:none!important}
/* nav brand S: violet, spinning on itself */
.nav .brand .mark{animation:navSpin 9s linear infinite;transform-origin:50% 50%}
.nav .brand:hover .mark{animation-duration:2.6s}
@keyframes navSpin{to{transform:rotate(360deg)}}

.hero-trust-line{color:var(--muted);font-size:.98rem;max-width:52ch;text-align:center;line-height:1.5}
.hero-trust-line b{color:var(--v3);font-weight:600}

/* ===== Agent Conception ===== */
.agent-conception{position:relative}
.ac-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);gap:1rem;
  border:1px solid var(--line-violet);border-radius:22px;padding:1rem;
  background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(255,255,255,.025) 42%,rgba(52,211,153,.055));
  box-shadow:0 34px 110px -68px var(--glow)}
.ac-gate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border:1px solid rgba(251,191,36,.28);border-radius:16px;padding:1rem;background:rgba(251,191,36,.08)}
.ac-gate[hidden]{display:none}
.ac-lock,.ac-ready-mark{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;border-radius:999px;padding:.48rem .68rem;white-space:nowrap}
.ac-lock{color:#fde68a;border:1px solid rgba(251,191,36,.36);background:rgba(251,191,36,.1)}
.ac-gate b{display:block;color:var(--ink);font-family:var(--font-display);font-size:1rem;margin-bottom:.18rem}
.ac-gate p{margin:0;color:var(--text);font-size:.86rem;line-height:1.45}
.ac-chat{display:grid;grid-template-rows:auto minmax(360px,1fr) auto auto auto;gap:.85rem;border:1px solid var(--line);
  border-radius:18px;padding:1rem;background:rgba(7,6,12,.58);min-height:620px}
.ac-chat.is-locked{opacity:.5;filter:saturate(.55)}
.ac-chat-head{display:flex;align-items:center;gap:.75rem;padding:.72rem;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.ac-chat-head img{width:42px;height:42px;border-radius:12px;object-fit:cover}
.ac-chat-head b{display:block;color:var(--ink);font-family:var(--font-display)}
.ac-chat-head span{display:block;color:var(--muted);font-size:.78rem;margin-top:.12rem}
.ac-chat-log{display:flex;flex-direction:column;gap:.7rem;overflow:auto;padding:.2rem .15rem .35rem;scroll-behavior:smooth}
.ac-msg{max-width:86%;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.75rem .85rem;font-size:.88rem;line-height:1.5;white-space:pre-wrap}
.ac-msg.bot{align-self:flex-start;background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(255,255,255,.035));color:var(--text)}
.ac-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff;border-color:transparent}
.ac-quick{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.2rem}
.ac-quick button{border:1px solid rgba(192,132,252,.24);border-radius:999px;background:rgba(255,255,255,.045);color:var(--text);padding:.5rem .72rem;font:inherit;font-size:.78rem;cursor:pointer}
.ac-quick button:hover{border-color:var(--line-violet);background:rgba(168,85,247,.12);color:var(--ink)}
.ac-chat-compose{display:grid;grid-template-columns:1fr auto;gap:.55rem}
.ac-chat-compose input{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.055);color:var(--ink);font:inherit;padding:.88rem .95rem;outline:none}
.ac-chat-compose input:focus{border-color:rgba(192,132,252,.7);box-shadow:0 0 0 3px rgba(168,85,247,.16)}
.ac-chat-compose button{min-width:96px;justify-content:center}
.ac-brief{border:1px solid var(--line);border-radius:18px;padding:1rem;background:rgba(7,6,12,.42);display:grid;align-content:start;gap:1rem}
.ac-brief h3{font-size:1.05rem}
.ac-brief dl{display:grid;gap:.65rem;margin:0}
.ac-brief div{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.68rem;background:rgba(255,255,255,.035)}
.ac-brief dt{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.22rem}
.ac-brief dd{margin:0;color:var(--ink);font-size:.84rem;line-height:1.4;word-break:break-word}
.ac-guide{border:1px solid rgba(192,132,252,.18);border-radius:15px;padding:1rem;background:rgba(255,255,255,.035)}
.ac-guide h3{font-size:.98rem;margin-bottom:.65rem}
.ac-guide ul{display:grid;gap:.48rem;padding-left:1.1rem;margin:0}
.ac-guide li{color:var(--text);font-size:.82rem;line-height:1.45}
.ac-guide p{margin:.8rem 0 0;color:var(--v3);font-size:.8rem;line-height:1.45}
.ac-status{min-height:1.2em;color:var(--v3);font-size:.84rem;line-height:1.45}
.ac-loading,.ac-ready{grid-column:1/-1;border:1px solid var(--line);border-radius:18px;padding:2rem 1.1rem;background:radial-gradient(circle at 50% 0,rgba(168,85,247,.18),rgba(7,6,12,.72) 55%);
  min-height:420px;display:grid;align-content:start;justify-items:center;text-align:center;gap:.8rem}
.ac-loading[hidden],.ac-ready[hidden]{display:none}
.ac-spinner{width:82px;height:82px;border-radius:22px;object-fit:cover;animation:acSpin 2.8s linear infinite;box-shadow:0 0 46px -14px var(--glow)}
@keyframes acSpin{to{transform:rotate(360deg)}}
.ac-loading h3,.ac-ready h3{font-size:1.45rem}
.ac-loading p,.ac-ready p{color:var(--text);font-size:.88rem;line-height:1.5;max-width:42ch}
.ac-steps{display:grid;gap:.58rem;width:100%;max-width:420px;margin-top:.4rem;text-align:left}
.ac-steps li{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.86rem;line-height:1.4;opacity:.62}
.ac-steps li::before{content:"";width:20px;height:20px;border-radius:50%;border:1px solid var(--line);flex:0 0 auto;background:rgba(255,255,255,.04)}
.ac-steps li.is-active{color:var(--ink);opacity:1}
.ac-steps li.is-active::before{border-color:var(--v3);box-shadow:0 0 0 4px rgba(168,85,247,.13)}
.ac-steps li.is-done{color:#bbf7d0;opacity:1}
.ac-steps li.is-done::before{content:"";background:linear-gradient(135deg,#34d399,#22c55e);border-color:#34d399;box-shadow:0 0 18px -8px #34d399}
.ac-ready-mark{color:#bbf7d0;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.09)}
.ac-ready.needs-review .ac-ready-mark{color:#fde68a;border-color:rgba(251,191,36,.42);background:rgba(251,191,36,.1)}
.ac-ready .btn{width:100%;max-width:320px;justify-content:center}
.ac-wa-result{width:100%;min-height:1.2em;color:var(--text);font-size:.84rem}
.ac-scrape-summary{width:100%;max-width:760px;border:1px solid rgba(192,132,252,.2);border-radius:15px;background:rgba(255,255,255,.035);padding:1rem;text-align:left}
.ac-scrape-summary h4{font-size:.98rem;margin:0 0 .65rem;color:var(--ink)}
.ac-scrape-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.8rem}
.ac-scrape-kpis div{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:rgba(255,255,255,.035)}
.ac-scrape-kpis b{display:block;font-family:var(--font-display);font-size:1.35rem;color:var(--v3)}
.ac-scrape-kpis span{font-size:.72rem;color:var(--muted)}
.ac-scrape-issues{display:grid;gap:.35rem;margin:.2rem 0 .8rem;padding:.75rem .9rem .75rem 1.7rem;border:1px solid rgba(251,191,36,.25);border-radius:12px;background:rgba(251,191,36,.075);color:#fde68a;font-size:.78rem;line-height:1.45}
.ac-products{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}
.ac-product{display:grid;gap:.15rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.65rem;background:rgba(6,5,10,.38)}
.ac-product b{color:var(--ink);font-size:.86rem}
.ac-product span{color:var(--text);font-size:.76rem}
.ac-product em{font-style:normal;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== integrations ===== */
.intg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.intg-card{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.4rem;border-radius:18px;background:rgba(255,255,255,.022);border:1px solid var(--line);transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.intg-card:hover{transform:translateY(-5px);border-color:var(--line-violet)}
.intg-card.featured{background:linear-gradient(180deg,rgba(124,58,237,.17),rgba(124,58,237,.03));border-color:var(--line-violet);box-shadow:0 30px 80px -44px rgba(124,58,237,.8)}
.intg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}
.intg-logo{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.82rem;color:#fff;flex:0 0 auto}
.intg-logo.brand-logo{background:transparent;padding:0;overflow:hidden}
.intg-logo.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}
.intg-logo.logo-shopify{width:58px;height:58px;border-radius:12px;padding:0}
.intg-logo.logo-woocommerce{width:92px;height:44px;border-radius:10px}
.intg-logo.logo-prestashop{width:80px;height:40px;border-radius:8px;padding:0}
.intg-logo.logo-odoo{width:88px;height:36px;border-radius:10px;padding:3px}
.intg-logo.logo-facebook{width:54px;height:54px;border-radius:50%;padding:0}
.intg-logo.logo-aramex{width:112px;height:42px;border-radius:10px;padding:0}
.intg-logo.ext-logo{background:linear-gradient(135deg,#1b1530,#8b5cf6);border:1px solid rgba(168,85,247,.38);box-shadow:0 18px 45px -25px rgba(168,85,247,.9);letter-spacing:-.02em}
.intg-logo.aramex{width:58px;background:#e2211c;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px -25px rgba(226,33,28,.9);font-size:.72rem;letter-spacing:.04em}
.intg-logo.yc-ship{background:#e3007e;color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 45px -25px rgba(227,0,126,.9);letter-spacing:-.03em}
.intg-logo.amana{background:linear-gradient(135deg,#F7F1E6,#DDE7D5);color:#4F7042;border:1px solid rgba(143,168,130,.45);box-shadow:0 18px 45px -25px rgba(143,168,130,.7);letter-spacing:-.03em}
.intg-logo.tc{background:linear-gradient(135deg,#22c55e,#8b5cf6);color:#fff;border:1px solid rgba(187,247,208,.24);box-shadow:0 18px 45px -25px rgba(34,197,94,.85);letter-spacing:-.03em}
.intg-logo.yc{background:#ea2e6b}.intg-logo.sh{background:#5a8f3c}.intg-logo.woo{background:#7f54b3}.intg-logo.ps{background:#25b9d7}.intg-logo.od{width:58px;background:#714b67;color:#fff;font-size:.72rem;letter-spacing:-.03em}.intg-logo.meta{width:58px;background:linear-gradient(135deg,#0866ff,#7c3aed);box-shadow:0 18px 45px -25px rgba(8,102,255,.95);font-size:.72rem;letter-spacing:-.03em}.intg-logo.wa{background:#25d366}.intg-logo.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.intg-logo.tw{background:#f22f46}.intg-logo.gs{background:#188038}.intg-logo.cr{background:linear-gradient(135deg,#3a2a5e,#1a1530)}.intg-logo.speedex{width:58px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px -25px rgba(245,158,11,.9);font-size:.72rem;letter-spacing:.04em}.intg-logo.digylog{width:58px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px -25px rgba(6,182,212,.9);font-size:.72rem;letter-spacing:.04em}
.intg-logo.sh.brand-logo,.intg-logo.woo.brand-logo,.intg-logo.ps.brand-logo,.intg-logo.logo-odoo,.intg-logo.logo-aramex{background:transparent}
.shipping-grid{grid-template-columns:repeat(4,1fr)}
.shipping-grid .intg-card{min-height:230px}
.intg-tag{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono)}
.intg-card.featured .intg-tag{color:#9be0ad}
.intg-card .intg-tag-active{color:#9be0ad}
.intg-card h3{font-size:1.08rem}
.intg-card p{font-size:.84rem;color:var(--muted);flex:1;line-height:1.5}
.intg-soon{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-top:.3rem}
.intg-connect{width:100%;justify-content:center;margin-top:.4rem}
.intg-disabled{opacity:.7;filter:saturate(.72)}
.intg-disabled:hover{transform:none;border-color:rgba(255,255,255,.08)}
.intg-unavailable{cursor:not-allowed!important;opacity:.55!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important;color:rgba(245,243,255,.72)!important}
.ship-status{min-height:1.2rem;margin-top:.15rem!important;font-size:.72rem!important;color:var(--muted)!important;line-height:1.35!important}
.ship-status.ok{color:#bbf7d0!important}
.ship-status.pending{color:#fde68a!important}
.ship-status.err{color:#fca5a5!important}
.intg-connect.arx-connected{background:linear-gradient(90deg,#ef4444,#e2211c);border-color:rgba(248,113,113,.65);box-shadow:0 16px 44px -28px rgba(239,68,68,.9)}
.intg-connect.arx-ready{background:linear-gradient(90deg,#8b5cf6,#ef4444);border-color:rgba(248,113,113,.5)}
.arx-status{min-height:1.2rem;margin-top:.15rem!important;font-size:.72rem!important;color:var(--muted)!important;line-height:1.35!important}
.arx-status.ok{color:#bbf7d0!important}
.arx-status.pending{color:#fde68a!important}
.arx-status.err{color:#fca5a5!important}
.arx-modal{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:1rem;background:rgba(8,7,12,.76);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
.arx-modal.open{opacity:1;visibility:visible}
.arx-panel{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:1.45rem;background:rgba(13,11,19,.98);border:1px solid rgba(168,85,247,.35);box-shadow:0 34px 120px -42px rgba(124,58,237,.85)}
.arx-x{position:absolute;top:.9rem;right:1rem;border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer}
.arx-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.85rem}
.arx-head b{display:block;font-family:var(--font-display);font-size:1.04rem;color:var(--ink)}
.arx-head i{display:block;font-style:normal;font-size:.76rem;color:var(--muted);margin-top:.12rem}
.arx-copy{margin:.25rem 0 1.05rem;color:var(--muted);font-size:.88rem;line-height:1.55}
.arx-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.arx-form label{display:grid;gap:.38rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.arx-form input{width:100%;min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:var(--ink);padding:.7rem .85rem;font-family:var(--font-body);font-size:.9rem;outline:none}
.arx-form input:focus{border-color:rgba(168,85,247,.75);box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.arx-hint{grid-column:1/-1;border-radius:12px;border:1px solid rgba(168,85,247,.24);background:rgba(124,58,237,.09);padding:.75rem .85rem;color:var(--text);font-size:.78rem;line-height:1.45}
.arx-submit{grid-column:1/-1;justify-content:center;margin-top:.2rem}
.arx-form-status{grid-column:1/-1;min-height:1.1rem;margin:0;color:var(--muted);font-size:.78rem;text-align:center}
.arx-form-status.ok{color:#bbf7d0}
.arx-form-status.err{color:#fca5a5}
@media(max-width:680px){.arx-form{grid-template-columns:1fr}.arx-panel{padding:1.2rem}}
.intg-card.intg-req{border-style:dashed;align-items:flex-start}
.intg-plus{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--v3);border:1px solid var(--line-violet);background:rgba(168,85,247,.1)}

/* ===== YouCan connect wizard ===== */
.wiz-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.2rem;
  background:rgba(6,5,10,.8);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.wiz-overlay.open{opacity:1;visibility:visible}
.wiz{position:relative;width:min(460px,100%);max-height:90vh;overflow:auto;border-radius:22px;padding:1.7rem;
  background:rgba(14,12,21,.98);border:1px solid var(--line-violet);box-shadow:0 40px 120px -40px rgba(124,58,237,.75);
  transform:translateY(12px) scale(.98);transition:transform .3s var(--ease)}
.wiz-overlay.open .wiz{transform:none}
.wiz-x{position:absolute;top:1rem;right:1.1rem;background:none;border:0;color:var(--muted);font-size:1.05rem;cursor:pointer;line-height:1}
.wiz-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}
.wiz-head b{display:block;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1rem}
.wiz-head i{font-style:normal;color:var(--muted);font-size:.76rem}
.wiz-steps{display:flex;gap:.4rem;margin-bottom:1.4rem}
.ws-dot{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.1);transition:background .3s}
.ws-dot.is-on{background:linear-gradient(90deg,var(--v1),var(--v3))}
.wiz-step{display:none}
.wiz-step.is-active{display:block;animation:wizIn .35s var(--ease)}
@keyframes wizIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.wiz-step h4{font-size:1.24rem;margin-bottom:.4rem}
.wiz-step>p{color:var(--muted);font-size:.89rem;margin-bottom:1rem;line-height:1.5}
.wiz-input{width:100%;padding:.8rem .9rem;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);font-size:.84rem;margin-bottom:1rem}
.wiz-input:focus{outline:none;border-color:var(--v3)}
.wiz-next{width:100%;justify-content:center}
.wiz-hint{font-size:.73rem;color:var(--muted);margin-top:.85rem;text-align:center}
.wiz-inline-btn{border:0;background:transparent;color:#c084fc;font:inherit;font-weight:800;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.wiz-inline-btn:hover{color:#fff}
.wiz-import{display:flex;flex-direction:column;gap:.7rem;margin:.6rem 0}
.wiz-import li{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.92rem;opacity:.4;transition:opacity .35s,color .35s}
.wiz-import li::before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;transition:all .35s}
.wiz-import li.done{opacity:1;color:var(--text)}
.wiz-import li.done::before{content:"✓";color:#04210f;background:#25d366;border-color:#25d366}
.wiz-import li b{color:var(--v3)}
.wiz label,.wiz-label{display:block;font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:.7rem 0 .4rem}
.wiz-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}
.wiz-chip{padding:.45em .9em;border-radius:999px;border:1px solid var(--line);background:none;color:var(--text);font-size:.82rem;cursor:pointer;transition:all .2s}
.wiz-chip.is-sel{background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;border-color:transparent}
.wiz-done{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--v1),var(--v3));display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;margin:0 auto 1.1rem;box-shadow:0 0 40px -6px var(--glow)}
.wiz-summary{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:.9rem;border-radius:12px;background:rgba(37,211,102,.06);border:1px solid rgba(37,211,102,.25)}
.wiz-summary div{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text)}
.wiz-summary .tk{color:#34d77a;font-weight:800}
@media (max-width:940px){.intg-grid,.shipping-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.intg-grid,.shipping-grid{grid-template-columns:1fr}}

/* ===== agent setup overlay ===== */
.setup-overlay{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.5rem;
  background:rgba(6,5,10,.92);backdrop-filter:blur(12px)}
.setup-overlay.open{display:flex!important}
#customConnectorOverlay .setup-box{max-width:520px}
#customConnectorOverlay input,#customConnectorOverlay select,#customConnectorOverlay textarea{margin-top:.15rem}
.setup-box{width:min(480px,100%);background:rgba(14,12,21,.99);border:1px solid var(--line-violet);
  border-radius:26px;padding:2.4rem;box-shadow:0 40px 120px -30px rgba(124,58,237,.8);text-align:center;
  animation:setupIn .5s var(--ease)}
@keyframes setupIn{from{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:none}}
.setup-logo{display:flex;justify-content:center;margin-bottom:1.4rem}
.setup-logo svg .mk-cw{animation:spin 12s linear infinite}
.setup-logo svg .mk-ccw{animation:spin 9s linear infinite reverse}
.setup-title{font-size:1.5rem;margin-bottom:.4rem;color:var(--ink)}
.setup-name{background:linear-gradient(90deg,var(--v3),var(--v1));-webkit-background-clip:text;background-clip:text;color:transparent}
.setup-subtitle{color:var(--muted);font-size:.9rem;margin-bottom:1.6rem}
.setup-steps{display:flex;flex-direction:column;gap:.6rem;text-align:left;margin-bottom:.5rem}
.setup-step{display:flex;align-items:center;gap:.75rem;padding:.45rem .7rem;border-radius:10px;font-size:.9rem;color:var(--muted);transition:all .4s var(--ease)}
.setup-step.active{background:rgba(168,85,247,.1);border:1px solid var(--line-violet);color:var(--ink)}
.setup-step.done{color:#34d77a}
.setup-step.done .sst-dot{background:#34d77a;box-shadow:0 0 10px rgba(52,215,122,.6)}
.setup-step.done .sst-txt::before{content:"✓ "}
.setup-step.active .sst-dot{background:var(--v3);box-shadow:0 0 12px var(--glow);animation:sstPulse 1s infinite}
.sst-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.1);flex:0 0 auto;transition:all .4s}
@keyframes sstPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.setup-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--v1),var(--v3));
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;margin:0 auto 1rem;
  box-shadow:0 0 40px -8px var(--glow)}
.setup-done h3{font-size:1.4rem;color:var(--ink);margin-bottom:.8rem}
.setup-summary{display:flex;flex-direction:column;gap:.45rem;background:rgba(52,215,122,.06);border:1px solid rgba(52,215,122,.2);border-radius:12px;padding:.9rem;text-align:left}
.setup-summary div{font-size:.87rem;color:var(--text);display:flex;align-items:center;gap:.5rem}
.setup-summary .tk{color:#34d77a;font-weight:800}

/* ============ account auth + dashboard ============ */
.auth-trigger,.account-pill,.mobile-auth{font-family:var(--font-display);font-weight:700;border:1px solid var(--line);color:var(--ink);
  background:rgba(255,255,255,.04);border-radius:999px;cursor:pointer;transition:.22s var(--ease)}
.auth-trigger{padding:.72rem 1.05rem}
.auth-trigger:hover,.account-pill:hover,.mobile-auth:hover{border-color:var(--line-violet);background:rgba(168,85,247,.12);transform:translateY(-1px)}
.account-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .82rem .4rem .45rem}
.account-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;font-size:.74rem;flex:0 0 auto}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-auth{padding:.85rem 1.25rem;font-size:1.05rem}
.auth-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:1.1rem;background:rgba(8,7,12,.72);
  backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.22s var(--ease)}
.auth-modal.open{opacity:1;visibility:visible}
.auth-card{position:relative;width:min(520px,100%);max-height:min(760px,calc(100dvh - 2rem));overflow:auto;border:1px solid rgba(192,132,252,.28);
  border-radius:24px;background:linear-gradient(180deg,rgba(28,20,45,.98),rgba(9,8,15,.99));box-shadow:0 45px 140px -48px #000;padding:1.25rem}
.auth-close{position:absolute;top:.8rem;right:.8rem;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--ink);font-size:1.25rem;cursor:pointer}
.auth-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}
.auth-logo{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:rgba(255,255,255,.06);border:1px solid rgba(192,132,252,.35);box-shadow:0 14px 34px -22px var(--glow);flex:0 0 auto}
.auth-logo img{width:100%;height:100%;object-fit:cover;display:block}
.auth-head h2{font-size:1.45rem;margin-top:.22rem}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:rgba(255,255,255,.045);border:1px solid var(--line);padding:.32rem;border-radius:14px;margin-bottom:.75rem}
.auth-tabs button{border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-weight:800;padding:.72rem;cursor:pointer}
.auth-tabs button.is-active{background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff}
.google-auth{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid var(--line);border-radius:13px;
  background:#fff;color:#15121d;padding:.82rem;font-weight:850;cursor:pointer;margin-bottom:.8rem}
.google-auth.is-disabled{opacity:.58;cursor:not-allowed;filter:saturate(.45)}
.google-auth span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#15121d;color:#fff;font-family:var(--font-display)}
.auth-form{display:grid;gap:.72rem}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:.72rem}
.auth-form label{display:grid;gap:.32rem;color:var(--ink);font-size:.82rem;font-weight:750}
.auth-form input{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.055);color:var(--ink);
  padding:.82rem .88rem;font:inherit;outline:none}
.auth-form input:focus{border-color:rgba(192,132,252,.7);box-shadow:0 0 0 3px rgba(168,85,247,.15)}
.auth-form .btn{width:100%;margin-top:.2rem}
.otp-form p,.auth-status{font-size:.84rem;color:var(--text);line-height:1.5}
.auth-status{margin:.85rem 0 0;color:var(--v3)}
.client-dashboard{max-width:var(--maxw);margin:0 auto 1.5rem;padding:clamp(1.2rem,4vw,2rem);display:grid;gap:1rem}
.client-dashboard[hidden]{display:none}
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border:1px solid var(--line-violet);
  border-radius:20px;background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(255,255,255,.035));padding:1.2rem}
.dash-head h2{font-size:clamp(1.45rem,3vw,2.2rem);margin:.3rem 0}
.dash-status{border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.1);color:#fde68a;border-radius:999px;padding:.55rem .85rem;font-weight:850;font-size:.82rem;white-space:nowrap}
.dash-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.dash-kpis div,.dash-chart-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:1rem}
.dash-kpis b{display:block;color:var(--ink);font-family:var(--font-display);font-size:1.9rem;line-height:1}
.dash-kpis span{color:var(--muted);font-size:.82rem}
.dash-chart-card header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}
.dash-chart-card h3{font-size:1rem}.dash-chart-card header span{font-size:.78rem;color:var(--muted)}
.bar-chart{height:230px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(46px,1fr);align-items:end;gap:.65rem;border-bottom:1px solid var(--line);padding-top:.5rem}
.bar-item{display:grid;grid-template-rows:1fr auto;align-items:end;gap:.45rem;min-width:0}
.bar-fill{border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--v3),var(--v1));min-height:8px;box-shadow:0 16px 34px -24px var(--glow)}
.bar-label{font-size:.68rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.line-chart{width:100%;height:260px;background:rgba(255,255,255,.025);border-radius:14px}
.line-chart path{fill:none;stroke:var(--v3);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(192,132,252,.35))}
.line-chart .area{fill:rgba(168,85,247,.16);stroke:none;filter:none}
.line-chart text{fill:var(--muted);font:12px var(--font-body)}

/* ============ dormant application workspace ============ */
.client-dashboard.es-app{
  --es-bg:#07090f;
  --es-panel:#11131a;
  --es-panel-2:#151824;
  --es-ink:#f5f7fb;
  --es-text:#c1c7d6;
  --es-muted:#8891a7;
  --es-line:rgba(255,255,255,.075);
  --es-line-strong:rgba(196,181,253,.26);
  --es-violet:#8b5cf6;
  --es-violet-2:#c4b5fd;
  --es-green:#22c55e;
  --es-amber:#f59e0b;
  --es-red:#ef4444;
  --es-font-display:'Sora',system-ui,sans-serif;
  --es-font-body:'Inter',system-ui,sans-serif;
  --es-font-mono:'JetBrains Mono',ui-monospace,monospace;
  max-width:none;
  min-height:100dvh;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:0;
  background:var(--es-bg);
  color:var(--es-text);
  font-family:var(--es-font-body);
  border-top:1px solid var(--es-line);
  isolation:isolate;
}
.client-dashboard.es-app[hidden]{display:none}
body.es-dashboard-mode{
  background:#050509;
  overflow:auto;
  --dash-square-x:0px;
  --dash-square-y:0px;
  --dash-square-scale:1;
}
body.es-dashboard-mode>.topbar,
body.es-dashboard-mode>.nav,
body.es-dashboard-mode>.mobile-menu,
body.es-dashboard-mode>.scroll-progress,
body.es-dashboard-mode>.support-widget{display:none!important}
body.es-dashboard-mode main{display:block}
body.es-dashboard-mode main>:not(#clientDashboard):not(.hero){display:none!important}
/* keep aurora 3D cubes alive in dashboard mode — collapse the hero shell, render only its canvas */
body.es-dashboard-mode main>.hero{display:block!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;pointer-events:none!important;contain:layout style!important;visibility:visible!important}
body.es-dashboard-mode main>.hero>:not(.hero-canvas){display:none!important}
body.es-dashboard-mode .hero-canvas{display:block!important;opacity:.62!important;z-index:-1!important;pointer-events:none!important}
body.es-dashboard-mode>.backdrop{display:block!important;opacity:.85}
body.es-dashboard-mode>.cursor-glow{display:block!important;opacity:.55}
body.es-dashboard-mode .client-dashboard.es-app{
  min-height:100dvh;
  border-top:0;
}
body.es-dashboard-mode .client-dashboard.es-app .es-sidebar{
  position:fixed;
  left:0;
  top:0;
  width:220px;
  height:100dvh;
}
body.es-dashboard-mode .client-dashboard.es-app .es-shell{
  grid-column:2;
}
.es-app button,.es-app input{font:inherit}
.es-app button{cursor:pointer}
.es-sidebar{
  position:sticky;
  top:0;
  height:100dvh;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1rem;
  background:
    linear-gradient(180deg,rgba(14,16,23,.96),rgba(9,11,18,.97)),
    radial-gradient(circle at top left,rgba(139,92,246,.08),transparent 34%);
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.025);
}
.es-side-brand{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:.7rem;
  color:var(--es-ink);
  text-decoration:none;
  font-family:var(--es-font-display);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.es-side-brand img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.es-side-brand i{font-style:normal;color:var(--v3)}
.es-side-nav{display:grid;gap:.28rem}
.es-side-nav button{
  width:100%;
  min-height:44px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:var(--es-text);
  text-align:left;
  padding:.76rem .88rem;
  font-family:var(--es-font-display);
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:transform .24s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .24s var(--ease);
}
.es-side-nav button:hover,.es-side-nav button.is-active{
  color:var(--es-ink);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  border-color:rgba(196,181,253,.16);
  box-shadow:0 16px 32px -28px rgba(0,0,0,.9);
}
.es-side-nav button.is-active{
  background:linear-gradient(180deg,rgba(139,92,246,.14),rgba(255,255,255,.02));
  border-color:rgba(196,181,253,.24);
  box-shadow:inset 2px 0 0 var(--es-violet),0 18px 42px -34px rgba(139,92,246,.5);
}
.es-user-card{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:.72rem;
  min-height:68px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(22,24,36,.92),rgba(13,15,24,.94));
  box-shadow:0 20px 44px -34px rgba(0,0,0,.9);
  padding:.72rem;
}
.es-user-avatar{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  color:#fff;
  background:#16131d;
  border:1px solid var(--es-line-strong);
  font-family:var(--es-font-display);
  font-size:.78rem;
  font-weight:800;
}
.es-user-avatar img{width:100%;height:100%;object-fit:cover}
.es-user-card b,.es-user-card i{display:block}
.es-user-card b{color:var(--es-ink);font-family:var(--es-font-display);font-size:.74rem;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}
.es-user-card i{font-style:normal;color:var(--es-muted);font-size:.74rem;line-height:1.25;margin-top:.2rem}
.es-shell{min-width:0;padding:1rem;display:grid;gap:1rem;align-content:start}
.es-topbar{
  position:sticky;
  top:0;
  z-index:20;
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1rem 1.12rem;
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(18,20,30,.9),rgba(11,13,21,.92));
  backdrop-filter:blur(18px) saturate(145%);
  box-shadow:0 30px 80px -52px rgba(0,0,0,.98),0 0 0 1px rgba(255,255,255,.02) inset;
}
.client-dashboard.es-app.is-overview-mode .es-topbar{
  grid-template-columns:minmax(180px,1fr) auto;
}
.client-dashboard.es-app.is-overview-mode .es-global-search,
.client-dashboard.es-app.is-overview-mode .es-search2{
  display:none;
}
.es-kicker{
  margin:0 0 .18rem;
  color:var(--es-muted);
  font-family:var(--es-font-mono);
  font-size:.64rem;
  line-height:1.2;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.es-topbar h2{font-family:var(--es-font-display);font-size:1.18rem;letter-spacing:.02em}
.es-global-search,.es-integration-search{
  display:grid;
  gap:.34rem;
  min-width:0;
}
.es-global-search span,.es-integration-search span{
  color:var(--es-muted);
  font-size:.64rem;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.es-global-search input,.es-integration-search input{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(9,11,17,.92);
  color:var(--es-ink);
  outline:none;
  padding:.72rem .96rem;
  font-size:.92rem;
}
.es-global-search input:focus,.es-integration-search input:focus{
  border-color:rgba(196,181,253,.42);
  box-shadow:0 0 0 4px rgba(139,92,246,.1),0 14px 30px -22px rgba(139,92,246,.42);
}
.es-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}
.es-icon-btn{
  min-height:44px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  color:var(--es-ink);
  padding:.62rem .92rem;
  font-family:var(--es-font-body);
  font-size:.86rem;
  font-weight:500;
  letter-spacing:.01em;
  white-space:nowrap;
  touch-action:manipulation;
  box-shadow:0 18px 40px -34px rgba(0,0,0,.95);
}
.es-icon-btn:hover{
  border-color:rgba(196,181,253,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(139,92,246,.06));
}
.es-session-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.48rem;
  min-height:40px;
  min-width:154px;
  border:1px solid rgba(34,197,94,.28);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(10,16,12,.98),rgba(11,26,18,.94));
  color:#d7f9df;
  padding:.46rem .8rem .46rem .72rem;
  white-space:nowrap;
  box-shadow:0 16px 34px -26px rgba(34,197,94,.45),inset 0 1px 0 rgba(255,255,255,.05);
  position:relative;
  overflow:hidden;
}
.es-session-status::before{
  content:"";
  position:absolute;
  inset:1px auto 1px 1px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(74,222,128,.95),rgba(34,197,94,.35));
  box-shadow:0 0 14px rgba(34,197,94,.55);
}
.es-session-status i{
  width:8px;
  height:8px;
  margin-left:.1rem;
  border-radius:50%;
  background:var(--es-green);
  flex:0 0 auto;
  box-shadow:0 0 0 4px rgba(34,197,94,.12),0 0 16px rgba(34,197,94,.55);
}
.es-session-status b{
  font-family:var(--es-font-display);
  font-size:.76rem;
  line-height:1;
  color:#ecfff0;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.es-agent-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
.es-agent-layer{
  position:relative;
  display:grid;
  gap:.68rem;
  min-width:0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(19,22,32,.96),rgba(13,15,24,.97));
  box-shadow:0 26px 64px -46px rgba(0,0,0,.98);
  overflow:hidden;
  padding:1rem;
}
.es-agent-layer::before{
  content:none;
}
.es-agent-layer > *{position:relative;z-index:1}
.es-agent-layer:hover{
  transform:translateY(-4px);
  border-color:rgba(196,181,253,.18);
  box-shadow:0 36px 88px -54px rgba(0,0,0,.98),0 0 0 1px rgba(139,92,246,.08) inset;
}
.es-agent-copy{display:grid;gap:.14rem;min-width:0}
.es-agent-copy b{color:var(--es-ink);font-family:var(--es-font-display);font-size:.86rem;line-height:1.1;letter-spacing:.02em}
.es-agent-copy span,.es-agent-copy em{display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-agent-copy span{color:var(--es-muted);font-family:var(--es-font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.es-agent-copy em{font-size:.78rem;line-height:1.2;color:#bbf7d0}
.es-agent-layer.is-offline{opacity:.7}
.es-agent-layer.is-offline .es-agent-copy em{color:#fca5a5}
.es-agent-actions{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  min-width:0;
  padding:.7rem .74rem;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,10,16,.76),rgba(13,16,24,.72));
  overflow:hidden;
}
.es-agent-actions::before{
  content:none;
}
.es-agent-actions > *{position:relative;z-index:1}
.es-speed-toggle{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  overflow:hidden;
  background:rgba(15,17,26,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.es-speed-toggle button{
  min-width:0;
  min-height:36px;
  border:0;
  background:transparent;
  color:var(--es-muted);
  padding:.35rem .68rem;
  font-family:var(--es-font-body);
  font-size:.68rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.1em;
  transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
  touch-action:manipulation;
}
.es-speed-toggle button:hover{color:#f5f3ff}
.es-speed-toggle button.is-active{color:#fff;transform:translateY(-1px)}
.es-speed-toggle button[data-speed-value="default"].is-active{background:rgba(99,102,241,.24);box-shadow:inset 0 0 0 1px rgba(129,140,248,.34)}
.es-speed-toggle button[data-speed-value="medium"].is-active{background:rgba(139,92,246,.24);box-shadow:inset 0 0 0 1px rgba(196,181,253,.32)}
.es-speed-toggle button[data-speed-value="high"].is-active{background:rgba(34,197,94,.24);box-shadow:inset 0 0 0 1px rgba(134,239,172,.34)}
.es-switch{position:relative;display:inline-flex;align-items:center;min-width:48px;height:28px;flex:0 0 auto}
.es-switch input{position:absolute;opacity:0;inset:0}
.es-switch span{
  width:48px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:#12141d;
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.es-switch span::before{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#eef2ff;
  transition:transform .2s var(--ease);
}
.es-agent-layer.is-speed-default .es-switch input:checked+span{background:rgba(96,165,250,.22);border-color:rgba(96,165,250,.5)}
.es-agent-layer.is-speed-default .es-switch input:checked+span::before{background:#dbeafe}
.es-agent-layer.is-speed-medium .es-switch input:checked+span{background:rgba(139,92,246,.24);border-color:rgba(196,181,253,.46)}
.es-agent-layer.is-speed-medium .es-switch input:checked+span::before{background:#ede9fe}
.es-agent-layer.is-speed-high .es-switch input:checked+span{background:rgba(34,197,94,.22);border-color:rgba(34,197,94,.5)}
.es-agent-layer.is-speed-high .es-switch input:checked+span::before{background:#bbf7d0}
.es-switch input:checked+span::before{transform:translateX(20px)}
.es-switch input:focus-visible+span{outline:2px solid var(--v3);outline-offset:3px}
.es-view{display:none;min-width:0}
.es-view.is-active{display:grid;gap:1rem}
.es-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.es-kpi,.es-counter-grid article,.es-chart-panel,.es-table-panel{
  position:relative;
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,23,34,.96),rgba(13,15,24,.98));
  overflow:hidden;
  box-shadow:0 24px 64px -48px rgba(0,0,0,.98);
}
.es-kpi::before,.es-counter-grid article::before,.es-chart-panel::before,.es-table-panel::before,.es-command-metric::before,.es-delivery-ring::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(139,92,246,.06),transparent 42%);
  opacity:1;
}
.es-kpi > *,.es-counter-grid article > *,.es-chart-panel > *,.es-table-panel > *,.es-command-metric > *,.es-delivery-ring > *{position:relative;z-index:1}
.es-kpi:hover,.es-counter-grid article:hover,.es-chart-panel:hover,.es-table-panel:hover,.es-command-metric:hover,.es-delivery-ring:hover{
  border-color:rgba(196,181,253,.16);
}
.es-kpi{min-height:128px;padding:1.08rem 1.12rem 1.06rem;display:grid;align-content:space-between;gap:.52rem}
.es-kpi span,.es-counter-grid span{color:var(--es-muted);font-family:var(--es-font-mono);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.es-kpi b{display:block;color:var(--es-ink);font-family:var(--es-font-display);font-size:1.6rem;line-height:1.02;letter-spacing:-.01em}
.es-kpi i{font-style:normal;color:#97a0b6;font-size:.76rem;line-height:1.35}
.es-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.es-empty-cta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:.85rem 1.1rem;padding:1.15rem 1.3rem;border-radius:16px;border:1px solid rgba(168,85,247,.2);background:linear-gradient(120deg,rgba(168,85,247,.09),rgba(139,92,246,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.es-empty-cta>div:not(.es-empty-glyph){min-width:200px;flex:1 1 auto}
.es-empty-cta .btn{margin:0;margin-left:auto}
.es-empty-glyph{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);flex:0 0 auto}
.es-empty-glyph svg{width:26px;height:26px}
.es-empty-cta h3{margin:0;font-family:var(--es-font-display,'Sora',sans-serif);font-size:1.25rem;font-weight:700;color:var(--es-ink,#f4f1fa);letter-spacing:-.01em}
.es-empty-cta p{margin:0;max-width:420px;color:var(--es-muted,#8d83a8);font-size:.9rem;line-height:1.55}
.es-empty-cta .btn{margin-top:.5rem}
.es-counter-grid article{min-height:82px;padding:1rem 1.04rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}
.es-counter-grid b{color:var(--es-ink);font-family:var(--es-font-display);font-size:1.2rem;line-height:1;letter-spacing:.01em}
.es-analytics-stack{display:grid;gap:.68rem}
.es-analytics-row{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:.68rem}
.es-chart-panel,.es-table-panel{min-width:0;padding:.96rem}
.es-chart-panel header,.es-table-panel header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.78rem;
}
.es-chart-panel h3,.es-table-panel h3{font-family:var(--es-font-display);font-size:.92rem;letter-spacing:.01em}
.es-chart-panel header span,.es-table-panel header span{color:var(--es-muted);font-family:var(--es-font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.es-chart-panel canvas{width:100%;height:360px;display:block}
.es-pulse-strip,.es-orders-panel,.es-revenue-panel{position:relative}
.es-pulse-strip{padding:.9rem .98rem .8rem}
.es-pulse-strip header{margin-bottom:.5rem}
.es-pulse-strip canvas{height:142px}
.es-orders-panel canvas,.es-revenue-panel canvas{height:248px}
.es-axis-unit{
  position:absolute;
  left:.4rem;
  top:4.2rem;
  z-index:2;
  color:rgba(136,145,167,.78);
  font-family:var(--es-font-mono);
  font-size:.56rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  pointer-events:none;
}
.es-pulse-strip .es-axis-unit{top:3.18rem}
.es-table-grid{display:grid;grid-template-columns:1fr;gap:.9rem}
.es-table-scroll{overflow:auto;max-width:100%}
.es-table-panel table{width:100%;border-collapse:collapse;min-width:520px}
.es-table-panel th,.es-table-panel td{
  padding:.78rem .56rem;
  border-bottom:1px solid var(--es-line);
  text-align:left;
  vertical-align:middle;
  font-size:.82rem;
}
.es-table-panel th{
  color:var(--es-muted);
  font-family:var(--es-font-mono);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}
.es-table-panel td{color:var(--es-text)}
.es-table-panel td:first-child{color:var(--es-ink);font-weight:500}
.es-table-panel tbody tr:hover td{background:rgba(255,255,255,.02)}
.es-table-panel tr:last-child td{border-bottom:0}
.es-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  border-radius:999px;
  padding:.18rem .56rem;
  border:1px solid rgba(255,255,255,.08);
  color:var(--es-ink);
  background:rgba(255,255,255,.03);
  font-size:.68rem;
  font-weight:700;
  white-space:nowrap;
}
.es-pill.ok{color:#bbf7d0;border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.1)}
.es-pill.pending{color:#fde68a;border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.1)}
.es-pill.offline{color:#fecaca;border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.1)}
.es-custom-connectors{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}
.es-config-head{
  display:grid;
  grid-template-columns:auto minmax(220px,380px);
  align-items:end;
  justify-content:space-between;
  gap:1rem;
}
.es-tabs{display:inline-grid;grid-auto-flow:column;gap:.35rem;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(14,16,24,.9);padding:.28rem}
.es-tabs button{
  min-height:40px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--es-muted);
  padding:.56rem .86rem;
  font-weight:600;
  font-size:.82rem;
}
.es-tabs button.is-active{background:rgba(139,92,246,.14);color:var(--es-ink)}
.es-integration-meta{color:var(--es-muted);font-size:.8rem}
.es-integration-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.75rem;
}
.es-platform-card{
  min-height:178px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(19,22,32,.96),rgba(13,15,24,.98));
  padding:1rem;
  display:grid;
  gap:.8rem;
  align-content:space-between;
  box-shadow:0 24px 64px -48px rgba(0,0,0,.98);
}
.es-platform-card:hover{border-color:rgba(196,181,253,.16)}
.es-platform-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.es-platform-logo{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.07);
  background:#10131b;
  color:var(--es-ink);
  font-family:var(--es-font-display);
  font-weight:700;
  font-size:.72rem;
  overflow:hidden;
}
.es-platform-logo img{width:100%;height:100%;object-fit:contain;padding:4px}
.es-platform-status{color:var(--es-muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;font-family:var(--es-font-mono);font-weight:700}
.es-platform-card h3{font-size:1rem;letter-spacing:.01em}
.es-platform-card p{color:var(--es-muted);font-size:.79rem;line-height:1.5}
.es-platform-bottom{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.es-platform-kind{color:#b9c0d3;font-size:.68rem;font-family:var(--es-font-mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.es-connect-pill{
  min-height:34px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(13,16,24,.9);
  color:#f5f7fb;
  padding:.42rem .82rem;
  font-size:.72rem;
  font-weight:700;
  line-height:1;
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
  touch-action:manipulation;
}
.es-connect-pill:hover{background:rgba(139,92,246,.08);border-color:rgba(196,181,253,.2);transform:translateY(-1px)}
.es-connect-pill.is-connected{color:#bbf7d0;border-color:rgba(34,197,94,.38);background:rgba(5,25,15,.62)}
.es-empty{
  grid-column:1/-1;
  min-height:140px;
  display:grid;
  place-items:center;
  border:1px dashed var(--es-line);
  border-radius:8px;
  color:var(--es-muted);
  background:rgba(255,255,255,.02);
}
.es-utility-panel{max-width:980px}
.es-dashboard-footer{
  display:grid;
  place-items:center;
  padding:1.2rem 1rem 1.5rem;
}
.es-dashboard-footer span{
  color:var(--es-violet-2);
  font-family:var(--es-font-mono);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.es-modal{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:1rem;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s var(--ease),visibility .18s var(--ease);
}
.es-modal.open{opacity:1;visibility:visible}
.es-modal-panel{
  position:relative;
  width:min(520px,100%);
  max-height:min(720px,calc(100dvh - 2rem));
  overflow:auto;
  border:1px solid rgba(196,181,253,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(17,20,29,.98),rgba(10,12,20,.99));
  box-shadow:0 36px 120px -42px #000;
  padding:1.08rem;
}
.es-modal-close{
  position:absolute;
  top:.8rem;
  right:.8rem;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#121621;
  color:var(--es-ink);
  font-size:1.2rem;
}
.es-modal-panel header{display:flex;align-items:center;gap:.8rem;padding-right:2.4rem;margin-bottom:1rem}
.es-modal-logo{
  width:44px;
  height:44px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:#121621;
  color:var(--es-ink);
  font-family:var(--es-font-display);
  font-weight:700;
  overflow:hidden;
}
.es-modal-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.es-modal-panel h3{font-size:1.2rem;letter-spacing:0}
.es-modal-form{display:grid;gap:.78rem}
.es-modal-form label{display:grid;gap:.35rem;color:var(--es-ink);font-size:.76rem;font-family:var(--es-font-mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.es-modal-form input{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#0f121a;
  color:var(--es-ink);
  outline:none;
  padding:.68rem .72rem;
}
.es-modal-form input:focus{border-color:rgba(196,181,253,.42);box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.es-form-status{min-height:1.2em;color:#bbf7d0;font-size:.8rem}
.es-modal-submit{
  min-height:44px;
  border:1px solid rgba(196,181,253,.14);
  border-radius:14px;
  background:linear-gradient(180deg,#171b27,#10131c);
  color:var(--es-ink);
  font-family:var(--es-font-body);
  font-size:.9rem;
  font-weight:600;
  box-shadow:0 18px 38px -28px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.05);
  transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease);
}
.es-modal-submit:hover{background:linear-gradient(180deg,#1c2231,#121722);border-color:rgba(196,181,253,.22);transform:translateY(-1px)}
.es-toast-region{position:fixed;right:1rem;bottom:1rem;z-index:230;display:grid;gap:.5rem;width:min(360px,calc(100vw - 2rem))}
.es-toast{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(18,20,30,.96),rgba(11,13,21,.98));
  color:var(--es-ink);
  padding:.82rem .88rem;
  box-shadow:0 24px 64px -42px #000;
  font-size:.86rem;
}

/* ============ 2030 utility polish + new product sections ============ */
body{background:transparent}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 20%,rgba(37,99,235,.18),transparent 30%),
    radial-gradient(circle at 84% 30%,rgba(234,88,12,.12),transparent 34%),
    linear-gradient(180deg,#05060a,#08070c 55%,#030407);
}
body.es-dashboard-mode::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  /* same structure as the landing hero — pure violet palette, solid dark base (no orange/blue, no muddy wash) */
  background:
    radial-gradient(circle at 16% 20%,rgba(124,58,237,.16),transparent 30%),
    radial-gradient(circle at 84% 30%,rgba(168,85,247,.12),transparent 34%),
    linear-gradient(180deg,#05060a,#08070c 55%,#030407);
}
body.es-dashboard-mode::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M0 32H64M32 0V64' stroke='%23c084fc' stroke-opacity='.05' stroke-width='1'/%3E%3Ctext x='5' y='17' font-family='Georgia,serif' font-size='13' font-style='italic' fill='%23c084fc' fill-opacity='.6'%3Ee%3C/text%3E%3Ctext x='43' y='55' font-family='Georgia,serif' font-size='10' font-style='italic' fill='%23a855f7' fill-opacity='.55'%3Ee%3C/text%3E%3Cg fill='%23a855f7' fill-opacity='.5'%3E%3Ccircle cx='47' cy='14' r='2.3'/%3E%3Ccircle cx='50.5' cy='17.5' r='2.3'/%3E%3Ccircle cx='47' cy='21' r='2.3'/%3E%3Ccircle cx='43.5' cy='17.5' r='2.3'/%3E%3Ccircle cx='47' cy='17.5' r='1.7' fill='%23e9d5ff'/%3E%3C/g%3E%3Cg fill='%23c084fc' fill-opacity='.45'%3E%3Ccircle cx='14' cy='47' r='2'/%3E%3Ccircle cx='17' cy='50' r='2'/%3E%3Ccircle cx='14' cy='53' r='2'/%3E%3Ccircle cx='11' cy='50' r='2'/%3E%3Ccircle cx='14' cy='50' r='1.5' fill='%23ffffff'/%3E%3C/g%3E%3Ccircle cx='33' cy='7' r='1' fill='%23ffffff' fill-opacity='.4'/%3E%3Ccircle cx='7' cy='34' r='1' fill='%23c084fc' fill-opacity='.55'/%3E%3C/svg%3E");
  background-size:64px 64px;
  background-position:calc(50% + var(--dash-square-x)) calc(50% + var(--dash-square-y));
  opacity:.13;
  mix-blend-mode:screen;
  will-change:background-position;
}
.hero-canvas{
  position:fixed;
  inset:0;
  left:0;
  transform:none;
  width:100vw;
  height:100vh;
  z-index:-1;
  opacity:.7;
}
.hero-veil{display:none}
.backdrop{z-index:-2}
.grid{
  -webkit-mask:none;
          mask:none;
  opacity:.7;
  background-size:64px 64px;
  animation:gridDrift 22s linear infinite;
}
body.es-dashboard-mode>.backdrop .grid{
  opacity:.7;
  background-size:64px 64px;
  -webkit-mask:none;
          mask:none;
}
@keyframes gridDrift{to{transform:translate3d(-64px,-64px,0)}}
.square-copy{
  font-family:var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.05;
  border-left:4px solid #60a5fa;
  padding-left:.85rem;
}
.electronic-copy li{
  font-family:var(--font-mono);
  letter-spacing:.04em;
  border-radius:0;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);
}
.carrier-logo-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
  margin-top:.8rem;
}
.carrier-logo-strip img{
  width:50px;
  height:50px;
  border-radius:50%;
  object-fit:contain;
  border:1px solid rgba(168,85,247,.25);
  background:#fff;
  padding:.45rem;
  box-shadow:0 8px 22px -12px rgba(0,0,0,.8),inset 0 0 0 3px rgba(255,255,255,.9);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s;
}
.carrier-logo-strip img:hover{
  transform:translateY(-3px) scale(1.06);
  border-color:rgba(192,132,252,.6);
  box-shadow:0 14px 30px -12px rgba(168,85,247,.7),inset 0 0 0 3px #fff;
}
.return-map,.instant-grid,.refund-panel{
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  backdrop-filter:blur(14px);
}
.return-map{
  display:grid;
  grid-template-columns:1fr minmax(220px,.7fr) 1fr;
  gap:1rem;
  align-items:center;
  padding:1rem;
}
.return-node,.return-flow{
  min-height:160px;
  display:grid;
  align-content:center;
  gap:.4rem;
  border:1px solid var(--line);
  border-radius:8px;
  padding:1rem;
  background:#090a10;
}
.return-node b,.return-flow b{color:var(--ink);font-family:var(--font-display);font-size:1.15rem}
.return-node span,.return-flow span{color:var(--text)}
.return-node.danger{box-shadow:inset 0 0 0 1px rgba(239,68,68,.22)}
.return-node.good{box-shadow:inset 0 0 0 1px rgba(34,197,94,.24)}
.return-flow{text-align:center;background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(255,255,255,.03))}
.return-flow i{height:3px;background:linear-gradient(90deg,#ef4444,#60a5fa,#22c55e);box-shadow:0 0 18px rgba(96,165,250,.45)}
.instant-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:1.2rem;
  align-items:center;
  padding:1rem;
}
.instant-copy{padding:1rem}
.wa-loop{
  min-height:360px;
  border:1px solid rgba(34,197,94,.22);
  border-radius:8px;
  background:#07100d;
  overflow:hidden;
  box-shadow:0 30px 80px -60px rgba(34,197,94,.7);
}
.wa-top{
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:.7rem;
  padding:.75rem;
  background:#0b1b15;
  color:#eafff5;
}
.wa-top span{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#0f766e)}
.wa-top b{line-height:1}.wa-top i{font-style:normal;color:#86efac;font-size:.8rem}
.wa-frame{display:grid;gap:.62rem;padding:1rem}
.wa-bubble{
  max-width:82%;
  padding:.58rem .72rem;
  border-radius:8px;
  color:#eafff5;
  background:#0d2b22;
  animation:waLoop 3s infinite;
}
.wa-bubble.in{justify-self:start;background:#17221e}
.wa-bubble.out{justify-self:end;background:#0c6b4f}
.wa-bubble:nth-child(2){animation-delay:.45s}.wa-bubble:nth-child(3){animation-delay:.9s}.wa-bubble:nth-child(4){animation-delay:1.35s}
@keyframes waLoop{0%,18%{opacity:0;transform:translateY(10px)}28%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.refund-panel{
  display:grid;
  gap:1rem;
  max-width:900px;
  margin:auto;
  padding:clamp(1.2rem,4vw,2rem);
  text-align:center;
}
.refund-panel h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.refund-panel p{max-width:62ch;margin:auto}
.refund-panel .btn{justify-self:center}
.intg-explain{
  position:fixed;
  inset:0;
  z-index:260;
  display:grid;
  place-items:center;
  padding:1rem;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s var(--ease),visibility .18s var(--ease);
}
.intg-explain.open{opacity:1;visibility:visible}
.intg-explain-panel{
  position:relative;
  width:min(760px,100%);
  border:1px solid rgba(96,165,250,.28);
  border-radius:8px;
  background:#070911;
  padding:1.2rem;
  box-shadow:0 40px 110px -55px #000;
}
.intg-explain-close{
  position:absolute;
  top:.8rem;
  right:.8rem;
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#0e111b;
  color:var(--ink);
}
.intg-explain-panel h2{margin:.5rem 0}
.intg-explain-panel p{color:var(--text);max-width:68ch}
.intg-schema{
  margin-top:1.1rem;
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;
  gap:.5rem;
  align-items:center;
}
.intg-schema span{
  min-height:76px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:var(--ink);
  font-family:var(--font-mono);
  font-size:.76rem;
  text-transform:uppercase;
}
.intg-schema i{height:2px;background:#60a5fa;box-shadow:0 0 14px rgba(96,165,250,.55)}

.client-dashboard.es-app{
  background:transparent;
  border-top:0;
}
body.es-dashboard-mode{background:transparent}
body.es-dashboard-mode .es-kpi,
body.es-dashboard-mode .es-counter-grid article,
body.es-dashboard-mode .es-chart-panel,
body.es-dashboard-mode .es-table-panel,
body.es-dashboard-mode .es-command-metric,
body.es-dashboard-mode .es-delivery-ring{
  background:linear-gradient(160deg,rgba(20,16,32,.78),rgba(12,9,22,.72))!important;
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
body.es-dashboard-mode .es-sidebar{
  background:linear-gradient(180deg,rgba(14,16,23,.86),rgba(9,11,18,.88)),radial-gradient(circle at top left,rgba(139,92,246,.10),transparent 34%)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
body.es-dashboard-mode .es-topbar{
  background:linear-gradient(180deg,rgba(10,8,18,.55),rgba(10,8,18,.25))!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.es-dashboard-mode .es-inbox-shell{
  background:linear-gradient(160deg,rgba(20,16,32,.62),rgba(12,9,22,.55))!important;
  backdrop-filter:blur(14px) saturate(118%);
  -webkit-backdrop-filter:blur(14px) saturate(118%);
}
body.es-dashboard-mode .intg-card{
  backdrop-filter:blur(10px) saturate(115%);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
}
body.es-dashboard-mode>.backdrop{
  display:block!important;
  opacity:1;
}
body.es-dashboard-mode>.cursor-glow{
  display:block!important;
  z-index:9999;
}
body.es-dashboard-mode .client-dashboard.es-app{background:transparent}
/* Product grid */
.es-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:.25rem 0}
.es-product-card{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.6rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(20,23,34,.85),rgba(13,15,24,.9));backdrop-filter:blur(12px);transition:border-color .2s}
.es-product-card:hover{border-color:rgba(168,85,247,.2)}
.es-product-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--es-font-display);font-weight:700;font-size:.78rem;color:#fff;flex:0 0 auto}
.es-product-icon.has-image{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);overflow:hidden;padding:0}
.es-product-icon.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.es-product-info{min-width:0;overflow:hidden}
.es-product-info b{display:block;color:var(--es-ink);font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-product-info i{display:block;color:var(--es-muted);font-size:.64rem;font-style:normal;font-family:var(--es-font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-product-price{color:var(--v3);font-size:.72rem;font-family:var(--es-font-mono);white-space:nowrap}
.es-empty-state{text-align:center;padding:3rem 1rem;color:var(--es-muted);font-size:.88rem;line-height:1.6}
/* Inbox view */
.es-inbox-shell{display:grid;grid-template-columns:30% 70%;height:calc(100dvh - 120px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.es-inbox-contacts{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;background:rgba(10,12,18,.6)}
.es-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.06)}
.es-inbox-head h3{margin:0;font-size:.85rem;font-weight:700;color:var(--es-ink);font-family:var(--es-font-display)}
.es-inbox-head span{font-size:.6rem;color:var(--es-muted);font-family:var(--es-font-mono);display:flex;align-items:center;gap:4px}
.es-inbox-head .wa{width:10px;height:10px;border-radius:50%;background:#25d366;display:inline-block}
.es-inbox-indicator{padding:.25rem .7rem .35rem;border-top:1px solid rgba(255,255,255,.04);display:flex;gap:6px;align-items:center;font-size:.55rem;font-family:var(--es-font-mono);color:var(--es-muted);letter-spacing:.04em}
.es-inbox-indicator span{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:3px;font-weight:600;font-size:.5rem;text-transform:uppercase}
.es-inbox-indicator .on{opacity:1}
.es-inbox-indicator .off{opacity:.25}
.es-inbox-indicator .dot{width:5px;height:5px;border-radius:50%;display:inline-block}
.es-inbox-list{flex:1;overflow-y:auto}
.es-inbox-list-wrap{display:grid}
.es-inbox-empty{text-align:center;padding:2rem 1rem;color:var(--es-muted);font-size:.82rem;line-height:1.5}
.es-inbox-reminder{padding:.6rem .7rem;margin:0 .5rem .4rem;border-radius:8px;background:linear-gradient(135deg,rgba(228,64,95,.08),rgba(8,102,255,.08));border:1px solid rgba(228,64,95,.15);font-size:.72rem;color:var(--es-ink);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s}
.es-inbox-reminder:hover{background:linear-gradient(135deg,rgba(228,64,95,.14),rgba(8,102,255,.14))}
.es-inbox-social{padding:.5rem .7rem;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:.3rem}
.es-social-title{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--es-muted);font-family:var(--es-font-mono);margin-bottom:.1rem}
.es-social-btn{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:6px;border:none;font-family:'Inter',sans-serif;font-size:.7rem;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s}
.es-social-btn:hover{opacity:.85}
.es-social-btn:disabled{opacity:.4;cursor:default}
.es-social-btn span{font-weight:400;opacity:.8}
.es-social-btn.wa{background:#25d366;color:#fff}
.es-social-btn.ig{background:linear-gradient(135deg,#e4405f,#d62976)}
.es-social-btn.ms{background:linear-gradient(135deg,#0866ff,#0b8cff)}
/* Setup channel buttons */
.ch-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.52rem;border-radius:8px;border:none;font-family:'Inter',system-ui,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;margin-bottom:.35rem;letter-spacing:.01em}
.setup-ch-row{display:flex;gap:.5rem;margin-bottom:.35rem}
.setup-ch-row .ch-btn{flex:1 1 0;width:auto;min-width:0;margin-bottom:0;padding:.6rem .35rem;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-btn:hover{opacity:.9;transform:translateY(-1px)}
.ch-btn:active{transform:scale(.98)}
.ch-btn:disabled{opacity:.5;cursor:default;transform:none}
.ch-btn.wa{background:#25d366;color:#fff}
.ch-btn.ig{background:linear-gradient(135deg,#e4405f,#d62976);color:#fff}
.ch-btn.ms{background:linear-gradient(135deg,#0866ff,#0b8cff);color:#fff}
.ch-btn.later{background:rgba(139,92,246,.1);color:rgba(192,132,252,.55);border:1px solid rgba(168,85,247,.14);font-weight:500;font-size:.72rem;padding:.42rem}
.ch-btn.done{background:rgba(255,255,255,.04);color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.06);font-weight:500;font-size:.72rem;padding:.42rem;cursor:default}
.ch-btn.done:hover{transform:none;opacity:1}
.es-inbox-contact{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.5rem;padding:.6rem .7rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}
.es-inbox-contact:hover{background:rgba(168,85,247,.06)}
.es-inbox-contact:first-child{background:rgba(168,85,247,.08)}
.es-contact-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--es-font-display);font-weight:700;font-size:.78rem;color:#fff}
.es-contact-info{min-width:0}
.es-contact-info b{display:block;color:var(--es-ink);font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-contact-info i{display:block;color:var(--es-muted);font-size:.7rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-contact-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}
.es-contact-channel{font-size:.5rem;font-weight:700;font-family:var(--es-font-mono);letter-spacing:.04em;padding:1px 5px;border-radius:4px;color:#fff;display:inline-flex;align-items:center;height:14px}
.es-contact-time{font-size:.62rem;color:var(--es-muted);font-family:var(--es-font-mono)}
.es-contact-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;color:#fff;font-size:.58rem;font-weight:700;padding:0 4px}
.es-inbox-chat{display:flex;flex-direction:column;background:rgba(8,7,12,.65)}
.es-inbox-chat-head{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);flex:0 0 auto}
.es-chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--v1),var(--v2));font-family:var(--es-font-display);font-weight:700;font-size:.8rem;color:#fff}
.es-chat-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.62rem;color:#4ade80;font-family:var(--es-font-mono)}
.es-chat-status .ping{width:6px;height:6px;background:#4ade80}
.es-inbox-messages{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}
.es-inbox-msg-empty{text-align:center;padding:3rem 1rem;color:var(--es-muted);font-size:.82rem}
.es-inbox-msg{max-width:75%;padding:.55rem .8rem;border-radius:14px;font-size:.84rem;line-height:1.45;position:relative}
.es-inbox-msg.customer{align-self:flex-start;background:rgba(255,255,255,.06);border-bottom-left-radius:4px}
.es-inbox-msg.agent{align-self:flex-end;background:linear-gradient(135deg,rgba(124,58,237,.5),rgba(168,85,247,.35));color:#fff;border-bottom-right-radius:4px}
.es-msg-text{word-wrap:break-word}
.es-inbox-contact.is-active{background:rgba(168,85,247,.12)!important}
.es-chat-back{display:none;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border:none;border-radius:9px;background:rgba(255,255,255,.06);color:var(--es-ink,#f4f1fa);font-size:1.05rem;cursor:pointer;transition:background .15s}
.es-chat-back:hover{background:rgba(168,85,247,.18)}
.es-chat-intervene.is-active{background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.4);color:#fbbf24}
@media (max-width:760px){
  .es-inbox-shell{grid-template-columns:1fr}
  .es-inbox-chat{display:none}
  .es-inbox-shell.chat-open .es-inbox-contacts{display:none}
  .es-inbox-shell.chat-open .es-inbox-chat{display:flex}
  .es-chat-back{display:inline-flex}
}
/* Customers — loyalty leaderboard */
.es-cust-list{display:flex;flex-direction:column;gap:.6rem}
.es-cust-row{display:grid;grid-template-columns:36px 42px 1fr auto auto;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:border-color .15s,background .15s}
.es-cust-row:hover{border-color:rgba(168,85,247,.25);background:rgba(168,85,247,.05)}
.es-cust-rank{font-family:var(--es-font-mono,'JetBrains Mono',monospace);font-size:.78rem;color:var(--es-muted,#8d83a8);text-align:center}
.es-cust-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--es-font-display,'Sora',sans-serif);font-weight:700;font-size:.95rem;color:#13101c;background:var(--bc,#a855f7);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.es-cust-info{min-width:0}
.es-cust-info b{display:block;color:var(--es-ink,#f4f1fa);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-cust-info i{display:block;color:var(--es-muted,#8d83a8);font-size:.74rem;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-cust-metrics{display:flex;gap:1.3rem}
.es-cust-metric{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.es-cust-metric span{font-family:var(--es-font-display,'Sora',sans-serif);font-weight:700;font-size:1rem;color:var(--es-ink,#f4f1fa)}
.es-cust-metric label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--es-muted,#8d83a8)}
.es-cust-badge{font-family:var(--es-font-mono,'JetBrains Mono',monospace);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;color:var(--bc,#cd853f);background:color-mix(in srgb,var(--bc,#cd853f) 14%,transparent);border:1px solid color-mix(in srgb,var(--bc,#cd853f) 38%,transparent)}
@media (max-width:760px){
  .es-cust-row{grid-template-columns:28px 38px 1fr;grid-template-areas:'rank av info' 'metrics metrics badge';row-gap:.55rem}
  .es-cust-rank{grid-area:rank}.es-cust-avatar{grid-area:av}.es-cust-info{grid-area:info}
  .es-cust-metrics{grid-area:metrics;justify-content:flex-start}.es-cust-badge{grid-area:badge;justify-self:end}
}
.es-msg-time{font-size:.58rem;color:var(--es-muted);margin-top:4px;display:block;text-align:right;font-family:var(--es-font-mono)}
.es-inbox-msg.pending{opacity:.72}
.es-inbox-msg.failed{border-color:rgba(248,113,113,.55)!important}
.es-inbox-msg.failed .es-msg-time{color:#fca5a5}
.es-inbox-compose{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-top:1px solid rgba(255,255,255,.06);flex:0 0 auto}
.es-inbox-input{flex:1;min-height:36px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--es-ink);padding:.4rem .8rem;font-family:inherit;font-size:.82rem;outline:none;transition:border-color .2s}
.es-inbox-input:focus{border-color:rgba(168,85,247,.5)}
.es-inbox-input:disabled{opacity:.5}
.es-inbox-send{min-height:36px;padding:0 16px;border-radius:18px;border:none;background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff;font-family:var(--es-font-display);font-weight:700;font-size:.78rem;cursor:pointer;transition:opacity .2s}
.es-inbox-send:disabled{opacity:.4;cursor:default}
.es-inbox-send:hover:not(:disabled){opacity:.85}
body.es-dashboard-mode .footer{display:none!important}
.es-sidebar,.es-topbar,.es-agent-layer,.es-kpi,.es-counter-grid article,.es-chart-panel,.es-table-panel,.es-platform-card{
  backdrop-filter:blur(18px) saturate(145%);
}
.es-ops-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.es-command-metric,.es-delivery-ring{
  position:relative;
  min-height:124px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,23,34,.96),rgba(13,15,24,.98));
  backdrop-filter:blur(18px) saturate(145%);
  overflow:hidden;
  box-shadow:0 24px 64px -48px rgba(0,0,0,.98);
  padding:1.04rem;
}
.es-command-metric:hover,.es-delivery-ring:hover{border-color:rgba(196,181,253,.16)}
.es-command-metric{display:grid;align-content:space-between}
.es-command-metric span,.es-delivery-ring span{
  color:var(--es-muted);
  font-family:var(--es-font-mono);
  font-size:.62rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.es-command-metric b{
  color:var(--es-ink);
  font-family:var(--es-font-display);
  font-size:1.56rem;
  line-height:1;
  letter-spacing:-.01em;
}
.es-command-metric i{font-style:normal;color:#97a0b6;font-size:.76rem}
.es-delivery-ring{display:grid;place-items:center;gap:.45rem;text-align:center}
.es-ring{
  width:90px;
  height:90px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--es-violet) calc(var(--p)*1%),rgba(255,255,255,.08) 0);
  position:relative;
}
.es-ring::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0c0f17}
.es-ring b{position:relative;z-index:1;color:var(--es-ink);font-family:var(--es-font-display);font-size:1rem;letter-spacing:.01em}

/* ============ responsive ============ */
@media (max-width:940px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .tiers{grid-template-columns:1fr;max-width:480px;margin-inline:auto}
  .tier-pop{order:-1}
  .about{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .ac-shell{grid-template-columns:1fr}
  .return-map,.instant-grid,.es-ops-grid{grid-template-columns:1fr}
  .intg-schema{grid-template-columns:1fr}
  .intg-schema i{width:2px;height:28px;justify-self:center}
}
@media (max-width:720px){
  .nav-links,.nav-cta,.auth-trigger,.account-pill{display:none}
  .nav-toggle{display:flex}
  .cards{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:1.6rem}
  .dash-head{align-items:flex-start;flex-direction:column}
  .auth-grid,.dash-kpis{grid-template-columns:1fr}
  .bar-chart{overflow-x:auto;grid-auto-columns:58px}
  .ac-shell{padding:.75rem;border-radius:18px}
  .ac-gate{align-items:flex-start;flex-direction:column}
  .ac-field textarea{min-height:220px}
  .ac-products,.ac-scrape-kpis{grid-template-columns:1fr}
  .instant-copy{padding:.25rem}
  .wa-loop{min-height:320px}
   .return-node,.return-flow{min-height:132px}
}

@media (max-width:1180px){
  .client-dashboard.es-app{grid-template-columns:1fr}
  body.es-dashboard-mode .client-dashboard.es-app .es-sidebar{
    position:relative;
    width:auto;
    height:auto;
  }
  body.es-dashboard-mode .client-dashboard.es-app .es-shell{
    grid-column:auto;
  }
  .es-sidebar{
    position:relative;
    top:auto;
    height:auto;
    flex-direction:row;
    align-items:center;
    overflow:auto;
    border-right:0;
    border-bottom:1px solid var(--es-line);
  }
  .es-side-brand{flex:0 0 auto}
  .es-side-nav{display:flex;gap:.35rem;overflow:auto;min-width:0}
  .es-side-nav button{white-space:nowrap}
  .es-user-card{margin-top:0;margin-left:auto;min-width:210px}
  .es-topbar{top:0;grid-template-columns:1fr;align-items:stretch}
  .es-top-actions{justify-content:flex-start;flex-wrap:wrap}
  .es-agent-strip,.es-kpi-grid,.es-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .es-analytics-row,.es-table-grid{grid-template-columns:1fr}
  .es-integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:760px){
  .client-dashboard.es-app{min-height:auto}
  .es-shell{padding:.75rem}
  .es-sidebar{padding:.75rem}
  .es-side-brand span{display:none}
  .es-user-card{min-width:180px}
  .es-agent-strip,.es-kpi-grid,.es-counter-grid,.es-integration-grid,.es-ops-grid{grid-template-columns:1fr}
  .es-agent-actions{flex-direction:column;align-items:stretch}
  .es-speed-toggle{width:100%}
  .es-config-head{grid-template-columns:1fr}
  .es-tabs{grid-auto-flow:row}
  .es-tabs button{text-align:left}
  .es-chart-panel canvas{height:230px}
  .es-pulse-strip canvas{height:136px}
  .es-orders-panel canvas,.es-revenue-panel canvas{height:198px}
  .es-axis-unit{
    top:.92rem;
    left:1rem;
    writing-mode:initial;
    transform:none;
    font-size:.52rem;
  }
  .es-toast-region{right:.75rem;bottom:.75rem}
  .es-dashboard-footer{padding:1rem .75rem 1.35rem}
  .es-dashboard-footer span{letter-spacing:.2em}
  body.es-dashboard-mode .es-sidebar,
  body.es-dashboard-mode .es-topbar,
  body.es-dashboard-mode .es-agent-layer,
  body.es-dashboard-mode .es-kpi,
  body.es-dashboard-mode .es-counter-grid article,
  body.es-dashboard-mode .es-chart-panel,
  body.es-dashboard-mode .es-table-panel,
  body.es-dashboard-mode .es-platform-card,
  body.es-dashboard-mode .es-command-metric,
  body.es-dashboard-mode .es-delivery-ring{
    background:rgba(7,8,14,.42);
    border-color:rgba(255,255,255,.07);
    backdrop-filter:blur(16px) saturate(130%);
  }
  body.es-dashboard-mode::after{
    background-size:42px 42px;
    opacity:.28;
  }
  body.es-dashboard-mode>.backdrop .grid{
    opacity:.7;
    background-size:64px 64px;
    -webkit-mask:none;
            mask:none;
  }
  body.es-dashboard-mode>.backdrop .aurora{opacity:.58}
}
@media (max-width:480px){
  .stats{grid-template-columns:1fr;gap:.8rem}
  .hero-title{font-size:clamp(1.7rem,7vw,2.4rem)}
}

/* ============ reduced motion ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1!important;transform:none!important}
  .mk-cw,.mk-ccw,.aurora,.marquee-track,.ping{animation:none!important}
  .cursor-glow{display:none}
  .demo-actions,.demo-sending,.demo-pending{opacity:0!important}
  .demo-msg,.demo-reply,.demo-tl1,.demo-tl2,.demo-tl3,.demo-conf{opacity:1!important;transform:none!important}
}

/* fine-pointer only: hide cursor glow on touch (set via JS too) */
@media (hover:none){.cursor-glow{display:none}}

/* ============ support widget ============ */
.support-widget{position:fixed;right:1.25rem;bottom:1.25rem;z-index:120;font-family:var(--font-body);color:var(--text);user-select:none}
.support-widget.is-dragging{z-index:140}
.support-fab{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;min-height:64px;gap:0;border:1px solid rgba(192,132,252,.44);
  border-radius:999px;background:linear-gradient(135deg,rgba(124,58,237,.98),rgba(168,85,247,.96));
  color:#fff;padding:0;box-shadow:0 24px 62px -22px rgba(124,58,237,.95),inset 0 1px 0 rgba(255,255,255,.22);
  cursor:grab;font-weight:800;touch-action:none;transition:transform .22s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.support-fab:hover{transform:translateY(-2px);border-color:rgba(233,213,255,.72);box-shadow:0 30px 74px -22px rgba(168,85,247,.95),inset 0 1px 0 rgba(255,255,255,.28)}
.support-widget.is-dragging .support-fab{cursor:grabbing;transform:scale(1.04);box-shadow:0 34px 84px -24px rgba(168,85,247,.98),inset 0 1px 0 rgba(255,255,255,.28)}
.support-fab-text{display:none}
.support-robot{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 26px rgba(192,132,252,.3)}
.support-robot-fab{width:50px;height:50px;flex:0 0 50px}
.support-robot-head{width:46px;height:46px;flex:0 0 46px}
.support-robot-svg{width:100%;height:100%;overflow:visible}
.bot-halo{fill:rgba(168,85,247,.16);stroke:rgba(233,213,255,.5);stroke-width:1}
.bot-antenna,.bot-mouth{fill:none;stroke:#e9d5ff;stroke-width:3;stroke-linecap:round}
.bot-node,.bot-spark{fill:#c084fc}
.bot-ear{fill:#6d28d9}
.bot-face{fill:#150f24;stroke:#c084fc;stroke-width:2.4}
.bot-eye{fill:#f5f2fc;filter:drop-shadow(0 0 5px rgba(233,213,255,.9))}
.support-panel{position:absolute;right:0;bottom:calc(100% + .85rem);width:min(408px,calc(100vw - 2rem));height:min(610px,calc(100vh - 7rem));
  display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(25,18,43,.98),rgba(9,8,15,.99));
  border:1px solid rgba(192,132,252,.26);box-shadow:0 38px 120px -40px rgba(0,0,0,.96),0 0 0 1px rgba(255,255,255,.05) inset;
  opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:.22s var(--ease);backdrop-filter:blur(18px) saturate(150%)}
.support-widget.open .support-panel{opacity:1;visibility:visible;transform:none}
@media (min-width:641px){
  .support-widget.panel-left .support-panel{left:0;right:auto}
  .support-widget.panel-below .support-panel{top:calc(100% + .85rem);bottom:auto}
}
.support-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(124,58,237,.26),rgba(255,255,255,.03))}
.support-agent{display:flex;align-items:center;gap:.78rem;min-width:0}
.support-agent>div{min-width:0}
.support-head b{display:block;color:var(--ink);font-family:var(--font-display);font-size:1rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-status{display:flex;align-items:center;gap:.38rem;color:#b6b1c6;font-size:.72rem;margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.85);flex:0 0 auto}
.support-close{width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:var(--ink);
  cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s var(--ease),border-color .2s var(--ease)}
.support-close:hover{background:rgba(168,85,247,.14);border-color:rgba(192,132,252,.36)}
.support-log{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.78rem;scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.45) transparent}
.support-msg{max-width:88%;border-radius:16px;padding:.78rem .88rem;font-size:.86rem;line-height:1.5;white-space:pre-wrap;box-shadow:0 10px 28px -22px rgba(0,0,0,.95)}
.support-msg strong{display:block;color:var(--ink);font-family:var(--font-display);font-size:.88rem;margin-bottom:.18rem}
.support-msg.bot{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:var(--text);border-bottom-left-radius:6px}
.support-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--v1),var(--v2));color:#fff;border-bottom-right-radius:6px}
.support-chips{align-self:flex-start;display:flex;flex-wrap:wrap;gap:.45rem;max-width:100%}
.support-chips button{border:1px solid rgba(192,132,252,.28);border-radius:999px;background:rgba(168,85,247,.11);color:var(--ink);
  padding:.46rem .7rem;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.support-chips button:hover{background:rgba(168,85,247,.2);border-color:rgba(192,132,252,.48);transform:translateY(-1px)}
.support-msg.thinking{display:inline-flex;gap:.34rem;align-items:center;width:auto;padding:.72rem .84rem}
.support-msg.thinking span{width:6px;height:6px;border-radius:50%;background:#c084fc;animation:supportPulse 1s ease-in-out infinite}
.support-msg.thinking span:nth-child(2){animation-delay:.14s}
.support-msg.thinking span:nth-child(3){animation-delay:.28s}
@keyframes supportPulse{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.support-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.support-form input{min-width:0;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:var(--ink);
  padding:.78rem .86rem;font:inherit;font-size:.84rem}
.support-form input::placeholder{color:#827d93}
.support-form input:focus{outline:none;border-color:rgba(192,132,252,.72);box-shadow:0 0 0 3px rgba(168,85,247,.15)}
.support-form button{min-width:72px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--v1),var(--v3));color:#fff;
  padding:0 .92rem;font-weight:800;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
@media (max-width:640px){
  .support-widget{right:max(.9rem,env(safe-area-inset-right));bottom:max(.9rem,env(safe-area-inset-bottom))}
  .support-fab{width:58px;height:58px;min-height:58px;border-radius:50%}
  .support-fab-text{display:none}
  .support-robot-fab{width:46px;height:46px;flex-basis:46px}
  .support-panel{position:fixed;left:.65rem;right:.65rem;bottom:calc(4.75rem + env(safe-area-inset-bottom));width:auto;
    height:min(620px,calc(100dvh - 5.7rem - env(safe-area-inset-bottom)));max-height:82dvh;border-radius:22px}
  .support-head{padding:.86rem}
  .support-robot-head{width:42px;height:42px;flex-basis:42px}
  .support-status{max-width:210px;font-size:.68rem}
  .support-log{padding:.85rem;gap:.68rem}
  .support-msg{max-width:94%;font-size:.84rem;padding:.72rem .78rem}
  .support-chips{gap:.4rem}
  .support-chips button{font-size:.72rem;padding:.42rem .62rem}
  .support-form{grid-template-columns:minmax(0,1fr) 64px;padding:.68rem;gap:.45rem}
  .support-form input{font-size:16px;padding:.72rem .76rem}
  .support-form button{min-width:64px;padding:0 .68rem}
}
@media (max-width:380px){
  .support-panel{left:.45rem;right:.45rem;height:min(600px,calc(100dvh - 5.5rem - env(safe-area-inset-bottom)))}
  .support-head{gap:.6rem}
  .support-status{max-width:165px}
  .support-msg{max-width:96%}
  .support-chips button{flex:1 1 auto;text-align:center}
}

/* ============ top tagline bar ============ */
.topbar{position:fixed;top:0;left:0;right:0;z-index:40;height:32px;display:flex;align-items:center;justify-content:center;gap:.6rem;
  background:rgba(8,7,12,.86);backdrop-filter:blur(10px) saturate(140%);border-bottom:1px solid var(--line);padding:0 1rem}
.topbar .brand-name{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.78rem;letter-spacing:-.02em}
.topbar .brand-name i{font-style:normal;color:var(--v3)}
.topbar .tb-sep{display:none!important}
.topbar .tb-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:.62rem;font-weight:500;
  background:linear-gradient(90deg,var(--v3),var(--v1));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{top:32px}
html{scroll-padding-top:120px}
@media (max-width:520px){
  .topbar{gap:.45rem;font-size:.66rem}
  .topbar .tb-sep{display:none}
  .topbar .tb-tag{letter-spacing:.12em}
}

/* ============================================================
   Premium polish — harmonised typography & micro-interactions
   (Sora display + Inter body + JetBrains mono; aurora/3D untouched)
   ============================================================ */
body{font-feature-settings:"cv11","ss01";letter-spacing:-.005em}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em}
h1{letter-spacing:-.035em}
.es-app h1,.es-app h2,.es-app h3,.es-app h4{letter-spacing:-.02em}
/* Mono labels read tighter & more refined in JetBrains Mono */
.mono,.es-kicker{letter-spacing:.14em}
/* Unified button feel: subtle lift + crisp press, consistent easing */
.btn{transition:transform .18s var(--ease),box-shadow .26s var(--ease),background .24s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary{box-shadow:0 6px 22px -10px var(--glow)}
.btn-primary:hover{box-shadow:0 10px 30px -8px var(--glow)}
/* Card/glass surfaces: gentler hover continuity across the app */
.intg-card,.es-command-metric,.es-chart-panel,.es-counter-grid article{transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .26s var(--ease),background .24s var(--ease)}
/* Honour reduced-motion for all the added micro-interactions */
@media (prefers-reduced-motion:reduce){
  .btn,.btn:hover,.btn:active,.intg-card,.es-command-metric,.es-chart-panel{transition:none!important;transform:none!important}
}
/* Landing-page integration cards are showcase-only — no CONNECT here.
   Connecting happens after sign-up, inside the dashboard's AI Agent Configuration. */
section.integrations .intg-connect-btn{display:none!important}
section.integrations .intg-card{cursor:pointer}

/* ---------- contact CTA + site footer (rebuilt) ---------- */
.es-contact{max-width:var(--maxw);margin-inline:auto;padding:clamp(2rem,6vw,4rem) clamp(1.2rem,4vw,2rem)}
.es-contact-card{position:relative;text-align:center;max-width:760px;margin-inline:auto;
  padding:clamp(2.4rem,6vw,4rem) clamp(1.4rem,5vw,3rem);border-radius:28px;
  border:1px solid var(--line-violet,rgba(168,85,247,.22));
  background:radial-gradient(130% 150% at 50% 0%,rgba(124,58,237,.26),rgba(12,10,19,.55) 62%);
  box-shadow:0 40px 120px -54px rgba(124,58,237,.7);backdrop-filter:blur(8px)}
.es-contact-card .eyebrow{justify-content:center}
.es-contact-card .section-title{font-size:clamp(1.7rem,4.2vw,2.6rem)}
.es-contact-card .section-lead{max-width:52ch;margin:1rem auto 0}

.site-footer{border-top:1px solid var(--line);margin-top:clamp(2.5rem,6vw,4.5rem);
  padding:clamp(2.4rem,5vw,3.4rem) clamp(1.4rem,5vw,3rem) 1.6rem;max-width:var(--maxw);margin-inline:auto}
.site-footer-inner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start}
.footer-brand{max-width:42ch}
.footer-brand .brand-name{font-size:1.1rem;letter-spacing:-.02em;color:var(--ink)}
.footer-brand .brand-name i{font-style:normal;color:var(--v3)}
.footer-brand p{margin-top:.9rem;font-size:.9rem;color:var(--muted);line-height:1.6}
.footer-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center}
.footer-nav a{color:var(--text);text-decoration:none;font-size:.9rem;transition:color .2s}
.footer-nav a:hover{color:var(--v3)}
.site-footer-bar{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:space-between;align-items:center;
  margin-top:2.2rem;padding-top:1.3rem;border-top:1px solid var(--line);color:var(--muted);
  font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:640px){.site-footer-inner{flex-direction:column;gap:1.4rem}}

/* ============ Overview — HUD command-center bento (revolution, not recycle) ============ */
.es-counter-grid.es-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:156px;gap:.7rem}
.es-bento .es-tile{
  position:relative;min-height:0;border-radius:18px;padding:1rem 1.15rem;
  display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;align-items:stretch;
  background:linear-gradient(158deg,rgba(24,18,38,.74),rgba(13,10,22,.66))!important;
  border:1px solid rgba(168,85,247,.16)!important;
  backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 26px 64px -46px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.es-bento .es-tile:hover{border-color:rgba(192,132,252,.42)!important;transform:translateY(-2px);
  box-shadow:0 30px 70px -42px rgba(124,58,237,.55),inset 0 1px 0 rgba(255,255,255,.06)!important}
.es-bento .es-tile::before{content:"";position:absolute;top:10px;left:10px;width:13px;height:13px;
  border-left:1.5px solid rgba(192,132,252,.55);border-top:1.5px solid rgba(192,132,252,.55);
  background:none!important;inset:auto auto auto 10px;border-radius:0;pointer-events:none;opacity:.9}
.es-bento .es-tile::after{content:"";position:absolute;bottom:10px;right:10px;width:13px;height:13px;
  border-right:1.5px solid rgba(192,132,252,.4);border-bottom:1.5px solid rgba(192,132,252,.4);pointer-events:none}
.es-bento .es-tile>*{position:relative;z-index:1}
.es-tile-k{font-family:'JetBrains Mono','Share Tech Mono',monospace;font-size:.58rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:#9a8fb8}
.es-tile-num{font-family:'Orbitron','Sora',sans-serif!important;font-weight:700;font-size:1.7rem;line-height:1;
  color:#f4f1fa!important;letter-spacing:.01em;display:block}
.es-bento .es-tile i{font-style:normal;font-size:.68rem;color:#7d7596;line-height:1.3}
.es-tile-wide{grid-column:span 2}
.es-tile-hero{grid-column:span 2;justify-content:center;gap:.9rem}
.es-tile-hero-num{font-size:clamp(2.4rem,4.4vw,3.2rem);text-shadow:0 0 40px rgba(168,85,247,.25)}
.es-tile-ring{align-items:center;justify-content:center;text-align:center;gap:.7rem}
.es-tile-ring .es-ring{width:84px;height:84px}
.es-tile-foot{display:flex;gap:.5rem;flex-wrap:wrap}
.es-chip{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:#c9bef0;
  background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);border-radius:999px;
  padding:.28rem .65rem;display:inline-flex;align-items:center;gap:.4rem}
.es-chip b{color:#fff;font-weight:600;font-family:'Orbitron',monospace;font-size:.66rem}
.es-chip .dot{width:6px;height:6px;border-radius:50%;background:#34d77a;box-shadow:0 0 8px #34d77a}
.es-chip.muted{color:#9a8fb8;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.es-chip.muted b{color:#c9bef0}
/* charts: HUD headers, Orbitron-free titles stay display font */
.es-analytics-stack .es-chart-panel{border:1px solid rgba(168,85,247,.14)!important}
.es-analytics-stack .es-chart-panel h3{font-family:var(--es-font-display);font-size:.86rem;letter-spacing:.02em;text-transform:none}
@media(max-width:1040px){
  .es-counter-grid.es-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:108px}
  .es-tile-hero{grid-column:span 2;grid-row:span 1}
  .es-tile-ring{grid-row:span 1}
}

/* ============ Connected carrier/store card state (after connection in AI Agent Config) ============ */
.intg-card.is-connected{position:relative;border-color:rgba(74,222,128,.28)!important;cursor:default!important}
.intg-card.is-connected::after{content:"CONNECTED";position:absolute;top:10px;right:10px;
  font-family:'JetBrains Mono',monospace;font-size:.52rem;font-weight:600;letter-spacing:.14em;
  color:#4ade80;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);
  border-radius:999px;padding:.18rem .5rem;pointer-events:none}
.intg-card.is-connected .intg-connect-btn{pointer-events:none!important;cursor:default!important;
  color:#4ade80!important;background:rgba(74,222,128,.1)!important;border-color:rgba(74,222,128,.28)!important;box-shadow:none!important}
.intg-card.is-connected .intg-tag{display:none}

/* ============ Merged Inbox — premium glass redesign (keeps all ids/classes) ============ */
.es-inbox-shell{
  border:1px solid rgba(168,85,247,.16)!important;border-radius:20px!important;position:relative;
  background:linear-gradient(158deg,rgba(20,15,32,.66),rgba(11,9,19,.6))!important;
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 40px 110px -60px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05);
}
.es-inbox-shell::before,.es-inbox-shell::after{content:"";position:absolute;width:15px;height:15px;pointer-events:none;z-index:3}
.es-inbox-shell::before{top:11px;left:11px;border-left:1.5px solid rgba(192,132,252,.5);border-top:1.5px solid rgba(192,132,252,.5)}
.es-inbox-shell::after{bottom:11px;right:11px;border-right:1.5px solid rgba(192,132,252,.4);border-bottom:1.5px solid rgba(192,132,252,.4)}
.es-inbox-contacts{border-right:1px solid rgba(168,85,247,.12)!important;background:linear-gradient(180deg,rgba(13,10,22,.55),rgba(9,7,16,.5))!important}
.es-inbox-head{padding:.95rem 1rem!important;border-bottom:1px solid rgba(168,85,247,.12)!important}
.es-inbox-head h3{font-family:'Sora',sans-serif!important;font-size:.82rem!important;letter-spacing:.01em}
.es-inbox-head span{font-family:'JetBrains Mono',monospace!important;font-size:.56rem!important;letter-spacing:.14em;text-transform:uppercase;color:#9a8fb8!important}
.es-inbox-head .wa{box-shadow:0 0 8px #25d366}
.es-inbox-contact{grid-template-columns:42px 1fr auto!important;gap:.6rem!important;padding:.7rem .85rem!important;
  border-bottom:1px solid rgba(255,255,255,.03)!important;position:relative;transition:background .18s var(--ease),transform .18s var(--ease)}
.es-inbox-contact::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:transparent;transition:background .18s}
.es-inbox-contact:hover{background:rgba(168,85,247,.07)!important;transform:translateX(2px)}
.es-inbox-contact:first-child{background:transparent}
.es-inbox-contact.is-active{background:rgba(168,85,247,.12)!important}
.es-inbox-contact.is-active::before{background:linear-gradient(180deg,var(--v3,#c084fc),var(--v1,#7c3aed))}
.es-contact-avatar{width:42px!important;height:42px!important;font-family:'Sora',sans-serif!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 14px -4px rgba(168,85,247,.6)}
.es-contact-info b{font-size:.84rem!important}
.es-contact-info i{font-size:.71rem!important;color:#8d83a8!important}
.es-contact-channel{height:15px!important;border-radius:5px!important;letter-spacing:.06em}
.es-contact-badge{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;box-shadow:0 0 10px -2px rgba(168,85,247,.7)}
.es-inbox-chat{background:radial-gradient(120% 80% at 50% 0%,rgba(124,58,237,.05),transparent 60%),rgba(8,7,12,.4)!important}
.es-inbox-chat-head{padding:.8rem 1rem!important;border-bottom:1px solid rgba(168,85,247,.12)!important;
  background:linear-gradient(180deg,rgba(20,15,32,.5),transparent)}
.es-chat-avatar{width:38px!important;height:38px!important;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 16px -4px rgba(168,85,247,.7)}
.es-inbox-chat-head b{font-family:'Sora',sans-serif;font-size:.86rem}
.es-inbox-chat-head i{font-style:normal;font-size:.6rem;font-family:'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#9a8fb8}
.es-chat-status{font-family:'JetBrains Mono',monospace!important;font-size:.58rem!important;letter-spacing:.08em;text-transform:uppercase}
.es-chat-intervene{margin-left:.4rem;border:1px solid rgba(168,85,247,.3);background:rgba(168,85,247,.1);color:#d6c2ff;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:.4rem .7rem;border-radius:999px;cursor:pointer;transition:all .2s var(--ease)}
.es-chat-intervene:hover{background:rgba(168,85,247,.18);border-color:rgba(192,132,252,.5)}
.es-chat-intervene.is-active{background:rgba(251,191,36,.16)!important;border-color:rgba(251,191,36,.45)!important;color:#fbbf24!important}
.es-inbox-messages{padding:1rem 1.1rem!important;gap:.55rem!important;
  background-image:radial-gradient(rgba(168,85,247,.05) 1px,transparent 1px);background-size:22px 22px}
.es-inbox-msg{max-width:72%!important;padding:.6rem .85rem!important;border-radius:16px!important;font-size:.85rem!important;
  box-shadow:0 10px 30px -22px rgba(0,0,0,.9)}
.es-inbox-msg.customer{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:5px!important}
.es-inbox-msg.agent{background:linear-gradient(135deg,rgba(124,58,237,.62),rgba(168,85,247,.42))!important;
  border:1px solid rgba(192,132,252,.25);border-bottom-right-radius:5px!important;color:#fff!important}
.es-inbox-msg.agent::after{content:"AI";position:absolute;top:-7px;right:8px;font-family:'JetBrains Mono',monospace;
  font-size:.46rem;font-weight:700;letter-spacing:.1em;color:#1a0f2e;background:#c084fc;border-radius:4px;padding:1px 4px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.es-inbox-compose{padding:.7rem .8rem!important;border-top:1px solid rgba(168,85,247,.12)!important;gap:.5rem;
  background:linear-gradient(0deg,rgba(20,15,32,.5),transparent)}
.es-inbox-input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(168,85,247,.2)!important;
  border-radius:999px!important;padding:.6rem 1rem!important;color:#f4f1fa;font-size:.84rem}
.es-inbox-input:focus{outline:none;border-color:rgba(192,132,252,.55)!important;box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.es-inbox-send{border-radius:999px!important;padding:.6rem 1.1rem!important;border:none;font-family:'Sora',sans-serif;font-weight:600;
  font-size:.8rem;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;cursor:pointer;transition:transform .15s,box-shadow .2s}
.es-inbox-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(168,85,247,.7)}
.es-inbox-send:disabled{opacity:.4;cursor:default}
.es-inbox-msg-empty,.es-inbox-empty{color:#8d83a8!important;line-height:1.6}
.es-inbox-indicator{border-top:1px solid rgba(168,85,247,.1)!important;font-family:'JetBrains Mono',monospace!important}

/* ============ Overview charts — sexy HUD panels (fill the void) ============ */
.es-analytics-stack{gap:.75rem!important}
.es-analytics-stack .es-chart-panel{
  position:relative;border-radius:18px!important;padding:1.05rem 1.15rem!important;
  background:linear-gradient(158deg,rgba(24,18,38,.72),rgba(13,10,22,.64))!important;
  border:1px solid rgba(168,85,247,.16)!important;
  backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 26px 64px -46px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);
}
.es-analytics-stack .es-chart-panel:hover{border-color:rgba(192,132,252,.34)!important;transform:translateY(-2px);
  box-shadow:0 30px 72px -42px rgba(124,58,237,.5),inset 0 1px 0 rgba(255,255,255,.06)!important}
.es-analytics-stack .es-chart-panel::before{content:"";position:absolute;top:10px;left:10px;width:13px;height:13px;
  border-left:1.5px solid rgba(192,132,252,.5);border-top:1.5px solid rgba(192,132,252,.5);background:none!important;
  inset:auto auto auto 10px;border-radius:0;pointer-events:none;z-index:2}
.es-analytics-stack .es-chart-panel::after{content:"";position:absolute;bottom:10px;right:10px;width:13px;height:13px;
  border-right:1.5px solid rgba(192,132,252,.38);border-bottom:1.5px solid rgba(192,132,252,.38);pointer-events:none;z-index:2}
.es-analytics-stack .es-chart-panel>*{position:relative;z-index:1}
.es-analytics-stack .es-chart-panel header{margin-bottom:.6rem!important;align-items:center!important}
.es-analytics-stack .es-chart-panel h3{font-family:'Sora',sans-serif!important;font-size:.86rem!important;letter-spacing:.01em;color:#f4f1fa}
.es-analytics-stack .es-chart-panel header span{font-family:'JetBrains Mono',monospace!important;font-size:.56rem!important;
  letter-spacing:.16em;text-transform:uppercase;color:#9a8fb8!important}
.es-analytics-stack .es-axis-unit{font-family:'JetBrains Mono',monospace;font-size:.5rem;letter-spacing:.16em;
  text-transform:uppercase;color:#6f6688}
.es-pulse-strip{position:relative}
.es-pulse-strip canvas{height:200px!important}
.es-analytics-row .es-chart-panel canvas{height:280px!important}
@media(max-width:1040px){.es-analytics-row{grid-template-columns:1fr!important}}

/* ============ Topbar premium: search + alerts + session (after signup) ============ */
.es-topbar{position:relative;overflow:visible}
.es-topbar-title{min-width:0}
.es-search2{position:relative;display:flex;align-items:center;min-width:0;max-width:460px}
.es-search2-ic{position:absolute;left:14px;width:17px;height:17px;color:#8d83a8;pointer-events:none}
.es-search2 input{width:100%;min-height:46px;border-radius:999px;border:1px solid rgba(168,85,247,.2);
  background:rgba(10,8,18,.6);color:var(--es-ink);outline:none;padding:.7rem 1rem .7rem 2.5rem;font-size:.9rem;
  font-family:var(--es-font-body);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.es-search2 input::placeholder{color:#7d7596}
.es-search2 input:focus{border-color:rgba(192,132,252,.55);background:rgba(14,10,24,.8);
  box-shadow:0 0 0 4px rgba(168,85,247,.12),0 16px 34px -24px rgba(124,58,237,.5)}
.es-search2 input::-webkit-search-cancel-button{filter:invert(.6)}
.es-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-width:0}
.es-alert-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:14px;border:1px solid rgba(168,85,247,.2);color:#cdbef0;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(168,85,247,.05));
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease)}
.es-alert-btn svg{width:21px;height:21px}
.es-alert-btn:hover{border-color:rgba(192,132,252,.5);background:linear-gradient(180deg,rgba(168,85,247,.12),rgba(168,85,247,.06));transform:translateY(-1px)}
.es-alert-btn.has-alerts{border-color:rgba(251,191,36,.4);color:#fcd34d;animation:esBellGlow 2.6s ease-in-out infinite}
@keyframes esBellGlow{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,0)}50%{box-shadow:0 0 0 4px rgba(251,191,36,.12)}}
.es-alert-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:linear-gradient(135deg,#f43f5e,#fb7185);color:#fff;font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px -1px rgba(244,63,94,.8);border:1.5px solid #0b0913}
.es-alert-count[hidden]{display:none}
.es-alert-pop{position:absolute;top:calc(100% + 8px);right:1.12rem;width:340px;max-width:calc(100vw - 2rem);z-index:60;
  border-radius:16px;border:1px solid rgba(168,85,247,.22);background:linear-gradient(158deg,rgba(22,17,36,.98),rgba(12,9,22,.98));
  backdrop-filter:blur(18px);box-shadow:0 40px 100px -40px #000,inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.es-alert-pop[hidden]{display:none}
.es-alert-pop-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid rgba(168,85,247,.14)}
.es-alert-pop-head b{font-family:'Sora',sans-serif;font-size:.86rem;color:var(--es-ink)}
.es-alert-pop-head span{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#9a8fb8;background:rgba(168,85,247,.12);border-radius:999px;padding:.15rem .5rem}
.es-alert-pop-list{max-height:340px;overflow-y:auto}
.es-alert-item{display:flex;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);align-items:flex-start}
.es-alert-item:last-child{border-bottom:none}
.es-alert-ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:1px}
.es-alert-ic.blacklist{background:rgba(244,63,94,.14);border:1px solid rgba(244,63,94,.3);color:#fb7185}
.es-alert-ic.warn{background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.3);color:#fcd34d}
.es-alert-ic.info{background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);color:#c084fc}
.es-alert-tx{min-width:0}
.es-alert-tx b{display:block;font-size:.82rem;color:var(--es-ink);font-weight:600;line-height:1.3}
.es-alert-tx i{display:block;font-style:normal;font-size:.74rem;color:#8d83a8;line-height:1.4;margin-top:.1rem}
.es-alert-empty{padding:2rem 1rem;text-align:center;color:#7d7596;font-size:.82rem}
.es-session-pill{display:inline-flex;align-items:center;gap:.5rem;height:46px;padding:0 .95rem 0 .8rem;border-radius:999px;
  border:1px solid rgba(52,215,122,.3);white-space:nowrap;
  background:linear-gradient(180deg,rgba(13,26,18,.9),rgba(10,18,13,.85));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 0 rgba(52,215,122,.25)}
.es-session-dot{width:8px;height:8px;border-radius:50%;background:#34d77a;position:relative;flex:0 0 auto;box-shadow:0 0 10px #34d77a}
.es-session-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(52,215,122,.5);animation:esPulseRing 2s ease-out infinite}
@keyframes esPulseRing{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.es-session-pill b{font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#bff5cf}
@media(max-width:760px){
  .es-topbar{grid-template-columns:1fr auto!important}
  .es-search2{grid-column:1 / -1;order:3;max-width:none}
  .es-session-pill b{display:none}
  .es-session-pill{padding:0 .7rem;width:46px;justify-content:center}
}

/* ============ Sidebar nav premium (icons + accent) ============ */
.es-side-nav button{display:flex!important;align-items:center;gap:.65rem;position:relative;overflow:hidden}
.es-nav-ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;color:#9a8fb8;opacity:.85;
  transition:color .2s var(--ease),opacity .2s var(--ease),transform .2s var(--ease)}
.es-side-nav button span{position:relative;z-index:1;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.es-side-nav button::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:2.5px;height:0;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--v3,#c084fc),var(--v1,#7c3aed));
  transition:height .26s var(--ease);box-shadow:0 0 12px rgba(168,85,247,.6)}
.es-side-nav button:hover{transform:translateX(3px)}
.es-side-nav button:hover .es-nav-ic{color:var(--v3,#c084fc);opacity:1;transform:scale(1.08)}
.es-side-nav button.is-active::after{height:62%}
.es-side-nav button.is-active .es-nav-ic{color:var(--v3,#c084fc);opacity:1;filter:drop-shadow(0 0 6px rgba(168,85,247,.55))}

/* ============ CONNECT buttons — iconic (AI Agent Configuration) ============ */
.es-store-region .intg-connect-btn,.es-shipping-region .intg-connect-btn{
  display:inline-flex!important;align-items:center;gap:.42rem;height:30px!important;padding:0 .9rem!important;margin-top:auto;
  font-family:'JetBrains Mono',monospace!important;font-size:.6rem!important;font-weight:600!important;letter-spacing:.14em!important;
  text-transform:uppercase;color:#e9d5ff!important;cursor:pointer;
  border:1px solid rgba(168,85,247,.4)!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(124,58,237,.4),rgba(168,85,247,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;transition:transform .2s var(--ease),box-shadow .22s var(--ease),border-color .2s,background .2s!important}
.es-store-region .intg-connect-btn::before,.es-shipping-region .intg-connect-btn::before{
  content:"";width:12px;height:12px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
.es-store-region .intg-connect-btn:hover,.es-shipping-region .intg-connect-btn:hover{
  transform:translateY(-1px);border-color:rgba(192,132,252,.75)!important;color:#fff!important;
  background:linear-gradient(135deg,rgba(124,58,237,.6),rgba(168,85,247,.32))!important;
  box-shadow:0 12px 28px -12px rgba(168,85,247,.85),inset 0 1px 0 rgba(255,255,255,.12)!important}
.es-store-region .intg-connect-btn:active,.es-shipping-region .intg-connect-btn:active{transform:scale(.96)}
.intg-card.is-connected .intg-connect-btn::before{display:none}

/* ============ Topbar: flex layout so search never collides with alerts ============ */
.es-topbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:.7rem 1rem}
.es-topbar-title{flex:0 1 auto;min-width:0;order:1}
.es-search2{flex:1 1 220px;min-width:0;max-width:none;order:2}
.es-top-actions{flex:0 0 auto;margin-left:auto;order:3}
.client-dashboard.es-app.is-overview-mode .es-topbar{display:flex!important}
@media(max-width:820px){
  .es-search2{flex:1 1 100%;order:4}
}


/* ════════════════════════════════════════════════════════════════
   SCALIFFY · landing theme · modern-tech editorial pastel
   Scoped to non-dashboard pages. Dashboard keeps its own dark theme.
   Palette source: spacey.cv (parchment · rose · sage · ink)
   ════════════════════════════════════════════════════════════════ */

body:not(.es-dashboard-mode){
  --bg:#F2E9DC;
  --bg-2:#EBE0CE;
  --surface:#F7F1E6;
  --surface-2:#EDE3D0;
  --ink:#1A1A1A;
  --text:#2C2A26;
  --muted:#6E6354;
  --line:rgba(26,26,26,.14);
  --line-soft:rgba(26,26,26,.08);
  --line-strong:rgba(26,26,26,.42);
  --rose:#C28778;
  --rose-soft:#E0B5A2;
  --rose-pale:#F2D8C9;
  --sage:#8FA882;
  --sage-soft:#B5C5A5;
  --sage-pale:#D5DEC8;
  --v1:#1A1A1A;
  --v2:#C28778;
  --v3:#8FA882;
  --v-soft:#F2D8C9;
  --glow:rgba(194,135,120,.32);
  --line-violet:rgba(26,26,26,.18);
  --font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-serif:'Fraunces','Cormorant Garamond',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
}

body:not(.es-dashboard-mode){
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
}

/* paper grain + warm halos */
body:not(.es-dashboard-mode)::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle at 14% 18%,rgba(194,135,120,.10),transparent 55%),
    radial-gradient(circle at 86% 14%,rgba(143,168,130,.09),transparent 60%),
    radial-gradient(circle at 50% 92%,rgba(194,135,120,.07),transparent 65%);
  mix-blend-mode:multiply;
}

/* recolour ambient backdrop */
body:not(.es-dashboard-mode) .backdrop{opacity:.85}
body:not(.es-dashboard-mode) .aurora.a1{background:radial-gradient(circle,#E0B5A2,transparent 70%);opacity:.45;filter:blur(110px)}
body:not(.es-dashboard-mode) .aurora.a2{background:radial-gradient(circle,#B5C5A5,transparent 70%);opacity:.35;filter:blur(120px)}
body:not(.es-dashboard-mode) .aurora.a3{background:radial-gradient(circle,#F2D8C9,transparent 70%);opacity:.4;filter:blur(100px)}
body:not(.es-dashboard-mode) .grid{
  background-image:linear-gradient(rgba(26,26,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.05) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask:radial-gradient(ellipse 90% 70% at 50% 0%,#000 0%,transparent 80%);
          mask:radial-gradient(ellipse 90% 70% at 50% 0%,#000 0%,transparent 80%);
}

body:not(.es-dashboard-mode) .cursor-glow{
  background:radial-gradient(circle,rgba(194,135,120,.18),transparent 60%);
  mix-blend-mode:multiply;
}
body:not(.es-dashboard-mode) .scroll-progress{
  background:linear-gradient(90deg,#1A1A1A,#C28778);
  box-shadow:0 0 12px rgba(194,135,120,.5);
}

/* typography */
body:not(.es-dashboard-mode) h1,
body:not(.es-dashboard-mode) h2,
body:not(.es-dashboard-mode) h3,
body:not(.es-dashboard-mode) h4{
  color:var(--ink);
  font-family:var(--font-display);
  letter-spacing:-.025em;
  font-weight:700;
}
body:not(.es-dashboard-mode) ::selection{background:#1A1A1A;color:#F2E9DC}
body:not(.es-dashboard-mode) :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body:not(.es-dashboard-mode) .mono{
  font-family:var(--font-mono);
  color:var(--ink);
  font-weight:500;
  font-size:.66rem;
  letter-spacing:.22em;
}

/* nav */
body:not(.es-dashboard-mode) .nav{
  background:rgba(242,233,220,.88);
  backdrop-filter:blur(14px) saturate(110%);
  -webkit-backdrop-filter:blur(14px) saturate(110%);
  border-bottom:1px solid var(--line);
}
body:not(.es-dashboard-mode) .brand{gap:.6rem}
body:not(.es-dashboard-mode) .brand-name{
  color:var(--ink);
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.03em;
}
body:not(.es-dashboard-mode) .brand-name i{
  font-family:var(--font-serif);
  font-style:italic;
  font-weight:600;
  color:var(--rose);
  font-size:1.02em;
  letter-spacing:-.04em;
}
body:not(.es-dashboard-mode) .nav-links a{color:var(--text);font-weight:500;font-size:.86rem}
body:not(.es-dashboard-mode) .nav-links a:hover{color:var(--ink)}

/* buttons */
body:not(.es-dashboard-mode) .btn{
  border-radius:6px;
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:.01em;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);
}
body:not(.es-dashboard-mode) .btn-primary{
  background:var(--ink)!important;
  background-image:none!important;
  color:var(--bg)!important;
  border:1px solid var(--ink)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(26,26,26,.4),0 6px 14px rgba(26,26,26,.12)!important;
}
body:not(.es-dashboard-mode) .btn-primary:hover{
  background:#000!important;
  background-image:none!important;
  transform:translateY(-1px)!important;
  border-color:#000!important;
  box-shadow:0 2px 0 rgba(26,26,26,.5),0 12px 22px rgba(26,26,26,.18)!important;
}
body:not(.es-dashboard-mode) .btn-primary:active{
  transform:translateY(1px) scale(.99)!important;
  background:#000!important;background-image:none!important;
}
body:not(.es-dashboard-mode) .btn-ghost{
  background:transparent!important;
  background-image:none!important;
  color:var(--ink)!important;
  border:1px solid var(--line-strong)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body:not(.es-dashboard-mode) .btn-ghost:hover{
  background:var(--ink)!important;
  color:var(--bg)!important;
}
body:not(.es-dashboard-mode) .nav-cta{
  background:var(--ink)!important;
  background-image:none!important;
  color:var(--bg)!important;
  border:1px solid var(--ink)!important;
  padding:.55rem 1.05rem;
  font-weight:600;
  font-size:.82rem;
}
body:not(.es-dashboard-mode) .auth-trigger{
  background:transparent;
  color:var(--ink);
  border:1px solid var(--line-strong);
  padding:.5rem 1rem;
  border-radius:6px;
  font-weight:600;
  font-size:.78rem;
  font-family:var(--font-display);
  cursor:pointer;
}
body:not(.es-dashboard-mode) .auth-trigger:hover{background:var(--ink);color:var(--bg)}

/* lang */
body:not(.es-dashboard-mode) .lang-btn{
  background:var(--surface);
  border:1px solid var(--line);
  color:var(--ink);
  border-radius:6px;
}
body:not(.es-dashboard-mode) .lang-menu{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 18px 42px rgba(26,26,26,.12);
  color:var(--ink);
}
body:not(.es-dashboard-mode) .lang-opt{color:var(--text)}
body:not(.es-dashboard-mode) .lang-opt:hover,
body:not(.es-dashboard-mode) .lang-opt.is-active{background:var(--bg-2);color:var(--ink)}

/* hero */
body:not(.es-dashboard-mode) .hero{padding-top:clamp(96px,12vh,160px)}
body:not(.es-dashboard-mode) .hero-title{
  color:var(--ink);
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.035em;
  font-size:clamp(2.2rem,5.4vw,4rem);
  line-height:1.04;
}
body:not(.es-dashboard-mode) .hero-title .grad{
  color:var(--ink);
  font-family:var(--font-serif);
  font-style:italic;
  font-weight:600;
  letter-spacing:-.03em;
  background:none;-webkit-text-fill-color:initial;
}
body:not(.es-dashboard-mode) .eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  background:var(--ink);color:var(--bg);
  padding:.4rem .8rem;
  border-radius:4px;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
}
body:not(.es-dashboard-mode) .eyebrow .ping{
  width:8px;height:8px;background:var(--rose-soft);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
}
body:not(.es-dashboard-mode) .hero-trust-line{color:var(--muted);font-family:var(--font-serif);font-style:italic;font-size:1rem}
body:not(.es-dashboard-mode) .hero-trust-line b{color:var(--ink);font-style:normal;font-weight:600;font-family:var(--font-display)}

body:not(.es-dashboard-mode) .hero-logo-wrap{display:none}
body:not(.es-dashboard-mode) .hero .mark-lg{display:none}

/* sections */
body:not(.es-dashboard-mode) .section-title{
  color:var(--ink);
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.025em;
}
body:not(.es-dashboard-mode) .section-lead{color:var(--muted)}
body:not(.es-dashboard-mode) .section-num{
  font-family:var(--font-mono);
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line);
  padding:.3rem .6rem;
  border-radius:4px;
  font-size:.62rem;
  letter-spacing:.22em;
}

/* universal card surface */
body:not(.es-dashboard-mode) .card,
body:not(.es-dashboard-mode) .feature,
body:not(.es-dashboard-mode) .intg-card,
body:not(.es-dashboard-mode) .price-card,
body:not(.es-dashboard-mode) .testimonial,
body:not(.es-dashboard-mode) .process-step,
body:not(.es-dashboard-mode) .service-card,
body:not(.es-dashboard-mode) .demo-stage{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--text);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
body:not(.es-dashboard-mode) .card:hover,
body:not(.es-dashboard-mode) .feature:hover,
body:not(.es-dashboard-mode) .intg-card:hover,
body:not(.es-dashboard-mode) .price-card:hover{
  border-color:var(--line-strong);
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(26,26,26,.08);
}
body:not(.es-dashboard-mode) .card h3,
body:not(.es-dashboard-mode) .feature h3,
body:not(.es-dashboard-mode) .intg-card h3,
body:not(.es-dashboard-mode) .price-card h3{color:var(--ink)}
body:not(.es-dashboard-mode) .card p,
body:not(.es-dashboard-mode) .feature p,
body:not(.es-dashboard-mode) .intg-card p{color:var(--text)}

body:not(.es-dashboard-mode) hr{
  border:none;border-top:1.5px dotted rgba(26,26,26,.32);
  margin:2rem 0;
}

/* carrier strip */
body:not(.es-dashboard-mode) .carrier-logo-strip{background:transparent}
body:not(.es-dashboard-mode) .carrier-logo-strip img{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 1px 0 rgba(26,26,26,.1);
}
body:not(.es-dashboard-mode) .carrier-logo-strip img:hover{
  border-color:var(--rose);
  box-shadow:0 8px 18px rgba(194,135,120,.22);
}

/* auth modal */
body:not(.es-dashboard-mode) .auth-modal{background:rgba(26,26,26,.62)}
body:not(.es-dashboard-mode) .auth-card{
  background:var(--surface);
  border:1px solid var(--line);
  color:var(--text);
  box-shadow:0 30px 80px rgba(26,26,26,.18);
}
body:not(.es-dashboard-mode) .auth-card h2{color:var(--ink)}
body:not(.es-dashboard-mode) .auth-card input{
  background:var(--bg);
  border:1px solid var(--line);
  color:var(--ink);
}
body:not(.es-dashboard-mode) .auth-card input:focus{border-color:var(--ink);outline:none}

/* tools preview */
body:not(.es-dashboard-mode) .tools-head{
  background:var(--ink);color:var(--bg);
  font-family:var(--font-mono);
  letter-spacing:.18em;
}

/* footer */
body:not(.es-dashboard-mode) footer,
body:not(.es-dashboard-mode) .site-footer{
  background:var(--surface-2);
  color:var(--muted);
  border-top:1.5px dotted var(--line-strong);
}
body:not(.es-dashboard-mode) footer a{color:var(--ink)}
body:not(.es-dashboard-mode) footer .notranslate{color:var(--ink);font-weight:600}

/* mobile menu */
body:not(.es-dashboard-mode) .mobile-menu{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
body:not(.es-dashboard-mode) .mobile-menu a{color:var(--ink)}

body:not(.es-dashboard-mode) .mark{filter:drop-shadow(0 2px 6px rgba(26,26,26,.18))}

/* ship demo */
body:not(.es-dashboard-mode) .ship-flow{background:var(--surface)}
body:not(.es-dashboard-mode) .ship-live i{background:var(--rose)}
body:not(.es-dashboard-mode) .ship-assign-tag{background:var(--sage-soft);color:var(--ink)}

/* ── floating support robot : ink shell + rose ring (was violet) ── */
body:not(.es-dashboard-mode) .support-fab{
  background:var(--ink)!important;
  background-image:none!important;
  border:1px solid rgba(194,135,120,.55)!important;
  box-shadow:0 18px 44px -18px rgba(26,26,26,.55),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body:not(.es-dashboard-mode) .support-fab:hover{
  border-color:var(--rose)!important;
  box-shadow:0 26px 60px -20px rgba(194,135,120,.6),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body:not(.es-dashboard-mode) .support-robot{color:var(--rose-pale)}

/* ── violet icon chips / avatars / badges on landing → ink+rose duo ── */
body:not(.es-dashboard-mode) .feature-icon,
body:not(.es-dashboard-mode) .service-ic,
body:not(.es-dashboard-mode) .step-num,
body:not(.es-dashboard-mode) .r-avatar,
body:not(.es-dashboard-mode) .t-logo,
body:not(.es-dashboard-mode) .path-badge{
  background:var(--ink)!important;
  background-image:none!important;
  color:var(--bg)!important;
  border-color:var(--line)!important;
  box-shadow:0 6px 16px -8px rgba(26,26,26,.4)!important;
}

/* card decorative icon tiles (database / agent glyphs) */
body:not(.es-dashboard-mode) .feature .feature-icon svg,
body:not(.es-dashboard-mode) .service-card svg{color:var(--rose-pale)}

/* pill/chip tags that used violet gradient */
body:not(.es-dashboard-mode) .price-badge,
body:not(.es-dashboard-mode) .tag-live,
body:not(.es-dashboard-mode) .badge{
  background:var(--ink)!important;background-image:none!important;color:var(--bg)!important;
}

/* ── service / feature card icon tiles : rose-pale wash, sage glyph ── */
body:not(.es-dashboard-mode) .card-ic{
  background:linear-gradient(160deg,var(--rose-pale),rgba(143,168,130,.14))!important;
  border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .card-ic svg{stroke:var(--ink)!important}

/* ── AI agent showcase section : warm wash instead of violet bloom ── */
body:not(.es-dashboard-mode) .agent-section{
  background:linear-gradient(180deg,rgba(194,135,120,.16) 0%,rgba(143,168,130,.06) 42%,transparent 76%)!important;
}
body:not(.es-dashboard-mode) .ac-loading,
body:not(.es-dashboard-mode) .ac-ready{
  background:radial-gradient(circle at 50% 0,var(--rose-pale),var(--surface) 58%)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
}
body:not(.es-dashboard-mode) .ac-shell{background:var(--surface)!important}
body:not(.es-dashboard-mode) .tools{
  background:var(--surface-2)!important;background-image:none!important;
  border:1px solid var(--line)!important;
}

/* ── gradient-text headings → solid ink (kill bicolor violet text) ── */
body:not(.es-dashboard-mode) .section-title,
body:not(.es-dashboard-mode) .section-title .grad,
body:not(.es-dashboard-mode) .agent-section .section-title{
  background:none!important;
  -webkit-text-fill-color:var(--ink)!important;
  color:var(--ink)!important;
}

/* ── dark device mockups (WhatsApp chat + floating order/timeline cards) ──
   These are intentional dark "screens" floating on the parchment. Re-declare
   the design tokens locally so every var(--ink/--text/--muted/--line) inside
   resolves to LIGHT values (was rendering dark-on-dark after the theme swap). */
body:not(.es-dashboard-mode) .chat,
body:not(.es-dashboard-mode) .order-card,
body:not(.es-dashboard-mode) .timeline{
  --ink:#f3f5f7;
  --text:#cdd4d9;
  --muted:#8a94a0;
  --line:rgba(255,255,255,.10);
  --line-violet:rgba(255,255,255,.10);
}
/* retone the violet-black surfaces to a neutral warm near-black */
body:not(.es-dashboard-mode) .order-card,
body:not(.es-dashboard-mode) .timeline{
  background:#17161c!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body:not(.es-dashboard-mode) .chat{border:1px solid rgba(255,255,255,.12)!important}
/* the AI-preview order chip plus icon → sage on dark (not ink) */
body:not(.es-dashboard-mode) .oc-plus{
  background:linear-gradient(135deg,var(--sage),#6f8a63)!important;color:#0d160a!important;
}
body:not(.es-dashboard-mode) .oc-thumb{
  background:linear-gradient(135deg,#3b3a44,#23222b)!important;border:1px solid rgba(255,255,255,.1)!important;
}
/* price accent stays readable on dark */
body:not(.es-dashboard-mode) .oc-price{color:var(--sage-soft)!important}

/* ── logo monogram : warm soft shadow, no violet glow ── */
body:not(.es-dashboard-mode) .brand-monogram{
  filter:drop-shadow(0 3px 8px rgba(26,26,26,.28))!important;
}

/* ── top marquee bar : ink bg + bright cream/rose tagline ── */
body:not(.es-dashboard-mode) .topbar{
  background:var(--ink)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:1px solid rgba(194,135,120,.4)!important;
  height:34px;
}
body:not(.es-dashboard-mode) .topbar .brand-name{color:#F7F1E6!important}
body:not(.es-dashboard-mode) .topbar .brand-name i{
  font-family:var(--font-serif)!important;font-style:italic!important;
  color:var(--rose-soft)!important;font-weight:600;
}
body:not(.es-dashboard-mode) .topbar .tb-tag{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:var(--rose-soft)!important;
  -webkit-text-fill-color:var(--rose-soft)!important;
  font-weight:600!important;
  letter-spacing:.26em!important;
  opacity:1!important;
}

/* ── responsive polish : phone → pc ── */
@media (max-width:600px){
  body:not(.es-dashboard-mode) .topbar{height:30px;gap:.4rem}
  body:not(.es-dashboard-mode) .topbar .brand-name{font-size:.72rem}
  body:not(.es-dashboard-mode) .topbar .tb-tag{font-size:.55rem;letter-spacing:.14em!important}
  body:not(.es-dashboard-mode) .brand-monogram{width:32px;height:32px}
  body:not(.es-dashboard-mode) .brand-name{font-size:1.05rem}
  body:not(.es-dashboard-mode) .hero-title{font-size:clamp(1.85rem,8vw,2.6rem);line-height:1.08}
  body:not(.es-dashboard-mode) .eyebrow{font-size:.54rem;letter-spacing:.16em}
}
@media (min-width:1100px){
  body:not(.es-dashboard-mode) .brand-monogram{width:40px;height:40px}
  body:not(.es-dashboard-mode) .topbar .tb-tag{font-size:.66rem}
}

/* ── last violet holdouts ── */
body:not(.es-dashboard-mode) .intg-plus{
  background:var(--rose-pale)!important;background-image:none!important;
  color:var(--ink)!important;border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .es-contact-card{
  background-image:radial-gradient(130% 150% at 50% 0%,rgba(194,135,120,.16),rgba(247,241,230,0) 60%)!important;
  background-color:var(--surface)!important;
  border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .support-head{
  background-image:linear-gradient(rgba(194,135,120,.2),rgba(247,241,230,.9))!important;
  background-color:var(--surface)!important;
  color:var(--ink)!important;
}
body:not(.es-dashboard-mode) .support-chips button{
  background:rgba(194,135,120,.12)!important;background-image:none!important;
  border:1px solid var(--line)!important;color:var(--ink)!important;
}
body:not(.es-dashboard-mode) .support-chips button:hover{
  background:var(--rose-pale)!important;border-color:var(--rose)!important;
}
body:not(.es-dashboard-mode) .support-panel,
body:not(.es-dashboard-mode) .support-body,
body:not(.es-dashboard-mode) .chat{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}

/* auth modal logo + integration search field → on-theme */
body:not(.es-dashboard-mode) .auth-logo{
  background:var(--ink)!important;background-image:none!important;border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .intg-search-field{
  background:var(--bg)!important;background-image:none!important;
  border:1px solid var(--line)!important;color:var(--ink)!important;
}
body:not(.es-dashboard-mode) .intg-search-field:focus{border-color:var(--ink)!important;outline:none}

/* store-card status tags : light-mint → readable dark sage on parchment */
body:not(.es-dashboard-mode) .intg-tag{color:var(--muted)!important}
body:not(.es-dashboard-mode) .intg-card.featured .intg-tag,
body:not(.es-dashboard-mode) .intg-tag-active{
  color:#4f7042!important;font-weight:600!important;
}
body:not(.es-dashboard-mode) .intg-tag-active::before,
body:not(.es-dashboard-mode) .intg-card.featured .intg-tag::before{filter:none}

/* ── demo stages : strip violet bloom/grid → warm parchment stage ── */
body:not(.es-dashboard-mode) .demo-stage{
  background:radial-gradient(120% 120% at 30% 0%,rgba(194,135,120,.12),rgba(247,241,230,.02))!important;
  border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .demo-stage::before{
  background-image:linear-gradient(rgba(26,26,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.05) 1px,transparent 1px)!important;
}
/* dark WhatsApp device : warm neutral shadow, not purple glow */
body:not(.es-dashboard-mode) .chat{
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 70px -30px rgba(26,26,26,.55),0 0 0 1px rgba(26,26,26,.04)!important;
}
body:not(.es-dashboard-mode) .chat-avatar{
  background:linear-gradient(135deg,#2a3942,#1f2c34)!important;color:#e9edef!important;
}
body:not(.es-dashboard-mode) .track,
body:not(.es-dashboard-mode) .tools{box-shadow:0 24px 50px -28px rgba(26,26,26,.4)!important}

/* ════════════════════════════════════════════════════════════════
   SHIPPING demo — animated live-dispatch pipeline
   ════════════════════════════════════════════════════════════════ */
body:not(.es-dashboard-mode) .ship-stage{padding:0;background:none!important;border:none!important;display:flex}
.ship-flow{
  width:100%;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  padding:1.4rem 1.5rem 1.5rem;
  display:flex;flex-direction:column;gap:1.15rem;
  box-shadow:0 18px 44px -28px rgba(26,26,26,.4);
  position:relative;overflow:hidden;
}
.ship-flow::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 80% 0%,rgba(143,168,130,.12),transparent 55%);
}
.ship-flow-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;position:relative}
.ship-live{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink);font-weight:600;
}
.ship-live i{
  width:8px;height:8px;border-radius:50%;background:var(--rose);
  box-shadow:0 0 0 0 rgba(194,135,120,.55);animation:shipPulse 1.8s var(--ease) infinite;
}
@keyframes shipPulse{
  0%{box-shadow:0 0 0 0 rgba(194,135,120,.5)}
  70%{box-shadow:0 0 0 9px rgba(194,135,120,0)}
  100%{box-shadow:0 0 0 0 rgba(194,135,120,0)}
}
.ship-ref{
  font-family:var(--font-mono);font-size:.7rem;color:var(--muted);
  background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:.22rem .55rem;letter-spacing:.04em;
}

/* carrier auto-assign rotator */
.ship-assign{
  display:flex;align-items:center;gap:.7rem;
  background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:.7rem .85rem;position:relative;
}
.ship-assign-k{
  font-size:.72rem;color:var(--muted);font-weight:500;flex:0 0 auto;
  max-width:9.5rem;line-height:1.25;
}
.ship-rotator{
  flex:1 1 auto;height:30px;overflow:hidden;position:relative;
  -webkit-mask:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
          mask:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
}
.ship-rotator ul{
  display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;
  animation:shipRotate 7.7s steps(1) infinite;
}
.ship-rotator li{
  height:30px;display:flex;align-items:center;gap:.55rem;
  font-family:var(--font-display);font-weight:600;font-size:.92rem;color:var(--ink);
}
.ship-dot{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:7px;flex:0 0 auto;
  color:#fff;font-size:.6rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;
  box-shadow:0 2px 6px -2px rgba(26,26,26,.4);
}
@keyframes shipRotate{
  0%,12%   {transform:translateY(0)}
  14%,26%  {transform:translateY(-30px)}
  28%,40%  {transform:translateY(-60px)}
  42%,54%  {transform:translateY(-90px)}
  56%,68%  {transform:translateY(-120px)}
  70%,82%  {transform:translateY(-150px)}
  84%,100% {transform:translateY(-180px)}
}
.ship-assign-tag{
  flex:0 0 auto;align-self:flex-start;
  font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
  background:var(--sage-soft);color:var(--ink);font-weight:700;
  padding:.25rem .5rem;border-radius:5px;
}

/* progress rail with travelling parcel */
.ship-rail{display:flex;flex-direction:column;gap:.85rem;padding:.3rem .15rem 0}
.ship-rail-line{position:relative;height:26px;display:flex;align-items:center}
.ship-rail-line::before{
  content:'';position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);
  background:repeating-linear-gradient(90deg,var(--line-strong) 0 5px,transparent 5px 11px);
  opacity:.4;border-radius:3px;
}
.ship-rail-fill{
  position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);
  width:0;border-radius:3px;
  background:linear-gradient(90deg,var(--rose),var(--sage));
  animation:shipFill 7.7s var(--ease) infinite;
}
@keyframes shipFill{
  0%{width:0}
  12%{width:6%}
  88%{width:100%}
  100%{width:100%}
}
.ship-box{
  position:absolute;top:50%;left:0;
  width:26px;height:26px;
  transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:7px;
  box-shadow:0 4px 12px -4px rgba(26,26,26,.4);
  animation:shipTravel 7.7s var(--ease) infinite;
  z-index:2;
}
.ship-box svg{width:15px;height:15px;display:block}
@keyframes shipTravel{
  0%{left:0}
  12%{left:6%}
  88%{left:100%}
  100%{left:100%}
}
.ship-steps{display:flex;justify-content:space-between;gap:.3rem}
.ship-steps .ss{
  font-family:var(--font-mono);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted);font-weight:600;position:relative;
  transition:color .3s var(--ease);
  animation:shipStep 7.7s var(--ease) infinite;
  animation-delay:var(--d);
}
@keyframes shipStep{
  0%,8%{color:var(--muted)}
  12%,82%{color:var(--ink)}
  100%{color:var(--ink)}
}

/* delivered result */
.ship-result{
  display:flex;align-items:center;gap:.55rem;
  font-size:.82rem;color:var(--text);
  padding-top:.95rem;border-top:1.5px dotted var(--line-strong);
}
.ship-result b{color:var(--ink);font-family:var(--font-display);font-weight:700}
.ship-ok{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;flex:0 0 auto;
  background:var(--sage);color:#fff;font-size:.7rem;font-weight:700;
  box-shadow:0 0 0 4px rgba(143,168,130,.18);
}
@media (prefers-reduced-motion:reduce){
  .ship-rotator ul,.ship-rail-fill,.ship-box,.ship-steps .ss,.ship-live i{animation:none}
  .ship-rail-fill{width:100%}
  .ship-box{left:100%}
  .ship-steps .ss{color:var(--ink)}
}
@media (max-width:600px){
  .ship-flow{padding:1.1rem 1.1rem 1.2rem}
  .ship-assign{flex-wrap:wrap}
  .ship-assign-k{max-width:none;flex:1 1 100%}
}

/* ════════════════════════════════════════════════════════════════
   DEMO MOCKUPS — design audit fixes (color + concept synthesis)
   Unifies success → sage, fixes chat bleed, re-themes tools panel,
   styles the new ✓ glyph elements, adds live-ticking payoff.
   ════════════════════════════════════════════════════════════════ */

/* (bug) my support-panel rule forced the dark WhatsApp .chat to parchment.
   Restore the authentic dark canvas so corners don't bleed cream. */
body:not(.es-dashboard-mode) #demo .chat,
body:not(.es-dashboard-mode) #agent .chat{
  background:#0b141a!important;
}

/* WhatsApp contact avatar → flat muted slate (not a brand gradient chip) */
body:not(.es-dashboard-mode) .chat-avatar{
  background:#5b6b78!important;background-image:none!important;color:#e9edef!important;
}

/* ── ONE success green on the parchment canvas → sage ──
   (neon WhatsApp green stays ONLY inside the live chat bubbles/teal) */
body:not(.es-dashboard-mode) .check-list li::before{
  background:rgba(143,168,130,.18)!important;border-color:rgba(143,168,130,.55)!important;
}
body:not(.es-dashboard-mode) .check-list li::after{
  border-right-color:var(--sage)!important;border-bottom-color:var(--sage)!important;
}

/* ── timeline + order-card success marks (dark cards) → sage ── */
body:not(.es-dashboard-mode) .tl-check{
  background:var(--sage)!important;color:#15240e!important;font-weight:700;
}
body:not(.es-dashboard-mode) .wa-dot{background:var(--sage)!important}
body:not(.es-dashboard-mode) .oc-conf{color:#9fbe8c!important}
body:not(.es-dashboard-mode) .oc-tick{color:#9fbe8c;font-weight:800}
body:not(.es-dashboard-mode) .oc-pdot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#d99a4e;vertical-align:middle;margin-right:.1rem;
}

/* ── 'Confirm order' action: electric mint → in-family sage, sage pulse ── */
@keyframes sageConfirmPulse{
  0%,33%,42%,100%{box-shadow:0 0 0 0 rgba(143,168,130,0);transform:none}
  37%{box-shadow:0 0 0 7px rgba(143,168,130,.20);transform:scale(1.06)}
}
body:not(.es-dashboard-mode) .b-confirm{
  color:#9fbe8c!important;animation:sageConfirmPulse 13s var(--ease) infinite!important;
}

/* ── WhatsApp read-receipt double-tick: drop foreign blue → muted sage-grey ── */
body:not(.es-dashboard-mode) .tick{
  color:rgba(181,197,165,.92)!important;letter-spacing:-2px;
}

/* ── 'New order saved' system pill tick ── */
body:not(.es-dashboard-mode) .send-tick{color:var(--sage-soft);font-weight:800;margin-right:.05rem}

/* ── DEMO 3 .tools panel: it became a LIGHT card, so re-theme its dark-mode children ── */
body:not(.es-dashboard-mode) .tools{background:var(--surface-2)!important;border:1px solid var(--line)!important}
body:not(.es-dashboard-mode) .tools .t-logo{
  background:none!important;-webkit-text-fill-color:#4f7042!important;color:#4f7042!important;
  box-shadow:none!important;width:auto;height:auto;
}
body:not(.es-dashboard-mode) .tools .tk{color:#4f7042!important}
body:not(.es-dashboard-mode) .tools .ctx-row,
body:not(.es-dashboard-mode) .tools .tool-row{color:var(--text)!important}
body:not(.es-dashboard-mode) .tools .tool-row code{
  color:var(--ink)!important;background:rgba(26,26,26,.06)!important;
  padding:.05rem .3rem;border-radius:4px;
}
body:not(.es-dashboard-mode) .tools .thinking,
body:not(.es-dashboard-mode) .tools .tools-sub{color:var(--muted)!important}
body:not(.es-dashboard-mode) .tools .dots i{background:var(--sage)!important}
body:not(.es-dashboard-mode) .tools .lang{
  background:rgba(26,26,26,.05)!important;color:var(--text)!important;border:1px solid var(--line)!important;
}
body:not(.es-dashboard-mode) .tools .lang.on{
  background:var(--sage)!important;color:#15240e!important;border-color:transparent!important;
  -webkit-text-fill-color:#15240e!important;
}

/* ── DEMO 3 payoff: a clear 'order created' result chip (mirrors DEMO 2's result) ── */
body:not(.es-dashboard-mode) .tools-result{
  display:flex;align-items:center;gap:.45rem;margin-top:.55rem;padding:.5rem .6rem;
  background:rgba(143,168,130,.16);border:1px solid rgba(143,168,130,.42);border-radius:9px;
  font-family:var(--font-mono);font-size:.64rem;letter-spacing:.02em;color:var(--ink);font-weight:600;
}
body:not(.es-dashboard-mode) .tools-result .tk{color:#4f7042!important}

/* ── DEMO 3 'live' feel: stagger the ✓ ticks so the agent visibly works ── */
@keyframes tkReveal{
  0%,2%{opacity:0;transform:scale(.4)}
  7%,100%{opacity:1;transform:none}
}
body:not(.es-dashboard-mode) .tools .ctx-row .tk,
body:not(.es-dashboard-mode) .tools .tool-row .tk,
body:not(.es-dashboard-mode) .tools-result .tk{
  animation:tkReveal 9s var(--ease) infinite;
}
body:not(.es-dashboard-mode) .tools .ctx-row:nth-of-type(1) .tk{animation-delay:.2s}
body:not(.es-dashboard-mode) .tools .ctx-row:nth-of-type(2) .tk{animation-delay:.6s}
body:not(.es-dashboard-mode) .tools .ctx-row:nth-of-type(3) .tk{animation-delay:1s}
body:not(.es-dashboard-mode) .tools .tool-row:nth-of-type(1) .tk{animation-delay:1.5s}
body:not(.es-dashboard-mode) .tools .tool-row:nth-of-type(2) .tk{animation-delay:1.9s}
body:not(.es-dashboard-mode) .tools .tool-row:nth-of-type(3) .tk{animation-delay:2.3s}
body:not(.es-dashboard-mode) .tools .tool-row:nth-of-type(4) .tk{animation-delay:2.7s}
body:not(.es-dashboard-mode) .tools-result .tk{animation-delay:3.2s}

/* ── unify the floating dark cards' radius + warm shadow (was pure-black/14px) ── */
body:not(.es-dashboard-mode) .order-card,
body:not(.es-dashboard-mode) .timeline{
  border-radius:16px!important;
  box-shadow:0 24px 50px -24px rgba(26,26,26,.55)!important;
}

@media (prefers-reduced-motion:reduce){
  body:not(.es-dashboard-mode) .tools .tk,
  body:not(.es-dashboard-mode) .tools-result .tk{animation:none}
  body:not(.es-dashboard-mode) .b-confirm{animation:none!important}
}

/* carrier connected-state green → sage (landing) */
body:not(.es-dashboard-mode) .ship-status.ok,
body:not(.es-dashboard-mode) .ship-status{color:#4f7042}

body:not(.es-dashboard-mode) .account-ready-toast{
  position:fixed;left:50%;bottom:clamp(1rem,3vw,1.6rem);z-index:1200;
  transform:translate(-50%,18px);opacity:0;pointer-events:none;
  background:rgba(26,26,26,.94);color:var(--surface);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;
  box-shadow:0 18px 45px -26px rgba(26,26,26,.55);
  padding:.72rem 1.05rem;font-family:var(--font-display);font-size:.86rem;font-weight:600;
  letter-spacing:-.01em;transition:opacity .24s var(--ease),transform .24s var(--ease);
}
body:not(.es-dashboard-mode) .account-ready-toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* ════════════════════════════════════════════════════════════════
   "Coming soon" overlay for Instagram / Messenger channels
   ════════════════════════════════════════════════════════════════ */
.ch-btn.ig, .ch-btn.ms{position:relative}
.ch-btn.ig::after, .ch-btn.ms::after{
  content:"soon";position:absolute;top:-7px;right:-7px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.5rem;letter-spacing:.08em;
  background:#C28778;color:#fff;padding:.1rem .32rem;border-radius:5px;font-weight:700;
  box-shadow:0 2px 6px -2px rgba(26,26,26,.5);pointer-events:none;
}
.sc-soon{
  position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  background:rgba(26,26,26,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .22s ease;padding:1.2rem;
}
.sc-soon.open{opacity:1}
.sc-soon-card{
  position:relative;width:min(420px,100%);text-align:center;
  background:#F7F1E6;border:1px solid rgba(26,26,26,.14);border-radius:18px;
  padding:2.2rem 1.8rem 1.8rem;
  box-shadow:0 40px 90px -40px rgba(26,26,26,.5);
  transform:translateY(10px) scale(.98);transition:transform .25s cubic-bezier(.2,.7,.2,1);
  font-family:'Inter',system-ui,sans-serif;
}
.sc-soon.open .sc-soon-card{transform:none}
.sc-soon-x{
  position:absolute;top:.7rem;right:.9rem;background:none;border:0;cursor:pointer;
  font-size:1.5rem;line-height:1;color:#6E6354;
}
.sc-soon-x:hover{color:#1A1A1A}
.sc-soon-ic{
  display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;
  border-radius:15px;background:#1A1A1A;color:#F2D8C9;margin-bottom:1rem;
  font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;font-size:1.25rem;letter-spacing:-1px;
}
.sc-soon-tag{
  display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:#8FA882;font-weight:600;margin-bottom:.5rem;
}
.sc-soon-card h3{
  font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.55rem;color:#1A1A1A;
  letter-spacing:-.02em;margin:.1rem 0 .6rem;
}
.sc-soon-card p{color:#2C2A26;font-size:.9rem;line-height:1.6;margin:0 0 1.3rem}
.sc-soon-card p b{color:#1A1A1A;font-weight:600}
.sc-soon-cta{
  background:#1A1A1A;color:#F2E9DC;border:0;border-radius:8px;padding:.7rem 1.6rem;
  font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;
  transition:transform .15s ease,background .15s ease;
}
.sc-soon-cta:hover{background:#000;transform:translateY(-1px)}

/* ════════════════════════════════════════════════════════════════
   SCALIFFY TEAM — member view + owner team panel + member login
   ════════════════════════════════════════════════════════════════ */
/* member full-screen view hides everything else */
body.sc-member-mode{overflow:hidden}
body.sc-member-mode > *:not(#scMemberView){display:none!important}
.sc-member{
  position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;
  background:#F2E9DC;color:#2C2A26;font-family:'Inter',system-ui,sans-serif;
}
.sc-member-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 1.4rem;background:#1A1A1A;color:#F2E9DC;flex:0 0 auto;
}
.sc-member-brand{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}
.sc-member-brand i{font-style:normal;color:#E0B5A2;font-weight:400;font-size:.85em}
.sc-ff{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#F2E9DC;color:#C28778;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;font-size:1rem;letter-spacing:-1px}
.sc-member-who{display:flex;align-items:center;gap:.9rem;font-size:.86rem}
.sc-member-who b{color:#fff;font-weight:600}
#scMemberLogout{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#F2E9DC;padding:.4rem .8rem;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-size:.78rem;cursor:pointer}
#scMemberLogout:hover{background:rgba(255,255,255,.18)}
.sc-member-body{flex:1 1 auto;overflow-y:auto;padding:1.6rem clamp(1rem,4vw,2.5rem) 3rem;max-width:1100px;width:100%;margin:0 auto}
.sc-member-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem}
.sc-member-head h2{font-family:'Space Grotesk',sans-serif;font-size:1.7rem;color:#1A1A1A;letter-spacing:-.02em;margin:0}
.sc-member-sub{font-family:'Fraunces',Georgia,serif;font-style:italic;color:#6E6354;font-size:.95rem}
.sc-member-search{
  width:100%;padding:.7rem 1rem;border:1px solid rgba(26,26,26,.16);border-radius:9px;
  background:#F7F1E6;color:#1A1A1A;font-size:.9rem;margin-bottom:1.4rem;font-family:'Inter',sans-serif;
}
.sc-member-search:focus{outline:none;border-color:#1A1A1A}
.sc-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.sc-pcard{display:flex;flex-direction:column;background:#F7F1E6;border:1px solid rgba(26,26,26,.12);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.sc-pcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(26,26,26,.3)}
.sc-pcard-img{aspect-ratio:1;background:#EDE3D0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sc-pcard-img img{width:100%;height:100%;object-fit:cover}
.sc-pcard-noimg{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.6rem;color:#C28778}
.sc-pcard-info{padding:.7rem .8rem;display:flex;flex-direction:column;gap:.2rem}
.sc-pcard-info b{color:#1A1A1A;font-size:.9rem;font-weight:600;line-height:1.25}
.sc-pcard-meta{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:#6E6354}
.sc-pcard-stock{font-size:.66rem;color:#8FA882;font-weight:600;margin-top:.15rem}
.sc-member-empty{grid-column:1/-1;text-align:center;color:#6E6354;font-family:'Fraunces',Georgia,serif;font-style:italic;padding:3rem 1rem}

/* member login on the auth modal */
.sc-memwrap{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(26,26,26,.18);text-align:center}
body.es-dashboard-mode .sc-memwrap{border-top-color:rgba(255,255,255,.14)}
.sc-memlink{background:none;border:0;color:#C28778;font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline}
.sc-memlink:hover{color:#1A1A1A}
.sc-memform{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem}
.sc-memtoken{padding:.65rem .85rem;border:1px solid rgba(26,26,26,.18);border-radius:7px;font-family:'JetBrains Mono',monospace;font-size:.78rem}
.sc-memstatus{font-size:.76rem;color:#b04a3f;margin:0;min-height:1em}

/* owner team panel (sidebar footer) */
.sc-team{margin-top:auto;padding:1rem .9rem;border-top:1px solid rgba(255,255,255,.1)}
.sc-avatar{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.25);cursor:pointer;overflow:hidden;margin-bottom:.8rem}
.sc-avatar:hover{border-color:#C28778}
.sc-avatar img{width:100%;height:100%;object-fit:cover}
.sc-avatar-ph{font-size:1.4rem;color:rgba(255,255,255,.5);font-weight:300}
.sc-team-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.sc-team-h b{font-size:.78rem;color:#e9d5ff;font-weight:600}
body:not(.es-dashboard-mode) .sc-team-h b{color:#1A1A1A}
.sc-team-add{background:#C28778;border:0;color:#fff;font-size:.68rem;padding:.3rem .55rem;border-radius:6px;cursor:pointer;font-weight:600;font-family:'Space Grotesk',sans-serif}
.sc-team-add:hover{background:#a86a5c}
.sc-team-list{display:flex;flex-direction:column;gap:.35rem}
.sc-team-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:rgba(255,255,255,.85);background:rgba(255,255,255,.05);padding:.35rem .55rem;border-radius:6px}
body:not(.es-dashboard-mode) .sc-team-row{color:#2C2A26;background:rgba(26,26,26,.05)}
.sc-team-del{background:none;border:0;color:#b04a3f;font-size:1rem;cursor:pointer;line-height:1}
.sc-team-empty{font-size:.72rem;color:rgba(255,255,255,.4);font-style:italic}

/* token reveal modal (reuses sc-soon) */
.sc-token{display:flex;align-items:center;gap:.5rem;background:#EDE3D0;border:1px solid rgba(26,26,26,.14);border-radius:8px;padding:.5rem .6rem;margin:0 0 1.1rem}
.sc-token code{flex:1;font-family:'JetBrains Mono',monospace;font-size:.72rem;color:#1A1A1A;word-break:break-all;text-align:left}
.sc-token-copy{background:#1A1A1A;color:#F2E9DC;border:0;border-radius:6px;padding:.4rem .7rem;font-size:.72rem;cursor:pointer;font-family:'Space Grotesk',sans-serif;white-space:nowrap}

/* ════════════════════════════════════════════════════════════════
   SCALIFFY DASHBOARD THEME — parchment re-skin of the after-signup app.
   The dashboard is driven by CSS vars, so re-mapping them re-themes
   every component (tiles, charts, inbox, cards, nav…) at once.
   ════════════════════════════════════════════════════════════════ */
body.es-dashboard-mode{
  background:#F2E9DC!important;
  /* global accent vars used by some dashboard components */
  --v1:#1A1A1A;--v2:#C28778;--v3:#8FA882;
  --glow:rgba(194,135,120,.38);
  --line-violet:rgba(26,26,26,.14);
}
body.es-dashboard-mode .client-dashboard.es-app{
  --es-bg:#F2E9DC;
  --es-panel:#F7F1E6;
  --es-panel-2:#EDE3D0;
  --es-ink:#1A1A1A;
  --es-text:#2C2A26;
  --es-muted:#6E6354;
  --es-line:rgba(26,26,26,.12);
  --es-line-strong:rgba(194,135,120,.42);
  --es-violet:#C28778;
  --es-violet-2:#8FA882;
  --es-green:#5f8f56;
  --es-amber:#C9923E;
  --es-red:#b04a3f;
  --es-font-display:'Space Grotesk',system-ui,sans-serif;
}
/* sidebar a touch deeper than the panels for separation */
body.es-dashboard-mode .es-sidebar{
  background:#EDE3D0!important;border-right:1px solid rgba(26,26,26,.12)!important;
}
/* warm aurora + faint grid behind the parchment (was violet/dark) */
body.es-dashboard-mode .aurora.a1{background:radial-gradient(circle,#E0B5A2,transparent 70%)!important;opacity:.30!important}
body.es-dashboard-mode .aurora.a2{background:radial-gradient(circle,#B5C5A5,transparent 70%)!important;opacity:.24!important}
body.es-dashboard-mode .aurora.a3{background:radial-gradient(circle,#F2D8C9,transparent 70%)!important;opacity:.28!important}
body.es-dashboard-mode>.backdrop{opacity:.5!important}
body.es-dashboard-mode .grid{
  background-image:linear-gradient(rgba(26,26,26,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,26,26,.045) 1px,transparent 1px)!important;
}
body.es-dashboard-mode .hero-canvas{opacity:.28!important}
body.es-dashboard-mode>.cursor-glow{
  background:radial-gradient(circle,rgba(194,135,120,.14),transparent 60%)!important;mix-blend-mode:multiply!important;
}
/* monogram in the dashboard sidebar → warm shadow, ff mark already handled */
body.es-dashboard-mode .brand-monogram{filter:drop-shadow(0 3px 8px rgba(26,26,26,.25))!important}
/* headings inside the dashboard → display font + ink */
body.es-dashboard-mode .es-app h1,
body.es-dashboard-mode .es-app h2,
body.es-dashboard-mode .es-app h3,
body.es-dashboard-mode .es-app h4{color:var(--es-ink);font-family:'Space Grotesk',system-ui,sans-serif}
/* selection + focus on-theme */
body.es-dashboard-mode ::selection{background:#1A1A1A;color:#F2E9DC}

/* ════════════════════════════════════════════════════════════════
   SCALIFFY DASHBOARD — kill all hardcoded violet + dark surfaces.
   Forces every panel/card/inbox/list to parchment, accents to rose/sage.
   ════════════════════════════════════════════════════════════════ */
/* ---- surfaces → parchment cream ---- */
body.es-dashboard-mode .es-tile,
body.es-dashboard-mode .es-chart-panel,
body.es-dashboard-mode .es-command-metric,
body.es-dashboard-mode .es-delivery-ring,
body.es-dashboard-mode .es-product-card,
body.es-dashboard-mode .es-contact-card,
body.es-dashboard-mode .es-cust-row,
body.es-dashboard-mode .es-cust-list,
body.es-dashboard-mode .es-cust-metric,
body.es-dashboard-mode .es-alert-pop,
body.es-dashboard-mode .es-alert-item,
body.es-dashboard-mode .es-analytics-stack,
body.es-dashboard-mode .es-agent-strip,
body.es-dashboard-mode .es-agent-layer,
body.es-dashboard-mode .es-config-head,
body.es-dashboard-mode .es-contact,
body.es-dashboard-mode .es-global-search,
body.es-dashboard-mode .es-chip,
body.es-dashboard-mode .es-custom-connectors,
body.es-dashboard-mode .intg-card,
body.es-dashboard-mode .es-inbox-contacts,
body.es-dashboard-mode .es-inbox-chat,
body.es-dashboard-mode .es-inbox-compose,
body.es-dashboard-mode .es-inbox-contact,
body.es-dashboard-mode .es-empty-state{
  background:#F7F1E6!important;
  background-image:none!important;
  border-color:rgba(26,26,26,.12)!important;
  color:#2C2A26!important;
}
/* ---- text → ink / muted ---- */
body.es-dashboard-mode .es-app,
body.es-dashboard-mode .es-app p,
body.es-dashboard-mode .es-app span,
body.es-dashboard-mode .es-app b,
body.es-dashboard-mode .es-app li,
body.es-dashboard-mode .es-app code,
body.es-dashboard-mode .es-app label{color:#2C2A26}
body.es-dashboard-mode .es-app .es-muted,
body.es-dashboard-mode .es-app small{color:#6E6354!important}
body.es-dashboard-mode .es-tile-num,
body.es-dashboard-mode .es-command-metric b,
body.es-dashboard-mode .es-cust-rank{color:#1A1A1A!important}
/* ---- inbox: kill dark/violet, parchment chat ---- */
body.es-dashboard-mode .es-inbox-chat{
  background:radial-gradient(120% 80% at 50% 0%,rgba(194,135,120,.06),transparent 60%),#F2E9DC!important;
}
body.es-dashboard-mode .es-inbox-contacts{border-right:1px solid rgba(26,26,26,.1)!important}
body.es-dashboard-mode .es-inbox-compose{border-top:1px solid rgba(26,26,26,.1)!important}
body.es-dashboard-mode .es-inbox-contact.is-active,
body.es-dashboard-mode .es-inbox-contact:hover,
body.es-dashboard-mode .es-product-card:hover,
body.es-dashboard-mode .es-cust-row:hover{
  background:rgba(194,135,120,.1)!important;border-color:rgba(194,135,120,.3)!important;
}
body.es-dashboard-mode .es-inbox-msg{background:#EDE3D0!important;color:#2C2A26!important;border:1px solid rgba(26,26,26,.08)!important}
body.es-dashboard-mode .es-inbox-msg.agent{
  background:#1A1A1A!important;background-image:none!important;color:#F2E9DC!important;border:0!important;
}
body.es-dashboard-mode .es-inbox-msg.human{
  align-self:flex-end!important;
  background:#C28778!important;
  background-image:none!important;
  color:#1A1A1A!important;
  border:0!important;
  border-bottom-right-radius:5px!important;
}
body.es-dashboard-mode .es-inbox-msg.human::after{
  content:"YOU";
  position:absolute;
  top:-7px;
  right:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:.48rem;
  letter-spacing:.08em;
  color:#C28778;
}
/* ---- avatars / badges / accents → ink+rose ---- */
body.es-dashboard-mode .es-inbox-msg.failed{
  background:#3A1F22!important;
  color:#FDE2E2!important;
  border:1px solid rgba(248,113,113,.55)!important;
}
body.es-dashboard-mode .es-inbox-msg.failed::after{color:#ff9f9f}
body.es-dashboard-mode .es-inbox-msg.failed .es-msg-time{color:#ffb4b4!important}
body.es-dashboard-mode .es-chat-avatar,
body.es-dashboard-mode .es-cust-avatar,
body.es-dashboard-mode .es-contact-avatar,
body.es-dashboard-mode .account-avatar{
  background:#1A1A1A!important;background-image:none!important;color:#F2D8C9!important;
}
body.es-dashboard-mode .es-contact-badge,
body.es-dashboard-mode .es-cust-badge,
body.es-dashboard-mode .es-chip.is-active,
body.es-dashboard-mode .es-connect-pill{
  background:rgba(194,135,120,.16)!important;color:#1A1A1A!important;border-color:rgba(194,135,120,.4)!important;
}
/* ---- sidebar nav: active → rose ---- */
body.es-dashboard-mode .es-nav button.is-active,
body.es-dashboard-mode .es-sidebar button.is-active{
  background:rgba(194,135,120,.14)!important;color:#1A1A1A!important;
}
body.es-dashboard-mode .es-sidebar button{color:#2C2A26}
body.es-dashboard-mode .es-sidebar button:hover{background:rgba(26,26,26,.05)!important}
/* ---- session status dot / alerts ---- */
body.es-dashboard-mode .es-session-status i,
body.es-dashboard-mode .es-chat-status i{background:#8FA882!important}
body.es-dashboard-mode .es-alert-count{background:#C28778!important;color:#fff!important}
body.es-dashboard-mode .es-icon-btn,
body.es-dashboard-mode .es-alert-btn{background:#F7F1E6!important;border-color:rgba(26,26,26,.12)!important;color:#1A1A1A!important}
/* ---- inputs / search ---- */
body.es-dashboard-mode .es-app input,
body.es-dashboard-mode .es-inbox-compose input,
body.es-dashboard-mode .es-global-search input{
  background:#F2E9DC!important;color:#1A1A1A!important;border-color:rgba(26,26,26,.14)!important;
}
/* ---- delivery ring / charts: ink strokes ---- */
body.es-dashboard-mode .es-delivery-ring{background:#F7F1E6!important}

/* final: user avatar + any leftover dark chips → ink */
body.es-dashboard-mode .es-user-avatar,
body.es-dashboard-mode .es-side-monogram-wrap,
body.es-dashboard-mode .es-cust-rank-badge{
  background:#1A1A1A!important;background-image:none!important;color:#F2D8C9!important;
}

/* dashboard topbar + session pill + buttons → parchment (kill dark gradients) */
body.es-dashboard-mode .es-topbar{
  background:#F7F1E6!important;background-image:none!important;
  border-bottom:1px solid rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-session-status,
body.es-dashboard-mode .es-session-pill,
body.es-dashboard-mode .es-top-actions > *{
  background:#EDE3D0!important;background-image:none!important;color:#1A1A1A!important;
  border:1px solid rgba(26,26,26,.12)!important;
}
body.es-dashboard-mode .es-session-status i{background:#8FA882!important}
/* dashboard primary buttons (wizard.css forces violet glass) → ink */
body.es-dashboard-mode .es-app .btn-primary,
body.es-dashboard-mode .es-empty-cta,
body.es-dashboard-mode .es-empty-state .btn-primary,
body.es-dashboard-mode .es-connect-pill.is-cta,
body.es-dashboard-mode .es-app .intg-connect-btn{
  background:#1A1A1A!important;background-image:none!important;color:#F2E9DC!important;
  border:1px solid #1A1A1A!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 6px 14px -8px rgba(26,26,26,.4)!important;
}
body.es-dashboard-mode .es-app .btn-primary:hover{background:#000!important}

/* empty-state CTA banner is a CONTAINER → parchment, inner button stays ink */
body.es-dashboard-mode .es-empty-cta{
  background:#F7F1E6!important;background-image:none!important;color:#2C2A26!important;
  border:1px solid rgba(26,26,26,.12)!important;box-shadow:none!important;
}
body.es-dashboard-mode .es-empty-cta h2,
body.es-dashboard-mode .es-empty-cta h3,
body.es-dashboard-mode .es-empty-cta b{color:#1A1A1A!important}
body.es-dashboard-mode .es-empty-cta .btn-primary,
body.es-dashboard-mode .es-empty-cta button:not(.btn-ghost){
  background:#1A1A1A!important;background-image:none!important;color:#F2E9DC!important;border:1px solid #1A1A1A!important;
}
/* empty glyph / illustration tint */
body.es-dashboard-mode .es-empty-glyph{color:#C28778!important;opacity:.7}

/* dashboard backdrop ::before was near-black → parchment with warm halos */
body.es-dashboard-mode::before{
  background:
    radial-gradient(circle at 16% 20%,rgba(194,135,120,.12),transparent 38%),
    radial-gradient(circle at 84% 30%,rgba(143,168,130,.10),transparent 40%),
    #F2E9DC!important;
}
/* fade the violet e/dots texture, make it a subtle ink grain */
body.es-dashboard-mode::after{opacity:.05!important;mix-blend-mode:multiply!important}

/* ════════════════════════════════════════════════════════════════
   SCALIFFY DASHBOARD — premium redesign (layout/typography/spacing)
   ════════════════════════════════════════════════════════════════ */
/* ---- sidebar ---- */
body.es-dashboard-mode .es-sidebar{
  padding:1.5rem 1rem 1.2rem!important;
  display:flex!important;flex-direction:column;gap:1.6rem;
  background:#EBE0CE!important;border-right:1px solid rgba(26,26,26,.09)!important;
}
body.es-dashboard-mode .es-side-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;padding:0 .25rem}
.es-brand-ff{width:42px;height:42px;flex:0 0 auto;filter:drop-shadow(0 5px 12px rgba(26,26,26,.28))}
.es-brand-tx{display:flex;flex-direction:column;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:1.18rem;color:#1A1A1A;letter-spacing:-.035em;line-height:1}
.es-brand-tx i{font-family:'Fraunces',Georgia,serif;font-style:italic;color:#C28778;font-weight:600}
.es-brand-tx em{font-family:'JetBrains Mono',ui-monospace,monospace;font-style:normal;font-size:.48rem;letter-spacing:.26em;text-transform:uppercase;color:#827a6a;margin-top:.32rem;font-weight:500}
/* ---- nav ---- */
body.es-dashboard-mode .es-side-nav{display:flex;flex-direction:column;gap:.18rem}
body.es-dashboard-mode .es-side-nav button{
  display:flex;align-items:center;gap:.55rem;width:100%;text-align:left!important;
  padding:.62rem .8rem!important;border-radius:10px!important;border:0!important;background:none!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;font-size:.85rem!important;font-weight:500!important;
  color:#534e44!important;cursor:pointer;transition:background .16s var(--ease),color .16s,transform .16s;letter-spacing:-.01em;
}
body.es-dashboard-mode .es-side-nav button:hover{background:rgba(26,26,26,.055)!important;color:#1A1A1A!important;transform:translateX(2px)}
body.es-dashboard-mode .es-side-nav button.is-active{
  background:#1A1A1A!important;color:#F7F1E6!important;box-shadow:0 6px 16px -8px rgba(26,26,26,.5);
}
body.es-dashboard-mode .es-side-nav button.is-active::before{content:none}
/* ---- user card (bottom) ---- */
body.es-dashboard-mode .es-user-card{
  margin-top:auto;display:flex;align-items:center;gap:.65rem;
  padding:.7rem!important;border-radius:13px!important;background:#F7F1E6!important;
  border:1px solid rgba(26,26,26,.1)!important;
}
body.es-dashboard-mode .es-user-card b{font-family:'Space Grotesk',sans-serif;font-size:.82rem;color:#1A1A1A;font-weight:600;display:block}
body.es-dashboard-mode .es-user-card i{font-style:normal;font-size:.68rem;color:#827a6a;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
body.es-dashboard-mode .es-user-avatar{
  width:38px;height:38px;border-radius:11px!important;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;font-size:.95rem;
}
/* ---- topbar ---- */
body.es-dashboard-mode .es-topbar{
  padding:1.1rem clamp(1rem,2.5vw,2rem)!important;
  display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;
  border-bottom:1px solid rgba(26,26,26,.09)!important;background:#F2E9DC!important;
}
body.es-dashboard-mode .es-kicker{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:#827a6a;margin:0 0 .25rem
}
body.es-dashboard-mode .es-topbar h2,
body.es-dashboard-mode #esAppTitle{font-family:'Space Grotesk',system-ui,sans-serif!important;font-size:1.4rem!important;color:#1A1A1A!important;letter-spacing:-.03em!important;margin:0!important}
body.es-dashboard-mode .es-global-search{
  display:flex;align-items:center;gap:.5rem;max-width:380px;width:100%;
  background:#F7F1E6!important;border:1px solid rgba(26,26,26,.12)!important;border-radius:10px!important;padding:.1rem .8rem!important;
}
body.es-dashboard-mode .es-global-search > span{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#a39a86}
body.es-dashboard-mode .es-global-search input{background:none!important;border:0!important;color:#1A1A1A!important;font-size:.85rem;flex:1}
body.es-dashboard-mode .es-top-actions{display:flex;align-items:center;gap:.55rem}
body.es-dashboard-mode .es-icon-btn{
  font-family:'Space Grotesk',sans-serif!important;font-size:.76rem!important;font-weight:600!important;
  padding:.5rem .85rem!important;border-radius:9px!important;
}
body.es-dashboard-mode .es-session-status{
  display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem!important;border-radius:9px!important;
  font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.08em;
}
body.es-dashboard-mode .es-session-status i{width:7px;height:7px;border-radius:50%;background:#8FA882!important;box-shadow:0 0 0 3px rgba(143,168,130,.2)}
/* ---- view padding + cards ---- */
body.es-dashboard-mode .es-view{padding:clamp(1.2rem,2.5vw,2rem)!important}
body.es-dashboard-mode .es-tile,
body.es-dashboard-mode .es-chart-panel,
body.es-dashboard-mode .es-command-metric,
body.es-dashboard-mode .es-delivery-ring,
body.es-dashboard-mode .es-contact-card,
body.es-dashboard-mode .intg-card{
  border-radius:16px!important;border:1px solid rgba(26,26,26,.1)!important;
  box-shadow:0 10px 30px -22px rgba(26,26,26,.28)!important;padding:1.25rem!important;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease)!important;
}
body.es-dashboard-mode .es-tile:hover,
body.es-dashboard-mode .intg-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px -24px rgba(26,26,26,.32)!important}
body.es-dashboard-mode .es-tile-num,
body.es-dashboard-mode .es-command-metric b{
  font-family:'Space Grotesk',system-ui,sans-serif!important;font-size:2rem!important;color:#1A1A1A!important;letter-spacing:-.03em!important;font-weight:700!important;
}
body.es-dashboard-mode .es-tile-label,
body.es-dashboard-mode .es-command-metric span:first-child{
  font-family:'JetBrains Mono',monospace!important;font-size:.6rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#827a6a!important;
}
/* section/view headings */
body.es-dashboard-mode .es-config-head h3,
body.es-dashboard-mode .es-view h3{font-family:'Space Grotesk',sans-serif!important;color:#1A1A1A!important;letter-spacing:-.02em}

/* FIX: dashboard brand wordmark on ONE line (flex-column was stacking SCALI/FF/Y) */
body.es-dashboard-mode .es-brand-tx{
  display:inline!important;flex-direction:initial!important;
  font-family:'Space Grotesk',system-ui,sans-serif!important;font-weight:700!important;
  font-size:1.25rem!important;color:#1A1A1A!important;letter-spacing:-.035em!important;line-height:1!important;
}
body.es-dashboard-mode .es-brand-tx i{font-family:'Fraunces',Georgia,serif!important;font-style:italic!important;color:#C28778!important;font-weight:600!important}
body.es-dashboard-mode .es-side-brand{align-items:center!important}

/* ---------- scaliffy after-signup workspace ---------- */
body.sc-app-page{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(194,135,120,.18),transparent 34%),radial-gradient(circle at 78% 12%,rgba(143,168,130,.18),transparent 32%),linear-gradient(135deg,var(--bg),#f6edde 58%,var(--surface));color:var(--text)}
body.sc-app-page::before{opacity:.55}
.sc-app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}
.sc-app-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;gap:28px;border-right:1px solid var(--line);background:rgba(247,241,230,.74);backdrop-filter:blur(18px) saturate(125%)}
.sc-app-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em}
.sc-app-brand i{font-style:italic;color:var(--rose);font-family:var(--font-serif)}
.sc-app-logo{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#171513;box-shadow:0 10px 22px -16px rgba(26,26,26,.8);overflow:hidden}
.sc-app-logo img{width:100%;height:100%;object-fit:cover}
.sc-app-nav{display:grid;gap:8px}
.sc-app-nav button,.sc-app-icon,.sc-app-landing,.sc-tabs button,.sc-order-actions button{min-height:40px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer;font-family:var(--font-display);font-weight:700;letter-spacing:.01em;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .16s var(--ease)}
.sc-app-nav button{width:100%;text-align:left;padding:0 13px}
.sc-app-nav button:hover,.sc-app-nav button.is-active{color:var(--ink);background:rgba(255,255,255,.54);border-color:var(--line)}
.sc-app-user{margin-top:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.36)}
.sc-app-user span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#171513;color:var(--bg);font-family:var(--font-display);font-weight:800}
.sc-app-user b{display:block;color:var(--ink);font-family:var(--font-display);line-height:1}
.sc-app-user small{display:block;color:var(--muted);font-size:.78rem;line-height:1.3;margin-top:3px}
.sc-app-main{padding:24px clamp(18px,3vw,38px) 46px;min-width:0}
.sc-app-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-24px calc(clamp(18px,3vw,38px) * -1) 22px;padding:18px clamp(18px,3vw,38px);border-bottom:1px solid var(--line);background:rgba(242,233,220,.82);backdrop-filter:blur(16px) saturate(130%)}
.sc-app-top h1{font-size:clamp(1.7rem,3vw,2.45rem)}
.sc-app-actions{display:flex;align-items:center;gap:10px}
.sc-app-icon,.sc-app-landing{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0 14px;border-color:var(--line);background:rgba(255,255,255,.4);color:var(--ink)}
.sc-app-primary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(26,26,26,.22);padding:0 18px;background:linear-gradient(180deg,#22201d,#11100f);color:#fff;font-family:var(--font-display);font-weight:800;cursor:pointer;box-shadow:0 7px 0 rgba(26,26,26,.18),0 18px 30px -26px rgba(26,26,26,.8),inset 0 1px 0 rgba(255,255,255,.14);transition:transform .16s var(--ease),box-shadow .2s var(--ease)}
.sc-app-primary:hover{transform:translateY(-1px)}
.sc-app-primary:active{transform:translateY(4px);box-shadow:0 3px 0 rgba(26,26,26,.2)}
.sc-view{display:none}.sc-view.is-active{display:block}
.sc-hero-card,.sc-panel,.sc-stat-card{border:1px solid var(--line);border-radius:18px;background:rgba(247,241,230,.68);box-shadow:0 20px 55px -46px rgba(26,26,26,.65)}
.sc-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px;margin-bottom:18px}
.sc-hero-card h2{font-size:clamp(1.6rem,3vw,2.45rem);max-width:760px}
.sc-hero-card p{max-width:760px;color:var(--muted);margin-top:10px}
.sc-grid-3,.sc-grid-2{display:grid;gap:14px}.sc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.sc-grid-2{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
.sc-stat-card{padding:18px;min-height:132px}
.sc-stat-card span,.sc-billing-box span{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:var(--muted)}
.sc-stat-card b{display:block;color:var(--ink);font-family:var(--font-display);font-size:2.1rem;margin-top:10px}
.sc-stat-card small{display:block;color:var(--muted)}
.sc-panel{padding:18px}.sc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sc-panel h3{font-size:1.22rem}
.sc-input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.48);color:var(--ink);padding:10px 12px;font:500 .95rem var(--font-body)}
.sc-search{max-width:360px}
.sc-store-list,.sc-member-list,.sc-alert-list{display:grid;gap:10px}
.sc-store-row,.sc-member-row,.sc-alert-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.36)}
.sc-store-row span,.sc-alert-row span{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:#fff;font-family:var(--font-display);font-weight:800}
.sc-store-row b,.sc-member-row b,.sc-alert-row b{display:block;color:var(--ink);font-family:var(--font-display)}
.sc-store-row small,.sc-member-row small,.sc-alert-row small,.sc-alert-row p{display:block;color:var(--muted);font-size:.84rem;margin:2px 0 0}
.sc-order-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;align-items:start}
.sc-order-lane{min-height:420px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.26)}
.sc-order-lane header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--muted)}
.sc-order-lane header b{min-width:28px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(26,26,26,.08);color:var(--ink)}
.sc-order-lane>div{display:grid;gap:10px}
.sc-order-card{border:1px solid rgba(26,26,26,.13);border-radius:14px;padding:12px;background:rgba(247,241,230,.82);box-shadow:0 14px 24px -22px rgba(26,26,26,.7)}
.sc-order-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sc-order-top b,.sc-order-card strong{font-family:var(--font-display);color:var(--ink)}
.sc-order-card p{color:var(--text);font-size:.92rem;line-height:1.45;margin:6px 0}.sc-order-card small{color:var(--muted);font-size:.8rem}
.sc-order-money{margin-top:10px;font-family:var(--font-display);font-weight:800;color:var(--ink)}
.sc-warn,.sc-alert-row span.is-review{background:var(--rose)!important;color:#fff!important;width:24px!important;height:24px!important}
.sc-order-actions{display:flex;gap:6px;margin-top:10px}.sc-order-actions button{min-height:32px;padding:0 10px;border-color:var(--line);background:rgba(255,255,255,.45);color:var(--ink);font-size:.78rem}
.sc-empty{border:1px dashed rgba(26,26,26,.18);border-radius:14px;padding:16px;color:var(--muted);background:rgba(255,255,255,.26)}
.sc-chat-log{height:360px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.28)}
.sc-chat-msg{max-width:82%;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(247,241,230,.82);color:var(--text)}
.sc-chat-msg.user{align-self:flex-end;background:#171513;color:#fff}
.sc-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}
.sc-support-panel p{color:var(--muted);margin:8px 0 16px}
.sc-book-link{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-weight:800;background:rgba(255,255,255,.38)}
.sc-login-gate,.sc-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(26,26,26,.42);backdrop-filter:blur(12px)}
.sc-login-card,.sc-modal-card{width:min(920px,100%);border:1px solid var(--line);border-radius:20px;background:rgba(247,241,230,.94);box-shadow:0 34px 90px -54px rgba(26,26,26,.82)}
.sc-login-card{max-width:440px;display:grid;gap:14px;padding:24px}.sc-login-card h2{font-size:2rem}.sc-login-card p{color:var(--muted)}.sc-login-card small{color:var(--rose)}
.sc-modal-card{position:relative;padding:22px;max-height:min(760px,92vh);overflow:auto}
.sc-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.42);cursor:pointer;font-size:1.2rem}
.sc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sc-tabs button{min-height:38px;padding:0 12px;border-color:var(--line);background:rgba(255,255,255,.28)}.sc-tabs button.is-active{color:var(--ink);background:#fff}
.sc-tab-panel{display:none}.sc-tab-panel.is-active{display:block}
.sc-form-grid,.sc-team-form{display:grid;gap:14px}.sc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-form-grid button,.sc-form-grid small,.sc-team-form,.sc-token-box,.sc-billing-box{grid-column:1/-1}
.sc-form-grid label,.sc-team-form label{display:grid;gap:6px;color:var(--ink);font-weight:700}
.sc-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-permissions label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.34)}
.sc-token-box,.sc-billing-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.36);margin:12px 0}
.sc-token-box code{display:block;overflow:auto;margin:8px 0;padding:10px;border-radius:10px;background:#171513;color:#F2E9DC;font-family:var(--font-mono)}
.sc-billing-box b{display:block;color:var(--ink);font-family:var(--font-display);font-size:2rem;margin:8px 0}
@media (max-width:1040px){.sc-app-shell{grid-template-columns:1fr}.sc-app-sidebar{position:relative;height:auto;flex-direction:row;align-items:center;overflow:auto}.sc-app-nav{display:flex;min-width:max-content}.sc-app-user{margin-left:auto;margin-top:0;min-width:190px}.sc-order-board{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-grid-2,.sc-grid-3{grid-template-columns:1fr}}
@media (max-width:680px){.sc-app-main{padding:18px 12px 32px}.sc-app-top{margin:-18px -12px 16px;padding:14px 12px;align-items:flex-start;flex-direction:column}.sc-hero-card{grid-template-columns:1fr;padding:18px}.sc-order-board{grid-template-columns:1fr}.sc-search{max-width:none}.sc-panel-head{align-items:flex-start;flex-direction:column}.sc-form-grid,.sc-permissions{grid-template-columns:1fr}.sc-chat-form{grid-template-columns:1fr}}