/* Presentation only. Load after portal.css; add ux-client-studio to body. */
body.ux-client-studio{--pink:#d79bf6;--cyan:#c3b2ef;--line:#cda3f52c;background:radial-gradient(ellipse at 82% 7%,#5933692b,transparent 45%),#101015;color:#f7f3fa}
.ux-client-studio .atelier-header{max-width:1360px;padding:24px clamp(22px,4vw,56px);border-bottom-color:var(--line);gap:24px}
.ux-client-studio .atelier-header nav{gap:24px;font-size:14px;line-height:1.5}
.ux-client-studio .atelier-header nav>a{color:#e7dfed}
.ux-client-studio .quiet-button{border-color:#c4a0e552;border-radius:10px;background:#251c2e;color:#f7f3fa;min-height:42px}
.ux-client-studio .atelier-main{max-width:1360px;padding:60px clamp(22px,4vw,56px) 72px;column-gap:48px;row-gap:32px;align-items:start}
.ux-client-studio .atelier-intro{max-width:700px}
.ux-client-studio .atelier-intro>p{color:#c9c1d0;max-width:60ch;line-height:1.75}
.ux-client-studio .eyebrow{color:#d3a7f0;letter-spacing:.13em}
.ux-client-studio .paper-panel{border:1px solid #d2b7ee6b;border-radius:20px;background:#f3f0f6;color:#17121e;box-shadow:0 22px 65px #0003}
.ux-client-studio .paper-panel h2{letter-spacing:-.035em}
.ux-client-studio .paper-panel p{color:#554d5e}
.ux-client-studio .paper-panel .eyebrow{color:#75428e}
.ux-client-studio .paper-panel input{border-color:#bcb2c6;border-radius:9px;background:#fff;color:#17121e;min-height:48px}
.ux-client-studio .paper-panel input:focus-visible{outline:3px solid #8b4db7;outline-offset:3px}
.ux-client-studio .button{border-radius:10px;min-height:48px;line-height:1.4}
.ux-client-studio .button-ink{background:#24142f;color:#fff}
.ux-client-studio .button-ink span{color:#e5b5ff}
.ux-client-studio .button-outline{border-color:#85728f;color:#34233f}
.ux-client-studio .studio-card{border:1px solid var(--line);border-radius:20px;padding:30px;background:linear-gradient(130deg,#2c1d385c,#19151eaa);box-shadow:0 18px 55px #0002}
.ux-client-studio .studio-card h2{font-size:clamp(32px,3.3vw,46px);line-height:1.08}
.ux-client-studio .studio-card p{color:#cbc1d3;max-width:46ch}
.ux-client-studio .customer-panel,.ux-client-studio .documents-panel{margin-top:28px}
.ux-client-studio .atelier-footer{max-width:1360px;margin-inline:auto;padding-inline:clamp(22px,4vw,56px);color:#bcb2c5}
.ux-client-studio a:focus-visible,.ux-client-studio button:focus-visible{outline:3px solid #cf9bf5;outline-offset:4px}
@supports(backdrop-filter:blur(1px)){.ux-client-studio .studio-card{backdrop-filter:blur(12px)}}
@media(max-width:960px){.ux-client-studio .atelier-main{grid-template-columns:minmax(0,1fr);padding-top:40px;gap:30px}.ux-client-studio .studio-card{display:block}.ux-client-studio .studio-card p{max-width:65ch}}
@media(max-width:580px){.ux-client-studio .atelier-header{padding:20px 22px;gap:16px}.ux-client-studio .atelier-header nav{font-size:12px;gap:14px}.ux-client-studio .atelier-main{padding:34px 22px 48px}.ux-client-studio .paper-panel{padding:26px 22px;border-radius:16px}.ux-client-studio .studio-card{padding:24px;border-radius:16px}.ux-client-studio .atelier-footer{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.ux-client-studio .button{transition:none;transform:none}}