/* Настройтесь на AI-волну: светлый слайд с пультом. Каждая строка — ручка и одна ситуация:
   повернул ручку — текст в той же строке переключается с «сейчас» на «после встречи». */
.tune{background:var(--hero-paper);color:var(--hero-ink);position:relative;overflow:hidden}
.tune::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#29292420 1px,transparent 1.2px);background-size:22px 22px;pointer-events:none}
.tune>*{position:relative}
.tune .section-label{color:var(--hero-dust)}
.tune h2{margin-top:0;color:var(--hero-ink)}
.tune h2 em{display:block;font-style:normal;color:#7e7d70}
.tune-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:#55554c;max-width:560px;margin-top:22px}

/* Пульт */
.mixer{background:#f5f5ef;border:1px solid #29292426;padding:22px clamp(20px,3vw,44px) 10px;box-shadow:0 1px 0 #ffffff inset;margin-top:clamp(40px,4.5vw,70px);max-width:1240px}
.mixer-head{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;font:11px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-dust);border-bottom:1px solid #29292420;padding-bottom:16px}
.mixer-head b{font-weight:400;color:var(--hero-ink)}
.mixer-count{color:var(--hero-ink)}
.mixer-count i{font-style:normal;color:var(--signal)}
.mixer-leds{display:flex;gap:6px}
.mixer-leds i{width:7px;height:7px;border-radius:50%;background:#29292428;transition:background .3s}
.mixer-leds i.is-on{background:var(--signal)}

/* Строка: ручка · номер и канал · текст */
.tune-list{list-style:none;margin:0;padding:0}
.tune-list li+li{border-top:1px dashed #29292424}
.tune-row{display:grid;grid-template-columns:76px 1fr;gap:0 clamp(20px,3vw,40px);align-items:center;width:100%;background:none;border:0;padding:22px 0;text-align:left;cursor:pointer;color:inherit;font-family:inherit}
.tune-row:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.tune-text{display:grid;grid-template-rows:auto auto}
.tune-meta{display:flex;gap:18px;align-items:baseline;font:11px/1.6 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.tune-index{color:var(--hero-ink)}
.tune-state{color:var(--hero-dust);transition:color .3s}
.tune-state::before{content:'сейчас'}
.tune-now,.tune-after{grid-area:2/1;font-size:clamp(19px,1.6vw,26px);line-height:1.32;letter-spacing:-.02em;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.tune-now{color:#55554c}
.tune-after{color:var(--hero-ink);opacity:0;transform:translateY(10px)}
li.is-on .tune-now{opacity:0;transform:translateY(-10px)}
li.is-on .tune-after{opacity:1;transform:none}
li.is-on .tune-state{color:var(--signal)}
li.is-on .tune-state::before{content:'после встречи'}

/* Ручка: тёмный круг, светлый указатель, шкала штрихами вокруг */
.knob-dial{--size:52px;--turn:-135deg;position:relative;justify-self:center;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 38% 32%,#3d3d36,#292924 60%,#1f1f1b);box-shadow:0 2px 0 #ffffff,0 8px 18px -8px #29292466;transition:transform .55s var(--ease)}
.knob-dial::before{content:'';position:absolute;inset:-9px;border-radius:50%;background:repeating-conic-gradient(from -135deg,#29292455 0deg 1.4deg,transparent 1.4deg 27deg);mask-image:conic-gradient(from -135deg,#000 0 270deg,transparent 270deg);-webkit-mask-image:conic-gradient(from -135deg,#000 0 270deg,transparent 270deg)}
.knob-dial i{position:absolute;left:50%;top:9%;width:2px;height:30%;margin-left:-1px;background:var(--hero-paper);border-radius:1px;transform-origin:50% calc(var(--size) * .41);transform:rotate(var(--turn));transition:transform .55s var(--ease),background .3s}
.knob-scale{position:absolute;left:0;right:0;bottom:-9px;display:flex;justify-content:space-between;font:8px/1 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--hero-dust)}
.knob-scale span:first-child{transform:translateX(-14px)}
.knob-scale span:last-child{transform:translateX(14px)}
li.is-on .knob-dial i{--turn:135deg;background:var(--signal)}
.tune-row:hover .knob-dial{transform:scale(1.04)}
.tune-master .tune-row{padding:26px 0 24px}
.tune-master .knob-dial{--size:68px}
.tune-master .knob-dial i{width:3px;margin-left:-1.5px}
.tune-master .knob-dial::after{content:'';position:absolute;inset:26%;border-radius:50%;border:1px solid #eeeee522}
.tune-master .tune-index{color:var(--signal)}
.tune-master .tune-state::before{content:'общая ручка · всё сразу'}
.tune-master.is-on .tune-state::before{content:'всё включено'}

@media(max-width:700px){.tune h2{font-size:clamp(38px,9.4vw,60px)}.mixer{padding:18px 16px 6px}.mixer-head{grid-template-columns:1fr auto;font-size:9px;gap:10px}.mixer-head>span:nth-child(2){display:none}.tune-row{grid-template-columns:56px 1fr;gap:0 16px;padding:20px 0}.knob-dial{--size:44px}.tune-master .knob-dial{--size:56px}.knob-scale{display:none}.tune-meta{gap:12px;font-size:10px;flex-wrap:wrap}.tune-now,.tune-after{font-size:19px}}
@media(prefers-reduced-motion:reduce){.knob-dial,.knob-dial i,.tune-now,.tune-after{transition:none}}