@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.workload-demo{font-family:Manrope,Arial,sans-serif;color:#1b2028;position:relative;height:500svh;isolation:isolate}
.workload-demo *{box-sizing:border-box}.workload-demo svg{display:block;width:100%;height:100%}.workload-demo [hidden]{display:none!important}
.product-section>.workload-stage{display:block;width:100vw;max-width:none;margin:0 calc(-1*var(--pad));padding:0;border:0!important;border-radius:0;overflow:visible;transform:none!important}
.software-section{padding-bottom:0;overflow:clip}.software-section>.section-copy{padding-bottom:65px}
.wl-viewport{position:sticky;top:88px;height:calc(100svh - 88px);min-height:490px;overflow:hidden;background:#65dd96;isolation:isolate}

.wl-live-count{font-size:12px;letter-spacing:0;background:#ffffff7d;border:1px solid #fff7;padding:8px 13px;border-radius:30px;font-weight:500;backdrop-filter:blur(14px)}.wl-live-count b{font-variant-numeric:tabular-nums;font-size:17px;margin-right:5px}.wl-live-count.wl-clear{background:#ffffffbd;color:#367158}
.wl-opening{position:absolute;left:50%;top:14%;width:90%;text-align:center;z-index:5;transform:translateX(-50%)}.wl-opening h3,.wl-routing h3,.wl-calm h3{font-size:clamp(45px,5.5vw,84px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0}.wl-opening p,.wl-routing p,.wl-calm p{font-size:13px;line-height:1.8;margin:20px 0 0}.wl-opening h3{font-size:clamp(50px,6vw,92px)}
.wl-sources{position:absolute;left:50%;top:54%;display:flex;gap:76px;z-index:45;transform:translateX(-50%);transform-origin:top center}.wl-source{width:124px;display:flex;flex-direction:column;align-items:center;gap:15px}.wl-source-icon{width:104px;height:104px;position:relative;background:#fff;border-radius:26px;box-shadow:0 12px 26px #17392917}.wl-source-icon>img,.wl-source-icon>svg{width:100%;height:100%;border-radius:26px;display:block}.wl-source>span{white-space:nowrap;font-size:12px;font-weight:600}.wl-badge{position:absolute;top:-12px;right:-13px;min-width:38px;height:38px;background:#f44348;color:#fff;border:3px solid #fff8;box-shadow:0 3px 10px #a4222830;border-radius:30px;font-size:22px;font-weight:600;display:grid;place-items:center;padding:0 8px;font-variant-numeric:tabular-nums}
.wl-toast-field{position:absolute;inset:0;z-index:25;pointer-events:none}.wl-toast{position:absolute;left:0;top:0;min-height:104px;display:flex;gap:10px;padding:13px 14px;border-radius:22px;background:#f4f7f4ef;border:1px solid #ffffffba;box-shadow:0 8px 20px #15362624;backdrop-filter:blur(18px);font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;transform-origin:center center;opacity:0;will-change:transform,opacity}.wl-toast-icon{height:34px;width:34px;flex:none;border-radius:9px;overflow:hidden;margin-top:3px}.wl-toast-icon img{display:block;width:100%;height:100%}.wl-toast>div{flex:1;min-width:0}.wl-toast-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.03em;color:#7b847d;margin:0 0 6px}.wl-toast-meta>span{font-size:9px;letter-spacing:0}.wl-toast strong{display:block;font-size:12px;font-weight:650;margin-bottom:4px}.wl-toast p{font-size:11px;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-toast-tag{font-size:8px;color:#7a8c80;margin-top:7px;display:block}
.wl-routing{position:absolute;left:50%;top:43%;width:85%;text-align:center;z-index:10;opacity:0;transform:translate(-50%,-50%)}.wl-orchestrator{display:block;margin:0 auto 17px;width:45px;height:45px}.wl-routing h3{font-size:clamp(42px,5.1vw,76px)}.wl-routing p{font-size:12px;margin-top:16px}
.wl-destinations{position:absolute;bottom:90px;left:6%;right:6%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;opacity:0;z-index:40}.wl-destination{display:flex;position:relative;align-items:center;gap:10px;min-height:84px;padding:15px 13px;border:1px solid #fff9;border-radius:21px;background:#f7fff4b3;backdrop-filter:blur(20px);box-shadow:0 7px 23px #163d2510}.wl-destination-icon{width:40px;height:40px;flex:none;overflow:hidden;border-radius:11px}.wl-destination-icon>img{width:100%;height:100%;display:block}.wl-destination>div{flex:1;min-width:0}.wl-destination strong{display:block;font-size:11px;font-weight:650;white-space:nowrap}.wl-destination small{display:block;font-size:9px;color:#6d7d72;margin-top:5px}.wl-destination>b{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.wl-destination-check{position:absolute;right:11px;top:-8px;width:20px;height:20px;border-radius:50%;background:#2d805d;color:white;padding:4px;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.wl-destination-done .wl-destination-check{opacity:1;transform:scale(1)}
.wl-sky{position:absolute;inset:0;z-index:0;opacity:0;overflow:hidden;background:#5e9bff}
.wl-wallpaper-arc{position:absolute;inset:0;width:100%!important;height:100%!important;transform-origin:16% 100%;will-change:transform}
.wl-wallpaper-tile{position:absolute;width:48%;aspect-ratio:1;right:-15%;bottom:-35%;border-radius:20%;background:#65dd96;transform:rotate(-15deg);will-change:transform}
.wl-sun{position:absolute;right:12%;top:13%;width:105px;height:105px;background:#f7cd46;border-radius:50%;transform-origin:center;will-change:transform}

.wl-calm{position:absolute;left:50%;top:41%;width:90%;text-align:center;transform:translate(-50%,-50%);opacity:0;z-index:15}.wl-calm h3{font-size:clamp(48px,6.3vw,96px)}.wl-calm em{display:inline-block;transform-origin:center;font-style:normal;color:#4d9679;will-change:transform}.wl-calm p{font-size:13px}.wl-calm-check{width:31px;height:31px;display:block;margin:0 auto 20px;background:#fff9;padding:7px;border-radius:50%;color:#5b8d72}.wl-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* The offering preview introduces the same app-to-app scene, without a phone. */
.workload-snapshot{display:grid;place-items:center}.workload-snapshot .wl-mini-scene{position:relative;display:flex;gap:28px;align-items:center;justify-content:center;width:100%;height:100%;transform:rotate(-9deg)}.wl-mini-icon{position:relative;width:96px;height:96px;flex:none;border-radius:24px;box-shadow:0 18px 30px #1b202820;background:#fff}.wl-mini-icon img{display:block;width:100%;height:100%;border-radius:24px}.wl-mini-icon>b{position:absolute;top:-10px;right:-12px;color:white;background:#f44348;border:3px solid #fff7;padding:5px 10px;border-radius:30px;font-size:21px;font-weight:550}.wl-mini-notice{position:absolute;background:#fffdf1;border:1px solid #fff;border-radius:16px;box-shadow:0 8px 20px #15362620;padding:15px 21px;font-size:12px;bottom:0;left:12%;right:12%;text-align:center;transform:rotate(6deg)}
body.workload-standalone{margin:0;background:#65dd96;font-family:Manrope,sans-serif}.workload-standalone .wl-viewport{top:0;height:100svh}.workload-standalone .workload-demo{height:500svh}
@media(max-width:1000px){.wl-destinations{left:4%;right:4%;gap:9px}.wl-destination{padding:12px 10px;gap:7px}.wl-destination-icon{width:32px;height:32px}.wl-destination strong{font-size:10px}.wl-destination small{font-size:8px}.wl-destination>b{font-size:18px}.wl-source-icon{width:92px;height:92px}.wl-sources{gap:50px}}
@media(max-width:650px){.workload-demo,.workload-standalone .workload-demo{height:530svh}.wl-viewport{top:74px;height:calc(100svh - 74px);min-height:550px}.software-section>.section-copy{padding-bottom:40px}.wl-live-count{font-size:10px;padding:6px 10px}.wl-live-count b{font-size:15px}.wl-opening{top:17%}.wl-opening h3{font-size:57px}.wl-opening p{font-size:12px}.wl-sources{gap:28px}.wl-source{width:116px;gap:12px}.wl-source-icon{width:86px;height:86px;border-radius:23px}.wl-source-icon>svg,.wl-source-icon>img{border-radius:23px}.wl-source>span{font-size:10px}.wl-badge{font-size:18px;height:33px;min-width:33px;border-width:2px}.wl-toast{min-height:103px;padding:12px;border-radius:19px}.wl-toast p{font-size:10px}.wl-toast strong{font-size:11px}.wl-routing{top:37%}.wl-routing h3{font-size:46px}.wl-routing p{font-size:11px}.wl-destinations{grid-template-columns:repeat(2,1fr);left:22px;right:22px;bottom:95px;gap:10px}.wl-destination{min-height:70px;padding:11px 9px;border-radius:17px;gap:7px}.wl-destination-icon{width:29px;height:29px;border-radius:8px}.wl-destination strong{font-size:9px}.wl-destination small{font-size:8px}.wl-destination>b{font-size:17px}.wl-calm{top:36%}.wl-calm h3{font-size:57px}.wl-calm p{font-size:11px;line-height:1.8}.wl-calm-check{margin-bottom:14px}.wl-sun{width:67px;height:67px;top:14%;right:9%;box-shadow:none}.wl-mini-icon{width:70px;height:70px;border-radius:19px}.wl-mini-icon img{border-radius:19px}.wl-mini-icon>b{font-size:15px}.wl-mini-notice{font-size:10px;padding:12px}.workload-snapshot .wl-mini-scene{gap:22px}}
@media(prefers-reduced-motion:reduce){.workload-demo,.workload-standalone .workload-demo{height:auto}.wl-viewport{position:relative;top:auto}.workload-demo *{transition:none!important}.wl-toast-field,.wl-opening,.wl-sources,.wl-routing{display:none!important}}

/* Fixed notification proportions; only position, angle and opacity animate. */
.wl-toast{min-height:0;max-height:none;overflow:hidden;gap:calc(11px*var(--wl-toast-fit,1));padding:calc(12px*var(--wl-toast-fit,1)) calc(14px*var(--wl-toast-fit,1));border-radius:calc(23px*var(--wl-toast-fit,1));align-items:center}
.wl-toast-icon{width:calc(42px*var(--wl-toast-fit,1));height:calc(42px*var(--wl-toast-fit,1));border-radius:calc(10px*var(--wl-toast-fit,1));margin:0}
.wl-toast-meta{font-size:calc(9px*var(--wl-toast-fit,1));line-height:1.2;margin:0 0 calc(5px*var(--wl-toast-fit,1));gap:8px;white-space:nowrap}
.wl-toast-meta>span{font-size:inherit}
.wl-toast strong{font-size:calc(14px*var(--wl-toast-fit,1));line-height:1.2;margin:0 0 calc(3px*var(--wl-toast-fit,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-toast p{font-size:calc(13px*var(--wl-toast-fit,1));line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* App destinations are solid dashboard tiles, distinct from glass notifications. */
.wl-destination{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px 11px;min-height:106px;padding:15px 16px;border:1px solid #1b20281f;border-top:3px solid var(--destination-accent);border-radius:12px;background:var(--destination-surface,#edf5ef);color:#1b2028;backdrop-filter:none;box-shadow:0 10px 24px #163d2514;--destination-accent:#2a7c50}
.wl-destination[data-destination="0"]{--destination-accent:#ff896a}.wl-destination[data-destination="1"]{--destination-accent:#40bff4}.wl-destination[data-destination="2"]{--destination-accent:#f4c849}
.wl-destination-icon{grid-column:1;grid-row:1;width:32px;height:32px;border-radius:8px}
.wl-destination>div{display:contents}
.wl-destination strong{grid-column:2;grid-row:1;font-size:11px;font-weight:600;white-space:normal;line-height:1.3}
.wl-destination>b{grid-column:1;grid-row:2;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.06em;color:var(--destination-accent)}
.wl-destination small{grid-column:2;grid-row:2;margin:0;padding-right:18px;color:#54665e;font-size:9px;line-height:1.4}
.wl-destination-check{right:13px;top:auto;bottom:17px;width:17px;height:17px;border-radius:5px;padding:3px;background:#2a7c5014;color:#28744e}
@media(max-width:1000px){.wl-destination{padding:13px 12px;grid-template-columns:30px minmax(0,1fr);gap:9px}.wl-destination-icon{width:28px;height:28px}.wl-destination strong{font-size:10px}.wl-destination>b{font-size:25px}.wl-destination small{font-size:8px}.wl-destination-check{right:10px}}
@media(max-width:650px){.wl-destinations{bottom:65px;gap:9px}.wl-destination{min-height:87px;padding:11px 10px;grid-template-columns:27px minmax(0,1fr);gap:8px;border-radius:10px}.wl-destination-icon{width:26px;height:26px;border-radius:7px}.wl-destination strong{font-size:9px}.wl-destination>b{font-size:24px}.wl-destination small{font-size:8px;padding-right:12px}.wl-destination-check{right:8px;bottom:14px;width:14px;height:14px;padding:2px}}

/* Four app destinations; Gmail and WhatsApp remain incoming sources only. */
.wl-destination[data-app="hubspot"]{--destination-accent:#b65330;--destination-surface:#fff0e6}.wl-destination[data-app="xero"]{--destination-accent:#0975a2;--destination-surface:#e2f3ff}.wl-destination[data-app="sheets"]{--destination-accent:#2a7c50;--destination-surface:#e5f5e9}.wl-destination[data-app="calendar"]{--destination-accent:#365aa8;--destination-surface:#e9efff}
.wl-destination[data-app="sheets"] .wl-destination-icon,.wl-destination[data-app="calendar"] .wl-destination-icon{padding:3px;background:#fff}

/* Work finds its place in a Mac desktop, with live totals on the Dock. */
.wl-macbook{position:absolute;left:50%;top:54%;width:min(960px,88%,calc((100svh - 225px)*1.6));aspect-ratio:1.6;transform:translate(-50%,-50%);z-index:10;opacity:0;container-type:inline-size;filter:drop-shadow(0 30px 28px #194b3030)}
.wl-mac-display{position:absolute;inset:0;padding:1.1%;border-radius:2.5cqw 2.5cqw .9cqw .9cqw;background:linear-gradient(110deg,#777c82,#25282d 18%,#111318 60%,#575c63);border:1px solid #949ba1;box-shadow:inset 0 0 0 2px #181b21}
.wl-desktop{position:relative;width:100%;height:100%;overflow:hidden;border-radius:1.5cqw 1.5cqw .35cqw .35cqw;isolation:isolate;background:#ccebdc;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}
.wl-mac-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 12%,#a5d8ff,transparent 60%),radial-gradient(ellipse at 15% 90%,#f3e6bc,transparent 60%),linear-gradient(145deg,#b9dece,#cfecea 70%,#eef4db)}
.wl-mac-wallpaper:after{content:'';position:absolute;inset:-35%;border:8cqw solid #ffffff1a;border-radius:44%;transform:rotate(-30deg)}
.wl-mac-menu{position:absolute;top:0;left:0;right:0;height:3.1cqw;display:flex;align-items:center;justify-content:space-between;padding:0 1.6cqw;background:#ffffff57;border-bottom:1px solid #ffffff30;backdrop-filter:blur(12px);z-index:20;color:#273b40;font-size:1.12cqw;white-space:nowrap}
.wl-mac-menu-left,.wl-mac-menu-right{display:flex;align-items:center;gap:1.5cqw}.wl-mac-menu svg{width:1.7cqw;height:1.7cqw}.wl-mac-menu-right{gap:1cqw}.wl-mac-menu-right svg:last-of-type{width:2.2cqw}
.wl-mac-notch{position:absolute;z-index:30;top:0;left:50%;transform:translateX(-50%);width:12.5%;height:2.8cqw;background:#111318;border-radius:0 0 .9cqw .9cqw}.wl-mac-notch i{position:absolute;left:50%;top:.6cqw;width:.6cqw;height:.6cqw;border-radius:50%;background:#18202c;box-shadow:inset 0 0 0 1px #ffffff10}
.wl-mac-base{position:absolute;left:-7%;right:-7%;height:2.2cqw;bottom:-1.4cqw;border-radius:.2cqw .2cqw 50% 50% / .2cqw .2cqw 1.7cqw 1.7cqw;background:linear-gradient(#cbd0d5,#a3abb4 32%,#626c77 80%,#454c54);box-shadow:0 1px 0 #ffffff80 inset,0 .7cqw .7cqw #213a3020}
.wl-mac-base i{display:block;position:absolute;top:0;left:43%;width:14%;height:.8cqw;border-radius:0 0 1cqw 1cqw;background:linear-gradient(#7c858e,#bac1c7)}
.wl-mac-dock{position:absolute;left:50%;bottom:1.2cqw;transform:translateX(-50%);display:flex;align-items:center;gap:1.2cqw;padding:1cqw 1.15cqw .55cqw;border:1px solid #ffffffad;border-radius:1.7cqw;background:#f8ffff72;backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 .6cqw 2cqw #274b4626,inset 0 0 0 1px #ffffff30;z-index:40}
.wl-dock-utilities{display:flex;gap:1.1cqw}.wl-dock-utility{width:5.5cqw;position:relative;padding-bottom:.9cqw;flex:none}.wl-dock-utility>span{display:block;width:5.5cqw;height:5.5cqw;filter:drop-shadow(0 .2cqw .2cqw #203b4929)}.wl-dock-utility i{position:absolute;bottom:.1cqw;left:50%;width:.35cqw;height:.35cqw;border-radius:50%;background:#425857;transform:translateX(-50%)}.wl-dock-divider{height:5cqw;width:1px;background:#51687530;flex:none}
.wl-macbook .wl-destinations{position:static;display:flex;gap:1.25cqw;opacity:1;flex:none}
.wl-macbook .wl-destination{position:relative;display:block;width:5.5cqw;min-height:0;height:6.4cqw;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;color:#263d3a;flex:none}
.wl-macbook .wl-destination-icon{display:block;width:5.5cqw;height:5.5cqw;border-radius:1.25cqw;background:#fff;box-shadow:0 .25cqw .3cqw #203b4929;overflow:hidden}
.wl-macbook .wl-destination[data-app="sheets"] .wl-destination-icon,.wl-macbook .wl-destination[data-app="calendar"] .wl-destination-icon{padding:.4cqw}
.wl-macbook .wl-destination>div{display:block;position:absolute;bottom:calc(100% + 2cqw);left:50%;transform:translateX(-50%);padding:.55cqw .9cqw;background:#f8fffcdb;border:1px solid #ffffffbd;border-radius:.65cqw;box-shadow:0 .2cqw 1cqw #203b4910;white-space:nowrap}
.wl-macbook .wl-destination strong{font-size:1cqw;line-height:1.2;font-weight:500;white-space:nowrap}
.wl-macbook .wl-destination:nth-child(even)>div{bottom:calc(100% + 4.8cqw)}
.wl-macbook .wl-destination small,.wl-macbook .wl-destination-check{display:none}
.wl-macbook .wl-destination>b{position:absolute;right:-.7cqw;top:-.8cqw;min-width:2.3cqw;height:2.3cqw;padding:0 .5cqw;display:grid;place-items:center;border-radius:2cqw;background:#ee4c51;color:#fff;border:.15cqw solid #fff9;box-shadow:0 .2cqw .4cqw #59232b26;font-size:1.5cqw;font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.wl-macbook .wl-destination:after{content:'';position:absolute;bottom:.1cqw;left:50%;width:.35cqw;height:.35cqw;border-radius:50%;background:#425857;transform:translateX(-50%)}
.wl-macbook .wl-routing,.wl-macbook .wl-calm{top:42%;width:90%}
.wl-macbook .wl-routing h3,.wl-macbook .wl-calm h3{font-family:Manrope,Arial,sans-serif;font-size:6.3cqw;line-height:1.03}
.wl-macbook .wl-routing p,.wl-macbook .wl-calm p{font-size:1.6cqw;line-height:1.6;margin:2cqw 0 0}
.wl-macbook .wl-orchestrator{width:4cqw;height:4cqw;margin:0 auto 1.3cqw}
.wl-macbook .wl-calm-check{width:2.6cqw;height:2.6cqw;padding:.6cqw;margin:0 auto 1.4cqw}
.wl-macbook .wl-sun{width:8cqw;height:8cqw;right:10%;top:17%;box-shadow:none}

@media(max-width:650px){.wl-macbook{width:88%;top:53%}.wl-macbook .wl-routing h3,.wl-macbook .wl-calm h3{font-size:6.8cqw}.wl-macbook .wl-routing p,.wl-macbook .wl-calm p{font-size:2cqw}.wl-macbook .wl-destination strong{font-size:1.2cqw}.wl-macbook .wl-destination>div{padding:.6cqw}}

.wl-macbook .wl-destination{transform:translateY(calc(var(--dock-arrival,0)*-.75cqw))}
@media(max-width:650px){.wl-macbook{width:87%}.wl-macbook .wl-dock-utilities .wl-dock-utility:last-child{display:none}.wl-macbook .wl-destination,.wl-macbook .wl-dock-utility{width:7.2cqw;height:8.1cqw}.wl-macbook .wl-destination-icon,.wl-macbook .wl-dock-utility>span{width:7.2cqw;height:7.2cqw;border-radius:1.6cqw}.wl-macbook .wl-destination>b{font-size:2cqw;min-width:3.2cqw;height:3.2cqw}.wl-macbook .wl-destination strong{font-size:1.6cqw}}

/* Space Black MacBook Pro: an even-depth chassis, dark hinge and room around it. */
.wl-macbook{width:min(1000px,82%,calc((100svh - 238px)*1.6));top:53%;opacity:1;filter:drop-shadow(0 24px 23px #193c3529)}
.wl-mac-display{padding:1.45% 1.55% 1.7%;background:linear-gradient(120deg,#505257,#202126 25%,#141519 75%,#45464a);border-color:#65666b;border-radius:2.7cqw 2.7cqw .7cqw .7cqw;box-shadow:inset 0 0 0 .25cqw #0e0f11,inset 0 .35cqw .3cqw #ffffff21}
.wl-desktop{border-radius:1.55cqw 1.55cqw .3cqw .3cqw}
.wl-mac-hinge{position:absolute;left:3%;right:3%;bottom:-.25cqw;height:.8cqw;background:linear-gradient(#08090b,#36383d);border-radius:.35cqw}
.wl-mac-base{left:-4.5%;right:-4.5%;height:2.7cqw;bottom:-2cqw;border:1px solid #18191c;border-top-color:#939397;border-radius:.25cqw .25cqw 1.15cqw 1.15cqw;background:linear-gradient(#727377 0%,#545559 18%,#333438 34%,#303135 75%,#18191c 100%);box-shadow:inset 0 -.3cqw .3cqw #111217,0 .55cqw .55cqw #20342d30}
.wl-mac-base i{left:43%;width:14%;height:.8cqw;background:linear-gradient(#202126,#44454b);border-radius:0 0 .8cqw .8cqw;box-shadow:0 1px 0 #a7a7aa35}
.wl-mac-feet{position:absolute;left:4%;right:4%;height:.45cqw;bottom:-2.35cqw}
.wl-mac-feet:before,.wl-mac-feet:after{content:'';position:absolute;bottom:0;width:8%;height:100%;background:#202125;border-radius:0 0 .35cqw .35cqw}.wl-mac-feet:before{left:0}.wl-mac-feet:after{right:0}
/* macOS 27's translucent controls, with native Finder, Safari and Notes artwork. */
.wl-mac-wallpaper{background:radial-gradient(ellipse at 92% 2%,#b2afa8 0%,transparent 62%),radial-gradient(ellipse at 8% 8%,#b19a77,transparent 65%),linear-gradient(135deg,#b2a391,#796f69 52%,#536778);overflow:hidden}
.wl-mac-wallpaper:after{inset:-77% -10% -5% -80%;border:1px solid #ffffffe0;border-radius:48%;transform:rotate(-28deg);background:linear-gradient(160deg,#ffffff04 58%,#ffffff42 80%,#b4a58b08);box-shadow:1.2cqw .1cqw 1.4cqw #ffffff27,inset -.5cqw -.2cqw .5cqw #ffffffa1}
.wl-mac-wallpaper:before{content:'';position:absolute;inset:-20% -80% -70% 20%;border:1px solid #ffffff95;border-radius:47%;transform:rotate(-28deg);box-shadow:inset .45cqw .1cqw .55cqw #ffffffa0,-.3cqw 0 .4cqw #ffffff59;background:linear-gradient(145deg,#d8d0ba12,#45596c30)}
.wl-mac-menu{height:3.25cqw;background:#ffffff19;border:0;color:#fafaf9;text-shadow:0 1px 2px #0004;backdrop-filter:blur(14px) saturate(1.2);font-weight:500}
/* Overlap the display edge to avoid a subpixel wallpaper seam above the camera. */
.wl-mac-notch{top:-2px;height:calc(3cqw + 2px);background:#111215;width:12.6%}
.wl-mac-dock{bottom:1.25cqw;gap:.85cqw;padding:.75cqw 1cqw .4cqw;border-radius:1.8cqw;background:linear-gradient(135deg,#ffffff65,#eef5ff30);border:1px solid #ffffff90;box-shadow:0 .8cqw 1.6cqw #15212b26,inset 0 .15cqw .3cqw #fff8,inset 0 -.12cqw .15cqw #ffffff55;backdrop-filter:blur(24px) saturate(1.6)}
.wl-dock-utilities{gap:.8cqw}.wl-macbook .wl-dock-utility{width:4.8cqw;height:5.65cqw;padding-bottom:.85cqw}.wl-macbook .wl-dock-utility>span{width:4.8cqw;height:4.8cqw;filter:none}.wl-dock-utility img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.18)}
.wl-macbook .wl-destinations{gap:.85cqw}.wl-macbook .wl-destination{width:4.8cqw;height:5.65cqw}.wl-macbook .wl-destination-icon{width:4.8cqw;height:4.8cqw;border-radius:1.15cqw;box-shadow:0 .15cqw .25cqw #0002,inset 0 0 .1cqw #fff}
.wl-macbook .wl-sources{position:static;display:flex;gap:.85cqw;transform:none;opacity:1;flex:none;align-items:flex-start}
.wl-macbook .wl-source{position:relative;display:block;width:4.8cqw;height:5.65cqw}.wl-macbook .wl-source-icon{width:4.8cqw;height:4.8cqw;border-radius:1.15cqw;box-shadow:0 .15cqw .25cqw #0002}.wl-macbook .wl-source-icon>img{border-radius:1.15cqw}.wl-macbook .wl-source>span{display:none}
.wl-macbook .wl-source:after{content:'';position:absolute;bottom:.1cqw;left:50%;width:.35cqw;height:.35cqw;border-radius:50%;background:#425857;transform:translateX(-50%)}
.wl-macbook .wl-destination>b,.wl-macbook .wl-badge{right:-.65cqw;top:-.7cqw;min-width:2.1cqw;height:2.1cqw;padding:0 .4cqw;border:.12cqw solid #fff6;border-radius:2cqw;background:#ed454a;color:#fff;box-shadow:0 .1cqw .3cqw #54101830;font-size:1.25cqw;font-weight:600;line-height:1;letter-spacing:-.02em}
.wl-macbook .wl-destination strong{font-size:1cqw}.wl-macbook .wl-destination>div{bottom:calc(100% + 1.8cqw)}.wl-macbook .wl-destination:nth-child(even)>div{bottom:calc(100% + 4.6cqw)}
.wl-macbook .wl-opening{left:29%;top:42%;width:47%;text-align:left;color:#fff;transform:translate(-50%,-50%);text-shadow:0 2px 20px #1b202822}
.wl-macbook .wl-opening h3{font-size:4.8cqw}.wl-macbook .wl-opening p{font-size:1.5cqw;line-height:1.65;margin-top:2cqw;max-width:95%}
.wl-macbook .wl-routing{color:#fff;text-shadow:0 2px 20px #1b202822}
/* macOS banners keep their proportions as they leave the desktop and form a pile. */
.wl-toast{background:linear-gradient(125deg,#fffefbf2,#f1f1f0ed);border:1px solid #fff9;box-shadow:0 8px 22px #14232124,inset 0 1px 0 #fffd;backdrop-filter:blur(24px) saturate(1.4);border-radius:calc(17px*var(--wl-toast-fit,1));gap:calc(11px*var(--wl-toast-fit,1));padding:calc(8px*var(--wl-toast-fit,1)) calc(12px*var(--wl-toast-fit,1))}
.wl-toast-icon{width:calc(36px*var(--wl-toast-fit,1));height:calc(36px*var(--wl-toast-fit,1));border-radius:calc(8px*var(--wl-toast-fit,1))}
.wl-toast-meta{font-size:calc(10px*var(--wl-toast-fit,1));letter-spacing:0;margin-bottom:calc(4px*var(--wl-toast-fit,1))}.wl-toast strong{font-size:calc(13px*var(--wl-toast-fit,1))}.wl-toast p{font-size:calc(12px*var(--wl-toast-fit,1));line-height:1.35}
@media(max-width:650px){.wl-macbook{width:82%;top:52%}.wl-macbook .wl-dock-utilities .wl-dock-utility:last-child{display:none}.wl-macbook .wl-opening h3{font-size:5.2cqw}.wl-macbook .wl-opening p{font-size:1.8cqw}.wl-macbook .wl-destination>b,.wl-macbook .wl-badge{font-size:1.7cqw;min-width:2.8cqw;height:2.8cqw}.wl-macbook .wl-destination strong{font-size:1.15cqw}}

.workload-demo[data-phase="3"] .wl-mac-menu{color:#273b40;text-shadow:none;background:#ffffff30}

/* Keep the section’s decorative arc visible behind the sticky laptop scene. */
.software-section .wl-viewport{background:transparent}

/* Calm uses the same bold geometry as the opening, with room around the message. */
.wl-macbook .wl-calm em{color:#1b2028}
.wl-macbook .wl-calm-check{background:#ffffffb0;color:#245d43}

/* A closer mobile view of the same scene, with both sides cropped by the viewport. */
.wl-scene{position:absolute;inset:0;transform:scale(var(--wl-zoom,1));transform-origin:50% 52%;pointer-events:none}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){.wl-scene{will-change:transform}}

/* Compact approach and departure; full breathing room while centred and sticky. */
.product-section>.workload-stage{margin-top:calc(-1*var(--wl-entry-trim,0px));margin-bottom:calc(-1*var(--wl-exit-trim,0px));pointer-events:none}