/* circlesco.tech · blüp case study only (brand: near black #0c0d10, violet #6d47ff, mint #3ddc97; face JetBrains Mono in the specimen only) */
.cs-blup{--p-bg:#0B0B0F;--p-fg:#fff;--p-acc:#6d47ff;--n-bg:#1264FF;--n-fg:#fff}
.cs-blup .cs-name,.cs-blup .cs-name em{color:#6d47ff}
.cs-blup .cs-logo.chip img{background:#0c0d10;border-radius:10px;padding:8px 12px;height:48px}
.cs-blup .cs-stage .frame-bar{background:#161923}
.cs-blup .cs-stage .mac-lid{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 60px 90px -40px rgba(109,71,255,.45)}
.cs-blup .cs-stage .fl-in img{box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.cs-blup .cs-logo-mat{background:#0c0d10;color:#fff;box-shadow:none}
.cs-blup .cs-logo-mat img{width:36%}
.cs-blup .cs-spec-big,.cs-blup .kit-type .aa,.cs-blup .kit-type .face{font-family:"JetBrains Mono",var(--mono)}
.cs-blup .cs-spec-big{font-weight:700;letter-spacing:-.05em;font-size:clamp(32px,4.4vw,78px)}
.cs-blup .cs-spec-big em{color:#6d47ff}
.cs-blup .cs-mark-row .mk.ink{background:#0c0d10}
.cs-blup .cs-mark-row .mk.violet{background:#6d47ff}
.cs-blup .cs-mark-row .mk.white{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.cs-blup .cs-mark-row .mk img{width:40%;height:auto;object-fit:contain}
.cs-blup .cs-mark-row .mk.white img{filter:brightness(0)}
.cs-blup .kit.dark img{filter:none}
/* coded components: blüp skin (JetBrains Mono, near black, violet) */
.cs-blup .ui{--ui-font:"JetBrains Mono",var(--mono);--ui-acc:#6d47ff;--ui-ink:#e8e8ee;--ui-mute:#8a8f9c;--ui-line:rgba(255,255,255,.14);--ui-g:#15161a;--ui-r:.45em;color:#e8e8ee;font-weight:400}
.cs-blup .ui-btn{font-weight:500}
.cs-blup .ui-btn.ghost{background:#15161a;color:#e8e8ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.cs-blup .ui-btn.ghost:hover{background:#1e1f26}
.cs-blup .ui-btn.ai{background:#2a2156;color:#d7ccff;box-shadow:inset 0 0 0 1px #6d47ff}
.cs-blup .ui-in{background:#15161a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#e8e8ee}
.cs-blup .ui-in .v{color:#e8e8ee}
.cs-blup .ui-f label{font-size:.7em;letter-spacing:.1em;text-transform:uppercase;color:#8a8f9c;font-weight:400}
.cs-blup .ui-seg{background:#15161a}
.cs-blup .ui-seg b{color:#c8c8d0}
.cs-blup .ui-seg b.on{background:#6d47ff;color:#fff;box-shadow:none}
.cs-blup .ui-chip{background:#15161a;color:#e8e8ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-weight:500;border-radius:.45em}
.cs-blup .ui-chip.on{background:#6d47ff;box-shadow:none}
.cs-blup .ui-card{background:#15161a;border-color:rgba(255,255,255,.08);box-shadow:none;color:#e8e8ee}
.cs-blup .ui-card h5{font-weight:600}
.cs-blup .ui-nav a{font-weight:400}
.cs-blup .ui-nav a:not(.on):hover{background:rgba(255,255,255,.06)}
.cs-blup .ui-range{background:#2a2b33}
.cs-blup .ui-range b{background:#6d47ff;box-shadow:none}
.cs-blup .ui-tog2{display:inline-flex;align-items:center;gap:.5em;font-size:.85em;color:#c8c8d0}
.cs-blup .ui-x{background:#1e1f26;color:#e8e8ee}
.cs-blup .ui-cover{width:100%;border-radius:.6em;overflow:hidden;background:#15161a;border:1px solid rgba(255,255,255,.08)}
.cs-blup .ui-cover .art{display:grid;grid-template-columns:repeat(8,1fr);gap:.3em;padding:1.1em 1.1em .6em;background:linear-gradient(180deg,#2a2156,#17161c)}
.cs-blup .ui-cover .art i{height:1.2em;border-radius:.2em;background:rgba(255,255,255,.06)}
.cs-blup .ui-cover .art i.v{background:#6d47ff}
.cs-blup .ui-cover .art i.o{background:#f6a541}
.cs-blup .ui-cover .art i.p{background:#e85aa0}
.cs-blup .ui-cover .art i.y{background:#f3e35b}
.cs-blup .ui-cover .art i.g{background:#3ddc97}
.cs-blup .ui-cover .meta{padding:.7em .9em .9em}
.cs-blup .ui-cover .meta b{display:block;font-weight:600;font-size:.9em}
.cs-blup .ui-cover .meta small{display:block;color:#8a8f9c;font-size:.75em;margin-top:.2em}
.cs-blup .ui-cover .meta .lg{font-weight:700;font-size:.75em;margin-top:.4em;display:inline-flex;gap:.3em;align-items:center}
.cs-blup .ui-cover .meta .lg i{display:inline-flex;gap:.1em;align-items:flex-end}
.cs-blup .ui-cover .meta .lg i b{display:block;width:.22em;background:#6d47ff;border-radius:1px}