.sc-wrap{width:min(var(--kl-container),calc(100% - 2*var(--kl-margin)));margin:auto}
:where(.sc-show) button{font:inherit;color:inherit;cursor:pointer;min-height:0;display:inline-block;font-weight:inherit;align-items:normal;justify-content:normal}
.sc-show button:hover{text-decoration:none}
.sc-btn{height:var(--kl-h-compact);padding:0 var(--kl-space-4);border-radius:var(--kl-radius-ctl);border:var(--kl-border) solid var(--kl-line);background:var(--kl-surface);font-size:var(--kl-ui-size);font-weight:var(--kl-ui-weight);display:inline-flex;align-items:center;gap:var(--kl-space-2);white-space:nowrap;text-decoration:none;color:inherit}
.sc-btn.sc-p{background:var(--kl-btn-bg);color:var(--kl-btn-text);border-color:transparent}
/* ---- блок 2: витрина готовых образов ---- */
.sc-show{padding:var(--kl-space-12) 0 var(--kl-space-16);overflow:hidden}
.sc-head{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--kl-space-8);align-items:end;margin-bottom:var(--kl-space-8)}
.sc-show h2{margin:0;font-size:var(--kl-h2-size);font-weight:var(--kl-h2-weight);line-height:var(--kl-h2-leading);letter-spacing:var(--kl-h2-tracking)}
.sc-show h2 b{font-weight:inherit;color:var(--kl-brand-orange)}[data-theme="light"] .sc-show h2 b{color:var(--kl-on-warm)}
.sc-head p{margin:0;color:var(--kl-text-muted);max-width:44ch;justify-self:end}
.sc-filters{display:flex;gap:var(--kl-space-2);flex-wrap:wrap;margin-bottom:var(--kl-space-6)}
.sc-chip{height:var(--kl-h-chip);padding:0 var(--kl-space-3);border-radius:var(--kl-radius-pill);border:var(--kl-border) solid var(--kl-line);background:transparent;font-size:var(--kl-caption-size);color:var(--kl-text-muted)}
.sc-chip[aria-pressed="true"]{background:var(--kl-tint-cold);color:var(--kl-on-cold);border-color:transparent}

