.dm-h{text-align:center;padding:4rem 0 2.5rem}.dm-h h1{font-size:var(--text-5xl);letter-spacing:-.035em;margin:1rem 0 .75rem;font-weight:800}.dm-video{aspect-ratio:16/9;border-radius:var(--r-xl);border:1px solid var(--border-strong);background:radial-gradient(700px 360px at 30% 0%, var(--brand-soft), transparent 60%), radial-gradient(600px 340px at 90% 100%, var(--accent-soft), transparent 60%), linear-gradient(160deg,#14142b,#0a0a14);box-shadow:var(--shadow-xl);place-items:center;display:grid;position:relative;overflow:hidden}.dm-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:76px;height:76px;transition:transform var(--d-fast);background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid}.dm-play:hover{transform:scale(1.06)}.dm-vmeta{color:#ffffffd9;font-size:var(--text-sm);align-items:center;gap:.5rem;display:flex;position:absolute;bottom:16px;left:18px}.dm-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.dm-tab{border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-1);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--d-fast);align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;display:flex}.dm-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.dm-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--glow-brand)}.dm-stage{grid-template-columns:1fr 300px;align-items:start;gap:1.25rem;display:grid}.dm-browser{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-lg);overflow:hidden}.dm-browser-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);align-items:center;gap:.5rem;padding:.625rem .875rem;display:flex}.dm-browser-bar .dots{gap:5px;display:flex}.dm-browser-bar .dots i{background:var(--surface-3);border-radius:50%;width:10px;height:10px}.dm-url{background:var(--surface-2);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);flex:1;align-items:center;gap:.4375rem;margin-left:.5rem;padding:.3125rem .625rem;display:flex}.dm-frame{background:var(--bg);height:520px;position:relative;overflow:hidden}.dm-frame iframe{transform-origin:0 0;border:0;width:142.85%;height:142.85%;position:absolute;top:0;left:0;transform:scale(.7)}.dm-note{flex-direction:column;gap:1rem;display:flex;position:sticky;top:80px}.dm-note h3{font-size:var(--text-xl);letter-spacing:-.01em;margin:0;font-weight:700}.dm-note p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.dm-anno{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--text-sm);gap:.625rem;padding:.75rem .875rem;display:flex}.dm-anno .n{background:var(--brand-soft);width:22px;height:22px;color:var(--brand);font-weight:600;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;display:grid}.dm-cta{text-align:center;border-radius:var(--r-2xl);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);background:radial-gradient(600px 300px at 50% 0%, var(--brand-soft), transparent 70%), var(--surface-1);padding:4rem 2rem}.dm-cta h2{font-size:var(--text-4xl);letter-spacing:-.03em;margin:0 0 1rem;font-weight:800}@media (max-width:900px){.dm-stage{grid-template-columns:1fr}.dm-frame{height:380px}.dm-note{position:static}}