.apl--web { margin-top: clamp(56px, 6vw, 96px); }
.apl-web-header { max-inline-size: 40rem; margin-bottom: 24px; }
.apl-web-header h2 { margin: 0; color: var(--ink, #e4e5e6); font: 400 clamp(28px, 3.1vw, 42px)/1.15 Inter, sans-serif; letter-spacing: -.035em; }
.apl--web .sps-lead { max-inline-size: 38ch; text-wrap: pretty; }
.apl .apl-desktop-tile { display: grid; place-items: center; container-type: size; padding: clamp(20px, 3vw, 48px); background: var(--silver-action, #dfe1e2); }
.apl-desktop-window { width: 100%; width: min(100cqw, calc((100cqh - 25px) * 1.5)); overflow: hidden; border: 1px solid #92999b; border-radius: 10px; background: #f5f5f4; box-shadow: 0 18px 40px #151b232b; }
.apl-desktop-bar { display: flex; gap: 5px; align-items: center; height: 25px; padding-inline: 10px; border-bottom: 1px solid #d7dadd; background: #eff0f0; }
.apl-desktop-bar i { width: 6px; height: 6px; border-radius: 50%; background: #a9afb0; }
.apl .apl-desktop-screen img { position: static; display: block; width: 100%; height: auto; max-width: none; border-radius: 0; object-fit: contain; }
@media (max-width: 719.98px) {
  .apl-web-header { margin-bottom: 20px; }
  .apl--web .sps-visual { min-height: 250px; }
  .apl .apl-desktop-tile { padding: 20px 16px; }
}