/* сцена: общая подсветка сзади, внутри одна из пяти подач */
.sc-stage{position:relative;isolation:isolate;min-height:calc(var(--kl-space-16) * 7.5)}
#sc-glow{position:absolute;inset:-20% -10%;width:120%;height:140%;z-index:-1;pointer-events:none;display:block;-webkit-mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%);mask:radial-gradient(60% 55% at 50% 50%,#000 30%,transparent 72%)}
@media (max-width:760px){#sc-glow{display:none}}
.sc-scene{display:none}
.sc-show[data-mode="all"] #sc-scAll,.sc-show[data-mode="photo"] #sc-scPhoto,.sc-show[data-mode="video"] #sc-scVideo,.sc-show[data-mode="voice"] #sc-scVoice,.sc-show[data-mode="text"] #sc-scText{display:block}
.sc-dots{display:flex;justify-content:center;gap:var(--kl-space-2);margin-top:var(--kl-space-4)}
.sc-dots button{width:var(--kl-h-touch);height:var(--kl-h-touch);display:grid;place-items:center;background:none;border:0;padding:0}
.sc-dots button i{display:block;width:var(--kl-space-2);height:var(--kl-space-2);border-radius:var(--kl-radius-pill);background:var(--kl-line-strong);opacity:.6;transition:transform var(--kl-d2) var(--kl-e-out)}
.sc-dots button[aria-pressed="true"] i{background:var(--kl-brand-orange);opacity:1;transform:scale(1.5)}
.sc-arrow{position:absolute;top:50%;z-index:var(--kl-z-menu);width:var(--kl-h-touch);height:var(--kl-h-touch);margin-top:calc(-.5 * var(--kl-h-touch));border-radius:var(--kl-radius-ctl);border:var(--kl-border) solid var(--kl-line);background:color-mix(in srgb,var(--kl-surface) 80%,transparent);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:18px}
.sc-arrow.sc-l{left:0}.sc-arrow.sc-r{right:0}
.sc-foot{text-align:center;color:var(--kl-text-muted);font-size:var(--kl-ui-size);margin-top:var(--kl-space-6)}
.sc-foot .sc-btn{margin-left:var(--kl-space-3)}
.sc-art{position:relative;overflow:hidden;background:var(--kl-surface-2)}
.sc-sprite{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background:url('/landing/assets/creative-worlds.webp') no-repeat;background-size:200% 200%}
.sc-sprite.sc-cup{background-image:url('/landing/assets/studio-cup-worlds.webp')}
.sc-tag{position:absolute;left:var(--kl-space-3);top:var(--kl-space-3);height:var(--kl-h-tag);padding:0 var(--kl-space-2);border-radius:var(--kl-radius-status);font-size:var(--kl-caption-size);display:inline-flex;align-items:center;gap:var(--kl-space-1);background:color-mix(in srgb,var(--kl-bg) 72%,transparent);color:var(--kl-text);backdrop-filter:blur(8px)}
.sc-tag.sc-hot{background:var(--kl-brand-orange);color:var(--kl-text-inverse)}[data-theme="light"] .sc-tag.sc-hot{color:var(--kl-text)}
.sc-tag.sc-new{background:var(--kl-tint-cold);color:var(--kl-on-cold)}

/* «Все»: кольцо карточек в CSS 3D; перетаскивание мышью или пальцем, медленное вращение само, пауза при наведении */
.sc-orbit{position:relative;height:calc(var(--kl-space-16) * 7.5);perspective:1400px;perspective-origin:50% 40%;cursor:grab;touch-action:pan-y;user-select:none}
.sc-orbit.sc-drag{cursor:grabbing}
.sc-ring{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--R))) rotateY(var(--a,0deg))}
.sc-card{position:absolute;left:50%;top:50%;width:var(--W);margin-left:calc(-.5 * var(--W));margin-top:calc(-.5 * var(--H));height:var(--H);border-radius:var(--kl-radius-card);overflow:hidden;background:var(--kl-surface);border:var(--kl-border) solid var(--kl-line);box-shadow:var(--kl-shadow-2);
  transform:rotateY(var(--i)) translateZ(var(--R));backface-visibility:hidden;display:grid;grid-template-rows:1fr auto}
.sc-card .sc-art{position:relative}
.sc-card .sc-art.sc-txt{display:grid;place-content:center;padding:var(--kl-space-4);background:var(--kl-tint-warm);color:var(--kl-on-warm);font-size:var(--kl-ui-size);text-align:center;line-height:1.4}
.sc-card .sc-art.sc-voice{display:grid;place-content:center;gap:var(--kl-space-3);background:var(--kl-tint-cold);color:var(--kl-on-cold);font-size:var(--kl-caption-size);text-align:center}
.sc-card .sc-art.sc-voice i{display:block;font-style:normal;font-size:var(--kl-h3-size);letter-spacing:.1em}
.sc-cap{padding:var(--kl-space-3);display:grid;gap:var(--kl-space-2)}
.sc-cap b{display:block;font-weight:500;font-size:var(--kl-ui-size)}.sc-cap span{font-size:var(--kl-caption-size);color:var(--kl-text-muted)}
.sc-cap .sc-btn{height:var(--kl-h-compact);justify-content:center;font-size:var(--kl-caption-size)}

/* «Фото»: coverflow, центральная карточка фронтально и крупно, соседи уходят в глубину */
.sc-cf{position:relative;height:calc(var(--kl-space-16) * 7.5);perspective:1200px;perspective-origin:50% 45%;user-select:none;touch-action:pan-y;cursor:grab}
.sc-cf.sc-drag{cursor:grabbing}
.sc-cf-bg{position:absolute;inset:10% 20%;z-index:-1;border-radius:var(--kl-radius-pill);background:radial-gradient(closest-side,var(--c,var(--kl-brand-blue)) 0%,transparent 70%);opacity:.35;filter:blur(40px);transition:background var(--kl-d4)}
.sc-cfc{position:absolute;left:50%;top:50%;width:260px;height:347px;margin:-173px 0 0 -130px;border-radius:var(--kl-radius-card);overflow:hidden;background:var(--kl-surface);border:var(--kl-border) solid var(--kl-line);box-shadow:var(--kl-shadow-2);
  transform:translateX(calc(var(--o) * 180px)) translateZ(calc(var(--d) * -170px)) rotateY(calc(var(--s) * 35deg)) scale(calc(1 - var(--d) * .06));
  opacity:calc(1 - var(--d) * .22);filter:blur(calc(max(var(--d) - 1, 0) * 2px));z-index:calc(10 - var(--d));transition:transform var(--kl-d4) var(--kl-e-out),opacity var(--kl-d4),filter var(--kl-d4)}
