/* circlesco.tech · Studio case study only (brand: Studio blue #0060FF, night #0A0F1B, canvas #F2F5F9; face Instrument Sans in the specimen only) */
.cs-studio{--p-bg:#1264FF;--p-fg:#fff;--p-acc:#0060FF;--n-bg:#0B0B0F;--n-fg:#fff}
.cs-studio .cs-stage .frame-bar{background:#161923}
.cs-studio .cs-stage .mac-lid{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 60px 90px -40px rgba(0,20,80,.6)}
.cs-studio .cs-logo-mat{background:#F2F5F9}
.cs-studio .cs-logo-mat img{width:40%}
.cs-studio .cs-spec-big,.cs-studio .kit-type .aa,.cs-studio .kit-type .face{font-family:"Instrument Sans",var(--sans)}
.cs-studio .cs-spec-big{font-weight:700;letter-spacing:-.04em}
.cs-studio .cs-spec-big em{color:#0060FF}
.cs-studio .cs-mark-row .mk.white{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.cs-studio .cs-mark-row .mk.blue{background:#0060FF}
.cs-studio .cs-mark-row .mk.night{background:#0A0F1B}
.cs-studio .cs-mark-row .mk img{width:72%;height:auto;object-fit:contain}
.cs-studio .cs-mark-row .mk.blue img,.cs-studio .cs-mark-row .mk.night img{filter:brightness(0) invert(1)}
.cs-studio .cs-next-name em{color:#6d47ff}
/* coded components: Studio skin (Instrument Sans, Studio blue, night UI) */
.cs-studio .ui{--ui-font:"Instrument Sans",var(--sans);--ui-acc:#0060FF;--ui-ink:#0B1220;--ui-mute:#6B7280;--ui-line:rgba(11,18,32,.12);--ui-g:#F2F5F9;--ui-r:.625em}
.cs-studio .ui.dk{--ui-ink:#fff;--ui-mute:#8A94A6;--ui-line:rgba(255,255,255,.1);--ui-g:#151E2F;color:#fff}
.cs-studio .ui.dk .ui-card{background:#151E2F;border-color:rgba(255,255,255,.08);box-shadow:none}
.cs-studio .ui.dk .ui-nav a:not(.on):hover{background:rgba(255,255,255,.06)}
.cs-studio .ui.dk .ui-avs{--ui-ring:#0A0F1B}
.cs-studio .ui-btn.ghost{box-shadow:inset 0 0 0 1px rgba(11,18,32,.14)}
.cs-studio .ui-pill.caps{border-radius:.35em}