.macbook:where(.astro-dublugbj){--laptop-seam:color-mix(in srgb, var(--laptop-base-bottom) 40%, #000);top:var(--macbook-pin-top,0);width:min(100%,1000px);perspective:var(--lid-perspective,5000px);perspective-origin:50% var(--hinge-y,100%);margin-inline:auto;position:sticky}.macbook-hinge:where(.astro-dublugbj){transform-origin:bottom;width:80%;transform-style:preserve-3d;transform:rotateX(var(--lid-angle,-90deg));-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-inline:auto;position:relative}.macbook-lid:where(.astro-dublugbj){width:100%;padding:calc(var(--u,1.25px) * 9.9) calc(var(--u,1.25px) * 9.9) calc(var(--u,1.25px) * 11.5);border:calc(var(--u,1.25px) * 2.2) solid var(--laptop-base-top);border-radius:calc(var(--u,1.25px) * 10.9) calc(var(--u,1.25px) * 10.9) calc(var(--u,1.25px) * 1.5) calc(var(--u,1.25px) * 1.5);background:#0c0c0c;border-bottom-color:#0c0c0c}.macbook-screen:where(.astro-dublugbj){isolation:isolate;aspect-ratio:16/10;border-radius:calc(var(--u,1.25px) * 5.4) calc(var(--u,1.25px) * 5.4) 0 0;background:var(--bg);width:100%;min-width:0;min-height:200px;color:var(--text);justify-content:center;align-items:center;padding:45px 24px 35px;display:flex;position:relative}.screen-content:where(.astro-dublugbj){width:100%;min-width:0;opacity:var(--screen-scroll-opacity,0)}.macbook-screen:where(.astro-dublugbj):after{content:"";z-index:1;border-radius:inherit;opacity:calc(1 - var(--screen-scroll-opacity,0));pointer-events:none;background:#0c0c0c;position:absolute;inset:0}.macbook-notch:where(.astro-dublugbj){z-index:2;width:12.4%;height:calc(var(--u,1.25px) * 14 + 1px);border-radius:0 0 calc(var(--u,1.25px) * 5) calc(var(--u,1.25px) * 5);background:#0c0c0c;justify-content:center;align-items:center;display:flex;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.macbook-notch:where(.astro-dublugbj) span:where(.astro-dublugbj){width:calc(var(--u,1.25px) * 3.4);height:calc(var(--u,1.25px) * 3.4);background:#2a2a2a;border-radius:50%}.macbook-shell:where(.astro-dublugbj){transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.macbook-shell:where(.astro-dublugbj) span{height:calc(var(--u,1.25px) * 7.4);transform-origin:0 0;background:linear-gradient(var(--laptop-seam) 0 12%, color-mix(in srgb, var(--laptop-base-top) 45%, var(--laptop-base-bottom)) 12%, var(--laptop-base-top) 82%, var(--laptop-highlight) 82% 92%, var(--laptop-base-outline) 92%);position:absolute;top:0;left:0}.macbook-base:where(.astro-dublugbj){width:100%;height:auto;margin-top:-1px;display:block}.macbook-preroll:where(.astro-dublugbj){height:0}@media (prefers-reduced-motion:reduce){.macbook:where(.astro-dublugbj){position:static}.macbook-preroll:where(.astro-dublugbj){display:none}.macbook-hinge:where(.astro-dublugbj){transform:none}.screen-content:where(.astro-dublugbj){opacity:1;transition:none}.macbook-screen:where(.astro-dublugbj):after{display:none}}@media (width<=760px){.macbook-hinge:where(.astro-dublugbj){width:88%}.macbook-screen:where(.astro-dublugbj){padding:32px 16px 26px}}@media (width<=480px){.macbook-hinge:where(.astro-dublugbj){width:92%}.macbook-screen:where(.astro-dublugbj){padding:28px 10px 22px}}.arrow:where(.astro-tns2tesc){stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.featured-device:where(.astro-lkuvusef){padding-block:6px 64px}.device-card:where(.astro-lkuvusef){border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--text) 3%, var(--bg)), var(--bg) 65%);border-radius:12px;grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;padding:33px 36px;display:grid}.device-kicker:where(.astro-lkuvusef){color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}h2:where(.astro-lkuvusef){letter-spacing:-.04em;margin-top:17px;font-size:28px}p:where(.astro-lkuvusef){color:var(--muted);margin-top:12px;font-size:11px;line-height:1.8}.project-link:where(.astro-lkuvusef){margin-top:14px}.device-essentials:where(.astro-lkuvusef){grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none;display:grid}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef){border:1px solid var(--line);border-radius:7px;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:11px;display:flex}.device-essentials:where(.astro-lkuvusef) .feature-icon{color:var(--muted);flex-shrink:0;width:15px;height:15px}.essential-check:where(.astro-lkuvusef){color:var(--muted);margin-left:auto;font-size:11px}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef):hover{border-color:var(--muted);background:color-mix(in srgb, var(--text) 3%, var(--bg))}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef).status-works{color:var(--status-working);background:var(--status-working-bg);border-color:var(--status-working-border)}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef).status-partial{color:var(--status-partial);background:var(--status-partial-bg);border-color:var(--status-partial-border)}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef).status-works .feature-icon,.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef).status-partial .feature-icon,.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef) .essential-check:where(.astro-lkuvusef){color:inherit}@media (width<=760px){.device-card:where(.astro-lkuvusef){gap:28px;padding:27px}h2:where(.astro-lkuvusef){font-size:24px}.device-essentials:where(.astro-lkuvusef) a:where(.astro-lkuvusef){gap:8px;padding-inline:10px}}@media (width<=600px){.featured-device:where(.astro-lkuvusef){padding-bottom:45px}.device-card:where(.astro-lkuvusef){grid-template-columns:1fr;gap:24px;padding:25px}}