.mac-desktop-preview{isolation:isolate;background:#292725;border:1px solid #ffffff24;border-radius:19px;width:100%;min-width:0;box-shadow:0 25px 70px #0005}.mac-menu{color:#e6dfd2;-webkit-user-select:none;user-select:none;background:#39352ff2;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;height:27px;padding:0 13px;font-size:9px;display:flex}.mac-menu>div{align-items:center;gap:13px;display:flex}.mac-menu-symbol{font-size:13px}.mac-workspace{border-radius:0 0 18px 18px;place-items:center;min-height:450px;padding:26px 38px;display:grid;position:relative}.mac-wallpaper,.mac-screen-shade{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mac-screen-shade{background:#17130e25}.mac-timer-window{z-index:1;width:min(290px,100%);position:relative}.mac-timer-window .quick-demo{border-radius:17px;grid-template-rows:43px minmax(0,1fr) 43px 25px 28px;max-width:none;height:365px;box-shadow:0 18px 55px #0006}.mac-timer-window .demo-top{padding:10px 12px}.mac-timer-window .demo-overline{letter-spacing:.04em;font-size:17px}.mac-timer-window .demo-sketch{mix-blend-mode:normal;background-image:url(/movements/sketch-female-transparent.png);width:158px;height:158px}.mac-timer-window .demo-caption{max-width:235px;font-size:10px}.mac-timer-window .demo-bottom{justify-content:center;padding:0 12px}.mac-timer-window .demo-play{padding:10px 16px;font-size:11px}.mac-timer-window .demo-footnote{font-size:8px}.mac-timer-window .demo-ring{width:158px;height:158px}.mac-timer-window .demo-clock{font-size:40px}.mac-desktop-preview .mac-timer-window .demo-movement-scene{mix-blend-mode:normal;gap:5px;padding:8px 12px}.mac-desktop-preview .mac-timer-window .demo-sketch{mix-blend-mode:normal;background-image:url(/movements/sketch-female-transparent.png);flex-shrink:1;width:135px;height:135px;min-height:0;margin:0 auto}.mac-desktop-preview .demo-seconds{margin:0;font-size:16px;line-height:1.2}@media (width<=759px){.mac-desktop-preview .mac-timer-window .demo-sketch{width:105px;height:105px}.mac-desktop-preview .mac-timer-window .demo-movement-scene{gap:3px;padding:5px 10px}}.landing-first-screen{flex-direction:column;min-height:100svh;display:flex}.desktop-showcase{width:min(1150px,100%);margin:0 auto;padding:40px 48px 70px}.desktop-showcase .mac-workspace{min-height:560px}.mac-static-timer{text-align:center;color:#251c0e;background:url(/images/gold-grain.svg),linear-gradient(165deg,#d7ae60,#c7963e 48%,#b98023);border-radius:18px;padding:24px;box-shadow:0 18px 55px #0006}.mac-static-timer h2,.mac-static-timer h3{font-family:Manrope,sans-serif;font-weight:600}.mac-static-timer h2{font-size:23px}.mac-static-timer h3{margin:10px 0;font-size:17px}.mac-static-figure{background:url(/movements/sketch-female-transparent.png) 0 0/300% 200% no-repeat;width:160px;height:160px;margin:12px auto}.mac-static-timer p{margin-bottom:12px;font-size:11px;line-height:1.6}.mac-static-timer strong{font-size:28px;display:block}.mac-static-timer small{font-size:10px;display:block}.mac-static-total{border-top:1px solid #49371c35;margin-top:12px;padding-top:10px;font-size:15px}.mac-static-total span{margin-left:5px;font-size:9px}@media (width<=759px){.desktop-showcase{padding:24px 20px 40px}.desktop-showcase .mac-workspace{min-height:460px}.mac-desktop-preview{max-width:440px;margin:auto}.mac-workspace{min-height:345px;padding:16px 28px}.mac-timer-window{width:260px}.mac-timer-window .quick-demo{grid-template-rows:35px minmax(0,1fr) 40px 22px 25px;height:310px}.mac-timer-window .demo-sketch{width:125px;height:125px}.mac-menu{font-size:8px}.mac-menu>div{gap:10px}}@media (height<=760px) and (width>=760px){.mac-workspace{min-height:370px;padding:16px 24px}.mac-timer-window .quick-demo{height:330px}.mac-timer-window .demo-sketch{width:135px;height:135px}}.mac-static-timer h3{text-transform:none;letter-spacing:normal;font-family:Manrope,sans-serif;font-style:normal;font-weight:600}.mac-static-total{flex-direction:column;align-items:center;gap:5px;display:flex}.mac-static-total span{margin-left:0}.mac-static-figure{background:url(/movements/individual/sketch-female-neck.webp) 50%/contain no-repeat}.mac-static-counts{grid-template-columns:1fr 1fr;gap:0;margin-top:18px;display:grid}.mac-static-counts>div{padding:0 8px}.mac-static-counts>div+div{border-left:1px solid #49371c55}.mac-static-counts strong{font-size:26px;font-weight:600;line-height:1.3}.mac-static-counts small{white-space:nowrap;margin-top:5px;font-size:9px;line-height:1.5}.desktop-showcase .mac-timer-window{width:min(360px,100%)}@media (width<=420px){.desktop-showcase .mac-workspace,.mac-static-timer{padding-inline:12px}.mac-static-counts>div{padding-inline:5px}.mac-static-counts small{font-size:8px}}.desktop-timer-reveal{transition:transform .35s}.desktop-timer-reveal[data-focus=true]{transform:translateY(-6px)}.timer-reveal-toggle{text-align:center;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:18px;padding:0;display:grid}.timer-reveal-toggle:focus-visible{outline-offset:6px;outline:2px solid #e2bb72}.timer-reveal-face{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;width:100%;min-height:390px;transition:opacity .35s,transform .35s;display:flex}.timer-reveal-title{font-size:23px;font-weight:600}.timer-reveal-exercise{margin:10px 0;font-size:17px;font-weight:600}.timer-reveal-instruction{font-size:11px;line-height:1.6}.timer-reveal-face .mac-static-figure{flex-shrink:0;display:block}.timer-reveal-face .mac-static-counts{width:100%}.timer-reveal-face .mac-static-counts>span{padding:0 8px}.timer-reveal-face .mac-static-counts>span+span{border-left:1px solid #49371c55}.timer-reveal-focus{color:#eeeae2;opacity:0;background:#292929;border:1px solid #ffffff25;border-radius:18px;gap:24px;padding:24px;transform:scale(.97);box-shadow:0 24px 65px #0008}.timer-reveal-clock{border:3px dotted #d7ae60;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:235px;height:235px;display:flex}.timer-reveal-clock strong{font-variant-numeric:tabular-nums;font-size:49px;font-weight:400}.timer-reveal-clock small{color:#bcb8af;font-size:11px}.desktop-timer-reveal[data-focus=true] .timer-reveal-focus{opacity:1;transform:scale(1)}.desktop-timer-reveal[data-focus=true] .mac-static-timer{opacity:0;transform:scale(1.025)}.timer-reveal-hint{text-align:center;color:#d2c7b7;margin:16px 0 0;font-size:11px}@media (prefers-reduced-motion:reduce){.desktop-timer-reveal,.timer-reveal-face{transition:none}.desktop-timer-reveal[data-focus=true]{transform:none}}
