.studio [data-family=start]{--fam-dot:var(--simplekpi-green);--fam-ink:#3f7a06}.studio [data-family=learn]{--fam-dot:var(--simplekpi-blue);--fam-ink:var(--simplekpi-blue-royal-pale)}.studio [data-family=build]{--fam-dot:var(--simplekpi-purple);--fam-ink:var(--color-simplekpi-purple-deep,#3131c4)}.studio [data-family=partner]{--fam-dot:#94a3b8;--fam-ink:#475569}@media (width>=1024px){.studio-glow{background:radial-gradient(38rem 24rem at 88% 18%, color-mix(in oklab, var(--simplekpi-blue) 14%, transparent), transparent 70%), radial-gradient(30rem 22rem at 70% 85%, color-mix(in oklab, var(--simplekpi-purple) 12%, transparent), transparent 70%), radial-gradient(26rem 18rem at 55% 10%, color-mix(in oklab, var(--simplekpi-green) 14%, transparent), transparent 70%)}}.fam-tile{border-color:var(--fam-dot);background:#fff;animation:.5s cubic-bezier(.22,1,.36,1) both studio-rise;box-shadow:0 10px 30px -18px #0f172a2e}.fam-tile:hover{box-shadow:0 0 0 4px color-mix(in oklab, var(--fam-dot) 20%, transparent), 0 10px 30px -18px #0f172a2e}.fam-tile:focus-visible{outline:2px solid var(--simplekpi-purple);outline-offset:3px}@keyframes studio-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.studio-mark{animation:.6s 1.8s forwards stm-settle;overflow:visible}.stm-h{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.34,1.56,.64,1) forwards stm-in;transform:scale(.05)}.stm-h1{animation-delay:.85s}.stm-h2{animation-delay:1s}.stm-h3{animation-delay:1.15s}@keyframes stm-in{0%{opacity:0;transform:scale(.05)}40%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes stm-settle{0%,to{filter:none}50%{filter:drop-shadow(0 0 4px #8244f159)drop-shadow(0 0 12px #14c7fa40)}}.studio .studio-card{cursor:default}.studio-card>summary{border-radius:1rem}.studio-card:has(>summary:hover){border-color:var(--simplekpi-purple);box-shadow:0 0 0 4px color-mix(in oklab, var(--simplekpi-purple) 15%, transparent)}.studio-card>summary:focus-visible{outline:2px solid #0000}.studio-card:has(>summary:focus-visible){outline:2px solid var(--simplekpi-purple);outline-offset:3px}.studio-chip{color:#334155;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.studio-chip:hover{border-color:var(--simplekpi-purple);color:var(--color-simplekpi-purple-deep,#3131c4)}.studio-chip:focus-visible{outline:2px solid var(--simplekpi-purple);outline-offset:2px}.studio-chip-dot{background:var(--fam-dot);border-radius:9999px;width:.5rem;height:.5rem}.studio-chip-count{color:#475569;background:#f1f5f9;border-radius:9999px;padding:.0625rem .5rem;font-size:.75rem;font-weight:600;line-height:1rem}.studio .studio-intro[data-family]{display:none}.studio:not(:has(.studio-target:target)) .studio-chip-all,.studio:has(#start:target) .studio-chip[data-family=start],.studio:has(#learn:target) .studio-chip[data-family=learn],.studio:has(#build:target) .studio-chip[data-family=build],.studio:has(#partner:target) .studio-chip[data-family=partner]{border-color:var(--simplekpi-purple);background:var(--simplekpi-purple);color:#fff}.studio:not(:has(.studio-target:target)) .studio-chip-all .studio-chip-count,.studio:has(#start:target) .studio-chip[data-family=start] .studio-chip-count,.studio:has(#learn:target) .studio-chip[data-family=learn] .studio-chip-count,.studio:has(#build:target) .studio-chip[data-family=build] .studio-chip-count,.studio:has(#partner:target) .studio-chip[data-family=partner] .studio-chip-count{background:var(--color-simplekpi-purple-deep,#3131c4);color:#fff}.studio:has(#start:target) .studio-chip[data-family=start] .studio-chip-dot,.studio:has(#learn:target) .studio-chip[data-family=learn] .studio-chip-dot,.studio:has(#build:target) .studio-chip[data-family=build] .studio-chip-dot,.studio:has(#partner:target) .studio-chip[data-family=partner] .studio-chip-dot{box-shadow:0 0 0 1.5px #fff}.studio:has(.studio-target:target) .studio-intro-all{display:none}.studio:has(#start:target) .studio-intro[data-family=start],.studio:has(#learn:target) .studio-intro[data-family=learn],.studio:has(#build:target) .studio-intro[data-family=build],.studio:has(#partner:target) .studio-intro[data-family=partner]{display:block}.studio:has(#start:target) .studio-card:not([data-family=start]),.studio:has(#learn:target) .studio-card:not([data-family=learn]),.studio:has(#build:target) .studio-card:not([data-family=build]),.studio:has(#partner:target) .studio-card:not([data-family=partner]){display:none}.studio:has(.studio-target:target) .studio-card{animation:.35s cubic-bezier(.22,1,.36,1) both studio-rise}@media (prefers-reduced-motion:reduce){.fam-tile,.studio-mark,.stm-h,.studio-card{animation:none!important}.stm-h{opacity:1;transform:none}.studio [class*=transition]{transition:none!important}}