/* One shared shimmer for banners and action cards across every page. */
html body :is(.btn-primary,.nav-cta,.assessment-preview,.tool-card,.final-cta,.feature,.al-test,.cta,.porta,.card,.dopo,.button:not([type=reset])){position:relative;overflow:hidden;isolation:isolate}
html body :is(.btn-primary,.nav-cta,.assessment-preview,.tool-card,.final-cta,.feature,.al-test,.cta,.porta,.card,.dopo,.button:not([type=reset]))::after{content:"";display:block!important;position:absolute;z-index:2;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.23),transparent);transform:translateX(0) skewX(-16deg);animation:my330-shimmer 6.5s ease-in-out infinite!important;pointer-events:none;border:0;opacity:1}
/* A full banner has one reflection, rather than doubling it on its child CTA. */
html body :is(.final-cta,.feature,.al-test,.cta) :is(.btn-primary,.button)::after{display:none!important}
@keyframes my330-shimmer{0%,12%{transform:translateX(0) skewX(-16deg)}32%,100%{transform:translateX(380%) skewX(-16deg)}}
html body .motion-toggle{width:44px;height:44px;justify-content:center;font-size:12px;gap:0;padding:0}
html body .motion-toggle:hover{background:#26202480}
@media(prefers-reduced-motion:reduce){html body :is(.btn-primary,.nav-cta,.assessment-preview,.tool-card,.final-cta,.feature,.al-test,.cta,.porta,.card,.dopo,.button:not([type=reset]))::after{display:none!important;animation:none!important}html body .motion-toggle{display:none}}
/* Tiny yellow signature on every page, including privacy and the 404. */
html body :is(.top .marchio,.legacy-nav>a,.sito-footer b,.error-brand)::after{content:"";display:inline-block;width:4px;height:4px;margin-left:6px;vertical-align:baseline;border-radius:50%;background:#ffde41}
html body .error-brand{color:#5aa2ff;font-weight:700;letter-spacing:-.04em}
@media(max-width:600px){html body .rhythm{column-gap:26px}html body .rhythm strong{font-size:36px}html body .rhythm>div>span{font-size:8px}html body .rhythm>div{gap:10px}}