.studio-access-body{--access-bg:#f8fafc;--access-surface:#fff;--access-selected:#f0f7fd;--access-border:#d6e2eb;--access-accent:#146bb2;--access-avatar:#edf3f8;--access-button:#146bb2;background:var(--access-bg)}.studio-access-shell{flex-direction:column;min-height:100svh;display:flex}.studio-access-header{justify-content:space-between;align-items:center;gap:24px;width:min(1200px,100% - 96px);min-height:114px;margin-inline:auto;padding-block:14px;display:flex}.studio-access-brand{align-items:center;gap:24px;min-width:0;display:flex}.studio-access-brand .logo-window{width:140px;height:82px}.studio-access-brand .logo-window img{width:140px;height:140px;transform:translateY(-26px)}.studio-access-brand>span{border-left:1px solid var(--line);letter-spacing:.09em;color:var(--muted);padding-left:24px;font-size:.61rem;font-weight:600}.studio-access-layout{flex:1;grid-template-columns:minmax(0,.87fr) minmax(0,1fr);align-items:center;gap:clamp(55px,7.4vw,110px);width:min(1040px,100% - 96px);margin:auto;padding-block:48px 64px;display:grid}.studio-access-context{align-self:center}.studio-access-kicker{letter-spacing:.1em;color:var(--blue);margin-bottom:16px;font-size:.61rem;font-weight:600;display:block}.studio-access-context h2{letter-spacing:-.035em;font-size:1.7rem}.studio-access-context>p{max-width:330px;margin-top:14px;font-size:.86rem;line-height:1.8}.studio-access-journey{flex-direction:column;margin:35px 0 32px;padding:0;list-style:none;display:flex}.studio-access-journey li{align-items:start;gap:17px;min-width:0;padding-bottom:31px;display:flex;position:relative}.studio-access-journey li:last-child{padding-bottom:0}.studio-access-journey li:not(:last-child):after{content:"";background:var(--access-border);width:1px;position:absolute;top:39px;bottom:8px;left:17px}.studio-access-step{border:1px solid var(--access-border);width:35px;height:35px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 35px;place-items:center;font-size:.65rem;font-weight:500;display:grid}.studio-access-journey [aria-current=step] .studio-access-step{background:var(--access-accent);border-color:var(--access-accent);color:#fff}.studio-access-journey li>div{min-width:0;padding-top:3px}.studio-access-journey strong{color:var(--ink);font-size:.83rem;font-weight:600;line-height:1.5;display:block}.studio-access-journey li>div>span{color:var(--muted);margin-top:5px;font-size:.74rem;line-height:1.75;display:block}.studio-access-here{color:var(--blue);flex-shrink:0;margin-left:auto;padding-top:7px;font-size:.6rem;font-weight:500}.studio-access-back{min-height:44px;color:var(--blue);align-items:center;gap:10px;font-size:.76rem;display:inline-flex}.studio-access-back>.icon{width:16px;height:16px;transition:translate .18s;transform:rotate(180deg)}.studio-access-back:hover{text-underline-offset:4px;text-decoration:underline}.studio-access-back:hover>.icon{translate:-3px}.studio-access-entry{border:1px solid var(--access-border);background:var(--access-surface);border-radius:10px;min-width:0;padding:35px 36px 30px}.studio-access-demo{color:var(--blue);align-items:center;gap:7px;margin-bottom:17px;font-size:.64rem;font-weight:500;display:inline-flex}.studio-access-demo>span{background:var(--blue);border-radius:50%;flex-shrink:0;width:5px;height:5px}.studio-access-entry h1{letter-spacing:-.04em;font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.2}.studio-access-entry>p{margin-top:14px;font-size:.83rem;line-height:1.8}.studio-access-form{margin-top:27px}.studio-access-form fieldset{border:0;min-width:0;margin:0;padding:0}.studio-access-form legend{color:var(--ink);margin-bottom:12px;padding:0;font-size:.76rem;font-weight:600}.studio-access-profiles{flex-direction:column;gap:10px;display:flex}.studio-access-profile{border:1px solid var(--access-border);background:var(--access-surface);cursor:pointer;border-radius:6px;grid-template-columns:37px minmax(0,1fr) 18px;align-items:start;gap:12px;min-width:0;padding:15px 14px;transition:background .18s,border-color .18s,box-shadow .18s;display:grid}.studio-access-profile:hover{border-color:var(--access-accent)}.studio-access-profile:has(input:checked){border-color:var(--access-accent);background:var(--access-selected);box-shadow:inset 3px 0 0 var(--access-accent)}.studio-access-profile:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.studio-access-profile input{accent-color:var(--access-accent);cursor:pointer;grid-area:1/3;width:18px;height:18px;margin:3px 0 0}.studio-access-profile input:focus-visible{outline:none}.studio-access-avatar{background:var(--access-avatar);width:37px;height:37px;color:var(--blue);border-radius:50%;grid-area:1/1;place-items:center;font-size:.68rem;font-weight:600;display:grid}.studio-access-profile-copy{grid-area:1/2;min-width:0}.studio-access-profile-copy strong{color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.5;display:block}.studio-access-role{color:var(--blue);margin-top:2px;font-size:.66rem;line-height:1.6;display:block}.studio-access-profile-copy small{color:var(--muted);margin-top:5px;font-size:.71rem;line-height:1.65;display:block}.studio-access-submit{border:1px solid var(--access-button);color:#fff;background:var(--access-button);border-radius:6px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:48px;margin-top:23px;padding:12px 20px;font-size:.82rem;font-weight:600;transition:background .18s,border-color .18s;display:flex}.studio-access-submit>.icon{width:17px;height:17px;transition:translate .18s}.studio-access-submit:hover{background:#0a518a;border-color:#0a518a}.studio-access-submit:hover>.icon{translate:3px}.studio-access-note{color:var(--muted);margin-top:14px;font-size:.67rem;line-height:1.8}.studio-access-footer{border-top:1px solid var(--line);width:min(1200px,100% - 96px);color:var(--muted);justify-content:space-between;gap:16px;margin-inline:auto;padding:20px 0 24px;font-size:.66rem;display:flex}html[data-theme=dark] .studio-access-body{--access-bg:#0c1725;--access-surface:#122235;--access-selected:#17334b;--access-border:#32485d;--access-accent:#78b8ee;--access-avatar:#1d3a52;--access-button:#1767a6;background:var(--access-bg)}html[data-theme=dark] .studio-access-journey [aria-current=step] .studio-access-step{color:#10253b}html[data-theme=dark] .studio-access-profile input{accent-color:#78b8ee}html[data-theme=dark] .studio-access-submit:hover{background:#205c8c;border-color:#84c4ff}@media (width<=1050px){.studio-access-layout{gap:40px;width:min(930px,100% - 64px)}.studio-access-entry{padding:28px}.studio-access-header,.studio-access-footer{width:calc(100% - 64px)}.studio-access-here{display:none}}@media (width<=760px){.studio-access-header{min-height:92px}.studio-access-brand>span{display:none}.studio-access-layout{flex-direction:column;align-items:stretch;gap:27px;width:min(500px,100% - 40px);padding-block:22px 42px;display:flex}.studio-access-context{align-self:stretch}.studio-access-context .studio-access-kicker,.studio-access-context h2,.studio-access-context>p{display:none}.studio-access-journey{flex-direction:row;align-items:center;gap:9px;margin:0}.studio-access-journey li{flex:1;align-items:center;gap:7px;padding:0}.studio-access-journey li:not(:last-child):after{display:none}.studio-access-step{flex-basis:24px;width:24px;height:24px;font-size:.55rem}.studio-access-journey li>div{padding:0}.studio-access-journey strong{font-size:.68rem;font-weight:500}.studio-access-journey li>div>span{display:none}.studio-access-back{margin-top:12px;font-size:.71rem}.studio-access-entry{padding:28px 25px}.studio-access-entry h1{font-size:1.8rem}.studio-access-profile{padding:15px 13px}.studio-access-footer{width:calc(100% - 40px);font-size:.59rem}}@media (width<=380px){.studio-access-header{width:calc(100% - 40px)}.studio-access-layout{gap:22px}.studio-access-entry{padding:25px 18px}.studio-access-entry h1{font-size:1.58rem}.studio-access-profile{grid-template-columns:29px minmax(0,1fr) 18px;gap:9px;padding:14px 10px}.studio-access-avatar{width:29px;height:29px;font-size:.59rem}.studio-access-profile-copy strong{font-size:.76rem}.studio-access-profile-copy small{font-size:.68rem}.studio-access-journey{gap:8px}.studio-access-journey li{flex:initial;gap:5px}.studio-access-journey strong{font-size:.63rem}.studio-access-step{flex-basis:21px;width:21px;height:21px;font-size:.5rem}.studio-access-footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){.studio-access-profile,.studio-access-submit,.studio-access-submit>.icon,.studio-access-back>.icon{transition:none}}