:root {
  --dv-primary:#4B0082;
  --dv-primary-hover:#3C0068;
  --dv-accent:#900024;
  --dv-accent-hover:#76001E;
  --dv-bg:#F8FAFC;
  --dv-surface:#FFFFFF;
  --dv-surface-alt:#F3F4F6;
  --dv-border:#E5E7EB;
  --dv-heading:#111827;
  --dv-body:#374151;
  --dv-caption:#6B7280;
  --dv-disabled:#9CA3AF;
  --dv-success:#10B981;
  --dv-warning:#F59E0B;
  --dv-error:#EF4444;
  --dv-info:#3B82F6;
  --dv-gradient-primary:linear-gradient(135deg,#4B0082,#7C3AED);
  --dv-gradient-accent:linear-gradient(135deg,#900024,#C2185B);
  --dv-radius-card:20px;
  --dv-radius-button:14px;
  --dv-radius-input:12px;
  --dv-radius-pill:999px;
  --dv-shadow-card:0 8px 30px rgba(0,0,0,.06);
  --dv-shadow-modal:0 25px 60px rgba(0,0,0,.12);
  --dv-motion:200ms ease-out;
  --dv-focus:0 0 0 3px rgba(75,0,130,.16);
  --dv-shadow-sm:0 1px 2px rgba(17,24,39,.05);
}

html{color-scheme:light}
body.dv-customer{
  --bg:var(--dv-bg);
  --surface:var(--dv-surface);
  --tint:var(--dv-surface-alt);
  --tint2:#EDE9F5;
  --ink:var(--dv-heading);
  --muted:var(--dv-caption);
  --line:var(--dv-border);
  --g1:var(--dv-accent);
  --g2:var(--dv-primary);
  --g3:#7C3AED;
  --ok:var(--dv-success);
  --grad:var(--dv-gradient-primary);
  background:
    radial-gradient(60% 36% at 50% 0%,rgba(75,0,130,.055),transparent 72%),
    var(--dv-bg);
  color:var(--dv-body);
}
body.dv-customer h1,
body.dv-customer .h2,
body.dv-customer h2,
body.dv-customer h3{color:var(--dv-heading)}
body.dv-customer .wrap{width:min(1120px,calc(100% - 40px))}
body.dv-customer .glow{max-width:100vw}
body.dv-customer header{border-bottom-color:transparent}
body.dv-customer .tile,
body.dv-customer .st,
body.dv-customer .faq details,
body.dv-customer .buy-card,
body.dv-customer .card{
  background:var(--dv-surface);
  border-color:var(--dv-border);
  border-radius:var(--dv-radius-card);
  box-shadow:var(--dv-shadow-card);
}
body.dv-customer .tile{transition:transform var(--dv-motion),box-shadow var(--dv-motion),border-color var(--dv-motion)}
body.dv-customer .tile:hover{transform:scale(1.02);border-color:#D8CBE6;box-shadow:0 12px 36px rgba(0,0,0,.08)}
body.dv-customer .btn{
  min-height:52px;
  border-radius:var(--dv-radius-button);
  transition:transform var(--dv-motion),background var(--dv-motion),border-color var(--dv-motion),box-shadow var(--dv-motion);
}
body.dv-customer .btn.primary{background:var(--dv-gradient-primary);box-shadow:0 10px 24px rgba(75,0,130,.18)}
body.dv-customer .btn.primary:hover{filter:none;transform:scale(1.02)}
body.dv-customer .btn.outline{border-color:var(--dv-border)}
body.dv-customer input,
body.dv-customer select,
body.dv-customer textarea{min-height:48px;border-radius:var(--dv-radius-input)!important;transition:border-color var(--dv-motion),box-shadow var(--dv-motion),background var(--dv-motion)}
body.dv-customer :is(input,select,textarea):hover:not(:disabled){border-color:#B8A7C9}
body.dv-customer :is(input,select,textarea):disabled{color:var(--dv-disabled);background:var(--dv-surface-alt);cursor:not-allowed}
body.dv-customer :is(input,select,textarea)[aria-invalid="true"],body.dv-customer .field.error :is(input,select,textarea){border-color:var(--dv-error)!important;background:#FFFBFB;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
body.dv-customer .field.success :is(input,select,textarea){border-color:var(--dv-success)!important;background:#FBFFFD}
body.dv-customer :is(a,button,input,select,textarea,summary):focus-visible{
  outline:0;
  box-shadow:var(--dv-focus);
}
body.dv-customer .pricepill{border-color:var(--dv-border);box-shadow:var(--dv-shadow-card)}
body.dv-customer .pricepill .tag{background:var(--dv-accent)}
body.dv-customer .hero-visual{border-radius:var(--dv-radius-card);box-shadow:var(--dv-shadow-card)}
body.dv-customer .widget-wrap{border-radius:var(--dv-radius-card);background:var(--dv-surface);box-shadow:var(--dv-shadow-card);border:1px solid var(--dv-border)}
body.dv-customer .widget-wrap::before{inset:0}
body.dv-customer .widget-inner{border-radius:14px}
body.dv-customer .steps .n{background:var(--dv-gradient-primary)}
.dv-help,.dv-error,.dv-success{display:block;margin-top:5px;font-size:12px;line-height:1.55}.dv-help{color:var(--dv-caption)}.dv-error{color:#B91C1C}.dv-success{color:#047857}
.dv-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid;border-radius:var(--dv-radius-input);font-size:13px;line-height:1.65;margin:10px 0}
.dv-alert.info{color:#1E40AF;background:#EFF6FF;border-color:#BFDBFE}.dv-alert.success{color:#065F46;background:#ECFDF5;border-color:#A7F3D0}.dv-alert.warning{color:#78350F;background:#FFFBEB;border-color:#FDE68A}.dv-alert.danger{color:#991B1B;background:#FEF2F2;border-color:#FECACA}
.dv-empty{display:grid;justify-items:center;gap:7px;padding:28px 16px;border:1px dashed var(--dv-border);border-radius:var(--dv-radius-card);background:var(--dv-surface);color:var(--dv-caption);text-align:center;font-size:13px;line-height:1.65}.dv-empty::before{content:"✦";display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#F3E8FF;color:var(--dv-primary)}
.dv-status{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--dv-border);border-radius:var(--dv-radius-pill);font-size:11px;font-weight:700}.dv-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.dv-status.ok{color:#047857;background:#ECFDF5;border-color:#A7F3D0}.dv-status.wait{color:#92400E;background:#FFFBEB;border-color:#FDE68A}.dv-status.bad{color:#B91C1C;background:#FEF2F2;border-color:#FECACA}
.hd-cookie{
  position:fixed;z-index:100000;right:18px;bottom:18px;width:min(340px,calc(100vw - 36px));
  display:grid;gap:14px;padding:16px;
  color:#F9FAFB;background:rgba(48,43,118,.98);border:1px solid rgba(199,196,255,.34);
  border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.25);
  font:400 13px/1.55 'Anuphan',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hd-cookie__copy{display:grid;gap:3px}
.hd-cookie__copy b{font-size:14px;color:#fff}
.hd-cookie__copy span{color:#E5E4FF}
.hd-cookie__copy a{color:#FEF3C7}
.hd-cookie__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hd-cookie button{
  min-height:42px;padding:8px 13px;border:1px solid #6B7280;border-radius:11px;
  color:#F9FAFB;background:transparent;font-family:inherit;font-weight:600;
  font-size:12.5px;line-height:1.3;cursor:pointer;
}
.hd-cookie button.accept{border-color:#827BE8;background:#6B63D8}
.cookie-settings{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}

/* Cookie consent is the only bottom fixed bar allowed to remain visible. */
body.hd-cookie-open #stickyCta,
body.hd-cookie-open #chartReadyBar{display:none!important}

@media(max-width:800px){
  body.dv-customer .wrap{width:calc(100% - 32px)}
  body.dv-customer .hero-visual{
    width:calc(100vw - 20px);
    min-height:540px;
    margin-inline:calc((100vw - 20px - 100%)/-2);
    border:0;
    border-radius:28px;
    box-shadow:0 24px 60px -28px rgba(27,12,45,.38);
  }
  body.dv-customer .hero-visual::before{
    inset:-8px;
    filter:blur(22px);
    opacity:.72;
    transform:scale(1.08);
  }
  body.dv-customer .bodygraph{
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 30%;
    filter:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 78%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 78%,transparent 100%);
  }
  body.dv-customer .visual-top{top:24px;left:24px;right:24px;text-shadow:0 1px 10px rgba(0,0,0,.48)}
  body.dv-customer .visual-card{
    left:14px;
    right:14px;
    bottom:14px;
    padding:17px 18px;
    border-color:rgba(255,255,255,.2);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(35,24,42,.56),rgba(63,38,64,.42));
    box-shadow:0 14px 38px rgba(0,0,0,.16);
    backdrop-filter:blur(18px) saturate(115%);
    -webkit-backdrop-filter:blur(18px) saturate(115%);
  }
  body.dv-customer .visual-card b{font-size:17px;line-height:1.35}
  body.dv-customer .visual-card span{font-size:12.5px;line-height:1.5}
  body.dv-customer .visual-tags{margin-top:10px;gap:6px}
  body.dv-customer .visual-tags i{padding:4px 8px}
  .hd-cookie{right:10px;bottom:10px;width:min(340px,calc(100vw - 20px));padding:14px;gap:11px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}