.macbook{filter:drop-shadow(0 0 #0000);width:min(100%,1100px);margin:0 auto}.macbook-lid{background:var(--device-bezel);box-shadow:inset 0 0 0 1px var(--device-bezel-edge),var(--device-shadow);border-radius:clamp(10px,2.2vw,22px) clamp(10px,2.2vw,22px) 4px 4px;padding:2.2% 2.2% 3%;position:relative}.macbook-screen{aspect-ratio:16/10;background:radial-gradient(120% 90% at 15% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--surface-sunken);border-radius:4px;position:relative;overflow:hidden;container-type:inline-size}.mac-menubar{background:var(--desktop-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:2.2cqw;color:var(--text);font-size:calc(clamp(6px,1.05cqw,12px) * var(--text-scale,1));white-space:nowrap;align-items:center;gap:1.6cqw;padding:0 1.4cqw;line-height:1;display:flex}.mac-menubar b{font-weight:700}.mac-menubar-end{font-variant-numeric:tabular-nums;align-items:center;gap:.8cqw;margin-left:auto;display:flex}.mac-menubar .icon.icon{width:1.2cqw;height:1.2cqw}.mac-window{background:var(--surface);width:86cqw;box-shadow:0 0 0 1px var(--border-subtle),0 1.6cqw 4cqw -1cqw color-mix(in srgb,var(--text) 30%,transparent);border-radius:clamp(4px,.9cqw,10px);margin:1.6cqw auto 0;overflow:hidden}.mac-titlebar{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);align-items:center;height:2.2cqw;padding:0 1cqw;display:flex;position:relative}.mac-titlebar .window-dots{gap:.6cqw;display:flex}.mac-titlebar .window-dots i{border-radius:50%;width:1.05cqw;min-width:5px;height:1.05cqw;min-height:5px}.mac-title{color:var(--text-secondary);font-size:calc(clamp(6px,1cqw,12px) * var(--text-scale,1));font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.mac-window-content{aspect-ratio:16/10}.mac-window-content img{object-fit:cover;width:100%;height:100%;display:block}.macbook-camera{background:var(--device-camera);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--device-bezel-edge);border-radius:50%;position:absolute;top:-1.5%;left:50%;transform:translate(-50%,-100%)}.macbook-base{background:var(--device-body);height:clamp(10px,1.6vw,18px);box-shadow:inset 0 1px 0 var(--device-lip),inset 0 -2px 0 var(--device-body-edge);border-radius:0 0 clamp(12px,2.4vw,26px) clamp(12px,2.4vw,26px);margin:0 -6%;position:relative}.macbook-notch{background:var(--device-body-edge);opacity:.45;border-radius:0 0 10px 10px;width:16%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.shot-dark,[data-theme=dark] .shot-light{display:none!important}[data-theme=dark] .shot-dark{display:block!important}.product-tour .section-heading{margin-bottom:var(--space-8)}.tour-tabs{justify-content:center;gap:var(--space-2);margin:0 auto var(--space-10);padding:var(--space-1);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background:var(--surface);flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex}.tour-tabs [role=tab]{min-height:var(--touch,44px);padding:0 var(--space-5);border-radius:var(--radius-pill);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600;transition:background-color .16s,color .16s}.tour-tabs [role=tab]:hover{color:var(--text)}.tour-tabs [role=tab][aria-selected=true]{background:var(--text);color:var(--surface)}.tour-tabs [role=tab]:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}.tour-panel{animation:.32s ease-out tour-in}.tour-caption{max-width:46rem;margin:var(--space-10) auto 0;text-align:center}.tour-caption h3{margin:0 0 var(--space-2)}.tour-caption p{color:var(--text-secondary);margin:0}.tour-note{max-width:none;margin:var(--space-6) auto 0;text-align:center;color:var(--text-muted);font-size:var(--small)}@keyframes tour-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tour-panel{animation:none}.tour-tabs [role=tab]{transition:none}}@media (max-width:767px){.tour-tabs{border-radius:var(--radius-card);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.tour-tabs [role=tab]{padding:0 var(--space-3);border-radius:var(--radius-sm)}.macbook-base{margin:0 -4%}}@media (forced-colors:active){.macbook-lid,.tour-tabs{border:1px solid canvastext}.tour-tabs [role=tab][aria-selected=true]{color:highlighttext;background:highlight}}