:root{--paper:#f3f0e7;--ink:#202a24;--muted:#60685f;--accent:#704082;--line:#d4d7c9;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #d78739;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.mono{font-family:var(--mono)}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:760;letter-spacing:-1.2px;text-decoration:none}.brand-mark{font-family:var(--mono);font-size:26px;color:var(--accent);letter-spacing:-6px;margin-right:8px;transform:translateY(-1px)}.byline{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:12px}.nav nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.nav nav a{text-decoration:none}.nav-download{padding:12px 17px;border:1px solid var(--ink);border-radius:5px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:55px;align-items:center;padding-block:70px 77px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4d956a;margin-right:9px;vertical-align:1px}h1{font-size:clamp(56px,6vw,82px);letter-spacing:-5px;line-height:1.01;margin:0 0 29px;font-weight:740}h1 em{font-family:Georgia,serif;font-weight:500;color:var(--accent);letter-spacing:-4.5px}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:435px;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--accent);color:white;padding:17px 22px;border-radius:5px;font-size:14px;font-weight:650;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#184a31;transform:translateY(-2px)}.button span{font-size:20px}.text-link{font-size:13px;font-weight:600;text-underline-offset:4px}.fine{font:11px/1.9 var(--mono);color:var(--muted);margin-top:19px}.hero-art{position:relative;border:1px solid #d2d6c9;border-radius:9px;background:#e4e8dd;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:510px}.hero-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a5b3a6 .7px,transparent .7px);background-size:12px 12px;opacity:.35;pointer-events:none}.art-top{font-size:9px;letter-spacing:1px;padding:22px 24px;position:relative}.hero-icon{width:92%;height:auto;position:relative;align-self:center;transform:rotate(-6deg);filter:drop-shadow(12px 20px 14px #24392c20);margin:-10px 0 10px}.art-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9d0c2;padding:19px 24px;font-size:10px;letter-spacing:1px;z-index:1}.small-arrow{font-size:20px}.compatibility{border-block:1px solid var(--line)}.compatibility-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;font-size:13px}.compatibility .mono{color:var(--muted);font-size:11px;letter-spacing:1px}.section{padding-block:94px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}h2{font-size:43px;font-weight:650;letter-spacing:-1.7px;line-height:1.13;margin:0}h3{font-size:19px;letter-spacing:-.4px;margin:20px 0 13px;font-weight:650}.section-heading>p:last-child{align-self:end;color:var(--muted);font-size:16px;line-height:1.75;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}.steps article{position:relative;border-top:1px solid var(--line);padding-top:23px}.steps article>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.disk-art{width:82px;height:82px;border-radius:4px;background:#3b5348;border:3px solid #304438;position:relative;box-shadow:3px 4px 0 #d9dccc;display:flex;justify-content:center}.disk-art>span{font:8px var(--mono);background:#f1ecd8;position:absolute;top:11px;padding:7px;width:63px;text-align:center}.disk-art i{position:absolute;bottom:8px;width:34px;height:25px;background:#bac3b5;border-radius:3px;border-left:11px solid #879c8b}.custom-art{width:83px;height:82px;position:relative;background:#e9dfc7;border-radius:13px;border:1px solid #d8ccb4;text-align:center}.custom-art>span:first-child{font:8px var(--mono);position:absolute;top:10px;inset-inline:0}.custom-swatch{font-size:45px;color:#a45b30;position:absolute;top:16px;inset-inline:0}.swatches{position:absolute;bottom:8px;right:-14px;display:flex;gap:3px;padding:4px;background:var(--paper);border-radius:10px}.swatches i{width:9px;height:9px;border-radius:50%;background:#467552}.swatches i:nth-child(2){background:#c07e37}.swatches i:nth-child(3){background:#7379a5}.dock-art{width:83px;height:82px;position:relative;border-bottom:3px solid #cbd2c4;text-align:center}.dock-art>span:first-child{display:inline-block;background:#31664b;color:#eff1cf;font-size:26px;padding:17px 18px;border-radius:15px;margin-top:0;box-shadow:0 4px 0 #224732}.dock-dot{position:absolute;width:5px;height:5px;bottom:3px;left:39px;background:var(--ink);border-radius:50%}.rom-note{font-size:12px;line-height:1.8;border-top:1px solid var(--line);padding-top:22px;margin:34px 0 0;color:var(--muted);display:flex;gap:22px}.rom-note .mono{color:var(--accent);white-space:nowrap;font-size:10px;padding-top:2px}.player-section{background:#202d25;color:#f2f1e5;padding-block:84px}.player-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.player-heading>p{font-size:14px;line-height:1.8;color:#b4c2b5}.player-shot{margin:44px 0 0;background:#0a0e0b;border-radius:8px;overflow:hidden;border:1px solid #4c5a4a}.player-shot img{width:100%;height:auto;display:block}.player-shot figcaption{font:10px/1.7 var(--mono);color:#c2cec0;padding:17px 22px;border-top:1px solid #3b493b}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:43px}.feature-list h3{font-size:19px;line-height:1.4;margin-top:16px}.feature-list p{font-size:14px;line-height:1.8;color:#bcc9ba}.practical{display:grid;grid-template-columns:1fr 1fr;gap:80px}.practical h2{font-size:39px}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--accent);font-family:var(--mono)}details[open] summary:after{content:"−"}details p{font-size:14px;line-height:1.85;color:var(--muted);margin:15px 25px 0 0}.download-section{background:var(--accent);color:#f4f4dc;padding-block:84px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.download-section h2{font-size:54px;letter-spacing:-2px}.download-intro{font-size:15px;line-height:1.8;margin:26px 0}.download-intro .mono{font-size:11px;margin-left:7px}.light-button{background:#ecefcf;color:#173b27}.light-button:hover{background:#fffde8}.download-meta{font:10px var(--mono);margin:16px 0 24px;color:#cbd8bd}.download-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;text-underline-offset:4px}.install{border-top:1px solid #719574;padding-top:20px}.install h3{margin-top:0;font-size:21px}.install>p,.install li{font-size:14px;line-height:1.8;color:#e0e8cf}.install ol{padding-left:20px;margin-block:22px}.install li{padding-left:8px;margin:12px 0}.install-link{font-size:12px;text-underline-offset:4px}.install .install-foot{font-size:11px;color:#c0d0b5;margin-top:23px}.credits{padding-block:65px}.credits>div{display:grid;grid-template-columns:1fr 1fr;gap:80px}.credits h2{font-size:28px;letter-spacing:-1px}.credits p:last-child{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.credits a{text-underline-offset:3px}.footer{border-top:1px solid var(--line);padding-block:27px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.footer .brand{font-size:21px}.footer .brand-mark{font-size:22px}.footer>p{font-size:11px;color:var(--muted);margin:0 auto 0 0}.footer>a:last-of-type{font:10px var(--mono)}.footer .trademark{flex-basis:100%;font-size:9px;line-height:1.8}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:10px}section[id]{scroll-margin-top:30px}@media(min-width:1450px){.hero{gap:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.hero-art{min-height:440px}h1{font-size:64px;letter-spacing:-4px}.intro{font-size:16px}.hero-actions{gap:17px}.button{font-size:13px;padding:16px 18px;gap:17px}.byline{display:none}.steps{gap:30px}.practical,.download-grid{gap:45px}.player-heading h2{font-size:36px}.feature-list{gap:28px}.nav nav{gap:22px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.nav nav>a:not(.nav-download){display:none}.nav-download{padding:10px 13px;font-size:12px}.brand{font-size:24px}.hero{grid-template-columns:1fr;padding-block:45px 38px;gap:35px}h1{font-size:clamp(55px,12vw,76px);letter-spacing:-3.5px}h1 em{letter-spacing:-3px}.intro{max-width:500px}.hero-art{min-height:0;max-width:480px;width:100%;justify-self:center}.hero-icon{width:79%;margin:-20px 0 -5px}.art-top{font-size:8px;padding:17px}.art-caption{padding:14px 17px;font-size:9px}.compatibility-inner{flex-direction:column;align-items:start;gap:10px;padding-block:19px}.section{padding-block:58px}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{margin-top:22px}h2{font-size:36px}.steps{grid-template-columns:1fr;gap:32px;margin-top:35px}.steps article{padding-left:108px;min-height:130px}.steps article>div{position:absolute;left:0;top:24px}.steps h3{margin-top:4px;margin-right:22px}.rom-note{display:block}.rom-note .mono{display:block;margin-bottom:7px}.player-section{padding-block:55px}.player-heading{display:block}.player-heading>p{margin:20px 0 0}.player-heading h2{font-size:35px}.player-shot{margin-top:28px}.player-shot figcaption{font-size:9px;padding:13px}.feature-list{grid-template-columns:1fr;gap:8px;padding-top:30px}.feature-list article{border-bottom:1px solid #445243;padding-bottom:12px}.feature-list article:last-child{border:0}.feature-list h3{margin:9px 0}.practical{grid-template-columns:1fr;gap:32px}.practical h2{font-size:34px}.download-grid{grid-template-columns:1fr;gap:42px}.download-section{padding-block:55px}.download-section h2{font-size:46px}.download-meta{font-size:9px}.credits{padding-block:45px}.credits>div{grid-template-columns:1fr;gap:18px}.footer{column-gap:20px}.footer>p{max-width:65%;font-size:10px}.footer>a:last-of-type{margin-left:0}.footer .trademark{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Six colours, one very familiar era. */
:root{--apple-green:#61a447;--apple-yellow:#efc33b;--apple-orange:#e78a32;--apple-red:#c64640;--apple-violet:#925a9c;--apple-blue:#3883b8;--rainbow:linear-gradient(90deg,var(--apple-green) 0 16.666%,var(--apple-yellow) 16.666% 33.333%,var(--apple-orange) 33.333% 50%,var(--apple-red) 50% 66.666%,var(--apple-violet) 66.666% 83.333%,var(--apple-blue) 83.333% 100%)}
.nav{position:relative;border-bottom:0}.nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:var(--rainbow)}
.brand-mark{color:#476aaa}.status-dot{background:var(--apple-blue)}
.button{background:#b43c36}.button:hover{background:#94302f}
.hero-art{background:#eae3d6;border-color:#d7cfc0}.hero-art:before{background-image:radial-gradient(#b8a793 .7px,transparent .7px)}.art-caption{border-color:#d2c8b9}.hero-icon{filter:drop-shadow(12px 20px 14px #362b3820)}
.disk-art{background:#555365;border-color:#403e4c;box-shadow:3px 4px 0 #dbd4ca}.disk-art i{background:#c2bbc6;border-left-color:#8e879e}
.custom-swatch{color:#c16e30}.swatches i:first-child{background:var(--apple-yellow)}.swatches i:nth-child(2){background:var(--apple-red)}.swatches i:nth-child(3){background:var(--apple-blue)}
.dock-art{border-color:#d8cfd9}.dock-art>span:first-child{background:#78558a;box-shadow:0 4px 0 #53375f;color:#fff2d6}
.player-section{background:#292630;color:#f4eee4}.player-heading>p{color:#c9bdce}.player-shot{border-color:#5b505d;background:#0e0c10}.player-shot figcaption{border-color:#4b404e;color:#cec3d2}.feature-list p{color:#c9bfcd}.feature-list article{border-color:#514653}
.download-section{background:#30374f;color:#fff0dd;position:relative}.download-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--rainbow)}.light-button{background:#fff0d2;color:#332940}.light-button:hover{background:#fff9e9}.download-meta{color:#d5ccdc}.install{border-color:#76748d}.install>p,.install li{color:#ece3ef}.install .install-foot{color:#c9bed2}

.screenshots{padding-bottom:0}.gallery-intro{color:var(--muted);font-size:16px;line-height:1.7;margin:22px 0 32px}.screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-gallery a{display:block;border-radius:8px;overflow:hidden;background:#000;border:1px solid var(--line)}.screenshot-gallery img{display:block;width:100%;height:auto}.screenshot-gallery figcaption{font-size:13px;color:var(--muted);margin-top:12px}.gallery-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:28px}@media(max-width:720px){.screenshot-gallery{grid-template-columns:1fr;gap:24px}}

.gallery-viewport{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.screenshot-gallery{display:flex;width:max-content;gap:24px;padding-bottom:15px}.screenshot-gallery figure{flex:0 0 auto;width:clamp(280px,45vw,520px)}.gallery-viewport.is-animated{overflow:hidden}.is-animated .screenshot-gallery{animation:screenshot-marquee 65s linear infinite}.gallery-viewport:hover .screenshot-gallery,.gallery-viewport:focus-within .screenshot-gallery{animation-play-state:paused}@keyframes screenshot-marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.is-animated .screenshot-gallery{animation:none}.gallery-viewport.is-animated{overflow-x:auto}}
.screenshot-gallery{padding-right:24px}