.studio-connect{--sc-ink:#24172f;--sc-purple:#6431dc;max-width:68rem;margin:0 auto;padding:0 clamp(1rem,5vw,4rem) 5rem;color:var(--sc-ink);font-family:var(--brand-font-body,system-ui),sans-serif}.sc-actions,.studio-connect nav{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.studio-connect nav{justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid #ddd4df}.sc-actions a,.sc-paths a,.studio-connect nav a{display:inline-flex;align-items:center;gap:.45rem;font-weight:680;text-decoration:none}.studio-connect header{padding:clamp(2rem,7vw,5rem) 0 2rem}.sc-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;letter-spacing:.1em;font-weight:800;color:#6436a7}.studio-connect h1,.studio-connect h2,.studio-connect h3{font-family:var(--brand-font-display,system-ui),sans-serif;letter-spacing:-.052em;line-height:1.04}.studio-connect h1{font-size:clamp(2.9rem,7.5vw,5.7rem);margin:1rem 0}.studio-connect h1 em{font-style:normal;color:var(--sc-purple)}.sc-install li,.studio-connect header>p,.studio-connect section p{font-size:1rem;line-height:1.65;color:#554963;max-width:42rem}.studio-connect header>p{font-size:1.15rem}.studio-connect header small{display:block;margin-top:.8rem;color:#63596b}.sc-actions{margin-top:1.35rem}.sc-actions a:first-child{padding:.82rem 1rem;border-radius:12px;background:var(--sc-purple);color:white}.studio-connect section{margin:2rem 0}.studio-connect h2{font-size:clamp(1.75rem,4vw,2.8rem);margin:.55rem 0 1.1rem}.sc-install,.sc-play{padding:clamp(1.15rem,3vw,2rem);border-radius:22px;background:#f3ebff}.sc-install ol{padding-left:1.45rem}.sc-install li{padding:.35rem 0 .35rem .35rem}.sc-install li::marker{font-weight:700;color:#6730ae}.sc-paths{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sc-paths article{padding:clamp(1.1rem,2.5vw,1.7rem);border:1px solid #ded4e5;border-radius:18px}.sc-paths article>svg{color:var(--sc-purple)}.sc-paths h3{margin:.7rem 0;font-size:1.65rem}.sc-paths a{color:#5632aa}.sc-play{background:#eff7de;display:flex;gap:1rem}.sc-play>svg{flex:none;width:1.8rem;height:1.8rem}.sc-play .sc-label{color:#445b18}@media(max-width:640px){.sc-paths{grid-template-columns:1fr}.sc-play{display:block}.sc-play>svg{margin-bottom:9px}.studio-connect header>p{font-size:1.04rem}}