.dshow{padding:var(--section-py) 0;background:var(--color-bg-secondary);overflow:hidden}.dshow__head{max-width:700px;margin:0 auto var(--space-12);text-align:center}.dshow__title{margin:0;font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-headline);color:var(--color-text-primary)}.dshow__stage{max-width:880px;padding:var(--space-6) 0 var(--space-4)}.dshow__laptop,.dshow__stage{position:relative;margin:0 auto}.dshow__laptop{width:100%;max-width:800px;filter:drop-shadow(0 30px 50px rgba(43,43,43,.14))}.dshow__lid{background:var(--color-charcoal);border-radius:16px 16px 5px 5px;padding:11px 11px 0}.dshow__screen{position:relative;width:100%;aspect-ratio:181/100;border-radius:5px;overflow:hidden;background:var(--color-bg-secondary)}.dshow__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.03);transition:opacity .7s var(--ease-out-quart),transform .9s var(--ease-out-quart)}.dshow__shot.is-active{opacity:1;transform:scale(1)}.dshow__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.1),transparent 35%)}.dshow__deck{position:relative;width:113%;-webkit-margin-start:-6.5%;margin-inline-start:-6.5%;height:15px;background:linear-gradient(180deg,#dcd7d6,#c2bab8 55%,#aaa19f);border-radius:3px 3px 13px 13px;box-shadow:0 12px 22px rgba(43,43,43,.16)}.dshow__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:13%;height:5px;background:rgba(43,43,43,.12);border-radius:0 0 7px 7px}.dshow__bubble{position:absolute;inset-block-end:12%;inset-inline-start:-2%;z-index:3;display:flex;align-items:flex-start;gap:var(--space-3);width:min(310px,80%);padding:var(--space-4) var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.dshow__bubble-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-600)}.dshow__bubble-text{display:flex;flex-direction:column;gap:3px}.dshow__bubble-title{font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-title);color:var(--color-text-primary)}.dshow__bubble-desc{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.dshow__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-10)}.dshow__arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:color var(--duration-normal) var(--ease-out-quart),border-color var(--duration-normal) var(--ease-out-quart),background var(--duration-normal) var(--ease-out-quart),box-shadow var(--duration-normal) var(--ease-out-quart)}.dshow__arrow:hover{border-color:transparent;background:var(--color-primary-500);color:var(--color-studio-white);box-shadow:var(--shadow-button-rose)}.dshow__dots{display:flex;justify-content:center;gap:var(--space-2)}.dshow__dot{width:8px;height:8px;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-neutral-300);cursor:pointer;transition:width var(--duration-normal) var(--ease-out-quart),background var(--duration-normal) var(--ease-out-quart)}.dshow__dot.is-active{width:26px;background:var(--color-primary-500)}@media (max-width:768px){.dshow__stage{padding-bottom:0}.dshow__bubble{position:static;width:100%;margin-top:var(--space-6);inset:auto}}@media (prefers-reduced-motion:reduce){.dshow__shot{transition:opacity .3s linear;transform:none}}