/* ПЛАНШЕТ (761–1100) и ПК (> 1100): «пас видачі» — текст слева, коробка под лампой справа, рельс с чеками */
.v-d{--w:min(1240px,calc(100vw - 64px));overflow-x:clip}
.v-d main>section{position:relative;width:var(--w);margin:0 auto;padding:72px 0}
.v-d h2{font:800 clamp(26px,2.6vw,36px)/1.15 var(--sans);letter-spacing:-.015em;margin:0 0 18px}
.d-top{position:relative;z-index:3;display:flex;align-items:center;gap:20px;width:var(--w);margin:0 auto;padding:14px 0 0}
.d-brand{font:600 14px/1 var(--mono);letter-spacing:.08em;color:var(--text2)}
.d-pass{flex:1;font:12px/1 var(--mono);letter-spacing:.2em;color:rgba(244,236,224,.35);text-align:center;
  border-top:2px solid rgba(244,236,224,.12);padding-top:8px}

.v-d .d-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;
  padding:48px 0 64px;min-height:min(760px,calc(100vh - 60px))}
.d-hero .embers{left:calc(50% - 50vw);right:calc(50% - 50vw);height:80%}
.d-copy,.d-stage{position:relative;z-index:1}
.d-copy h1{font:800 clamp(40px,4.6vw,64px)/1.04 var(--sans);letter-spacing:-.025em;margin:14px 0 18px;text-wrap:balance}
.d-lead{font-size:18px;color:var(--text2);margin:0 0 28px;max-width:34em}
.d-stage{margin:0}
.d-lamp{position:absolute;left:50%;top:-60px;width:70%;height:120%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(50% 40% at 50% 20%,rgba(255,200,130,.16),transparent 70%)}
.d-stage .seg{position:relative;margin-bottom:12px}
.d-frame{height:clamp(380px,40vw,540px);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.d-stage figcaption{margin-top:12px;font-size:14px;color:var(--text2)}

/* рельс с чеками: висят на металлической планке */
.d-now{padding-top:40px!important}
.d-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:26px}
.d-rail::before{content:"";position:absolute;left:-12px;right:-12px;top:0;height:12px;border-radius:6px;
  background:linear-gradient(#8d8780,#4e4944 60%,#2d2a27);box-shadow:0 4px 10px rgba(0,0,0,.5)}
.d-rail .ticket{transform-origin:50% -26px;transition:transform .4s}
.d-rail .ticket:nth-child(1){transform:rotate(-1.4deg)}
.d-rail .ticket:nth-child(2){transform:rotate(.9deg)}
.d-rail .ticket:nth-child(3){transform:rotate(-.5deg)}
.d-rail .ticket:hover{transform:rotate(0) translateY(4px)}

.v-d .d-work{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.d-orderwrap .order{max-width:520px}
.d-steps-h{font:800 20px/1.2 var(--sans);margin:40px 0 12px}
.d-steps{margin:0;padding:0 0 0 22px;color:var(--text2)}
.d-steps li{margin:0 0 10px}
.d-steps b{color:var(--text)}
.d-sheetwrap>p{color:var(--text2);margin:0 0 18px}
.d-sheetrow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:28px;align-items:start}
.d-toggle{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:none;
  color:var(--text);font:600 14px var(--sans);cursor:pointer}
.d-toggle[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.d-files{list-style:none;margin:18px 0 0;padding:0;font:14px/1.5 var(--mono)}
.d-files li{padding:10px 0 10px 22px;border-top:1px dashed rgba(255,255,255,.18);position:relative}
.d-files li::before{content:"✓";position:absolute;left:0;color:var(--cheese)}
.d-honest{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--tomato);background:rgba(255,255,255,.04)}

.v-d .d-film{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.d-vid{aspect-ratio:16/9}
.d-who{margin:0}
.d-who dt{font:700 14px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--glow);margin-top:18px}
.d-who dd{margin:4px 0 0;color:var(--text2)}

.v-d .d-final{text-align:center;padding:96px 0 110px;overflow:hidden}
.d-final>*:not(.embers){position:relative;z-index:1}
.d-final h2{font-size:clamp(30px,3.4vw,46px)}
.d-final p{color:var(--text2);margin:0 auto 26px;max-width:36em}
.d-foot{width:var(--w);margin:0 auto;padding:20px 0 32px;font-size:13px;color:var(--text2);border-top:1px solid rgba(255,255,255,.08)}

/* ПЛАНШЕТ: касания, без hover-зависимостей, сетки уже */
html[data-layout=tablet] .v-d{--w:calc(100vw - 48px)}
html[data-layout=tablet] .d-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:28px}
html[data-layout=tablet] .d-copy h1{font-size:clamp(36px,5.6vw,52px)}
html[data-layout=tablet] .d-frame{height:min(62vw,560px)}
html[data-layout=tablet] .d-rail{gap:16px}
html[data-layout=tablet] .d-rail .ticket{padding:18px 14px 24px}
html[data-layout=tablet] .d-work{grid-template-columns:1fr;gap:48px}
html[data-layout=tablet] .d-orderwrap .order{max-width:none}
html[data-layout=tablet] .d-film{grid-template-columns:1fr;gap:28px}
@media (orientation:landscape){
  html[data-layout=tablet] .d-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  html[data-layout=tablet] .d-frame{height:min(44vw,460px)}
}
@media (prefers-reduced-motion: reduce){.d-rail .ticket{transition:none}}