*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;color:#1d1d1f;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:56px;background:#f5f5f7cc;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid #00000012;transition:background .6s,color .6s,border-color .6s}.nav-content{max-width:1120px;height:100%;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.site-header[data-theme=dark]{background:#101113cc;color:#f5f5f7;border-color:#ffffff18}.brand{display:flex;align-items:center;gap:9px;min-height:44px;font-size:21px;font-weight:600;letter-spacing:-.6px}.brand img{display:block;flex:none}nav{display:flex;align-items:center;gap:32px}.mac-download{display:inline-flex;align-items:center;min-height:32px;font-size:12px;white-space:nowrap}.mac-download:hover{text-decoration:underline;text-underline-offset:3px}.download{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 16px;border-radius:999px;background:#242426;color:#fff;font-size:12px;white-space:nowrap;transition:background .2s}.download:hover{background:#454548}.site-header[data-theme=dark] .download{background:#f5f5f7;color:#1d1d1f}.story{height:1460svh;outline:none}.stage{height:100svh;min-height:500px;position:sticky;top:0;overflow:hidden;background:#f5f5f7}.hero-copy,.chapter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-copy{visibility:hidden}h1,.chapter h2{margin:0}.hero-line,.title-mask{position:absolute;display:block;left:0;width:100%;text-align:center;white-space:nowrap;line-height:1.08;letter-spacing:-.055em;transform-origin:50% 50%;will-change:transform,opacity}.hero-line:first-child{z-index:3;--rest-top:13%;top:var(--rest-top);font-size:clamp(28px,2.7vw,44px);font-weight:450;letter-spacing:-.035em}.hero-line:last-child{z-index:1;--rest-top:21%;top:var(--rest-top);font-size:clamp(80px,9.5vw,152px);font-weight:650;letter-spacing:-.06em}.stage[data-layout=intro] .device{visibility:hidden}.intro-content{position:absolute;top:56px;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 48px;text-align:center}.intro-icon{display:block;width:clamp(88px,14svh,128px);height:auto;flex-shrink:0;filter:drop-shadow(0 12px 16px #0000000a)}.intro-title{margin:40px 0 0;letter-spacing:-.055em}.intro-subject{display:block;font-size:clamp(40px,7svh,68px);line-height:1.15;font-weight:300;letter-spacing:-.045em;color:#626266}.intro-statement{display:block;font-size:clamp(64px,min(8.6vw,13svh),112px);line-height:1.22;font-weight:600;letter-spacing:-.065em;margin-top:10px;padding-right:.065em;color:#202022;white-space:nowrap}.intro-statement strong{font-weight:750;letter-spacing:-.07em}.intro-actions{display:flex;justify-content:center;margin-top:42px}.intro-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 24px;border:1px solid #d2d2d6;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;color:#262629;background:transparent;transition:background .2s,border-color .2s}.intro-primary:hover{background:#e9e9ec;border-color:#b4b4ba}.device{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}canvas{width:100%;height:100%;display:block}.fallback{position:absolute;width:47%;max-height:55%;object-fit:contain;top:56%;left:50%;transform:translate(-50%,-50%);border-radius:20px}.fallback.portrait{width:auto;height:56%}.fallback.retro-fallback{top:67%;height:45%}.stage[data-layout=hero] .fallback{top:65%;height:48%}.chapter{visibility:hidden}.title-mask{z-index:1;top:14%;font-size:clamp(52px,7.2vw,116px);font-weight:600;padding:.06em 0 .12em;margin-top:-.06em;overflow:hidden}.title-mask:nth-child(2){z-index:3;top:auto;bottom:9%;font-size:clamp(32px,3.4vw,54px);font-weight:450;letter-spacing:-.04em}.title-line{display:block;will-change:transform;line-height:inherit}.secondary{color:#73737a}.chapter-dark,.chapter-dark .secondary{color:#f5f5f7}[data-scene=codex] .title-mask:first-child{top:10%;font-size:clamp(140px,16vw,256px);font-weight:650;letter-spacing:-.07em}[data-scene=codex] .title-mask:nth-child(2){bottom:7%}[data-scene=terminal] .title-mask:first-child{top:13%;font-size:clamp(28px,2.7vw,44px);font-weight:450;letter-spacing:-.035em}[data-scene=terminal] .title-mask:nth-child(2){top:21%;bottom:auto;font-size:clamp(64px,7.4vw,116px);font-weight:600;letter-spacing:-.055em}[data-scene=retro] .title-mask:first-child{top:11%;font-size:clamp(24px,2.4vw,34px);font-weight:450}[data-scene=retro] .title-mask:nth-child(2){top:17%;bottom:auto;font-size:clamp(24px,2.4vw,34px);font-weight:450}[data-scene=retro] .title-mask:nth-child(3){top:24%;font-size:clamp(64px,7.6vw,112px);font-weight:650}[data-scene=retro] .secondary{color:inherit}[data-scene=macs] .title-mask:first-child{font-size:clamp(64px,8.6vw,138px)}[data-scene=security] .title-mask:first-child{font-size:clamp(48px,5.6vw,90px);font-weight:400}[data-scene=security] .title-mask:nth-child(2){font-size:clamp(38px,4.6vw,74px);font-weight:600}.skip{position:fixed;z-index:40;top:-80px;left:20px;background:#fff;padding:16px;font-size:16px;border-radius:12px}.skip:focus{top:8px}@media(max-width:1100px)and (min-height:601px),(max-width:699px){.nav-content{padding:0 28px}.device{top:24%;right:-8%;bottom:10%;left:-8%}.hero-line:first-child{--rest-top:15%;top:var(--rest-top);font-size:clamp(28px,3.8vw,42px)}.hero-line:last-child{--rest-top:23%;top:var(--rest-top);font-size:clamp(64px,13vw,130px)}.chapter .title-mask:first-child{top:16%;font-size:clamp(46px,8.5vw,92px)}.chapter .title-mask:nth-child(2){bottom:8%;font-size:clamp(30px,4.6vw,48px)}[data-scene=codex] .title-mask:first-child{top:14%;font-size:clamp(100px,22vw,200px)}[data-scene=macs] .title-mask:first-child{font-size:clamp(55px,11vw,112px)}[data-scene=terminal] .title-mask:first-child{top:14%;font-size:clamp(28px,3.8vw,42px)}[data-scene=terminal] .title-mask:nth-child(2){top:22%;bottom:auto;font-size:clamp(58px,9.2vw,100px)}[data-scene=retro] .title-mask:first-child{top:12%;font-size:28px}[data-scene=retro] .title-mask:nth-child(2){top:17%;font-size:28px}[data-scene=retro] .title-mask:nth-child(3){top:23%;font-size:clamp(64px,10vw,100px)}.fallback{width:76%;max-height:76%;top:50%}.fallback.portrait{width:auto;height:76%}.fallback.retro-fallback{top:56%;height:76%}.stage[data-layout=hero] .fallback{top:50%;height:70%}}@media(max-width:600px){.site-header{height:52px}.nav-content{padding:0 22px}.brand{font-size:20px}.download{padding:0 14px}.brand{gap:7px}.brand img{width:26px;height:26px}.intro-content{inset-block-start:52px;padding:24px 20px 48px}.intro-icon{width:clamp(80px,13svh,112px)}.intro-title{margin-top:36px}.intro-subject{font-size:clamp(36px,10.5vw,52px)}.intro-statement{font-size:clamp(42px,12vw,72px);margin-top:14px}.intro-actions{margin-top:38px}.intro-primary{font-size:14px;min-height:46px;padding-inline:22px}nav{gap:18px}.hero-line:first-child{--rest-top:16%;top:var(--rest-top);font-size:27px}.hero-line:last-child{--rest-top:24%;top:var(--rest-top);font-size:18vw}.chapter .title-mask:first-child{top:18%;font-size:12vw}.chapter .title-mask:nth-child(2){bottom:10%;font-size:8.5vw}[data-scene=codex] .title-mask:first-child{top:16%;font-size:28vw}[data-scene=macs] .title-mask:first-child{font-size:15vw}[data-scene=terminal] .title-mask:first-child{top:17%;font-size:27px}[data-scene=terminal] .title-mask:nth-child(2){top:24%;bottom:auto;font-size:14.5vw}.device{top:29%;right:-8%;bottom:13%;left:-8%}[data-scene=retro] .title-mask:first-child{top:13%;font-size:23px}[data-scene=retro] .title-mask:nth-child(2){top:18%;font-size:23px}[data-scene=retro] .title-mask:nth-child(3){top:24%;font-size:19vw}.story{height:1360svh}}@media(max-width:360px){.nav-content{padding:0 12px}.site-header nav{gap:10px}.brand{font-size:18px}.mac-download{font-size:11px}.download{padding:0 10px;font-size:11px}.intro-title{margin-top:24px}.intro-actions{margin-top:26px}}@media(max-height:700px)and (min-width:601px){.intro-icon{width:80px}.intro-content{padding-block:24px}.intro-title{margin-top:24px}.intro-subject{font-size:40px}.intro-statement{font-size:clamp(56px,12svh,88px)}.intro-actions{margin-top:30px}}@media(max-height:520px)and (min-width:700px){.intro-content{inset-block-start:48px;padding-block:16px}.intro-icon{width:56px}.intro-title{margin-top:14px}.intro-subject{font-size:28px}.intro-statement{font-size:52px;margin-top:6px}.intro-actions{margin-top:16px}.intro-primary{min-height:40px;font-size:12px}}@media(max-height:600px)and (min-width:700px){.site-header{height:48px}.stage{min-height:350px}.stage[data-layout=hero] .device{top:5%;right:0;bottom:-5%;left:0}.hero-line:first-child{--rest-top:17%;top:var(--rest-top);font-size:22px}.hero-line:last-child{--rest-top:27%;top:var(--rest-top);font-size:7vw}.chapter .title-mask:first-child{top:17%;font-size:5.6vw}.chapter .title-mask:nth-child(2){bottom:5%;font-size:3.2vw}[data-scene=codex] .title-mask:first-child{top:14%;font-size:11vw}[data-scene=terminal] .title-mask:first-child{top:16%;font-size:22px}[data-scene=terminal] .title-mask:nth-child(2){top:25%;bottom:auto;font-size:5.6vw}[data-scene=retro] .title-mask:first-child{top:15%;font-size:18px}[data-scene=retro] .title-mask:nth-child(2){top:21%;font-size:18px}[data-scene=retro] .title-mask:nth-child(3){top:28%;font-size:10svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.title-line,.title-mask,.hero-line{will-change:auto}}