:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;margin:0}a{color:inherit}.studio-welcome{--canvas:var(--mui-palette-background-default,#edf2f8);--panel:var(--mui-palette-background-paper,#fff);--ink:var(--mui-palette-text-primary,#0a1420);--ink-2:var(--mui-palette-text-secondary,#405062);--ink-3:#6e7f92;--rule:var(--mui-palette-divider,#dce5ef);--rule-soft:#e9eff6;--blue:var(--mui-palette-primary-main,#06c);--blue-hero:#06c;--blue-wash:var(--mui-palette-action-selected,#e8f4ff);--pink:var(--mui-palette-error-main,#f25481);--shadow:0 1px 2px #1022360f, 0 2px 10px -4px #1022361a;background:var(--canvas);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-light]) .studio-welcome{--ink-3:#76879a;--rule-soft:#182533;--blue-hero:#0a3c6e;--shadow:0 1px 2px #00000080, 0 2px 12px -4px #0009}}:root[data-dark] .studio-welcome{--ink-3:#76879a;--rule-soft:#182533;--blue-hero:#0a3c6e;--shadow:0 1px 2px #00000080, 0 2px 12px -4px #0009}.studio-welcome *,.studio-welcome :before,.studio-welcome :after{box-sizing:border-box}.studio-welcome .page{flex-direction:column;gap:26px;max-width:1520px;margin:0 auto;padding:26px 28px 40px;display:flex}.studio-welcome .panel{background:var(--panel);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:10px}.studio-welcome .hero{background:var(--blue-hero);color:#fff;border:none;border-radius:10px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);display:grid;overflow:hidden}.studio-welcome .hero-l{padding:30px 34px 34px}.studio-welcome .hero-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.studio-welcome .sticker{background:var(--pink);color:#fff;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px 4px;font-size:10.5px;font-weight:600;display:inline-block;transform:rotate(-1.5deg)}.studio-welcome h1{letter-spacing:-.03em;text-wrap:balance;max-width:17ch;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.12}.studio-welcome .hero-sub{color:#ffffffdb;max-width:50ch;margin:14px 0 0;font-size:15.5px;line-height:1.55}.studio-welcome .hero-r{background:#ffffff12;border-left:1px solid #ffffff29;flex-direction:column;gap:18px;padding:30px 32px 32px;display:flex}.studio-welcome .pill-pair{flex-direction:column;gap:16px;display:flex}.studio-welcome .pill h3{letter-spacing:.13em;text-transform:uppercase;color:#8fd4ff;margin:0 0 5px;font-size:10.5px;font-weight:500}.studio-welcome .pill p{color:#ffffffe6;margin:0;font-size:14.5px;line-height:1.5}.studio-welcome .chiprow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-welcome .chiprow .k{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;flex:none;min-width:66px;font-size:10px}.studio-welcome .chips{flex-wrap:wrap;gap:5px;display:flex}.studio-welcome .chip{color:#fff;background:#ffffff21;border:1px solid #fff3;border-radius:3px;padding:3px 8px 2px;font-size:11.5px}.studio-welcome .hero-r .divider{background:#ffffff29;height:1px}.studio-welcome .sec{flex-direction:column;gap:14px;display:flex}.studio-welcome .sec-head{align-items:baseline;gap:12px;display:flex}.studio-welcome .eyebrow{color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10.5px}.studio-welcome h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600;line-height:1.2}.studio-welcome .grid2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;display:grid}.studio-welcome .cap{flex-direction:column;padding:24px 26px 26px;display:flex}.studio-welcome .cap-top{margin-bottom:10px}.studio-welcome .cap h3{letter-spacing:-.02em;max-width:28ch;margin:0;font-size:18px;font-weight:600;line-height:1.25}.studio-welcome .cap-desc{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.studio-welcome .step-card{flex-direction:column;padding:24px 26px 26px;display:flex}.studio-welcome .step-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.studio-welcome .step-badge,.studio-welcome .step-order{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px}.studio-welcome .step-badge{background:var(--blue-wash);color:var(--blue);border-radius:4px;padding:4px 9px 3px;font-weight:600}.studio-welcome .step-order{color:var(--ink-3)}.studio-welcome .step-card h3{letter-spacing:-.02em;margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.25}.studio-welcome .step-desc{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.studio-welcome .coming ul{margin:0;padding:0;list-style:none}.studio-welcome .coming li{border-bottom:1px solid var(--rule-soft);color:var(--ink-2);padding:14px 26px;font-size:14.5px;line-height:1.5}.studio-welcome .coming li:last-child{border-bottom:none}.studio-welcome .coming b{color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-weight:600;display:block}.studio-welcome .cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;padding:24px 28px;display:flex}.studio-welcome .cta h3{letter-spacing:-.02em;margin:0 0 5px;font-size:17px;font-weight:600}.studio-welcome .cta p{color:var(--ink-2);max-width:62ch;margin:0;font-size:14.5px;line-height:1.5}.studio-welcome .btn{background:var(--blue);color:#fff;letter-spacing:-.01em;border-radius:6px;flex:none;align-items:center;gap:9px;padding:11px 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex}.studio-welcome .btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.studio-welcome .btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.studio-welcome .btn svg{flex:none;width:15px;height:15px}@media (width<=1000px){.studio-welcome .hero{grid-template-columns:1fr}.studio-welcome .hero-r{border-top:1px solid #ffffff29;border-left:none;padding:24px 20px}}@media (width<=900px){.studio-welcome .grid2{grid-template-columns:1fr}}@media (width<=700px){.studio-welcome .page{gap:18px;padding:18px 16px 30px}.studio-welcome .hero-l{padding:22px 20px 26px}}@media (prefers-reduced-motion:reduce){.studio-welcome .btn{transition:none}}