.sc-cfc .sc-art{position:absolute;inset:0}
.sc-cfc .sc-sprite,.sc-fr[data-cur="1"] .sc-sprite{height:100%;width:auto;left:50%;transform:translate(-50%,-50%)}
.sc-cfc .sc-over{position:absolute;inset:auto 0 0;padding:var(--kl-space-12) var(--kl-space-4) var(--kl-space-4);background:linear-gradient(transparent,var(--kl-overlay) 45%,var(--kl-overlay));color:var(--kl-text-inverse);display:grid;gap:var(--kl-space-2);opacity:0;transform:translateY(12px);transition:opacity var(--kl-d3),transform var(--kl-d3) var(--kl-e-out)}
.sc-cfc .sc-over b{font-weight:500;font-size:var(--kl-h3-size);line-height:var(--kl-h3-leading)}.sc-cfc .sc-over span{font-size:var(--kl-caption-size);opacity:.8}
[data-theme="dark"] .sc-cfc .sc-over{color:var(--kl-text)}
.sc-cfc .sc-over .sc-btn{justify-self:start;height:var(--kl-h-compact);font-size:var(--kl-caption-size);background:var(--kl-btn-bg);color:var(--kl-btn-text);border-color:transparent}
.sc-cfc[data-cur="1"] .sc-over{opacity:1;transform:none}
.sc-cfc[data-cur="1"]{cursor:default}

/* «Видео»: кинолента с подготовленными кадрами */
.sc-fs{position:relative;min-height:calc(var(--kl-space-16) * 7.5);user-select:none}
.sc-fs-bg{position:absolute;inset:0 10%;z-index:-1;background:radial-gradient(60% 70% at 50% 35%,var(--c,var(--kl-brand-blue)) 0%,transparent 70%);opacity:.3;filter:blur(30px);transition:background var(--kl-d4)}
.sc-fs-row{display:flex;justify-content:center;align-items:flex-start;gap:var(--kl-space-2);padding:var(--kl-space-4) 0}
.sc-video-item{flex:0 0 auto;width:108px;display:grid;gap:var(--kl-space-3)}
.sc-video-item[data-cur="1"]{width:216px}
.sc-fr{position:relative;width:100%;height:108px;border-radius:var(--kl-radius-ctl);overflow:hidden;background:var(--kl-surface-2);border:var(--kl-border) solid var(--kl-line);cursor:pointer;padding:0;transition:border-color var(--kl-d4)}
.sc-fr .sc-art{position:absolute;inset:0;filter:saturate(.6) brightness(.8)}
.sc-fr[data-cur="1"]{height:384px;border-radius:var(--kl-radius-card);box-shadow:var(--kl-shadow-2)}
.sc-fr[data-cur="1"] .sc-art{filter:none}
.sc-frame-note{position:absolute;left:var(--kl-space-2);right:var(--kl-space-2);top:var(--kl-space-2);font-size:var(--kl-caption-size);color:var(--kl-text);background:var(--kl-surface);padding:var(--kl-space-1) var(--kl-space-2);border-radius:var(--kl-radius-ctl)}
.sc-fs-cap{display:grid;gap:var(--kl-space-2);text-align:left}
.sc-fs-cap b{font-weight:var(--kl-weight-medium);font-size:var(--kl-body-size)}.sc-fs-cap span,.sc-demo-note{font-size:var(--kl-caption-size);color:var(--kl-text-muted)}
.sc-fs-cap .sc-btn{height:auto;min-height:var(--kl-h-touch);white-space:normal;justify-content:center;text-align:center;font-size:var(--kl-caption-size)}

