/* экран из design-fable/fresh/conf.html, префикс m6- */
.m6-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}
.m6-cf6{padding:var(--kl-space-8) 0 var(--kl-space-16);overflow:hidden}
.m6-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--kl-space-8);align-items:end;margin-bottom:var(--kl-space-8)}
#meetings 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)}
#meetings h2 b{font-weight:inherit;color:var(--kl-brand-orange)}
[data-theme="light"] #meetings h2 b{color:var(--kl-on-warm)}
.m6-head ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--kl-space-2);color:var(--kl-text-muted);justify-self:end}
.m6-head li::before{content:"·";margin-right:var(--kl-space-2);color:var(--kl-brand-orange)}
.m6-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kl-space-6);max-width:1040px;margin:0 auto}
#m6-glow{position:absolute;inset:-10% -10%;width:120%;height:120%;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){#m6-glow{display:none}}
.m6-card{background:var(--kl-surface);border:var(--kl-border) solid var(--kl-line);border-radius:var(--kl-radius-card);box-shadow:var(--kl-shadow-1)}
.m6-meta{color:var(--kl-text-muted);font-size:var(--kl-caption-size)}
.m6-lbl{font-size:var(--kl-caption-size);font-weight:var(--kl-weight-medium);color:var(--kl-text-muted);text-transform:uppercase;letter-spacing:.06em}
.m6-av{flex:none;width:36px;height:36px;border-radius:var(--kl-radius-avatar);background:var(--f) no-repeat;background-size:500% 500%}
.m6-av.m6-marina{--f:url('/landing/assets/creative-worlds.webp');background-position:17.5% 6%}
.m6-av.m6-misha{--f:url('/landing/assets/people/meetings-misha.webp');background-position:center;background-size:cover}
.m6-av.m6-irina{--f:url('/landing/assets/studio-cup-worlds.webp');background-position:17.5% 69%}
.m6-kolli{flex:none;position:relative;width:40px;height:40px;border-radius:var(--kl-radius-agent);overflow:hidden;background:var(--kl-tint-cold)}
.m6-kolli img{position:absolute;left:50%;top:52%;width:86%;height:auto;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--kl-d3) var(--kl-e-std)}
.m6-kolli img.m6-on{opacity:1}
.m6-live{grid-column:1/-1;padding:var(--kl-space-4);display:grid;gap:var(--kl-space-3)}
.m6-live .m6-hd{display:flex;align-items:center;gap:var(--kl-space-3);flex-wrap:wrap}
.m6-onair{display:inline-flex;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-1) var(--kl-space-3);border-radius:var(--kl-radius-status);background:var(--kl-tint-warm);color:var(--kl-on-warm);font-size:var(--kl-caption-size);font-weight:var(--kl-weight-medium)}
.m6-onair::before{content:"";width:8px;height:8px;border-radius:var(--kl-radius-pill);background:var(--kl-brand-orange)}
.m6-live .m6-hd b{font-weight:var(--kl-weight-medium)}
.m6-tiles{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kl-space-3)}
.m6-tile{position:relative;height:200px;border-radius:var(--kl-radius-card);overflow:hidden;background:var(--kl-surface-2) var(--f) no-repeat;background-size:200% auto}
.m6-tile.m6-marina{--f:url('/landing/assets/creative-worlds.webp');background-position:0% 3%}
.m6-tile.m6-irina{--f:url('/landing/assets/studio-cup-worlds.webp');background-position:0% 70%}
.m6-tile span{position:absolute;left:var(--kl-space-3);bottom:var(--kl-space-3);padding:var(--kl-space-1) var(--kl-space-2);border-radius:var(--kl-radius-status);background:color-mix(in srgb,var(--kl-surface) 82%,transparent);color:var(--kl-text);font-size:var(--kl-caption-size)}
.m6-notes{position:absolute;right:var(--kl-space-3);top:var(--kl-space-3);display:flex;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-1) var(--kl-space-3) var(--kl-space-1) var(--kl-space-1);border-radius:var(--kl-radius-ctl);background:color-mix(in srgb,var(--kl-surface) 88%,transparent);font-size:var(--kl-ui-size)}
.m6-notes .m6-kolli{width:32px;height:32px}
.m6-typing{display:inline-flex;gap:3px}
.m6-typing i{width:5px;height:5px;border-radius:var(--kl-radius-pill);background:var(--kl-text-muted);animation:m6-dot 1s infinite}
.m6-typing i:nth-child(2){animation-delay:.15s}
.m6-typing i:nth-child(3){animation-delay:.3s}
@keyframes m6-dot{0%,60%,100%{opacity:.3}30%{opacity:1}}
.m6-notes.m6-done .m6-typing{display:none}
.m6-recap{padding:var(--kl-space-4);display:flex;flex-direction:column;gap:var(--kl-space-3)}
.m6-recap ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--kl-space-3)}
.m6-recap li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kl-space-1) var(--kl-space-3);align-items:baseline;opacity:0;transform:translateY(6px);transition:opacity var(--kl-d3) var(--kl-e-std),transform var(--kl-d3) var(--kl-e-std)}
.m6-recap li.m6-on{opacity:1;transform:none}
.m6-recap li small{grid-column:1;color:var(--kl-text-muted);font-size:var(--kl-caption-size);text-transform:uppercase;letter-spacing:.06em}
.m6-recap li span{grid-column:1}
.m6-recap li .m6-at{grid-column:2;grid-row:1/3;align-self:center;color:var(--kl-on-cold);font-size:var(--kl-caption-size);text-decoration:none;white-space:nowrap}
.m6-intro{padding:var(--kl-space-4);display:flex;flex-direction:column;gap:var(--kl-space-4)}
.m6-intro .m6-say{display:flex;gap:var(--kl-space-3);align-items:flex-start}
.m6-intro .m6-say p{margin:0;padding:var(--kl-space-3) var(--kl-space-4);border-radius:var(--kl-radius-msg);background:var(--kl-surface-2)}
.m6-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kl-space-3)}
.m6-who{display:flex;align-items:center;gap:var(--kl-space-3);padding:var(--kl-space-3);border-radius:var(--kl-radius-ctl);border:var(--kl-border) solid var(--kl-line)}
.m6-who b{display:block;font-weight:var(--kl-weight-medium)}
.m6-common{align-self:flex-start;padding:var(--kl-space-1) var(--kl-space-3);border-radius:var(--kl-radius-status);background:var(--kl-tint-cold);color:var(--kl-on-cold);font-size:var(--kl-caption-size)}
.m6-acts{margin-top:auto;display:flex;justify-content:flex-end;gap:var(--kl-space-2)}
.m6-acts span{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);display:inline-flex;align-items:center;font-size:var(--kl-ui-size)}
.m6-acts .m6-go{background:var(--kl-btn-bg);color:var(--kl-btn-text);border-color:transparent}
.m6-step{opacity:0;transform:translateY(12px);transition:opacity var(--kl-d4) var(--kl-e-out),transform var(--kl-d4) var(--kl-e-out)}
.m6-step.m6-on{opacity:1;transform:none}
@media (max-width:760px){.m6-cf6{padding-top:var(--kl-space-6)}
.m6-head{grid-template-columns:minmax(0,1fr);gap:var(--kl-space-4);margin-bottom:var(--kl-space-6)}
.m6-head ul{justify-self:start}
.m6-stage{grid-template-columns:minmax(0,1fr);gap:var(--kl-space-3)}
.m6-tile{height:120px}
.m6-tile span{font-size:11px}
.m6-tile.m6-irina{background-position:0% 100%}
.m6-tile.m6-marina{background-position:0% 0%}
.m6-recap li:nth-child(3){display:none}
.m6-recap li .m6-at{grid-column:1;grid-row:auto;justify-self:start}
.m6-common{display:none}
.m6-who{padding:var(--kl-space-2)}
.m6-intro .m6-say p{padding:var(--kl-space-2) var(--kl-space-3)}
.m6-notes{position:static;grid-column:1/-1;justify-self:start}}
@media (prefers-reduced-motion:reduce){.m6-step,.m6-recap li,.m6-kolli img{transition:none}
.m6-step,.m6-recap li{opacity:1;transform:none}
.m6-typing{display:none}}
#meetings{scroll-margin-top:calc(var(--kl-space-16) + var(--kl-space-4))}

