[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].is-in{opacity:1;transform:none}.ticker{display:inline-flex}.screen{position:relative;margin-top:56px;aspect-ratio:16 / 9.4;border-radius:18px;overflow:hidden;background:#050506;box-shadow:0 0 0 1px #ffffff1a,0 0 0 9px #121027,0 0 0 10px #ffffff14,0 50px 100px -40px #000;container-type:inline-size;font-family:Geist,system-ui,sans-serif}.menubar{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 16px;background:#1d1e22b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:12.5px;font-weight:500;color:#e9eaee}.menubar-left{display:flex;gap:18px;color:#c9ccd3}.menubar-left b{color:#fff;font-weight:600}.menubar-right{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-feature-settings:"zero","tnum"}.wordmark-mark{display:inline-block;background:currentColor;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat}.menubar-right .wordmark-mark{width:12px;height:14px}.menubar-right span:last-child{margin-left:14px}.scene{position:absolute;top:30px;right:0;bottom:0;left:0;overflow:hidden;background:#07080a;animation:scene-in .6s var(--ease) both}.film{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.film-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-ridge{animation:pan 26s ease-in-out infinite alternate}.film-ridge.mid{animation-duration:22s}.film-ridge.near{animation-duration:18s}.film-ridge.front{animation-duration:14s}.film:before,.film:after{content:"";position:absolute;z-index:2;left:0;right:0;height:9.5%;background:#000}.film:before{top:0}.film:after{bottom:0}.subtitle{position:absolute;z-index:3;left:0;right:0;bottom:14%;text-align:center;font-size:clamp(11px,1.7cqi,20px);font-weight:500;color:#fff;text-shadow:0 1px 3px #000}.mac-hud{--pt: clamp(.66px, .074cqi, .95px);--muted: #bbc4d2;position:absolute;z-index:4;color:#fff;background:color-mix(in srgb,#0b0d14 58%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff1f,0 24px 50px -20px #000a;font-family:Geist,system-ui,sans-serif;animation:rise .5s var(--ease) both}.mac-hud small{font-size:calc(12 * var(--pt));font-weight:500;color:var(--muted)}.mac-hud .ticker{font-family:var(--mono);font-feature-settings:"zero","tnum"}.mac-hud.corner{top:calc(30px + 2.2cqi);right:2.2cqi;display:flex;flex-direction:column;gap:calc(8 * var(--pt));width:calc(380 * var(--pt));padding:calc(12 * var(--pt)) calc(16 * var(--pt));border-radius:calc(26 * var(--pt))}.mac-hud .hud-top{display:flex;align-items:center;gap:calc(12 * var(--pt))}.mac-hud .hud-power{display:flex;flex:1;align-items:baseline;gap:calc(3 * var(--pt))}.mac-hud .hud-power .ticker{font-size:calc(60 * var(--pt));font-weight:700;line-height:1.05;letter-spacing:-.02em}.mac-hud .hud-power small{font-size:calc(13 * var(--pt))}.mac-hud .hud-sensors{display:flex;flex-direction:column;gap:calc(4 * var(--pt));width:calc(104 * var(--pt))}.mac-hud .hud-sensors>span{display:flex;align-items:baseline;gap:calc(5 * var(--pt))}.mac-hud .hud-sensors svg{align-self:center;width:calc(14 * var(--pt));height:calc(14 * var(--pt));margin:0 calc(1 * var(--pt))}.mac-hud .hud-sensors .heart svg{color:#ff375f}.mac-hud .hud-sensors .cadence svg{color:#0a84ff}.mac-hud .hud-sensors .ticker{font-size:calc(26 * var(--pt));font-weight:600;line-height:1.1}.mac-hud .hud-profile{display:flex;flex-direction:column;gap:calc(4 * var(--pt))}.mac-hud .hud-strip{position:relative;height:calc(30 * var(--pt))}.mac-hud .hud-strip svg{display:block;width:100%;height:100%;overflow:visible}.mac-hud .hud-trace{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.mac-hud .hud-trace.power{stroke:#ff9f0a;stroke-width:1.5}.mac-hud .hud-trace.heart{stroke:#fa4f73;stroke-width:1}.mac-hud .hud-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;transition:left 1s linear}.mac-hud .hud-playhead:before{content:"";position:absolute;top:-1px;left:-2.5px;width:7px;height:7px;border-radius:50%;background:#fff}.mac-hud .hud-times{display:flex;justify-content:space-between;font-size:calc(12 * var(--pt));font-weight:600}.mac-hud .hud-step{display:flex;flex-direction:column;gap:calc(6 * var(--pt));padding-top:calc(8 * var(--pt));border-top:1px solid #ffffff1f}.mac-hud .hud-step-row{display:flex;align-items:center;gap:calc(10 * var(--pt))}.mac-hud .hud-chip{display:grid;flex:none;place-items:center;width:calc(40 * var(--pt));height:calc(46 * var(--pt));border-radius:calc(7 * var(--pt));font-family:var(--mono);font-size:calc(16 * var(--pt));font-weight:700;color:#fff}.mac-hud .hud-chip.small{height:calc(22 * var(--pt));font-size:calc(13 * var(--pt))}.mac-hud .hud-step-text{display:flex;flex:1;flex-direction:column;gap:calc(2 * var(--pt));min-width:0;font-family:var(--mono);font-size:calc(15 * var(--pt));font-weight:600;white-space:nowrap}.mac-hud .hud-step-text small{font-family:Geist,system-ui,sans-serif}.mac-hud .hud-step-left{font-size:calc(32 * var(--pt));font-weight:700}.mac-hud .meter{height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.mac-hud .meter span{display:block;height:100%;background:var(--brand-dark);transform-origin:left;transition:transform 1s linear,background-color .3s}.mac-hud .hud-next{display:flex;align-items:center;gap:calc(8 * var(--pt));height:calc(22 * var(--pt));font-family:var(--mono);font-size:calc(13 * var(--pt));font-weight:600}.mac-hud .hud-next small{font-family:Geist,system-ui,sans-serif}.mac-hud .hud-next .hud-next-time{margin-left:auto;font-family:var(--mono);font-size:calc(13 * var(--pt))}@keyframes pan{0%{transform:translate(-60px)}to{transform:translate(60px)}}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}