/* Per-product 3-colour themes. --p1 primary, --p2 glow/gradient, --p3 CTA accent. Scoped by html[data-pt]. */
html[data-pt=wa]{--p1:#075E54;--p2:#25D366;--p3:#FFB020;--p3ink:#1f1400;--hd:#03241F}
html[data-pt=rc]{--p1:#0B5FFF;--p2:#22D3EE;--p3:#FFB648;--p3ink:#241500;--hd:#04112E}
html[data-pt=dm]{--p1:#C026D3;--p2:#EC4899;--p3:#FB923C;--p3ink:#fff;--hd:#1C0626}
html[data-pt=gr]{--p1:#1A73E8;--p2:#FBBC04;--p3:#EA4335;--p3ink:#fff;--hd:#0A1A3A}
html[data-pt=ss]{--p1:#0D9488;--p2:#A3E635;--p3:#F43F5E;--p3ink:#fff;--hd:#042624}
html[data-pt=wb]{--p1:#BE123C;--p2:#FB7185;--p3:#F5B700;--p3ink:#2a1a00;--hd:#2A0613}
html[data-pt=pk]{--p1:#92400E;--p2:#FBBF24;--p3:#7C3AED;--p3ink:#fff;--hd:#1F1305}
html[data-pt]{--g:var(--p1);--g2:var(--p1);--l:var(--p2);--v:var(--p2);--ig1:var(--p1);--ig2:var(--p2);--ig3:var(--p3);--a:var(--p1);--accent:var(--p3)}
html[data-pt][data-pt][data-pt] .hero,html[data-pt][data-pt][data-theme] body .hero{background:radial-gradient(1100px 560px at 85% -10%,color-mix(in srgb,var(--p2) 70%,transparent) 0,transparent 58%),radial-gradient(800px 460px at -10% 110%,color-mix(in srgb,var(--p1) 85%,transparent) 0,transparent 58%),linear-gradient(135deg,var(--hd),color-mix(in srgb,var(--p1) 45%,var(--hd)))!important;color:#fff}
html[data-pt] .hero h1,html[data-pt] .hero p,html[data-pt] .hero li{color:#fff}
html[data-pt] h1 em{background:linear-gradient(90deg,var(--p2),color-mix(in srgb,var(--p2) 50%,var(--p3)) 50%,var(--p3))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-pt] .eyebrow,html[data-pt] .eyb{color:var(--p1)!important;background:color-mix(in srgb,var(--p2) 18%,transparent)!important}
html[data-pt] .hero .eyebrow,html[data-pt] .hero .eyb{color:#fff!important;background:color-mix(in srgb,var(--p2) 30%,transparent)!important}
html[data-pt] .btn:not(.o):not(.gh):not(.wa):not(.wab),html[data-pt] .b,html[data-pt] .btnp:not(.wa2){background:linear-gradient(135deg,var(--p3),color-mix(in srgb,var(--p3) 70%,var(--p2)))!important;color:var(--p3ink)!important;box-shadow:0 10px 28px -10px color-mix(in srgb,var(--p3) 80%,transparent)!important}
html[data-pt] .btn.o{color:var(--p1)!important;box-shadow:inset 0 0 0 2px var(--p1)!important;border-color:var(--p1)!important}
html[data-pt] .card,html[data-pt] .fc,html[data-pt] .c,html[data-pt] .pl{border-top:3px solid color-mix(in srgb,var(--p2) 70%,transparent)}
html[data-pt] main a:not(.btn):not(.b):not(.btnp),html[data-pt] section a:not(.btn):not(.b):not(.btnp){color:var(--p1)}
html[data-pt][data-theme=dark] main a:not(.btn):not(.b):not(.btnp),html[data-pt][data-theme=dark] section a:not(.btn):not(.b):not(.btnp){color:var(--p2)}
html[data-pt][data-theme=dark] .eyebrow,html[data-pt][data-theme=dark] .eyb{color:var(--p2)!important}
html[data-pt][data-theme=dark] body{background:radial-gradient(900px 500px at 100% 0,color-mix(in srgb,var(--p1) 22%,transparent),transparent 60%),var(--hd)!important}
html[data-pt][data-theme=dark] .btn.o{color:var(--p2)!important;box-shadow:inset 0 0 0 2px var(--p2)!important;background:transparent!important}
html[data-pt] ::selection{background:color-mix(in srgb,var(--p2) 40%,transparent)}
/* keep BotSetu logo colours */
html[data-pt=ss] header a span{color:#0a7466}
html[data-pt] .hero::before{background:var(--p2)!important}
html[data-pt] .hero::after{background:var(--p3)!important;opacity:.35!important}
html[data-pt][data-pt] .hero h1 em{background:linear-gradient(90deg,var(--p2),var(--p3))!important;-webkit-background-clip:text!important;background-clip:text!important}
html[data-pt] .hero .pill{background:color-mix(in srgb,var(--p2) 28%,transparent)!important;color:#fff!important;border-color:color-mix(in srgb,var(--p2) 50%,transparent)!important}
html[data-pt][data-pt] .hero::before{background:radial-gradient(circle,color-mix(in srgb,var(--p2) 45%,transparent),transparent 65%)!important;opacity:.9!important}