/* кто говорит · 09.10 */
.m6-tile{transition:box-shadow var(--kl-d3) var(--kl-e-std)}
.m6-tile.m6-talk{box-shadow:0 0 0 3px var(--kl-brand-blue)}
.m6-eq{position:absolute;left:var(--kl-space-3);top:var(--kl-space-3);display:flex;align-items:flex-end;gap:2px;height:16px;padding:4px 6px;box-sizing:content-box;border-radius:var(--kl-radius-status);background:color-mix(in srgb,var(--kl-surface) 82%,transparent);opacity:0;transition:opacity var(--kl-d3) var(--kl-e-std)}
.m6-eq i{width:3px;height:100%;border-radius:2px;background:var(--kl-brand-blue);transform-origin:bottom;transform:scaleY(.3)}
.m6-talk .m6-eq{opacity:1}
.m6-talk .m6-eq i{animation:m6-eq .9s var(--kl-e-std) infinite}
.m6-talk .m6-eq i:nth-child(2){animation-delay:-.3s}.m6-talk .m6-eq i:nth-child(3){animation-delay:-.6s}
@keyframes m6-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.m6-sub{grid-column:1/-1;margin:0;min-height:1.5em;font-size:var(--kl-ui-size);color:var(--kl-text);opacity:0;transform:translateY(4px);transition:opacity var(--kl-d3) var(--kl-e-std),transform var(--kl-d3) var(--kl-e-std)}
.m6-sub b{font-weight:var(--kl-weight-medium);color:var(--kl-text-muted)}
.m6-sub.m6-on{opacity:1;transform:none}
@media (max-width:760px){.m6-sub{font-size:var(--kl-caption-size);min-height:2.8em}}
@media (prefers-reduced-motion:reduce){.m6-tile,.m6-eq,.m6-sub{transition:none}.m6-talk .m6-eq i{animation:none}}
.m6-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.m6-tile.m6-marina .m6-vid{object-position:50% 20%}