.dm{max-width:1400px;margin:0 auto;padding:28px 64px 96px;display:flex;flex-direction:column;gap:clamp(32px,3.4vw,44px)}.dm-pick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dm-tile{display:flex;align-items:center;gap:14px;height:100%;min-height:76px;padding:14px 18px;border-radius:16px;border:.5px solid var(--line);color:var(--fg)}.dm-tile-ic{flex:none}.dm-tile-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-tile-txt b{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.012em}.dm-tile-txt span{font-size:13.5px;line-height:1.4;color:var(--fg-2)}.dm-tile.is-current{background:oklch(0.95 0.02 264);border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent)}.dm-tile.is-current:hover{color:var(--fg)}.dm-tile.is-current .dm-tile-ic{color:var(--accent)}.dm-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dm-tile.is-off{border:1px dashed var(--line);color:var(--fg-2);cursor:not-allowed}.dm-tile.is-off .dm-tile-txt b{font-weight:500}.dm-chip-off{background:transparent;border:.5px dashed var(--fg-3);color:var(--fg-2)}.dm-demo{display:flex;flex-direction:column;gap:clamp(48px,5.6vw,80px);scroll-margin-top:calc(var(--hd-h) + 24px)}.dm-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:"film head";gap:clamp(28px,3.4vw,48px);align-items:start}.dm-film{grid-area:film;margin:0;display:flex;flex-direction:column;gap:10px}.dm-head{grid-area:head;display:flex;flex-direction:column;gap:14px}.dm-eyebrow{font-size:12px;letter-spacing:.02em;color:var(--accent-hover)}.dm-head h2{margin:0;font-size:clamp(24px,2.3vw,31px);line-height:1.14;letter-spacing:-.028em;font-weight:600;text-wrap:balance}.dm-head p{margin:0;font-size:16px;line-height:1.58;color:var(--fg-2);text-wrap:pretty}.dm-film figcaption{font-size:12px;color:var(--fg-2)}.dm-player{position:relative;border-radius:18px;overflow:hidden;border:.5px solid var(--line);background:var(--card);box-shadow:0 30px 60px -36px oklch(0.4 0.15 264 / .35)}.dm-player video{display:block;width:100%;height:auto;aspect-ratio:16/9}.dm-play{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.dm-play[hidden]{display:none}.dm-play span{display:grid;place-items:center;width:clamp(60px,6.4vw,84px);aspect-ratio:1;border-radius:50%;background:var(--accent-fill);box-shadow:0 14px 34px -10px rgb(7 16 30 / .5);transition:transform .2s,background .2s}.dm-play svg{margin-left:3px}.dm-play:hover span{transform:scale(1.05);background:var(--accent-hover)}.dm-play:focus-visible{outline:none}.dm-play:focus-visible span{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 7px var(--accent-fill)}.dm-how{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px)}.dm-how-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px 32px;align-items:end}.dm-how h3,.dm-result h3{margin:0;font-size:clamp(24px,2.3vw,31px);line-height:1.14;letter-spacing:-.028em;font-weight:600}.dm-how-head p{margin:0;font-size:16px;line-height:1.5;color:var(--fg-2);max-width:56ch;justify-self:end;text-wrap:pretty}.dm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dm-step{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;border-radius:20px;border:.5px solid var(--line);background:var(--card)}.dm-step .mono{font-size:12.5px;color:var(--accent-hover)}.dm-step h4{margin:18px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:600}.dm-step p{margin:0;font-size:15px;line-height:1.5;color:var(--fg-2);text-wrap:pretty}.dm-step.is-model{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.dm-step.is-model .mono,.dm-step.is-model p{color:#fff}.dm-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,3vw,36px) clamp(28px,3.4vw,48px);padding:clamp(28px,4vw,52px);border-radius:20px;background:var(--deep-glow),var(--deep);color:#fff}.dm-result h3{max-width:14ch}.dm-nums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,3.4vw,48px)}.dm-nums li{display:flex;flex-direction:column;gap:10px}.dm-nums b{font-size:clamp(48px,6vw,80px);line-height:1;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}.dm-nums span{font-size:15px;line-height:1.4;color:rgb(255 255 255 / .78);max-width:24ch}.dm-offer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-top:clamp(20px,2.4vw,28px);border-top:.5px solid rgb(255 255 255 / .2)}.dm-offer p{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.3;font-weight:500;letter-spacing:-.015em}.dm-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;background:var(--accent-fill);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s}.dm-cta:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.dm-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.dm-play span,.dm-cta{transition:none}.dm-play:hover span,.dm-cta:hover{transform:none}}@media(max-width:980px){.dm-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"film" "head"}.dm-how-head{grid-template-columns:minmax(0,1fr)}.dm-how-head p{justify-self:start}.dm-steps{grid-template-columns:minmax(0,1fr)}.dm-step h4{margin-top:4px}.dm-result{grid-template-columns:minmax(0,1fr)}.dm-result h3{max-width:none}}@media(max-width:640px){.dm{padding:20px 28px 72px}.dm-pick{grid-template-columns:minmax(0,1fr);gap:8px}.dm-tile{min-height:56px;padding:8px 14px}.dm-tile-txt span,.dm-tile.is-current .csk-chip{display:none}.dm-nums{grid-template-columns:minmax(0,1fr)}.dm-nums li{flex-direction:row;align-items:center;gap:16px}.dm-nums b{flex:0 0 124px;font-size:46px}.dm-cta{width:100%;justify-content:center}}