/* «Голос»: без карточек. Сфера-пульсар, список голосов, бегущая реплика */
.sc-vo{position:relative;min-height:calc(var(--kl-space-16) * 7.5);display:grid;grid-template-columns:260px 1fr;gap:var(--kl-space-8);align-items:center}
.sc-vo-list{display:grid;gap:var(--kl-space-2)}
.sc-vo-list button{display:grid;grid-template-columns:auto 1fr;gap:var(--kl-space-3);align-items:center;text-align:left;padding:var(--kl-space-3) var(--kl-space-4);border-radius:var(--kl-radius-card);border:var(--kl-border) solid var(--kl-line);background:transparent;transition:background var(--kl-d2),border-color var(--kl-d2)}
.sc-vo-list button b{display:block;font-weight:500;font-size:var(--kl-ui-size)}.sc-vo-list button span{font-size:var(--kl-caption-size);color:var(--kl-text-muted)}
.sc-vo-list button i{width:10px;height:10px;border-radius:var(--kl-radius-pill);background:var(--kl-line-strong)}
.sc-vo-list button[aria-checked="true"]{background:var(--kl-tint-cold);border-color:transparent}
.sc-vo-list button[aria-checked="true"] i{background:var(--kl-brand-orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--kl-brand-orange) 30%,transparent)}
.sc-vo-stage{display:grid;justify-items:center;gap:var(--kl-space-6)}
#sc-orb{width:320px;height:320px;display:block}
.sc-vo-say{max-width:46ch;text-align:center;font-size:var(--kl-h3-size);line-height:var(--kl-h3-leading);font-weight:var(--kl-h3-weight);min-height:3.6em}
.sc-vo-say .sc-w{opacity:.25;transition:opacity var(--kl-d2)}.sc-vo-say .sc-w.sc-on{opacity:1}
.sc-vo-say small{display:block;margin-top:var(--kl-space-3);font-size:var(--kl-caption-size);color:var(--kl-text-muted);font-weight:400}

