/* ============================================================
   Dabster premium layer v1 (2026-09-03)
   Site-wide living background, hairlines, cursor, intro, proof card,
   voice pod scene. Additive only: no content, URLs or meta touched.
   Loaded by mu-plugin dabster-premium-layer.php
   ============================================================ */

/* ---------- base: let the page-wide background show through ---------- */
/* html carries the colour, body is transparent, and the background stack sits at z-index -1: every piece of content, positioned or not, paints above it */
html{background:#07070c !important}
body{background:transparent !important}
main.site-main,#primary,.content-area,.page-content,#root,#root > main,.page-pricing{background:transparent !important}
main.site-main{position:relative;z-index:1}
footer{position:relative;z-index:1;background:rgba(7,7,12,.72) !important}
body > p,body > div:not(.dab-prem-bg):not([class*="cur"]):not(.dab-intro){position:relative;z-index:1}
#primary section.section--dark,#root section.section--dark,.section--dark{background:rgba(14,13,22,.62) !important}
#primary section.section,#root section.section,section.section{position:relative}

/* ---------- page-wide background stack ---------- */
.dab-prem-bg{position:fixed !important;left:0 !important;top:0 !important;width:100vw !important;min-width:100% !important;height:100% !important;min-height:100vh !important;margin:0 !important;padding:0 !important;border:0 !important;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.dab-prem-bg > *{position:absolute;inset:0;width:100%;height:100%}
.dab-prem-bg canvas{width:100% !important;height:100% !important;display:block;background:transparent !important}
/* the theme reset paints every canvas white (only survives in the uncached, logged-in variant): never let it reach ours */
html body .dab-prem-bg canvas:not(#_){background:transparent !important}
.dpb-depth{background:
  radial-gradient(55% 45% at 12% 18%,rgba(123,94,167,.13),transparent 62%),
  radial-gradient(45% 45% at 88% 78%,rgba(52,211,153,.05),transparent 62%),
  radial-gradient(70% 55% at 55% 50%,rgba(123,94,167,.055),transparent 70%)}
.dpb-aurora{opacity:.9;transition:opacity .8s}
.dpb-stars{opacity:.85}
.dpb-orbs span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6;animation:dpbOrb 18s ease-in-out infinite alternate;will-change:transform}
.dpb-orbs span:nth-child(1){width:560px;height:560px;left:-10%;top:8%;background:radial-gradient(circle,rgba(123,94,167,.5),transparent 70%)}
.dpb-orbs span:nth-child(2){width:460px;height:460px;right:-4%;top:-8%;background:radial-gradient(circle,rgba(163,127,212,.38),transparent 70%);animation-duration:22s;animation-delay:-7s}
.dpb-orbs span:nth-child(3){width:420px;height:420px;right:18%;bottom:-8%;background:radial-gradient(circle,rgba(52,211,153,.2),transparent 70%);animation-duration:26s;animation-delay:-12s}
.dpb-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(32% 38% at var(--mx,60%) var(--my,40%),#000 0%,rgba(0,0,0,.3) 55%,transparent 100%);
  mask-image:radial-gradient(32% 38% at var(--mx,60%) var(--my,40%),#000 0%,rgba(0,0,0,.3) 55%,transparent 100%)}
.dpb-beam{background:linear-gradient(115deg,transparent 42%,rgba(163,127,212,.07) 50%,transparent 58%);background-size:260% 100%;animation:dpbBeam 14s ease-in-out infinite}
.dpb-spot{background:radial-gradient(640px 640px at var(--sx,60%) var(--sy,30%),rgba(163,127,212,.07),transparent 62%)}
.dpb-vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 60%,rgba(7,7,12,.45) 100%)}
@keyframes dpbOrb{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(44px,-32px,0) scale(1.07)}100%{transform:translate3d(-32px,26px,0) scale(.95)}}
@keyframes dpbBeam{0%{background-position:130% 0}100%{background-position:-30% 0}}
@media(max-width:900px),(pointer:coarse){.dpb-grid,.dpb-spot,.dpb-beam{display:none}.dpb-orbs span{filter:blur(48px);opacity:.5}.dpb-aurora{opacity:.8}}

/* ---------- section hairlines ---------- */
#primary section.section::before,#root section.section::before,#primary section.section--dark::before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(163,127,212,.32),transparent);pointer-events:none}

/* ---------- cards: depth on hover (desktop) ---------- */
@media(hover:hover) and (pointer:fine){
  .card-glow,.dvx-card,.dvx-price{transform-style:preserve-3d;will-change:transform}
}

/* ---------- custom cursor (desktop only) ---------- */
.dab-cur,.dab-cur-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:2147483000;transform:translate(-50%,-50%);opacity:0}
.dab-cur{width:8px;height:8px;background:#fff;mix-blend-mode:difference;transition:width .25s,height .25s,opacity .3s}
.dab-cur-ring{width:36px;height:36px;border:1px solid rgba(255,255,255,.5);transition:width .3s,height .3s,border-color .3s,opacity .3s,background .3s}
body.dab-has-cur .dab-cur,body.dab-has-cur .dab-cur-ring{opacity:1}
body.dab-has-cur,body.dab-has-cur a,body.dab-has-cur button,body.dab-has-cur summary,body.dab-has-cur label,body.dab-has-cur [role="button"]{cursor:none}
body.dab-has-cur input,body.dab-has-cur textarea,body.dab-has-cur select{cursor:auto}
body.dab-cur-on .dab-cur-ring{width:66px;height:66px;border-color:rgba(163,127,212,.95);background:rgba(163,127,212,.08)}
body.dab-cur-on .dab-cur{width:4px;height:4px}
@media(hover:none),(pointer:coarse){.dab-cur,.dab-cur-ring{display:none !important}}

/* ---------- intro curtain (home only, once per session, JS-inserted) ---------- */
.dab-intro{position:fixed;inset:0;z-index:2147483001;background:#07070c;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:dabIntroOut .85s cubic-bezier(.77,0,.18,1) 1.1s forwards}
.dab-intro .mark{display:flex;align-items:center;gap:14px;font-weight:700;font-size:1.3rem;color:#fff;letter-spacing:-.01em;animation:dabMarkIn .8s cubic-bezier(.2,.8,.2,1) .05s both}
.dab-intro .mark img{height:34px;width:auto}
.dab-intro .bar{position:absolute;left:50%;bottom:18%;width:120px;height:1px;background:rgba(255,255,255,.12);transform:translateX(-50%);overflow:hidden}
.dab-intro .bar i{position:absolute;inset:0;background:#A37FD4;transform-origin:left;animation:dabBarIn 1s cubic-bezier(.4,0,.2,1) .1s both}
@keyframes dabIntroOut{to{transform:translateY(-101%)}}
@keyframes dabMarkIn{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes dabBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- hero proof card (replaces the mock dashboard) ---------- */
.dab-proof{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:30px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 0 1px rgba(123,94,167,.1),inset 0 1px 0 rgba(255,255,255,.06)}
.dab-proof::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.07) 50%,transparent 56%);background-size:260% 100%;animation:dpbBeam 9s ease-in-out infinite;pointer-events:none;z-index:1}
.dab-proof::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--dpa,0deg),transparent 0 70%,rgba(163,127,212,.9) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dabSpin 6s linear infinite;pointer-events:none}
@property --dpa{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes dabSpin{to{--dpa:360deg}}
.dab-proof > *{position:relative;z-index:2}
.dab-proof .dpc-k{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#9E97B3;display:flex;align-items:center;gap:10px}
.dab-proof .dpc-k i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.14)}
.dab-proof .dpc-n{font-size:clamp(2.4rem,3.2vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:18px 0 8px;color:#fff}
.dab-proof .dpc-n .dpc-cnt,.dab-proof .dpc-n > span:last-child{color:#A37FD4}
.dab-proof .dpc-s{color:#9E97B3;max-width:38ch;font-size:.95rem;line-height:1.55}
.dab-proof .dpc-flow{margin:16px 0 0;width:100%;aspect-ratio:800/420}
.dab-proof .dpc-flow svg{width:100%;height:100%;overflow:visible;display:block}
.dab-proof .dpc-wires path{fill:none;stroke:url(#dpcFg);stroke-width:1.6;stroke-dasharray:4 10;animation:dpcDash 2.6s linear infinite}
.dab-proof .dpc-wires path:nth-child(2){animation-duration:2s}.dab-proof .dpc-wires path:nth-child(3){animation-duration:3.1s}.dab-proof .dpc-wires path:nth-child(5){animation-duration:2.2s}.dab-proof .dpc-wires path:nth-child(6){animation-duration:3.4s}
.dab-proof .dpc-nodes rect{fill:rgba(20,17,34,.7);stroke:rgba(163,127,212,.5);stroke-width:1.2}
.dab-proof .dpc-nodes text{fill:#e2daf3;font-size:24px;text-anchor:middle;letter-spacing:.01em;font-family:inherit}
.dab-proof .dpc-hub .core{fill:rgba(123,94,167,.9)}
.dab-proof .dpc-hub .ring{fill:none;stroke:rgba(163,127,212,.75);stroke-width:1.2;animation:dpcRing 3s ease-out infinite;transform-origin:center;transform-box:fill-box}
.dab-proof .dpc-hub .r2{animation-delay:1.5s}
.dab-proof .dpc-hub text{fill:#fff;font-weight:800;font-size:24px;text-anchor:middle}
.dab-proof .dpc-dots circle{fill:#efe8ff;filter:url(#dpcGlow)}
.dab-proof .dpc-dots circle.out{fill:#34d399}
@keyframes dpcDash{to{stroke-dashoffset:-28}}
@keyframes dpcRing{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.4);opacity:0}}
.dab-proof .dpc-live{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.84rem;color:#9E97B3;min-height:1.5em}
.dab-proof .dpc-live i{flex:none;width:6px;height:6px;border-radius:50%;background:#34d399;animation:dpcPulse 2s infinite}
.dab-proof .dpc-live b{font-weight:500;color:#d6cdea}
@keyframes dpcPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}
.dab-proof hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:16px 0 18px}
.dab-proof .dpc-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.dab-proof .dpc-tel small{display:block;font-size:.7rem;color:#6B6580;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.dab-proof .dpc-tel b{font-size:1.02rem;font-weight:700;color:#fff}
.dab-proof a.dpc-btn{display:inline-block;background:#fff !important;color:#17102b !important;border-radius:11px;padding:12px 18px;font-weight:600;font-size:.9rem;white-space:nowrap;text-decoration:none;transition:transform .2s,box-shadow .2s;will-change:transform}
.dab-proof a.dpc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(163,127,212,.25);color:#17102b !important}
@media(max-width:640px){.dab-proof{padding:22px}.dab-proof .dpc-n{font-size:2.3rem}.dab-proof .dpc-nodes text{font-size:28px}}

/* ---------- hero proof card visible on mobile too (the old mock dashboard was hidden there) ---------- */
@media(max-width:1023px){.hero-dashboard-wrapper:has(.dab-proof){display:block !important;margin-top:12px;max-width:560px}}

/* ---------- home stats strip: count-up targets keep layout ---------- */
.section--dark.section-sm span.block{font-variant-numeric:tabular-nums}

/* ---------- voice unlock pod: the mascot is back, plus a listening scene ---------- */
#dab-pod .dvo-stage{display:block !important}
#dab-pod .dvo-scene{margin:14px auto 0;max-width:320px;text-align:center}
#dab-pod .dvo-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:34px}
#dab-pod .dvo-wave i{display:block;width:3px;height:8px;border-radius:2px;background:linear-gradient(180deg,#c9b3ea,#7B5EA7);animation:dvoWave 1.4s ease-in-out infinite;transform-origin:center}
@keyframes dvoWave{0%,100%{transform:scaleY(.35);opacity:.55}50%{transform:scaleY(1);opacity:1}}
#dab-pod .dvo-cap{margin-top:8px;font-size:.84rem;color:#9E97B3;min-height:1.5em}
#dab-pod .dvo-cap b{color:#e2daf3;font-weight:500}
#dab-pod .dvo-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
#dab-pod .dvo-steps span{font-size:.7rem;letter-spacing:.04em;padding:4px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#9E97B3;background:rgba(255,255,255,.03);transition:color .4s,border-color .4s,background .4s}
#dab-pod .dvo-steps span.on{color:#fff;border-color:rgba(163,127,212,.8);background:rgba(163,127,212,.16)}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .dpb-orbs span,.dpb-beam,.dab-proof::before,.dab-proof::after,.dab-proof .dpc-wires path,.dab-proof .dpc-hub .ring,.dab-proof .dpc-live i,#dab-pod .dvo-wave i{animation:none !important}
  .dab-proof .dpc-dots{display:none}
  .dab-intro{display:none}
  .dpb-aurora,.dpb-stars{display:none}
}

/* ============================================================
   v2 additions (2026-09-03, night): no-GSAP transitions, page-wide reveals,
   hero glow, voice page hero, pricing and service page depth
   ============================================================ */
.dab-fade-out{opacity:0 !important;transform:translateY(-5px)}
.dab-proof .dpc-live span,#dab-pod .dvo-cap{display:inline-block;transition:opacity .3s ease,transform .3s ease}
.dab-mag{transition:transform .5s cubic-bezier(.2,.8,.2,1) !important;will-change:transform}
.dab-tilt{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s !important;will-change:transform}

/* scroll reveals: JS adds .dab-rv only when IntersectionObserver exists, and force-reveals after 6s */
.dab-rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.dab-rv.dab-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.dab-rv{opacity:1;transform:none;transition:none}}

/* hero glow behind the first heading of every page */
.dab-h1-glow{position:absolute;left:50%;top:-6%;width:min(1100px,120vw);height:70vh;max-height:620px;transform:translateX(-50%);pointer-events:none;z-index:0;
  background:radial-gradient(45% 55% at 38% 40%,rgba(123,94,167,.28),transparent 65%),radial-gradient(35% 45% at 70% 30%,rgba(52,211,153,.07),transparent 65%);filter:blur(10px)}
.dab-h1-glow ~ *:not(.absolute):not(.fixed):not(canvas){position:relative;z-index:1}
section.min-h-screen .dab-h1-glow{display:none}

/* depth on every card family: glass, inner light, hover lift */
body.dab-prem .card-glow,body.dab-prem .dvx-card,body.dab-prem .dvx-price,body.dab-prem .dvx-panel,body.dab-prem .elp-card{
  box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
body.dab-prem .card-glow:hover,body.dab-prem .dvx-card:hover,body.dab-prem .dvx-price:hover,body.dab-prem .elp-card:hover{
  box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(163,127,212,.35),inset 0 1px 0 rgba(255,255,255,.1)}
body.dab-prem .dvx-price.dvx-featured,body.dab-prem .dvx-price[data-featured],body.dab-prem .elp-card.is-featured{
  box-shadow:0 30px 90px rgba(123,94,167,.28),0 0 0 1px rgba(163,127,212,.55),inset 0 1px 0 rgba(255,255,255,.12)}

/* section labels get a hairline tail */
body.dab-prem .dvx-eyebrow,body.dab-prem .el-eyebrow2{position:relative;display:inline-flex;align-items:center;gap:12px}
body.dab-prem .dvx-eyebrow::after,body.dab-prem .el-eyebrow2::after{content:"";width:64px;height:1px;background:linear-gradient(90deg,rgba(163,127,212,.7),transparent)}

/* voice pages: cinematic hero */
body.page-id-13643 article > .container > h1,body.page-id-13644 article > .container > h1{position:relative;font-size:clamp(2.3rem,4.6vw,3.7rem) !important;line-height:1.08 !important;letter-spacing:-.025em}
.dab-voice-rings{position:absolute;left:50%;top:-40px;width:0;height:0;pointer-events:none;z-index:0}
.dab-voice-rings i{position:absolute;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;border:1px solid rgba(163,127,212,.22);animation:dabRing 6s ease-out infinite;transform-origin:center}
.dab-voice-rings i:nth-child(2){animation-delay:2s}.dab-voice-rings i:nth-child(3){animation-delay:4s}
@keyframes dabRing{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.4);opacity:0}}
@media(max-width:900px){.dab-voice-rings i{width:320px;height:320px;margin:-160px 0 0 -160px}}
body.page-id-13643 .dvx-trust > *,body.page-id-13644 .dvx-trust > *{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#dab-pod{box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 0 1px rgba(123,94,167,.25),0 0 120px rgba(123,94,167,.12) !important}

/* pricing pages: step cards breathe */
body.page-id-13832 .elp-card,body.page-template-page-pricing .card-glow{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
@media(prefers-reduced-motion:reduce){.dab-voice-rings{display:none}}

/* ============================================================
   v3 (2026-09-03): the journey. Word titles, depth glows, sticky testimonials,
   process line, richer reveals. Everything degrades to plain content.
   ============================================================ */
.dab-rv{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}
@media(min-width:900px){.dab-rv{filter:blur(6px)}}
.dab-rv.dab-in{opacity:1;transform:none;filter:none}

.dab-h1{font-size:clamp(2.4rem,5vw,4rem) !important;font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.08 !important}
.dab-h1{background:none !important;-webkit-text-fill-color:#F5F3FF;color:#F5F3FF}
.dab-h1 .dab-w{color:#F5F3FF;-webkit-text-fill-color:#F5F3FF;display:inline-block;opacity:0;transform:translateY(.55em) rotate(1.5deg);filter:blur(6px);animation:dabWord .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i,0) * 55ms + 120ms);will-change:transform,opacity}
.dab-h1 .dab-w-acc{color:#A37FD4;-webkit-text-fill-color:#A37FD4}
@keyframes dabWord{to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.dab-h1 .dab-w{opacity:1;transform:none;filter:none;animation:none}}

.dab-glow-host{position:relative;isolation:isolate}
.dab-glows{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:visible}
.dab-glow{position:absolute;width:min(760px,90vw);height:520px;border-radius:50%;filter:blur(40px);opacity:.75;will-change:transform;
  background:radial-gradient(closest-side,rgba(123,94,167,.30),rgba(123,94,167,.08) 55%,transparent 72%)}
.dab-glow.l{left:-22%}.dab-glow.r{right:-22%}
.dab-glow.mint{background:radial-gradient(closest-side,rgba(52,211,153,.16),rgba(52,211,153,.04) 55%,transparent 72%)}
@media(max-width:900px){.dab-glow{width:120vw;height:380px;opacity:.55}.dab-glow.l{left:-50%}.dab-glow.r{right:-50%}}

.dab-stack{display:flex !important;flex-direction:column;gap:22px;max-width:820px;margin:0 auto;padding-bottom:40px}
.dab-stack > .card-glow{position:sticky;transform:scale(var(--stk,1));transform-origin:50% 0;filter:brightness(var(--dim,1));transition:filter .25s;background:rgba(14,13,22,.94) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dab-stack > .card-glow.dab-tilt{transition:filter .25s,box-shadow .3s}
.dab-stack > .card-glow p{font-size:1.05rem !important}
.dab-stack > .card-glow .t-metric{font-size:1.6rem}

.dab-proc{position:relative}
.dab-proc-line{position:absolute;z-index:0;background:rgba(163,127,212,.16);border-radius:2px;pointer-events:none;transform:translate(-1px,-1px)}
.dab-proc-line i{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#7B5EA7,#A37FD4,#34d399);transform-origin:0 0;transform:scaleY(var(--p,0));box-shadow:0 0 18px rgba(163,127,212,.6)}
.dab-proc-line.h i{transform:scaleX(var(--p,0))}
.dab-proc .timeline-step{position:relative;z-index:1}
.dab-proc .timeline-step-circle{transition:background .4s,box-shadow .4s,color .4s,border-color .4s}
.dab-proc .timeline-step-circle.dab-lit{background:#7B5EA7 !important;color:#fff !important;border-color:#A37FD4 !important;box-shadow:0 0 0 6px rgba(163,127,212,.18),0 0 30px rgba(163,127,212,.45)}

/* ============================================================
   v4 (2026-09-03): mobile hero gap, unlock pod, staged reveals, scroll-linked background
   ============================================================ */
/* the proof card must never wait for the theme's delayed data-animate script */
.hero-dashboard-wrapper{opacity:1 !important;transform:none !important;visibility:visible !important;filter:none !important;animation:none !important}

/* background moves and shifts hue with scroll progress (--sp 0..1), mobile included */
.dpb-depth{transform:translate3d(0,calc(var(--sp,0) * -160px),0);will-change:transform}
.dpb-orbs{filter:hue-rotate(calc(var(--sp,0) * 70deg));transform:translate3d(0,calc(var(--sp,0) * -220px),0);will-change:transform,filter}
.dpb-vignette{opacity:calc(.7 + var(--sp,0) * .3)}

/* staged reveals for text as well as cards */
.dab-rv.dab-rv-txt{transform:translateY(18px);transition-duration:.75s}
@media(min-width:900px){.dab-rv.dab-rv-txt:not(.dab-in){filter:blur(3px)}}
.dab-rv.dab-in{opacity:1 !important;transform:none !important;filter:none !important}

/* ---------- unlock pod: the stage of the voice page ---------- */
#dab-pod{position:relative;border-radius:26px !important;border:1px solid rgba(163,127,212,.42) !important;overflow:hidden;
  background:linear-gradient(160deg,rgba(30,22,52,.94) 0%,rgba(13,10,22,.97) 60%,rgba(10,14,20,.97) 100%) !important;
  box-shadow:0 50px 140px rgba(0,0,0,.6),0 0 0 1px rgba(123,94,167,.2),0 0 140px rgba(123,94,167,.16),inset 0 1px 0 rgba(255,255,255,.08) !important}
#dab-pod::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;
  background:conic-gradient(from var(--dpa,0deg),transparent 0 72%,rgba(163,127,212,.95) 86%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dabSpin 8s linear infinite}
#dab-pod::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(60% 70% at 18% 30%,rgba(139,92,246,.22),transparent 60%),radial-gradient(40% 50% at 85% 90%,rgba(52,211,153,.10),transparent 60%),linear-gradient(110deg,transparent 44%,rgba(255,255,255,.05) 50%,transparent 56%);
  background-size:100% 100%,100% 100%,260% 100%;animation:dabPodBeam 11s ease-in-out infinite}
@keyframes dabPodBeam{0%{background-position:0 0,0 0,130% 0}100%{background-position:0 0,0 0,-30% 0}}
#dab-pod .dvo-grid{opacity:.45;z-index:0}
#dab-pod .dvo-inner{position:relative;z-index:2}
#dab-pod .dvo-stage{position:relative}
#dab-pod .dvo-stage::before{content:"";position:absolute;left:50%;top:38%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(163,127,212,.32),rgba(163,127,212,.08) 55%,transparent 72%);filter:blur(14px);animation:dabBreath 5s ease-in-out infinite}
@keyframes dabBreath{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
#dab-pod .dvo-eyebrow{border:1px solid rgba(52,211,153,.45) !important;background:rgba(52,211,153,.09) !important;color:#a8f5d8 !important;border-radius:999px !important;padding:5px 13px !important;font-size:.68rem !important;letter-spacing:.16em !important;text-transform:uppercase}
#dab-pod .dvo-eyebrow .dvo-dot{background:#34d399 !important;box-shadow:0 0 0 4px rgba(52,211,153,.18);animation:dpcPulse 2s infinite}
#dab-pod h3{font-size:clamp(1.5rem,2.2vw,1.9rem) !important;letter-spacing:-.02em;line-height:1.15;margin-top:14px !important;color:#fff}
#dab-pod .dvo-sub{color:#b8b0cc !important;line-height:1.6}
#dab-pod .dvo-f label{font-size:.7rem !important;letter-spacing:.1em;text-transform:uppercase;color:#9E97B3 !important;margin-bottom:6px}
#dab-pod input:not([type="checkbox"]),#dab-pod select{background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:13px !important;color:#fff !important;min-height:48px;
  transition:border-color .25s,box-shadow .25s,background .25s;-webkit-appearance:none;appearance:none}
#dab-pod input::placeholder{color:rgba(190,182,210,.45)}
#dab-pod input:not([type="checkbox"]):focus,#dab-pod select:focus{border-color:rgba(163,127,212,.95) !important;background:rgba(255,255,255,.08) !important;outline:none !important;
  box-shadow:0 0 0 4px rgba(163,127,212,.18),0 0 28px rgba(163,127,212,.28) !important}
#dab-pod input[type="checkbox"]{accent-color:#A37FD4;width:16px;height:16px}
#dab-pod .dvo-consent{color:#9E97B3 !important;font-size:.82rem}
#dab-pod .dvo-btn{position:relative;overflow:hidden;border-radius:14px !important;padding:14px 26px !important;font-weight:700 !important;letter-spacing:.01em;
  box-shadow:0 14px 40px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s !important}
#dab-pod .dvo-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);background-size:250% 100%;animation:dpbBeam 3.6s ease-in-out infinite;pointer-events:none}
#dab-pod .dvo-btn:hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.3) !important}
#dab-pod .dvo-btn.dvo-ghost{background:transparent !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:none !important}
#dab-pod .dvo-btn.dvo-ghost::after{display:none}
#dab-pod .dvo-note{color:#8b84a0 !important;font-size:.84rem !important;line-height:1.55}
#dab-pod .dvo-code input{font-size:1.5rem !important;text-align:center;min-height:58px;font-weight:700}
#dab-pod .dvo-num{font-size:clamp(1.6rem,3vw,2.2rem) !important;font-weight:800 !important;letter-spacing:.04em;color:#fff !important;
  background:rgba(255,255,255,.05);border:1px solid rgba(163,127,212,.4);border-radius:14px;padding:10px 18px;box-shadow:0 0 30px rgba(163,127,212,.25)}
#dab-pod .dvo-scene{margin-top:10px}
@media(max-width:900px){#dab-pod{border-radius:20px !important}#dab-pod .dvo-stage::before{width:200px;height:200px}}
@media(prefers-reduced-motion:reduce){#dab-pod::before,#dab-pod::after,#dab-pod .dvo-stage::before,#dab-pod .dvo-btn::after{animation:none}}

/* ---------- home hero: the theme's plexus canvas, blob layers and old aurora are retired; the page-wide living background shows through ---------- */
section.min-h-screen.overflow-hidden > canvas.absolute,section.min-h-screen.overflow-hidden > div.absolute,section.min-h-screen.overflow-hidden > .rbx-aurora{display:none !important}
section.min-h-screen.overflow-hidden{background:transparent !important}
section.min-h-screen.overflow-hidden::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(60% 55% at 28% 32%,rgba(123,94,167,.30),transparent 62%),radial-gradient(45% 45% at 80% 62%,rgba(52,211,153,.10),transparent 62%),radial-gradient(70% 60% at 50% 100%,rgba(123,94,167,.12),transparent 60%),linear-gradient(180deg,rgba(7,7,12,0) 78%,rgba(7,7,12,.85) 100%)}
section.min-h-screen.overflow-hidden > .container{position:relative;z-index:1}

/* ---------- specificity war with the theme's inline critical overrides: these must win ---------- */
html:not(#_){background:#07070c !important}
html body.dab-prem:not(#_){background:transparent !important}
html body.dab-prem #primary.content-area,html body.dab-prem main.site-main,html body.dab-prem #primary > div.relative,html body.dab-prem .dab-copy,html body.dab-prem .content-area,html body.dab-prem .page-content,html body.dab-prem #root,html body.dab-prem #page,html body.dab-prem .site,html body.dab-prem article.page,html body.dab-prem .prose{background:transparent !important}
html body.dab-prem section.min-h-screen.overflow-hidden:not(#_){background:transparent !important}

/* ---------- voice pages polish (13643 EN, 13644 EL): tiles, questions, steps, buttons, checklist, callouts, CTA, lead copy ---------- */
body.page-id-13643 .prose > h2 + p,body.page-id-13644 .prose > h2 + p{font-size:1.22rem !important;line-height:1.65 !important;color:#e6e1f2 !important;max-width:64ch}
body.page-id-13643 .prose p strong,body.page-id-13644 .prose p strong{color:#d9cdf5}
body.page-id-13643 .dvx-badges li,body.page-id-13644 .dvx-badges li{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;border:1px solid rgba(163,127,212,.38) !important;border-radius:14px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
body.page-id-13643 .dvx-badges li:hover,body.page-id-13644 .dvx-badges li:hover{transform:translateY(-3px);border-color:rgba(163,127,212,.8) !important;box-shadow:0 14px 40px rgba(123,94,167,.28)}
body.page-id-13643 .dvx-jump a,body.page-id-13644 .dvx-jump a{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)) !important;border:1px solid rgba(163,127,212,.5) !important;transition:box-shadow .3s,transform .3s}
body.page-id-13643 .dvx-jump a:hover,body.page-id-13644 .dvx-jump a:hover{box-shadow:0 0 28px rgba(163,127,212,.35);transform:translateY(-2px)}
body.page-id-13643 .dvx-stats > *,body.page-id-13644 .dvx-stats > *{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07)}
body.page-id-13643 .dvx-statn,body.page-id-13644 .dvx-statn{font-size:clamp(2.6rem,4vw,3.4rem) !important;letter-spacing:-.03em;background:linear-gradient(160deg,#fff 20%,#c9b3ea 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.page-id-13643 .dvx-tiles li,body.page-id-13644 .dvx-tiles li{position:relative;padding:28px 18px !important;border-radius:20px !important;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.1) !important;font-size:1.02rem !important;box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
body.page-id-13643 .dvx-tiles li:hover,body.page-id-13644 .dvx-tiles li:hover{transform:translateY(-5px);border-color:rgba(163,127,212,.7) !important;box-shadow:0 30px 70px rgba(123,94,167,.25)}
body.page-id-13643 .dvx-tiles li .dvx-ic,body.page-id-13644 .dvx-tiles li .dvx-ic{width:54px !important;height:54px !important;border-radius:50% !important;display:flex !important;align-items:center;justify-content:center;margin:0 auto 14px !important;background:radial-gradient(circle at 30% 30%,rgba(163,127,212,.5),rgba(123,94,167,.15)) !important;border:1px solid rgba(163,127,212,.55) !important;box-shadow:0 0 26px rgba(163,127,212,.35)}
body.page-id-13643 .dvx-tiles li .dvx-ic svg,body.page-id-13644 .dvx-tiles li .dvx-ic svg{width:24px;height:24px;color:#e9dfff}
body.page-id-13643 .dvx-askwrap > *,body.page-id-13644 .dvx-askwrap > *{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:16px !important;transition:border-color .3s,transform .3s}
body.page-id-13643 .dvx-askwrap > *:hover,body.page-id-13644 .dvx-askwrap > *:hover{border-color:rgba(163,127,212,.55) !important;transform:translateX(4px)}
body.page-id-13643 .dvx-honest,body.page-id-13644 .dvx-honest{border-left:3px solid #34d399 !important;background:linear-gradient(90deg,rgba(52,211,153,.12),rgba(52,211,153,.03)) !important;border-radius:0 18px 18px 0 !important}
body.page-id-13643 .dvx-note,body.page-id-13644 .dvx-note{border-left:3px solid rgba(163,127,212,.7);padding-left:18px;background:linear-gradient(90deg,rgba(123,94,167,.10),transparent 70%);border-radius:0 14px 14px 0;padding-top:12px;padding-bottom:12px}
body.page-id-13643 .dvx-steps,body.page-id-13644 .dvx-steps{counter-reset:dabstep}
body.page-id-13643 .dvx-steps > *,body.page-id-13644 .dvx-steps > *{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07)}
body.page-id-13643 .dvx-steps > *::before,body.page-id-13644 .dvx-steps > *::before{content:"0" counter(dabstep);counter-increment:dabstep;position:absolute;right:14px;top:2px;font-size:5rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(163,127,212,.12);pointer-events:none}
body.page-id-13643 .dvx-btn:not(.dvo-btn),body.page-id-13644 .dvx-btn:not(.dvo-btn){position:relative;overflow:hidden;background:linear-gradient(135deg,#9d7fe0,#6B4E96) !important;border-radius:14px !important;box-shadow:0 14px 40px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s !important}
body.page-id-13643 .dvx-btn:not(.dvo-btn)::after,body.page-id-13644 .dvx-btn:not(.dvo-btn)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);background-size:250% 100%;animation:dpbBeam 4.2s ease-in-out infinite;pointer-events:none}
body.page-id-13643 .dvx-btn:not(.dvo-btn):hover,body.page-id-13644 .dvx-btn:not(.dvo-btn):hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(139,92,246,.45),inset 0 1px 0 rgba(255,255,255,.3) !important}
body.page-id-13643 .dvx-pricing > .dvx-price,body.page-id-13644 .dvx-pricing > .dvx-price{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
body.page-id-13643 .dvx-pricing > .dvx-price:nth-child(2),body.page-id-13644 .dvx-pricing > .dvx-price:nth-child(2){box-shadow:0 30px 90px rgba(123,94,167,.3),0 0 0 1px rgba(163,127,212,.6),inset 0 1px 0 rgba(255,255,255,.12) !important;background:linear-gradient(160deg,rgba(40,28,68,.85),rgba(14,11,24,.95)) !important}
body.page-id-13643 .dvx-feats li,body.page-id-13644 .dvx-feats li{padding:14px 16px !important;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);transition:border-color .3s,background .3s}
body.page-id-13643 .dvx-feats li:hover,body.page-id-13644 .dvx-feats li:hover{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.05)}
body.page-id-13643 .dvx-cta,body.page-id-13644 .dvx-cta{position:relative;overflow:hidden;background:radial-gradient(60% 80% at 50% 0%,rgba(123,94,167,.38),transparent 70%),linear-gradient(160deg,rgba(30,22,52,.92),rgba(12,10,20,.96)) !important;border:1px solid rgba(163,127,212,.5) !important;border-radius:26px !important;padding:56px 28px !important;box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 120px rgba(123,94,167,.2)}
body.page-id-13643 .dvx-cta::before,body.page-id-13644 .dvx-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.06) 50%,transparent 56%);background-size:260% 100%;animation:dpbBeam 10s ease-in-out infinite;pointer-events:none}
body.page-id-13643 .dvx-cta h3,body.page-id-13643 .dvx-cta h2,body.page-id-13644 .dvx-cta h3,body.page-id-13644 .dvx-cta h2{font-size:clamp(1.7rem,3vw,2.4rem) !important;letter-spacing:-.02em}
body.page-id-13643 .dvx-cta .dvx-btn,body.page-id-13644 .dvx-cta .dvx-btn{background:#fff !important;color:#17102b !important;box-shadow:0 14px 40px rgba(255,255,255,.12) !important;font-weight:700}
body.page-id-13643 .dabster-faq > *,body.page-id-13644 .dabster-faq > *{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:16px !important;transition:border-color .3s}
body.page-id-13643 .dabster-faq > *:hover,body.page-id-13644 .dabster-faq > *:hover{border-color:rgba(163,127,212,.55) !important}
body.page-id-13643 .dvx-dcard,body.page-id-13644 .dvx-dcard{background:linear-gradient(160deg,rgb(30,24,48) 0%,rgb(16,13,26) 100%) !important;border:1px solid rgba(163,127,212,.35) !important;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.page-id-13643 .dvx-cmp-wrap table,body.page-id-13644 .dvx-cmp-wrap table{overflow:visible;box-shadow:0 24px 60px rgba(0,0,0,.35)}
body.page-id-13643 .dvx-cmp-wrap th,body.page-id-13644 .dvx-cmp-wrap th{background:rgb(26,20,42) !important}
@media(max-width:640px){body.page-id-13643 .dvx-steps > *::before,body.page-id-13644 .dvx-steps > *::before{font-size:3.6rem}body.page-id-13643 .dvx-cta,body.page-id-13644 .dvx-cta{padding:40px 20px !important}}

html body.dab-prem .container.max-w-4xl:not(#_),html body.dab-prem article .container:not(#_),html body.dab-prem #main.site-main:not(#_){background:transparent !important}
html body.page-id-13643 .prose .dvx-cta a.dvx-btn:not(#_),html body.page-id-13644 .prose .dvx-cta a.dvx-btn:not(#_){color:#17102b !important;-webkit-text-fill-color:#17102b !important}

/* mobile: the listening scene under the mascot stays compact (chips in one row, short caption), so the pod does not turn into a tall column */
@media(max-width:900px){
  #dab-pod .dvo-scene{margin:6px auto 0;max-width:100%}
  #dab-pod .dvo-wave{height:22px;gap:3px}
  #dab-pod .dvo-wave i{width:2px}
  #dab-pod .dvo-cap{font-size:.78rem;min-height:1.2em;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0 4px;max-width:340px;margin-left:auto;margin-right:auto}
  #dab-pod .dvo-steps{flex-wrap:nowrap;gap:5px;margin-top:8px;justify-content:center}
  #dab-pod .dvo-steps span{font-size:.62rem;padding:3px 8px;white-space:nowrap;letter-spacing:.02em}
  #dab-pod .dvo-stage{padding-bottom:0}
  #dab-pod .dvo-stage svg{max-height:170px}
}

/* ---------- testimonials: polished five stars, metrics never hyphenated ---------- */
.card-glow > div.flex.gap-1.mb-4{gap:3px !important;margin-bottom:14px !important;align-items:center}
.card-glow > div.flex.gap-1.mb-4 svg[fill="#F59E0B"]{width:13px;height:13px;fill:#e6b64a;filter:drop-shadow(0 0 4px rgba(230,182,74,.45));opacity:.95}
.card-glow > div.flex.gap-1.mb-4::after{content:"5.0";font-size:.7rem;letter-spacing:.08em;color:#c9b98a;margin-left:6px;font-weight:600}
.card-glow .t-metric{hyphens:none !important;-webkit-hyphens:none !important;word-break:normal !important;overflow-wrap:normal !important}
@media(max-width:640px){.card-glow .t-metric{font-size:1.3rem !important;line-height:1.15}}

/* ---------- articles and archives: editorial polish ---------- */
body.single-post .dab-h1{font-size:clamp(2rem,3.6vw,3.1rem) !important;line-height:1.12 !important}
.dab-read{position:fixed;left:0;top:0;width:100%;height:3px;z-index:2147482000;background:rgba(255,255,255,.06);pointer-events:none}
.dab-read i{display:block;height:100%;width:100%;transform-origin:0 0;transform:scaleX(0);background:linear-gradient(90deg,#7B5EA7,#A37FD4,#34d399);box-shadow:0 0 12px rgba(163,127,212,.6)}
body.admin-bar .dab-read{top:32px}
body.single-post .prose > p:first-of-type,body.single-post .entry-content > p:first-of-type{font-size:1.18rem;line-height:1.7;color:#e6e1f2}
body.single-post .prose ul:not([class]) li,body.single-post .entry-content ul:not([class]) li{position:relative;padding-left:22px;list-style:none}
body.single-post .prose ul:not([class]) li::before,body.single-post .entry-content ul:not([class]) li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#A37FD4,#7B5EA7);box-shadow:0 0 10px rgba(163,127,212,.5)}
body.single-post .prose h2,body.single-post .entry-content h2{position:relative;padding-top:18px;margin-top:2.4em}
body.single-post .prose h2::before,body.single-post .entry-content h2::before{content:"";position:absolute;left:0;top:0;width:56px;height:2px;background:linear-gradient(90deg,#A37FD4,transparent)}
body.single-post .prose blockquote,body.single-post .entry-content blockquote{border-left:3px solid #A37FD4;background:linear-gradient(90deg,rgba(123,94,167,.14),transparent 75%);padding:16px 22px;border-radius:0 16px 16px 0;font-style:normal}
body.single-post .prose table,body.single-post .entry-content table{border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
body.single-post .prose th,body.single-post .entry-content th{background:rgba(123,94,167,.18)}
body.single-post .prose img,body.single-post .entry-content img{border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
body.single-post .prose a:not([class]),body.single-post .entry-content a:not([class]){text-decoration-color:rgba(163,127,212,.6);text-underline-offset:3px}
body.blog .card-glow,body.archive .card-glow{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}

/* ---------- service illustration boxes: living task board instead of a lone icon ---------- */
.dab-minihost{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(40,30,66,.55),rgba(12,10,20,.85)) !important;border:1px solid rgba(163,127,212,.32) !important;box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.dab-minihost::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 20%,rgba(123,94,167,.35),transparent 65%);pointer-events:none}
.dab-minihost .dab-mini-icon{position:absolute !important;right:22px;top:18px;transform:scale(1.15) !important;opacity:.9;color:#c9b3ea !important;z-index:2}
.dab-mini{position:absolute;left:8%;right:8%;top:20%;bottom:16%;z-index:1;display:flex;flex-direction:column;gap:10px}
.dab-mini .bar{display:flex;gap:6px;margin-bottom:4px}
.dab-mini .bar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.14)}
.dab-mini .bar span:first-child{background:rgba(163,127,212,.7)}
.dab-mini .rows{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center}
.dab-mini .row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);animation:dabRowIn 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.dab-mini .row i{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(163,127,212,.6);position:relative;flex:none;animation:dabTick 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.dab-mini .row i::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);animation:dabCheck 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.dab-mini .row b{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.12))}
.dab-mini .row em{margin-left:auto;width:34px;height:8px;border-radius:4px;background:rgba(52,211,153,0);animation:dabPill 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.dab-mini .line{height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.dab-mini .line i{display:block;height:100%;width:100%;transform-origin:0 0;background:linear-gradient(90deg,#7B5EA7,#A37FD4,#34d399);animation:dabLine 3.6s ease-in-out infinite}
.dab-mini .in,.dab-mini .out{position:absolute;width:6px;height:6px;border-radius:50%;background:#e9dfff;box-shadow:0 0 12px rgba(233,223,255,.9);top:50%}
.dab-mini .in{left:-6%;animation:dabIn 3.6s ease-in-out infinite}
.dab-mini .out{right:-6%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.9);animation:dabOut 3.6s ease-in-out infinite}
.dab-mini.alt .row{animation-duration:4.2s}.dab-mini.alt .line i{animation-duration:4.2s}
@keyframes dabRowIn{0%,12%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}22%,60%{background:rgba(163,127,212,.12);border-color:rgba(163,127,212,.45)}80%,100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}}
@keyframes dabTick{0%,18%{background:transparent;border-color:rgba(163,127,212,.6)}28%,70%{background:#7B5EA7;border-color:#A37FD4}85%,100%{background:transparent;border-color:rgba(163,127,212,.6)}}
@keyframes dabCheck{0%,20%{transform:rotate(45deg) scale(0)}30%,70%{transform:rotate(45deg) scale(1)}85%,100%{transform:rotate(45deg) scale(0)}}
@keyframes dabPill{0%,26%{background:rgba(52,211,153,0)}36%,70%{background:rgba(52,211,153,.75)}85%,100%{background:rgba(52,211,153,0)}}
@keyframes dabLine{0%{transform:scaleX(0)}70%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes dabIn{0%{left:-6%;opacity:0}10%{opacity:1}40%{left:48%;opacity:1}50%,100%{left:48%;opacity:0}}
@keyframes dabOut{0%,50%{right:48%;opacity:0}55%{opacity:1}90%{right:-6%;opacity:1}100%{right:-6%;opacity:0}}
@media(prefers-reduced-motion:reduce){.dab-mini *{animation:none !important}.dab-mini .in,.dab-mini .out{display:none}}

/* ---------- no horizontal bleed from glows on templates that lack the theme's overflow clip; social nav flows after the footer ---------- */
html:not(#_){overflow-x:clip}
body.dab-prem:not(#_){overflow-x:clip}
body > nav[aria-label="Dabster Labs social profiles"]{position:static !important;display:block;width:100%;padding:14px 16px 22px !important;font-size:.8rem !important;color:#6B6580 !important;text-align:center;background:rgba(7,7,12,.72)}
body > nav[aria-label="Dabster Labs social profiles"] a{color:#9E97B3;text-decoration:none}
body > nav[aria-label="Dabster Labs social profiles"] a:hover{color:#c9b3ea}

/* ---------- free tools page ---------- */
.ft-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:20px !important;box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s !important;overflow:hidden}
.ft-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.05) 50%,transparent 56%);background-size:260% 100%;animation:dpbBeam 9s ease-in-out infinite;pointer-events:none}
.ft-card:hover{transform:translateY(-6px);border-color:rgba(163,127,212,.7) !important;box-shadow:0 34px 80px rgba(123,94,167,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.ft-cicon{width:54px !important;height:54px !important;border-radius:50% !important;display:flex !important;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(163,127,212,.5),rgba(123,94,167,.15)) !important;border:1px solid rgba(163,127,212,.55) !important;box-shadow:0 0 26px rgba(163,127,212,.35)}
.ft-guide,.ft-bridge{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:22px !important;box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06)}
.ft-bridge{position:relative;overflow:hidden;background:radial-gradient(60% 80% at 50% 0%,rgba(123,94,167,.35),transparent 70%),linear-gradient(160deg,rgba(30,22,52,.9),rgba(12,10,20,.95)) !important;border-color:rgba(163,127,212,.45) !important}
.ft-guide-rows > a{border-radius:14px !important;transition:border-color .3s,transform .3s,background .3s}
.ft-guide-rows > a:hover{border-color:rgba(163,127,212,.6) !important;transform:translateY(-2px);background:rgba(163,127,212,.08)}
.ft-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#9d7fe0,#6B4E96) !important;border-radius:14px !important;box-shadow:0 14px 40px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s !important}
.ft-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);background-size:250% 100%;animation:dpbBeam 4.2s ease-in-out infinite;pointer-events:none}
.ft-btn:hover{transform:translateY(-2px)}

/* ---------- quiz tools (Automation Readiness, AI Act, AI Fluency): premium pass ---------- */
body.dab-quiz section#intro,body.dab-quiz section#quiz,body.dab-quiz section#result{min-height:calc(100vh - 180px)}
body.dab-quiz .card{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015)) !important;border:1px solid rgba(163,127,212,.32) !important;box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 0 1px rgba(123,94,167,.12),0 0 110px rgba(123,94,167,.14),inset 0 1px 0 rgba(255,255,255,.08) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.dab-quiz .hero-card,body.dab-quiz .q-card,body.dab-quiz .score-card{position:relative;overflow:hidden}
body.dab-quiz .q-card::after,body.dab-quiz .hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.05) 50%,transparent 56%);background-size:260% 100%;animation:dpbBeam 10s ease-in-out infinite;pointer-events:none;z-index:0}
body.dab-quiz .q-card > *,body.dab-quiz .hero-card > *{position:relative;z-index:1}
body.dab-quiz .opt{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:14px !important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .3s !important}
body.dab-quiz .opt:hover,body.dab-quiz .opt:focus-visible{transform:translateX(5px);border-color:rgba(163,127,212,.75) !important;background:rgba(163,127,212,.10) !important;box-shadow:0 12px 34px rgba(123,94,167,.22)}
body.dab-quiz .opt .mark{border:1.5px solid rgba(163,127,212,.6) !important;background:rgba(255,255,255,.03) !important;transition:background .25s,box-shadow .25s}
body.dab-quiz .opt:hover .mark,body.dab-quiz .opt.selected .mark,body.dab-quiz .opt[aria-checked="true"] .mark,body.dab-quiz .opt.is-selected .mark{background:linear-gradient(135deg,#A37FD4,#7B5EA7) !important;box-shadow:0 0 16px rgba(163,127,212,.6)}
body.dab-quiz .opt .key{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;color:#c9b3ea !important}
body.dab-quiz .btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#9d7fe0,#6B4E96) !important;border-radius:14px !important;box-shadow:0 14px 40px rgba(139,92,246,.35),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s !important}
body.dab-quiz .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%);background-size:250% 100%;animation:dpbBeam 4.2s ease-in-out infinite;pointer-events:none}
body.dab-quiz .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.3) !important}
body.dab-quiz .chip,body.dab-quiz .badge,body.dab-quiz .kbd,body.dab-quiz .rbx-home,body.dab-quiz .level-tag{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)) !important;border:1px solid rgba(163,127,212,.35) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.dab-quiz .level-tag{background:linear-gradient(135deg,rgba(163,127,212,.35),rgba(123,94,167,.15)) !important;border-color:rgba(163,127,212,.7) !important;box-shadow:0 0 24px rgba(163,127,212,.3) !important}
body.dab-quiz .logo-badge{background:linear-gradient(160deg,rgba(40,30,66,.9),rgba(12,10,20,.95)) !important;border:1px solid rgba(163,127,212,.4) !important;box-shadow:0 0 18px rgba(123,94,167,.35)}
body.dab-quiz .ring-wrap svg{filter:drop-shadow(0 0 18px rgba(163,127,212,.45))}
body.dab-quiz .opp-item{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;border:1px solid rgba(255,255,255,.09) !important;border-left:3px solid rgba(163,127,212,.8) !important;border-radius:14px !important;padding-left:16px !important;transition:transform .3s,border-color .3s}
body.dab-quiz .opp-item:hover{transform:translateX(4px);border-color:rgba(163,127,212,.5) !important}
body.dab-quiz .lead.card{background:radial-gradient(60% 80% at 50% 0%,rgba(123,94,167,.32),transparent 70%),linear-gradient(160deg,rgba(30,22,52,.92),rgba(12,10,20,.96)) !important;border-color:rgba(163,127,212,.5) !important}
body.dab-quiz .lead-form input:not([type="checkbox"]){background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:13px !important;color:#fff !important;transition:border-color .25s,box-shadow .25s,background .25s}
body.dab-quiz .lead-form input:not([type="checkbox"]):focus{border-color:rgba(163,127,212,.95) !important;background:rgba(255,255,255,.08) !important;outline:none !important;box-shadow:0 0 0 4px rgba(163,127,212,.18),0 0 28px rgba(163,127,212,.28) !important}
body.dab-quiz .restart{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:999px !important;transition:border-color .3s,background .3s}
body.dab-quiz .restart:hover{border-color:rgba(163,127,212,.7) !important;background:rgba(163,127,212,.1) !important}
body.dab-quiz .foot{background:rgba(7,7,12,.55) !important;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:640px){body.dab-quiz .opt:hover{transform:none}}
body.dab-quiz button,body.dab-quiz input,body.dab-quiz select,body.dab-quiz textarea{font-family:inherit !important}

/* template wrappers of the theme (div.page-about, div.page-pricing, div.page-services, ...) paint #0A0A0F over the background stack */
html body.dab-prem div[class^="page-"]:not(#_),html body.dab-prem div[class*=" page-"]:not(#_),html body.dab-prem .page-about:not(#_),html body.dab-prem .page-services:not(#_),html body.dab-prem .page-pricing:not(#_),html body.dab-prem .page-contact:not(#_),html body.dab-prem .site-content:not(#_),html body.dab-prem .entry-content:not(#_){background:transparent !important}
html body.dab-prem main#primary:not(#_),html body.dab-prem main.site-main:not(#_),html body.dab-prem #primary:not(#_),html body.dab-prem .site-main:not(#_),html body.dab-prem .ft-wrap:not(#_),html body.dab-prem .ft-inner:not(#_){background:transparent !important}
/* blog index title is two spans with no space between them ("InsightsArticles") */
body.blog h1 > span:not(:first-child)::before{content:" "}

/* voice pod: thinking orb (dotted sphere) instead of the equaliser bars, once its engine has loaded */
#dab-pod .dvo-orb{display:none;height:96px;align-items:center;justify-content:center;--orb-color-dark:#c9a8ff;--orb-color-light:#7B5EA7}
#dab-pod .dvo-orb canvas{transform:scale(1.4);transform-origin:center center;filter:drop-shadow(0 0 16px rgba(163,127,212,.38))}
#dab-pod .dvo-scene.has-orb .dvo-wave{display:none}
#dab-pod .dvo-scene.has-orb .dvo-orb{display:flex}
#dab-pod .dvo-stage.dab-orb-on .dvo-bar{display:none}
/* the theme's signature-pad code and CSS treat every canvas inside a form as a white drawing pad: never ours */
html body #dab-pod .dvo-orb canvas:not(#_){background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;width:64px !important;height:64px !important;max-width:none !important;min-height:0 !important;cursor:default !important;padding:0 !important;margin:0 !important}
#dab-pod .dvo-scene.has-orb .dvo-orb{margin-top:-30px}
@media(max-width:900px){#dab-pod .dvo-orb{height:70px}#dab-pod .dvo-orb canvas{transform:scale(1.05)}#dab-pod .dvo-scene.has-orb .dvo-orb{margin-top:-14px}}

/* ==========================================================================
   v4 (2026-09-24): AI receptionist card on the EL home, above the six
   services, exactly the width of their grid. Approved on the stage copy.
   Only built by module 20 on body.page-id-13366.
   ========================================================================== */
.dab-vc{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;margin:0 0 24px;box-sizing:border-box;width:100%;text-align:left;overflow:hidden;position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),rgba(17,13,28,.72);
  border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.dab-vc .txt{padding:40px 48px 38px;display:flex;flex-direction:column;justify-content:center}
.dab-vc .k{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#b9a3dc;display:flex;align-items:center;gap:10px}
.dab-vc .k i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 10px rgba(52,211,153,.6)}
.dab-vc h3{font-size:clamp(1.7rem,2.2vw,2.1rem) !important;line-height:1.05 !important;letter-spacing:-.025em !important;margin:12px 0 10px !important;color:#fff;font-weight:700}
.dab-vc p{color:#bdb5d0;font-size:1rem;line-height:1.65;margin:0;max-width:640px}
.dab-vc .row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
.dab-vc a.go{display:inline-flex;align-items:center;gap:10px;color:#fff !important;font-weight:500;font-size:.92rem;padding:12px 20px;border-radius:999px;border:1px solid rgba(201,168,255,.45);text-decoration:none !important;transition:background .3s,border-color .3s}
.dab-vc a.go .arr{transition:transform .3s}
.dab-vc a.go:hover{background:rgba(163,127,212,.14);border-color:rgba(201,168,255,.8)}
.dab-vc a.go:hover .arr{transform:translateX(4px)}
.dab-vc .proof{color:#9c94b3;font-size:.86rem;line-height:1.4}
.dab-vc .proof b{color:#fff;font-weight:600}
.dab-vc .vis{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 20px;border-left:1px solid rgba(255,255,255,.06);
  background:radial-gradient(closest-side,rgba(163,127,212,.20),rgba(163,127,212,0) 70%)}
.dab-vc .orb{height:148px;width:148px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.dab-vc .orb canvas{transform:scale(1.85);--orb-color-dark:#c9a8ff}
.dab-vc .cap{margin-top:14px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d9ccf2;transition:opacity .26s,transform .26s;min-height:1.2em}
.dab-vc .cap.out{opacity:0;transform:translateY(4px)}
.dab-vc .dots{display:flex;gap:6px;margin-top:10px}
.dab-vc .dots i{width:18px;height:2px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .4s}
.dab-vc .dots i.on{background:#c9a8ff}
/* the theme gives every canvas height:150px, which stretches the orb */
html body .dab-vc .orb canvas:not(#_){width:64px !important;height:64px !important;min-height:0 !important;max-height:64px !important;min-width:0 !important;max-width:64px !important;aspect-ratio:1/1 !important;flex:0 0 64px !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
@media (max-width:900px){
  .dab-vc{grid-template-columns:1fr}
  .dab-vc .vis{order:-1;border-left:0;border-bottom:1px solid rgba(255,255,255,.06);padding:22px 20px 18px}
  .dab-vc .orb{height:120px;width:120px}
  .dab-vc .orb canvas{transform:scale(1.5)}
  .dab-vc .txt{padding:24px 22px 26px}
  .dab-vc .row{gap:16px}
}
@media (prefers-reduced-motion:reduce){.dab-vc .cap,.dab-vc .dots i,.dab-vc a.go .arr{transition:none}}

/* ==========================================================================
   v4 (2026-09-24): six distinct scenes for the service pages (module 15).
   dab-s0 keeps the task board above; the rest are below.
   ========================================================================== */
.dab-mini{--p:#A37FD4;--g:#34d399;--w:rgba(255,255,255,.34)}
/* 1. chat */
.dab-mini .chat{display:flex;flex-direction:column;gap:9px;flex:1;justify-content:center}
.dab-mini .msg{max-width:78%;padding:9px 11px;border-radius:14px;display:flex;flex-direction:column;gap:6px;opacity:0;animation:dabMsg 5.6s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .msg b{display:block;height:7px;border-radius:4px;background:var(--w)}
.dab-mini .msg.l{width:66%;align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}
.dab-mini .msg.r{width:58%;align-self:flex-end;background:rgba(123,94,167,.45);border:1px solid rgba(163,127,212,.5);border-bottom-right-radius:4px}
.dab-mini .msg.r b{background:rgba(255,255,255,.55)}
.dab-mini .typing{align-self:flex-end;display:flex;gap:4px;padding:9px 11px;border-radius:14px;background:rgba(123,94,167,.25);border:1px solid rgba(163,127,212,.3);opacity:0;animation:dabTyping 5.6s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .typing i{width:5px;height:5px;border-radius:50%;background:#e9dfff;animation:dabDot .9s ease-in-out infinite}
.dab-mini .typing i:nth-child(2){animation-delay:.15s}.dab-mini .typing i:nth-child(3){animation-delay:.3s}
@keyframes dabMsg{0%{opacity:0;transform:translateY(8px)}8%,78%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes dabTyping{0%{opacity:0}6%,20%{opacity:1}26%,100%{opacity:0}}
@keyframes dabDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
/* 2. crm: three sources wire into one record */
.dab-mini .crm{display:flex;flex-direction:column;flex:1;justify-content:center;gap:0}
.dab-mini .crm .src{display:flex;justify-content:space-around;padding:0 8%}
.dab-mini .crm .src i{width:34px;height:22px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);animation:dabSrc 4.6s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .crm .wires{display:flex;justify-content:space-around;padding:0 8%;height:26px}
.dab-mini .crm .wires i{width:1px;height:100%;background:linear-gradient(180deg,var(--p),transparent);transform-origin:top;transform:scaleY(0);animation:dabWire 4.6s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .crm .rec{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(163,127,212,.35);position:relative}
.dab-mini .crm .av{width:34px;height:34px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 35%,#c9b3ea,#7B5EA7)}
.dab-mini .crm .f{display:flex;flex-direction:column;gap:7px;flex:1}
.dab-mini .crm .f b{display:block;height:7px;border-radius:4px;background:var(--w);transform-origin:left;transform:scaleX(0);animation:dabFill 4.6s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .crm em{position:absolute;right:12px;top:-9px;width:44px;height:16px;border-radius:8px;background:var(--g);opacity:0;animation:dabPop 4.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes dabSrc{0%,4%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}10%,30%{background:rgba(163,127,212,.3);border-color:var(--p)}40%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}}
@keyframes dabWire{0%,8%{transform:scaleY(0)}18%,55%{transform:scaleY(1)}70%,100%{transform:scaleY(0)}}
@keyframes dabFill{0%{transform:scaleX(0)}12%,72%{transform:scaleX(1)}85%,100%{transform:scaleX(0)}}
@keyframes dabPop{0%{opacity:0;transform:scale(.6)}8%,70%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(.6)}}
/* 3. whatsapp: outgoing bubbles with double ticks, one reply, a scheduled reminder */
.dab-mini .wa{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:center}
.dab-mini .wmsg{align-self:flex-end;display:flex;align-items:center;gap:8px;min-width:46%;max-width:80%;padding:9px 10px;border-radius:12px;border-bottom-right-radius:3px;background:rgba(37,211,102,.16);border:1px solid rgba(37,211,102,.32);opacity:0;animation:dabWa 5.4s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .wmsg.in{align-self:flex-start;border-radius:12px;border-bottom-left-radius:3px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.dab-mini .wmsg b{display:block;height:7px;border-radius:4px;background:var(--w)}
.dab-mini .wmsg i{margin-left:auto;width:14px;height:8px;flex:none;position:relative;opacity:.45;animation:dabTicks 5.4s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .wmsg.in i{display:none}
.dab-mini .wmsg i::before,.dab-mini .wmsg i::after{content:"";position:absolute;top:0;width:4px;height:8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.dab-mini .wmsg i::before{left:0}.dab-mini .wmsg i::after{left:5px}
.dab-mini .clock{align-self:center;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);opacity:0;animation:dabPop 5.4s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .clock i{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--g);position:relative}
.dab-mini .clock i::after{content:"";position:absolute;left:4px;top:2px;width:1.5px;height:4px;background:var(--g)}
.dab-mini .clock b{width:52px;height:6px;border-radius:3px;background:var(--w)}
@keyframes dabWa{0%{opacity:0;transform:translateY(6px)}6%,84%{opacity:1;transform:none}92%,100%{opacity:0}}
@keyframes dabTicks{0%,10%{color:#fff;opacity:.35}16%,100%{color:#53bdeb;opacity:1}}
/* 4. leads: three rows scored, the hot one lights up */
.dab-mini .leads{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}
.dab-mini .lead{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);position:relative;animation:dabLeadRow 5s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .lead .av{width:22px;height:22px;border-radius:50%;flex:none;background:rgba(255,255,255,.14)}
.dab-mini .lead b{width:34%;height:7px;border-radius:4px;background:var(--w)}
.dab-mini .lead u{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;text-decoration:none}
.dab-mini .lead u i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,var(--p),var(--g));transform-origin:left;transform:scaleX(0);animation:dabFill 5s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .lead.cold u i{background:rgba(255,255,255,.3)}
.dab-mini .lead em{position:absolute;right:-6px;top:-8px;width:30px;height:16px;border-radius:8px;background:var(--g);box-shadow:0 0 14px rgba(52,211,153,.6);opacity:0;animation:dabPop 5s ease-in-out infinite;animation-delay:1.8s}
.dab-mini .lead.hot{animation-name:dabLeadHot}
.dab-mini .lead.cold{animation-name:dabLeadCold}
@keyframes dabLeadRow{0%,100%{opacity:1}}
@keyframes dabLeadHot{0%,30%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}40%,80%{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.45)}92%,100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07)}}
@keyframes dabLeadCold{0%,30%{opacity:1}40%,80%{opacity:.4}92%,100%{opacity:1}}
/* 5. chart: bars grow, a kpi pill lands */
.dab-mini .chart{display:flex;flex-direction:column;flex:1;justify-content:flex-end;position:relative;padding-top:30px}
.dab-mini .chart .kpi{position:absolute;top:0;right:0;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4);opacity:0;animation:dabPop 4.8s ease-in-out infinite;animation-delay:1.6s}
.dab-mini .chart .kpi i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--g)}
.dab-mini .chart .kpi b{width:28px;height:6px;border-radius:3px;background:var(--g)}
.dab-mini .chart .bars{display:flex;align-items:flex-end;gap:9px;height:118px;padding:0 4px}
.dab-mini .chart .bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--p),rgba(123,94,167,.35));transform-origin:bottom;transform:scaleY(0);animation:dabBar 4.8s ease-in-out infinite;animation-delay:var(--d)}
.dab-mini .chart .bars i:last-child{background:linear-gradient(180deg,var(--g),rgba(52,211,153,.35))}
.dab-mini .chart .axis{height:1px;background:rgba(255,255,255,.12);margin-top:8px}
@keyframes dabBar{0%{transform:scaleY(0)}10%,74%{transform:scaleY(1)}86%,100%{transform:scaleY(0)}}
@media(prefers-reduced-motion:reduce){.dab-mini .msg,.dab-mini .wmsg,.dab-mini .crm em,.dab-mini .clock,.dab-mini .lead em,.dab-mini .chart .kpi{opacity:1}.dab-mini .crm .f b,.dab-mini .lead u i,.dab-mini .chart .bars i,.dab-mini .crm .wires i{transform:none}.dab-mini .typing{display:none}}

/* v4 (2026-10-03): comparison tables in articles stack into cards on phones (.dab-stack-table) */
@media(max-width:640px){
  figure.dab-stack-table table,figure.dab-stack-table tbody,figure.dab-stack-table tr,figure.dab-stack-table td{display:block !important;width:100% !important;box-sizing:border-box}
  figure.dab-stack-table thead{display:none !important}
  figure.dab-stack-table tr{border:1px solid rgba(255,255,255,.12) !important;border-radius:14px;margin:0 0 12px;padding:12px 14px;background:rgba(255,255,255,.03)}
  figure.dab-stack-table td{border:0 !important;padding:3px 0 !important;text-align:left !important}
  figure.dab-stack-table td:first-child{display:inline-block !important;width:auto !important;font-weight:700;color:#c9a8ff;font-size:1.1rem;margin-right:10px}
  figure.dab-stack-table td:nth-child(2){display:inline-block !important;width:auto !important;font-weight:700;color:#fff}
  figure.dab-stack-table td:nth-child(3){margin-top:6px}
  figure.dab-stack-table td:nth-child(4){color:#a79fbd;font-size:.92rem}
  figure.dab-stack-table td:nth-child(4)::before{content:"Data: ";color:#c9a8ff;font-weight:600}
  body.postid-14186 figure.dab-stack-table td:nth-child(4)::before{content:"Δεδομένα: "}
}

/* ---------- unlock pod, live state (2026-10-29): orb below the workflow card, caption at its own size, soft edges on the camera view ---------- */
html body #dab-pod p.dvo-flow-cap{font-size:.62rem !important;line-height:1.3 !important;margin:0 0 10px !important}
#dab-pod.is-live .dvo-scene{margin-top:18px}
#dab-pod.is-live .dvo-scene.has-orb .dvo-orb{margin-top:0;height:84px}
#dab-pod .dvo-flow:not(.static) .dvo-view{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
@media(min-width:821px){#dab-pod.is-live .dvo-inner{grid-template-columns:292px minmax(0,1fr)}#dab-pod.is-live .dvo-stage{max-width:292px}}

/* ---------- unlock pod, workflow card (2026-10-29): numbered glass steps on a lit rail ---------- */
html body #dab-pod p.dvo-flow-cap{font-size:.6rem !important;letter-spacing:.08em !important;white-space:nowrap}
#dab-pod .dvo-flow{padding:14px 12px 12px;border-radius:18px;border-color:rgba(163,127,212,.3);background:radial-gradient(120% 60% at 50% -10%,rgba(139,92,246,.3),transparent 60%),radial-gradient(rgba(139,92,246,.16) 1px,transparent 1px) -1px -1px/17px 17px,linear-gradient(180deg,rgba(26,19,48,.8),rgba(12,9,22,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.45)}
#dab-pod .dvo-track{counter-reset:dvostep}
#dab-pod .dvo-node{counter-increment:dvostep;padding:7px 34px 7px 8px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#dab-pod .dvo-node::after{content:counter(dvostep,decimal-leading-zero);position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.58rem;letter-spacing:.12em;color:rgba(190,170,255,.42);font-variant-numeric:tabular-nums;font-weight:600}
#dab-pod .dvo-node.on{background:linear-gradient(135deg,rgba(163,127,212,.24),rgba(163,127,212,.06));border-color:rgba(163,127,212,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 30px rgba(139,92,246,.22)}
#dab-pod .dvo-node.on::after{color:#e2d6ff}
#dab-pod .dvo-conn{margin-left:26px;z-index:2;background:linear-gradient(180deg,rgba(167,139,250,.55),rgba(167,139,250,.2))}
#dab-pod .dvo-ic{border-radius:12px;background:linear-gradient(155deg,rgba(139,92,246,.45),rgba(26,19,48,.98));border-color:rgba(190,170,255,.5)}
#dab-pod .dvo-node .nt{font-size:.84rem;letter-spacing:-.01em;font-weight:700}
#dab-pod .dvo-node .ns{font-size:.7rem;color:#a79fbd}
#dab-pod .dvo-ntx{gap:2px}
@media(max-width:560px){#dab-pod .dvo-conn{margin-left:25px}}