:root{--ink:#080D21;--ink-mid:#111832;--surface:#151D39;--raised:#1B2445;--border:#26304D;--on:#F5F7FF;--subtle:#C8D0E6;--muted:#AAB2CB;--accent:#00D2FE;--badge-fg:#D3B2FF;--success:#22C55E;--show-dark:block;--show-light:none;color-scheme:dark}
html[data-theme="light"],html[data-theme="system"] :root{}
html[data-theme="light"]{--ink:#F5F7FC;--ink-mid:#EAEEF8;--surface:#FFFFFF;--raised:#FFFFFF;--border:#D5DCEE;--on:#080D21;--subtle:#3A4460;--muted:#5B6580;--accent:#2B5EFE;--badge-fg:#6B21D6;--success:#15803D;--show-dark:none;--show-light:block;color-scheme:light}
@media (prefers-color-scheme: light){html[data-theme="system"]{--ink:#F5F7FC;--ink-mid:#EAEEF8;--surface:#FFFFFF;--raised:#FFFFFF;--border:#D5DCEE;--on:#080D21;--subtle:#3A4460;--muted:#5B6580;--accent:#2B5EFE;--badge-fg:#6B21D6;--success:#15803D;--show-dark:none;--show-light:block;color-scheme:light}}
html[data-a11y-contrast]{--ink:#000;--ink-mid:#000;--surface:#000;--raised:#000;--border:#FFF;--on:#FFF;--subtle:#FFF;--muted:#FFF;--accent:#FFE600;--badge-fg:#FFE600;--success:#5CFF7A;--show-dark:block;--show-light:none}
html[data-a11y-text="112"] body{zoom:1.12}
html[data-a11y-text="125"] body{zoom:1.25}
html[data-a11y-text="150"] body{zoom:1.5}
html[data-a11y-motion] *,html[data-a11y-motion] *::before,html[data-a11y-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-a11y-underline] a{text-decoration:underline!important;text-underline-offset:3px}
html[data-a11y-font] body,html[data-a11y-font] body *{font-family:Verdana,"Trebuchet MS",Arial,sans-serif!important;letter-spacing:0!important}
html[data-a11y-spacing] body{letter-spacing:.08em!important;word-spacing:.16em!important}
html[data-a11y-spacing] body *{letter-spacing:inherit!important}
html[data-a11y-lineheight] p,html[data-a11y-lineheight] li,html[data-a11y-lineheight] dd,html[data-a11y-lineheight] dt,html[data-a11y-lineheight] blockquote{line-height:1.9!important}
html[data-a11y-cursor],html[data-a11y-cursor] *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M4 2l16 10-7 2-3 7z' fill='%23000' stroke='%23fff' stroke-width='1.5'/></svg>") 4 2,auto!important}
html[data-a11y-cursor] a,html[data-a11y-cursor] button,html[data-a11y-cursor] a *,html[data-a11y-cursor] button *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path d='M9 2v11l-2.5-2.5L5 12l5 7h7l3-6v-4h-2v3h-1V8h-2v4h-1V6h-2v6h-1z' fill='%23000' stroke='%23fff' stroke-width='1.2'/></svg>") 10 2,pointer!important}
html[data-a11y-noimg] img{visibility:hidden!important}
html[data-a11y-focus] :focus{outline:3px solid #FFD400!important;outline-offset:3px!important}
html[data-a11y-gray] body{filter:grayscale(1)}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Branded watermark in the website's drop-down menus (Product, Use cases, Company) */
[id^="mega-"]{isolation:isolate;overflow:hidden}
[id^="mega-"]::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:360px;height:360px;right:max(-70px,calc(50% - 780px));top:50%;transform:translateY(-50%) rotate(-12deg);background:url(/assets/site/mark.svg) center/contain no-repeat;opacity:.08}
[id^="mega-"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,#AE35FC,#6C47FF,#2B5EFE,#00D2FE);opacity:.85}
html[data-theme="light"] [id^="mega-"]::before{opacity:.10}
@media (prefers-color-scheme: light){html[data-theme="system"] [id^="mega-"]::before{opacity:.10}}
html[data-a11y-contrast] [id^="mega-"]::before,html[data-a11y-contrast] [id^="mega-"]::after{display:none}
/* Phones: the side social rail covered page text. Keep only the WhatsApp chat button, as a round button bottom-right;
   Instagram, Facebook, TikTok, LinkedIn and X stay in the footer. */
@media (max-width:720px){
  nav[aria-label="Social"]{top:auto;bottom:16px;right:16px;transform:none;padding:0;gap:0;border-radius:50%;box-shadow:0 10px 30px -8px rgba(0,0,0,.55)}
  nav[aria-label="Social"]>:not(:first-child){display:none!important}
  nav[aria-label="Social"]>:first-child{width:52px;height:52px;border-radius:50%}
  #pixloud-wa{top:auto;bottom:80px;right:16px;transform:none;width:min(340px,calc(100vw - 32px))}
}
/* Desktop social rail: a bright pink arrow tab slides it off the right edge and back (site.js adds the tab). */
.px-rail-tab{display:none}
@media (min-width:721px){
  nav[aria-label="Social"]{transition:transform .35s cubic-bezier(.4,0,.2,1)}
  nav[aria-label="Social"].px-rail-off{transform:translate(100%,-50%)}
  .px-rail-tab{display:grid;place-items:center;position:absolute;left:-22px;top:50%;width:22px;height:46px;margin-top:-23px;padding:0;border:0;border-radius:10px 0 0 10px;background:#FF2E93;color:#fff;cursor:pointer;box-shadow:-4px 6px 18px -4px rgba(255,46,147,.7)}
  .px-rail-tab:hover{background:#FF4FA8}
  .px-rail-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .px-rail-tab svg{transition:transform .35s}
  .px-rail-off .px-rail-tab svg{transform:rotate(180deg)}
}
@media (prefers-reduced-motion:reduce){nav[aria-label="Social"],.px-rail-tab svg{transition:none}}
html[data-a11y-motion] nav[aria-label="Social"],html[data-a11y-motion] .px-rail-tab svg{transition:none}
/* Launch offer: top bar (every marketing page) and a one-time card. Shown until 30 Nov 2026 (gated in PHP). */
.px-lbar{position:relative;z-index:9991;display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 48px;background:linear-gradient(90deg,#7C3AED 0%,#6C47FF 45%,#2F6BFF 100%);color:#fff;font:500 14px/1.3 Inter,system-ui,sans-serif}
.px-lbar[hidden]{display:none}
.px-lbar-in{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px}
.px-lbar-tag{padding:3px 9px;border-radius:999px;background:#FF2E93;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 3px rgba(255,46,147,.25)}
.px-lbar-txt b{font-weight:800}
.px-lbar-code{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border-radius:8px;border:1.5px dashed rgba(255,255,255,.75);background:rgba(255,255,255,.14);color:#fff;font:800 13px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;transition:background .15s}
.px-lbar-code:hover{background:rgba(255,255,255,.26)}
.px-lbar-code.is-copied{border-style:solid;background:#fff;color:#4C1D95}
.px-lbar-end{color:rgba(255,255,255,.82)}
.px-lbar-go{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.px-lbar-go:hover{text-decoration-thickness:2px}
.px-lbar-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.85);cursor:pointer}
.px-lbar-x:hover{background:rgba(255,255,255,.16);color:#fff}
.px-lbar :focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:720px){.px-lbar{padding:6px 42px 6px 12px;font-size:13px}.px-lbar-long,.px-lbar-end,.px-lbar-tag{display:none}.px-lbar-in{gap:8px}}
.px-lcard{position:fixed;left:24px;bottom:92px;z-index:9997;width:min(360px,calc(100vw - 32px));padding:22px 22px 20px;border-radius:18px;background:radial-gradient(120% 90% at 100% 0,rgba(124,77,255,.28),transparent 60%),var(--surface,#151D39);color:var(--on,#F5F7FF);border:1px solid rgba(124,77,255,.45);box-shadow:0 24px 60px -18px rgba(0,0,0,.6),0 0 40px -10px rgba(255,46,147,.35);font-family:Inter,system-ui,sans-serif;opacity:0;transform:translateY(24px);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.px-lcard.is-in{opacity:1;transform:none}
.px-lcard::before{content:'';position:absolute;left:18px;right:18px;top:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#FF2E93,#6C47FF,#00D2FE)}
.px-lcard-x{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:inherit;opacity:.7;cursor:pointer}
.px-lcard-x:hover{opacity:1;background:rgba(127,127,160,.16)}
.px-lcard-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#FF2E93;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.px-lcard-h{margin:12px 0 6px;font:800 24px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.px-lcard-p{margin:0 0 14px;font-size:14px;line-height:1.5;opacity:.82}
.px-lcard-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border-radius:12px;border:1.5px dashed rgba(124,77,255,.75);background:rgba(124,77,255,.10)}
.px-lcard-code>span{font:800 20px/1 Inter,system-ui,sans-serif;letter-spacing:.12em}
.px-lcard-code button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:9px;background:#6C47FF;color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.px-lcard-code button:hover{background:#7C5CFF}
.px-lcard-code button.is-copied{background:#10B981}
.px-lcard-act{display:flex;align-items:center;gap:10px;margin-top:14px}
.px-lcard-go{flex:1;display:grid;place-items:center;min-height:44px;border-radius:12px;background:linear-gradient(90deg,#8B3DFF,#3D6BFF);color:#fff;font-weight:700;text-decoration:none}
.px-lcard-go:hover{filter:brightness(1.08)}
.px-lcard-later{min-height:44px;padding:0 14px;border:1px solid var(--border,#26304D);border-radius:12px;background:transparent;color:inherit;font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.px-lcard :focus-visible{outline:2px solid #FF2E93;outline-offset:2px}
@media (max-width:720px){.px-lcard{left:12px;right:12px;bottom:84px;width:auto}}
@media (prefers-reduced-motion:reduce){.px-lcard{transition:none}}
/* Seasonal tone (Thanksgiving): warm gradient bar, orange tags. */
.px-lbar.px-tone-warm{background:linear-gradient(90deg,#EA580C 0%,#DB2777 50%,#7C3AED 100%)}
.px-tone-warm .px-lbar-tag{background:#fff;color:#C2410C;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.px-lbar.px-tone-warm .px-lbar-code.is-copied{color:#9A3412}
.px-lcard.px-tone-warm{border-color:rgba(234,88,12,.55);background:radial-gradient(120% 90% at 100% 0,rgba(234,88,12,.26),transparent 60%),var(--surface,#151D39);box-shadow:0 24px 60px -18px rgba(0,0,0,.6),0 0 40px -10px rgba(234,88,12,.4)}
.px-lcard.px-tone-warm::before{background:linear-gradient(90deg,#F59E0B,#EA580C,#DB2777)}
.px-tone-warm .px-lcard-tag{background:#EA580C}
.px-tone-warm .px-lcard-code{border-color:rgba(234,88,12,.7);background:rgba(234,88,12,.10)}
.px-tone-warm .px-lcard-code button{background:#EA580C}.px-tone-warm .px-lcard-code button:hover{background:#F97316}
.px-tone-warm .px-lcard-go{background:linear-gradient(90deg,#EA580C,#DB2777)}
.px-tone-warm :focus-visible{outline-color:#F97316}
/* Seasonal tone (December holidays): red to purple bar, gold tags. */
.px-lbar.px-tone-festive{background:linear-gradient(90deg,#B91C1C 0%,#DB2777 50%,#7C3AED 100%)}
.px-tone-festive .px-lbar-tag{background:#FACC15;color:#7F1D1D;box-shadow:0 0 0 3px rgba(250,204,21,.3)}
.px-lbar.px-tone-festive .px-lbar-code.is-copied{color:#7F1D1D}
.px-lcard.px-tone-festive{border-color:rgba(220,38,38,.55);background:radial-gradient(120% 90% at 100% 0,rgba(220,38,38,.24),transparent 60%),var(--surface,#151D39);box-shadow:0 24px 60px -18px rgba(0,0,0,.6),0 0 40px -10px rgba(250,204,21,.35)}
.px-lcard.px-tone-festive::before{background:linear-gradient(90deg,#FACC15,#DC2626,#DB2777)}
.px-tone-festive .px-lcard-tag{background:#DC2626}
.px-tone-festive .px-lcard-code{border-color:rgba(220,38,38,.7);background:rgba(220,38,38,.10)}
.px-tone-festive .px-lcard-code button{background:#DC2626}.px-tone-festive .px-lcard-code button:hover{background:#EF4444}
.px-tone-festive .px-lcard-go{background:linear-gradient(90deg,#DC2626,#DB2777)}
.px-tone-festive :focus-visible{outline-color:#FACC15}
