.run{position:relative;z-index:3;background:#000;--ph: min(calc(100vh - var(--nav-h) - 40px), 900px);--pw: calc(var(--ph) * .49);--px: 64vw}.run .stagebox{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;z-index:1}.run-phone{position:absolute;left:var(--px);top:calc(50% + var(--nav-h) / 2);height:var(--ph);aspect-ratio:1470 / 3000;transform:translate(-50%,-50%);z-index:2}.run-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;z-index:2}.run-screen{position:absolute;left:5.102%;top:2.2%;width:89.796%;height:95.6%;overflow:hidden;background:#000;z-index:1;-webkit-mask:url(run/assets/iphone-18-pro-max-screen-mask.png) 0 0 / 100% 100%;mask:url(run/assets/iphone-18-pro-max-screen-mask.png) 0 0 / 100% 100%}.run-screen iframe{position:absolute;left:0;top:0;width:440px;height:956px;border:0;transform-origin:0 0;background:#000}.run .rw-side{position:absolute;inset:0;z-index:3;pointer-events:none}.run .rw-side>*{pointer-events:auto}.run .rw-top,.run .rw-rail{display:none}.run .hx{margin:0;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--text-bright);text-wrap:balance}.run .h1{font-size:clamp(40px,4.3vw,70px)}.run .lede{margin:20px 0 0;font-size:clamp(17px,1.3vw,21px);line-height:1.45;color:var(--dim);text-wrap:pretty}.run .ink-v{--ink: var(--vo2)}.run .lede-dome{margin-top:24px;color:transparent;--ink: var(--dim);font-size:clamp(19px,1.6vw,25px);font-weight:600;letter-spacing:-.012em;line-height:1.34}.run .col{position:absolute;top:calc(50% + var(--nav-h) / 2);transform:translateY(-50%)}.run .col.l{left:var(--edge, 7vw);width:calc(var(--px) - var(--pw) / 2 - var(--edge, 7vw) - 76px)}.run .run-rail{display:flex;gap:8px;margin:-12px 0 24px}.run .run-rail .seg{all:unset;box-sizing:border-box;flex:1;height:44px;margin:-8.5px 0;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px}.run .run-rail .seg i{position:relative;display:block;width:100%;height:3px;border-radius:2px;overflow:hidden;background:var(--slate);opacity:.5;transition:transform .18s ease-out,opacity .3s ease-out,background .3s ease-out}.run .run-rail .seg i b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--text-bright);border-radius:2px}.run .run-rail .seg.on i,.run .run-rail .seg.past i{opacity:1}.run .run-rail .seg:hover i{transform:scaleY(1.67);opacity:1;background:#4A5866}.run .run-rail .seg:active i{transform:scaleY(1.67);background:var(--mute)}.run .run-rail .seg:focus-visible{outline:2px solid var(--cyan-glow);outline-offset:2px}.run .swap{position:relative;min-height:2.2em}.run .swap>div{transition:opacity .36s ease-out,transform .36s ease-out}.run .swap>div.out{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(-10px);transition-duration:.22s}.run .swap>div.in{opacity:0;transform:translateY(14px)}@media(prefers-reduced-motion:reduce){.run .swap>div,.run .run-rail .seg i{transition:none}}@media(max-width:699px){.run{padding-top:var(--nav-h)}section.run{margin-top:24px}.run-phone{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}.run-shell{display:none}.run-screen{inset:0;left:0;top:0;width:100%;height:100%;-webkit-mask:none;mask:none}.run-screen iframe{width:100%;height:100%;transform:none}.run .rw-side{display:none}.run .rw-rail{display:block;position:sticky;top:var(--nav-h);z-index:6;padding:8px var(--gutter) 12px;background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 45%,rgba(0,0,0,0) 100%)}.run .rw-rail .run-rail{margin:0}.run .rw-top{display:block;position:relative;height:var(--band, 170px);padding:2px var(--gutter) 20px;overflow:hidden}.run .stagebox{height:calc(100svh - var(--nav-h));min-height:560px}.run .rw-meas{position:absolute;left:var(--gutter);right:var(--gutter);top:0;visibility:hidden;pointer-events:none}.run .swap .hx{font-size:25px;line-height:1.08}.run .swap .lede-dome{font-size:18px;line-height:1.38;margin-top:10px}}