/* Shared base for SOCA Studio concept demos */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
img{display:block;max-width:100%;height:auto}
svg{flex-shrink:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--focus,#2F5BEA);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Demo bar: honest label on every concept page */
.demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;padding:9px 16px;background:#14161B;color:#E9EBF0;font:500 13px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center}
.demo-bar p{margin:0}
.demo-bar a{color:#fff}
.demo-bar__cta{display:inline-block;padding:4px 12px;border-radius:999px;background:#2F5BEA;color:#fff!important;text-decoration:none;font-weight:600}
.demo-bar__cta:hover{background:#1E3FB0}

/* Demo form note */
.demo-note{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:rgba(47,91,234,.1);color:inherit;font-size:.92em}

/* Demo toast for buttons that would link to the client's real tools */
.demo-toast{position:fixed;left:50%;bottom:20px;z-index:50;width:max-content;max-width:min(92vw,520px);padding:12px 16px;border-radius:10px;background:#14161B;color:#fff;font:500 15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.28);opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.demo-toast.is-on{opacity:1;transform:translate(-50%,0)}