/* Mockup: whisper tints + electric outline + soft shadow + out-of-sync drift on content cards. */
:root{--w1:#FEF2F6;--w2:#FFF4EC;--w3:#FFFAE6;--w4:#EEFAF4;--w5:#EEF7FE;--w6:#F4F2FC;--w7:#F9F0FA;--w-line:#FF6A00;--w-shadow:0 6px 14px -8px rgba(30,20,48,.12)}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details){--pc:var(--w1);--d:9s;--dl:-1s;--dx:2px;--dy:-4px;--dr:.4deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+2){--pc:var(--w2);--d:11.3s;--dl:-4.7s;--dx:-3px;--dy:-3px;--dr:-.5deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+3){--pc:var(--w3);--d:7.6s;--dl:-2.9s;--dx:2px;--dy:-5px;--dr:.3deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+4){--pc:var(--w4);--d:10.4s;--dl:-7.2s;--dx:-2px;--dy:-4px;--dr:-.35deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+5){--pc:var(--w5);--d:8.3s;--dl:-5.5s;--dx:3px;--dy:-3px;--dr:.55deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+6){--pc:var(--w6);--d:12s;--dl:-9.1s;--dx:-2px;--dy:-5px;--dr:-.45deg}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details):nth-child(7n+7){--pc:var(--w7);--d:9.7s;--dl:-3.4s;--dx:2px;--dy:-4px;--dr:.25deg}
/* section-specific offsets so neighbouring groups don't share a tint */
.pf-three>div:nth-child(1){--pc:var(--w5)}.pf-three>div:nth-child(2){--pc:var(--w6)}.pf-three>div:nth-child(3){--pc:var(--w7)}
.cstats .cstat:nth-child(1){--pc:var(--w3)}.cstats .cstat:nth-child(2){--pc:var(--w4)}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier:not(.tier--pink):not(.tier--ink),.faq details){background:var(--pc)!important;border:2px solid var(--w-line)!important;box-shadow:var(--w-shadow)!important}
.tier--pink,.tier--ink{border:2px solid var(--w-line)!important;box-shadow:var(--w-shadow)!important}
/* text: dark on every tint, never pink-on-pink */
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.faq details) :is(h2,h3,h4,b,strong,summary,blockquote){color:#1E1430!important}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.faq details) p,.stat-quote p{color:#3A3348!important}
.cstat small,.stat-quote figcaption,.stat-quote cite{color:#4F4762!important}
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.faq details) a{color:#1E1430!important;text-decoration:underline;text-decoration-color:var(--w-line)}
@keyframes wdrift{0%,100%{translate:0 0;rotate:0deg}33%{translate:var(--dx) var(--dy);rotate:var(--dr)}66%{translate:calc(var(--dx)*-.6) calc(var(--dy)*.5);rotate:calc(var(--dr)*-.6)}}
@media (prefers-reduced-motion:no-preference){
 :is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details){animation:wdrift var(--d) ease-in-out var(--dl) infinite!important;will-change:translate,rotate}
}
@media (prefers-reduced-motion:reduce){:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.tier,.faq details){animation:none!important;translate:none!important;rotate:none!important}}
/* eyebrow labels were #C2185B pink: switch to ink inside tinted cards (no pink-on-pink) */
:is(.pf-card,.pf-three>div,.cstat,.ui-card,.stat-quote,.faq details) :is(.pf-k,.eyebrow,.kicker,.label){color:#1E1430!important}