/* «Текст»: барабан заголовков слева, сам пост печатается справа */
.sc-tw{position:relative;min-height:calc(var(--kl-space-16) * 7.5);display:grid;grid-template-columns:1.05fr 1fr;gap:var(--kl-space-8);align-items:center}
.sc-wheel{position:relative;height:420px;overflow:hidden;user-select:none;touch-action:pan-x;cursor:ns-resize;-webkit-mask:linear-gradient(transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.sc-wi{position:absolute;left:10%;top:50%;height:44px;margin-top:-22px;display:flex;align-items:center;gap:var(--kl-space-3);white-space:nowrap;font-size:20px;font-weight:var(--kl-h3-weight);color:var(--kl-text-muted);transform-origin:-320px 50%;transform:rotate(calc(var(--o) * 13deg));opacity:calc(1 - var(--d) * .22);transition:transform var(--kl-d4) var(--kl-e-out),opacity var(--kl-d4),color var(--kl-d3);background:none;border:0;padding:0}
.sc-wi i{width:10px;height:10px;border-radius:var(--kl-radius-pill);background:transparent;transition:background var(--kl-d3)}
.sc-wi[data-cur="1"]{color:var(--kl-text)}.sc-wi[data-cur="1"] i{background:var(--kl-brand-blue)}
.sc-post{position:relative;padding:var(--kl-space-6);border-radius:var(--kl-radius-card);background:var(--kl-surface);border:var(--kl-border) solid var(--kl-line);box-shadow:var(--kl-shadow-2);min-height:300px;display:grid;grid-template-rows:auto 1fr auto;gap:var(--kl-space-4)}
.sc-post .sc-who{display:flex;align-items:center;gap:var(--kl-space-3);font-size:var(--kl-caption-size);color:var(--kl-text-muted)}
.sc-post .sc-who i{width:32px;height:32px;border-radius:var(--kl-radius-avatar);background:var(--kl-gradient-warm)}
.sc-post .sc-body{font-size:var(--kl-ui-size);line-height:1.55;white-space:normal}
.sc-post .sc-body .sc-w{opacity:0;transition:opacity var(--kl-d2)}.sc-post .sc-body .sc-w.sc-on{opacity:1}
.sc-post .sc-body::after{content:'';display:inline-block;width:2px;height:1em;vertical-align:-.15em;margin-left:2px;background:var(--kl-brand-orange);animation:sc-blink 1s steps(2) infinite}
@keyframes sc-blink{50%{opacity:0}}
.sc-post[data-manual="true"] .sc-body::after{display:none}
.sc-post .sc-act{display:flex;gap:var(--kl-space-3);align-items:center;font-size:var(--kl-caption-size);color:var(--kl-text-muted)}

/* телефон */
@media (max-width:760px){
  .sc-wrap{width:calc(100% - 2*var(--kl-margin-mobile))}
  .sc-btn,.sc-chip{min-height:var(--kl-h-touch)}
  .sc-head{grid-template-columns:1fr;gap:var(--kl-space-3)}.sc-head p{justify-self:start}
  .sc-stage{min-height:0}
  .sc-orbit{touch-action:pan-x pan-y;height:auto;perspective:none;display:flex;gap:var(--kl-space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--kl-space-2) 0 var(--kl-space-4);scrollbar-width:none;cursor:default}
  .sc-orbit::-webkit-scrollbar{display:none}
  .sc-ring{position:static;display:contents;transform:none}
  .sc-card{position:static;flex:0 0 72%;margin:0;transform:none;scroll-snap-align:start;height:auto}
  .sc-card .sc-art{aspect-ratio:1}
  #sc-scAll .sc-dots{display:none}
  .sc-cf{height:420px}.sc-cfc{width:220px;height:293px;margin:-146px 0 0 -110px;transform:translateX(calc(var(--o) * 120px)) translateZ(calc(var(--d) * -200px)) rotateY(calc(var(--s) * 40deg)) scale(calc(1 - var(--d) * .08))}
  .sc-fs{min-height:0}.sc-fs-row{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:var(--kl-space-2) 0 var(--kl-space-4)}.sc-fs-row::-webkit-scrollbar{display:none}.sc-video-item{width:64px}.sc-video-item[data-cur="1"]{width:180px}.sc-fr{height:64px}.sc-fr[data-cur="1"]{height:320px}.sc-fr:not([data-cur="1"]) .sc-frame-note{display:none}
  .sc-vo{grid-template-columns:1fr;gap:var(--kl-space-4)}#sc-orb{width:220px;height:220px}.sc-vo-say{font-size:var(--kl-ui-size)}
  .sc-vo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kl-space-2)}.sc-vo-list button{min-width:0;min-height:var(--kl-h-touch);grid-template-columns:1fr;padding:var(--kl-space-2) var(--kl-space-3)}.sc-vo-list button span,.sc-vo-list button i{display:none}
  .sc-tw{grid-template-columns:1fr;gap:var(--kl-space-4);min-height:0;align-items:start}
  .sc-wheel{height:auto;display:flex;gap:var(--kl-space-2);overflow-x:auto;padding:var(--kl-space-2) 0;mask:none;-webkit-mask:none;touch-action:auto;cursor:default}
  .sc-wi{position:static;flex:none;margin:0;transform:none;opacity:1;font-size:var(--kl-ui-size);min-height:var(--kl-h-touch);height:auto;padding:var(--kl-space-2) var(--kl-space-3);border:var(--kl-border) solid var(--kl-line);border-radius:var(--kl-radius-ctl)}
  .sc-wi[data-cur="1"]{background:var(--kl-tint-cold);color:var(--kl-on-cold)}
  .sc-post{min-height:0;padding:var(--kl-space-4)}.sc-post .sc-act{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){#ideas *,#ideas *::before,#ideas *::after{transition:none!important;animation:none!important}.sc-post .sc-body .sc-w,.sc-vo-say .sc-w{opacity:1!important}}

.sc-show{scroll-margin-top:calc(var(--kl-space-16) + var(--kl-space-4))}

:where(.sc-show) :focus-visible{outline:2px solid var(--kl-focus);outline-offset:2px}

/* «живое фото» в текущем кадре видео, пока нет роликов · 09.10 */
@keyframes sc-kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.1) translate(-2%,-3%)}}
.sc-fr[data-cur="1"] .sc-art{animation:sc-kb 7s var(--kl-e-std) infinite alternate}
@media (prefers-reduced-motion:reduce){.sc-fr[data-cur="1"] .sc-art{animation:none}}
.sc-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--kl-d4) var(--kl-e-std);pointer-events:none}
.sc-fr[data-cur="1"] .sc-vid{opacity:1}
.sc-fr:has(.sc-vid) .sc-art{animation:none}