@font-face{font-family:Switzer;src:url('/apps/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url('/apps/switzer-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#eeedf4;--muted:#a7a3b6;--base:#08090e;--accent:#d3c5fa}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font-family:Switzer,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #d9cbff;outline-offset:6px}button{color:inherit}header{height:102px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:17px;letter-spacing:-.6px;display:flex;gap:11px;align-items:center}.brand-orbit{width:18px;height:18px;border-radius:50%;border:1px solid #f1eaff;position:relative}.brand-orbit:after{content:'';position:absolute;inset:5px -5px;border:1px solid #f1eaff;border-radius:50%;transform:rotate(-40deg)}nav{display:flex;gap:36px;font-size:13px}nav a{color:var(--muted)}nav a[aria-current]{color:#fff}nav a:last-child{margin-left:38px;color:#ddd8eb}.exhibit{max-width:1560px;margin:auto;min-height:790px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;padding:48px 9% 65px;gap:55px;overflow:hidden}.intro{z-index:2}.intro-label{font-size:13px;color:#b4accc;margin:0 0 29px}h1{font-size:clamp(44px,4.8vw,75px);font-weight:400;line-height:1.04;letter-spacing:-3.7px;margin:0 0 28px}.intro-copy{font-size:16px;color:var(--muted);line-height:1.8}.app-directory{display:flex;gap:24px;margin-top:42px}.directory-app{border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:12px;font-size:12px;color:#c9c4d5}.directory-app img{height:52px;width:52px;border-radius:13px;transition:transform .25s,box-shadow .25s}.directory-app:hover img,.directory-app:focus-visible img{transform:translateY(-5px);box-shadow:0 12px 32px #0009}.hint{font-size:11px;color:#898398;margin-top:37px}.hint span{display:inline-block;margin-right:8px;color:#d0c4ef}.phone-stage{perspective:1300px;position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 0}.orbital-light{position:absolute;width:570px;height:570px;top:80px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#8e68cf20 0%,#5d51a30c 40%,transparent 68%);pointer-events:none}.phone{--rx:0deg;--ry:0deg;width:322px;height:664px;padding:7px;border:1px solid #73717b;border-radius:53px;background:linear-gradient(125deg,#77747b,#2e2d33 20%,#121217 50%,#68666c);box-shadow:0 0 0 1px #131318,0 0 0 3px #303036,18px 35px 55px #000b,inset 0 0 2px #fff8;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-3deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative;isolation:isolate}.phone:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#ffffff14,transparent 30%,transparent 65%,#b8acff0a);pointer-events:none;z-index:8}.screen{position:relative;overflow:hidden;width:100%;height:100%;border:4px solid #030407;border-radius:46px;background:#13152a}.side-button{position:absolute;display:block;background:linear-gradient(90deg,#77747b,#25252b);width:4px;left:-5px;border-radius:2px}.mute{top:102px;height:25px}.volume{top:150px;height:65px}.power{left:auto;right:-5px;top:175px;height:82px}.wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#272845 0%,transparent 58%),linear-gradient(#0c1021,#252139 65%,#524359);overflow:hidden}.moon{position:absolute;width:310px;height:310px;border-radius:50%;left:20px;top:155px;background:radial-gradient(ellipse at 70% 25%,#44445b 0%,#1d1f33 32%,#101426 59%,#b8b4d1 65%,#d0c5da 66%,#625b7c 67%,#15172a 69%);box-shadow:5px 5px 30px #c7a7f443,7px 0 5px #cfb4f71a;transform:rotate(-25deg)}.moon:after{content:'';position:absolute;inset:0;border-radius:50%;opacity:.3;background:repeating-radial-gradient(ellipse at 50% 20%,transparent 0 8px,#9c99bc19 9px 11px,transparent 12px 20px);mix-blend-mode:screen}.moon-horizon{position:absolute;inset:68% -50% -60%;border-radius:50%;background:linear-gradient(170deg,#ac8cbb33,#131729 22%,#04070f 65%);box-shadow:0 -2px 20px #bb8fc526;transform:rotate(-20deg)}.status-bar{position:absolute;z-index:6;top:17px;left:25px;right:23px;font:600 12px Arial,sans-serif;display:flex;justify-content:space-between}.status-icons{display:flex;align-items:center;gap:5px;font-size:8px}.status-icons svg{width:14px;height:12px;stroke:white;fill:none;stroke-width:1.7}.battery{width:21px;height:10px;border:1px solid #ffffff80;border-radius:3px;padding:1px;position:relative}.battery:before{content:'';display:block;background:white;width:14px;height:6px;border-radius:1px}.battery:after{content:'';position:absolute;width:2px;height:4px;background:#fff8;right:-4px;top:2px}.island{position:absolute;top:11px;left:50%;transform:translateX(-50%);background:#020305;height:28px;width:91px;border-radius:30px;z-index:7;transition:width .35s}.island span{position:absolute;width:7px;height:7px;border-radius:50%;right:10px;top:10px;background:radial-gradient(circle at 30% 30%,#182441,#050b16 70%)}.home-screen{position:absolute;inset:0;padding:79px 23px 30px;transition:opacity .25s,transform .4s}.home-title>span{font-size:10px;color:#e4dcea}.home-title strong{display:block;font-weight:400;font-size:30px;letter-spacing:-1px;line-height:1.12;margin-top:12px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:34px}.app-icon{border:0;background:none;display:flex;flex-direction:column;align-items:center;padding:0;font-size:10px;gap:7px;text-shadow:0 1px 4px #0009}.app-icon img{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 9px #0004,inset 0 0 0 1px #fff3;transition:transform .25s}.app-icon:hover img{transform:translateY(-4px) scale(1.06)}.home-caption{position:absolute;left:24px;bottom:126px;display:flex;gap:9px;align-items:center}.home-caption p{font-size:10px;line-height:1.5;color:#e5d9ed}.little-orbit{width:23px;height:23px;border:1px solid #d2bddb;border-radius:50%;box-shadow:inset -7px 0 #bdabcf33}.glass-dock{position:absolute;bottom:28px;left:13px;right:13px;height:76px;border:1px solid #ffffff24;border-radius:27px;background:#ffffff12;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-evenly}.glass-dock .app-icon span{display:none}.glass-dock .app-icon img{width:49px;height:49px}.home-indicator{position:absolute;border:0;width:102px;height:5px;background:#f2e8ff;border-radius:10px;bottom:9px;left:50%;transform:translateX(-50%);z-index:9;padding:0}.home-indicator:before{content:'';position:absolute;inset:-13px -22px}.phone-caption{font-size:10px;color:#8f879e;margin-top:26px;letter-spacing:.2px}.side-note{position:absolute;right:26px;top:50%;writing-mode:vertical-rl;display:flex;gap:35px;font-size:9px;color:#655e74}.app-detail{position:absolute;inset:0;background:#f5f4f7;color:#17151d;z-index:5;padding:59px 0 27px;overflow:auto;scrollbar-width:none;transform-origin:var(--origin,50% 45%)}.app-detail:not([hidden]){animation:open-app .4s cubic-bezier(.2,.7,.2,1)}[hidden]{display:none!important}.phone.is-open .status-bar{color:#17151d}.phone.is-open .status-icons svg{stroke:#17151d}.phone.is-open .status-icons{color:#17151d}.phone.is-open .battery{border-color:#17151d88}.phone.is-open .battery:before,.phone.is-open .battery:after{background:#17151d}.phone.is-open .home-indicator{background:#17151d}.phone.is-open .home-screen{opacity:0;transform:scale(.88)}.back{background:none;border:0;color:#60516e;margin:0 14px;font-size:26px;display:flex;align-items:center;gap:3px}.back span{font-size:12px}.detail-content{padding:16px 19px 22px}.detail-top{display:flex;gap:12px;align-items:center}.detail-top img{width:62px;height:62px;border-radius:15px}.detail-top h2{margin:0 0 4px;font-size:23px;letter-spacing:-.7px}.detail-top p{font-size:10px;color:#6d6478;margin:0}.detail-description{font-size:13px;line-height:1.6;margin:19px 0}.store-link{display:inline-block;background:#19151f;color:#fff;border-radius:20px;padding:11px 16px;font-size:11px}.release-note{font-size:11px;color:#706477}.screenshots{display:flex;overflow-x:auto;gap:10px;margin:25px -19px 0;padding:0 19px 15px;scroll-snap-type:x mandatory}.screenshots img{height:290px;width:auto;border-radius:14px;scroll-snap-align:center;object-fit:contain;background:#e7e2ea}.preview-note{font-size:10px;color:#776b80}footer{margin:0 5%;padding:26px 0 32px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;font-size:10px;color:#8b839a}footer div{display:flex;gap:24px}.skip{position:fixed;top:-60px;left:20px;padding:10px;background:white;color:black;z-index:20}.skip:focus{top:10px}@keyframes open-app{from{opacity:0;transform:scale(.3);border-radius:65px}to{opacity:1;transform:scale(1);border-radius:0}}
@media(min-width:1500px){.exhibit{padding-left:12%;padding-right:12%}}@media(max-width:950px){.exhibit{padding:55px 6% 60px;gap:25px;min-height:760px}h1{font-size:49px;letter-spacing:-2.5px}.side-note{display:none}.phone{transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-2deg)}nav{gap:22px}nav a:last-child{margin-left:0}.intro-copy{font-size:14px}}
@media(max-width:700px){header{height:78px}.brand{font-size:14px}.brand-orbit{display:none}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.exhibit{display:flex;flex-direction:column;align-items:center;gap:35px;padding:44px 20px 35px;overflow:hidden}.intro{text-align:center}h1{font-size:49px;line-height:1.03;margin-bottom:18px}.intro-label{font-size:11px;margin-bottom:21px}.intro-copy{font-size:13px;margin-bottom:0}.app-directory{margin-top:25px;justify-content:center;gap:25px}.directory-app{text-align:center;align-items:center;gap:9px}.directory-app img{width:44px;height:44px}.hint{margin:23px 0 0;font-size:10px}.phone{transform:none}.phone-stage{padding-top:5px}.phone-caption{margin-top:20px}footer{gap:20px;align-items:center;flex-direction:column;padding:24px 0}footer div{gap:17px;font-size:9px}.orbital-light{width:450px;height:550px}}
@media(max-width:360px){.phone{width:294px;height:608px}.home-title strong{font-size:27px}.icon-grid{gap:7px}.app-icon img{width:43px;height:43px}h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.phone{transform:none!important}}

.hint{max-width:350px;min-height:30px;line-height:1.5}.moon{filter:drop-shadow(var(--fringe,0px) 0 1px #a7eaff66) drop-shadow(calc(-1 * var(--fringe,0px)) 0 1px #f3a5e755);transition:filter .3s}.screenshots{scrollbar-width:thin;scrollbar-color:#bbb1c5 transparent}.app-detail{padding-bottom:40px}.preview-note{padding-bottom:10px}@media(max-width:700px){.hint{max-width:300px;margin-left:auto;margin-right:auto}}

/* The phone is the page. One set of icons, no surrounding pitch. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background:#050609}header{height:88px;border:0;margin:0 4%}.brand{font-size:14px;letter-spacing:-.35px}nav{font-size:12px;gap:28px}nav a:last-child{margin-left:18px}
.exhibit{display:flex;justify-content:center;min-height:calc(100svh - 160px);padding:34px 20px 52px;max-width:none;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#17142033,transparent 51%)}
.phone-stage{padding:0;perspective:1600px}.phone{width:342px;height:704px;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-5deg);box-shadow:0 0 0 1px #131318,0 0 0 3px #303036,25px 36px 65px #000c,inset 0 0 2px #fff8}
.home-screen{padding:81px 23px 30px}.icon-grid{margin-top:0;gap:13px}.app-icon{gap:8px;font-size:10px}.app-icon img{width:51px;height:51px;border-radius:13px}.moon{width:340px;height:340px;left:5px;top:190px}.moon-horizon{inset:79% -50% -60%}.wallpaper{background:radial-gradient(ellipse at 80% 10%,#272845 0%,transparent 58%),linear-gradient(#0c1021,#252139 75%,#524359)}
footer{margin:0 4%;border:0;padding:20px 0 25px;justify-content:flex-end;font-size:9px}footer div{gap:22px}.orbital-light{width:620px;height:620px;top:100px;background:radial-gradient(ellipse,#695a8e1c,transparent 67%)}
@media(max-width:700px){header{height:72px;margin:0 24px}.brand{font-size:12px}nav{font-size:11px;gap:21px}.exhibit{min-height:calc(100svh - 134px);padding:26px 20px 38px;gap:0}.phone{width:310px;height:640px;transform:none}.phone-stage{padding:0}.app-icon img{width:46px;height:46px}.icon-grid{gap:10px}.moon{width:310px;height:310px;left:0;top:170px}footer{margin:0 24px;align-items:flex-end;padding:18px 0 23px}footer div{font-size:9px;gap:18px}.orbital-light{width:440px;height:540px}}
@media(max-width:360px){.phone{width:282px;height:586px}.app-icon img{width:41px;height:41px}.home-screen{padding:77px 20px 30px}.moon{width:290px;height:290px;left:-10px;top:155px}}
@media(min-width:701px) and (max-height:850px){.phone{width:300px;height:620px}.moon{width:300px;height:300px;top:175px}.app-icon img{width:43px;height:43px}.exhibit{padding-top:20px;padding-bottom:35px}}

/* Compact exhibit, with the full device UI scaled as one object. */
.phone-stage{width:342px;height:548px}.phone{width:342px;height:704px;flex-shrink:0;transform-origin:top center;transform:scale(.76) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-2deg);border-radius:53px}
.exhibit{min-height:calc(100svh - 152px);padding:45px 20px 25px}.orbital-light{width:480px;height:480px;top:25px;opacity:.65}.app-icon{min-height:59px}.app-icon img{width:51px;height:51px}.moon{width:340px;height:340px;left:5px;top:190px}
@media(max-width:700px){.phone-stage{width:342px;height:548px}.phone{width:342px;height:704px;transform:scale(.76);border-radius:53px}.exhibit{min-height:calc(100svh - 132px);padding:36px 16px 20px}.home-screen{padding:81px 23px 30px}.icon-grid{gap:13px}.app-icon img{width:51px;height:51px}.moon{width:340px;height:340px;left:5px;top:190px}}
@media(max-width:360px){.phone-stage{width:310px;height:510px}.phone{transform:scale(.7)}.exhibit{padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.phone{transform:scale(.76)!important}}@media(prefers-reduced-motion:reduce) and (max-width:360px){.phone{transform:scale(.7)!important}}

.app-icon{cursor:default}.app-icon:hover img{transform:none}.island{border:0;padding:0;cursor:default}.light-sweep{position:absolute;inset:-40% -100%;pointer-events:none;z-index:8;opacity:0;background:linear-gradient(115deg,transparent 35%,#c6c8ff0a 43%,#daeaff66 49%,#efbaff33 51%,transparent 60%);transform:translateX(-45%)}.shimmering .light-sweep{animation:light-sweep 1.1s cubic-bezier(.2,.65,.3,1) both}@keyframes light-sweep{0%{opacity:0;transform:translateX(-45%)}25%{opacity:1}100%{opacity:0;transform:translateX(45%)}}