@font-face{font-family:Manrope;src:url('assets/manrope-latin.a30ddcd34970.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#17151e;--muted:#625f6c;--line:#e6e5eb;--paper:#fff;--soft:#f7f8fb;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px;scrollbar-color:#aaa8b8 #f7f8fb}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#dce4ff;color:#17151e}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #4d63c6;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em;text-wrap:balance}img{display:block;max-width:100%}[hidden]{display:none!important}.content-width{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px}.skip-link:focus{top:12px}.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}
.site-header{height:88px;position:fixed;inset:0 0 auto;z-index:30;background:#fff;display:flex;align-items:center;justify-content:space-between;padding-inline:48px}.wordmark{display:block;position:relative;width:116px;height:37px;overflow:hidden;flex:none}.wordmark img{position:absolute;max-width:none;width:178px;height:178px;left:-31px;top:-68px}.site-header nav{display:flex;gap:34px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:650;padding:12px 0}.site-header nav a:hover{color:var(--muted)}
.journey{height:100svh;min-height:800px}.scene{position:relative;height:100svh;min-height:800px;overflow:hidden;isolation:isolate;background:#fff}.enhanced .journey{height:520svh;min-height:0}.enhanced .scene{position:sticky;top:0;min-height:0;transform:translate3d(0,0,0)}.scene-light{position:absolute;inset:25% -15% -30%;z-index:-1;background:radial-gradient(ellipse at 24% 53%,#d0e6ff 0,transparent 45%),radial-gradient(ellipse at 76% 50%,#f4d6e9 0,transparent 43%),radial-gradient(ellipse at 50% 82%,#cde7fb 0,transparent 58%)}
.scene-copy{position:absolute;left:24px;right:24px;text-align:center;z-index:8;will-change:transform,opacity}.intro{top:92px}.intro h1{font-size:clamp(46px,4.3vw,62px);font-weight:750;line-height:1.05}.glass-title{display:block;width:min(440px,60vw);height:auto;margin:-3px auto -14px}.glass-title img{width:100%;height:auto}.scene-copy p{font-size:17px;color:var(--muted);margin-top:8px}.chapter{top:106px;opacity:0;pointer-events:none}.chapter h2{font-size:clamp(38px,4vw,56px);font-weight:720}.chapter p{margin-top:14px}.finale h2{font-size:clamp(42px,4.7vw,64px)}.mobile-break{display:none}
/* Glass hardware: a thin refractive enclosure around an unmodified full screen. */
.stage{position:absolute;z-index:2;width:100%;height:min(calc(48svh - 28px),422px);top:338px;transform-origin:50% 0;will-change:transform}
.plane{position:absolute;height:100%;aspect-ratio:1292/2768;left:50%;top:0;will-change:transform;transform-style:flat}
.plane.shop{aspect-ratio:1292/2601}
.plane.pose,.art-pose .glass-showcase{aspect-ratio:932/2082}
/* Exact viewport into the supplied App Store artwork. Its baked phone bezel stays outside this window. */
.pose .app-window>img,.art-pose .app-window>img{position:absolute;max-width:none;width:146.667%;height:139.902%;left:-23.222%;top:-30.78%;object-fit:fill}
.pose .phone-camera,.art-pose .phone-camera{display:none}
.plane,.glass-showcase{--phone-radius:33px;--edge:6px;border-radius:var(--phone-radius);background:linear-gradient(125deg,#fff 1%,#d7e9fa 7%,#8cabc9 12%,#f4fcff 20%,#fff 43%,#d2cce9 60%,#90b2ce 71%,#fff 87%,#acc7de 97%);box-shadow:8px 18px 28px -16px #7590b8,0 35px 50px -22px #8495b7,inset 0 0 1px 1px #fff}
.plane::before,.glass-showcase::before{content:"";position:absolute;inset:2px;border-radius:calc(var(--phone-radius) - 2px);box-shadow:inset 0 0 0 1px #fff,inset 2px 0 3px #b0c5e5,inset -2px -1px 3px #dbcfea;pointer-events:none;z-index:4}
.plane::after,.glass-showcase::after{content:"";position:absolute;right:-2px;top:24%;height:12%;width:3px;border-radius:2px;background:linear-gradient(90deg,#b5c9dc,#fff,#8f9db8);box-shadow:0 2px 3px #8f9db84d}
.app-window{position:absolute;inset:var(--edge);overflow:hidden;border-radius:calc(var(--phone-radius) - var(--edge));background:#faf9f8}
.crossed .app-window,.art-crossed .app-window{background:#08121b}
.shop .app-window,.art-shop .app-window{background:#f5f6f7}
.app-window>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.phone-camera{position:absolute;z-index:5;top:11px;left:50%;transform:translateX(-50%);width:19%;height:9px;border-radius:9px;background:#171b25;box-shadow:inset 0 1px 2px #778499;opacity:.88;pointer-events:none}
.shop .phone-camera,.art-shop .phone-camera{display:none}
.phone-shine{position:absolute;z-index:6;inset:1px;border-radius:calc(var(--phone-radius) - 1px);pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.17),transparent 29%,transparent 72%,rgba(203,231,255,.13));box-shadow:inset 2px 2px 2px #fff9,inset -1px -1px 2px #edecff}
.plane-name{position:absolute;left:-40px;right:-40px;top:calc(100% + 12px);text-align:center;font-size:13px;font-weight:650;line-height:1.25;letter-spacing:-.02em}
.crossed{z-index:5;transform:translateX(-50%)}.pose{z-index:3;transform:translateX(calc(-50% - 245px)) translateY(18px) rotateY(14deg) rotateZ(-9deg) scale(.92)}.shop{z-index:2;transform:translateX(calc(-50% + 245px)) translateY(18px) rotateY(-14deg) rotateZ(9deg) scale(.92)}
.light-orbit{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;border:1px solid #ffffffb3;box-shadow:0 8px 18px -10px #849ee094,inset 0 4px 7px #ffffffb3;opacity:.7;transform:rotate(-14deg)}
.orbit-one{width:1200px;height:440px;top:43%;left:calc(50% - 600px)}.orbit-two{width:1040px;height:270px;top:53%;left:calc(50% - 520px);transform:rotate(13deg)}
.almi-host{position:absolute;z-index:12;left:calc(50% + 335px);top:65%;display:flex;flex-direction:column;align-items:center;transition:opacity 180ms ease}.almi-button{display:block;width:140px;height:140px;background:transparent;border:0;padding:0;cursor:pointer;transition:transform 180ms var(--ease);border-radius:14px}.almi-button:active{transform:rotate(-7deg) scale(.96)}.mascot{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(47,69,96,.09))}.almi-note{font-size:12px;font-weight:650;background:#fff;padding:7px 13px;box-shadow:0 8px 24px rgba(52,50,90,.08);transform:rotate(5deg);border-radius:12px 12px 2px 12px;white-space:nowrap}
.scene-actions{position:absolute;bottom:62px;left:16px;right:16px;display:flex;justify-content:center;z-index:15}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 28px;border-radius:18px;text-decoration:none;font-size:15px;font-weight:650;transition:transform 180ms var(--ease),background-color 180ms ease,color 180ms ease}.primary{background:linear-gradient(155deg,#666379 0%,#343340 32%,#242330 66%,#404254);color:#fff;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #1113,0 9px 19px -10px #3434578c}.button:active{transform:scale(.97)}.arrow{display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle}.primary .arrow{filter:brightness(0) invert(1)}.scene-bottom{position:absolute;bottom:14px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;z-index:15}.chapter-nav{display:flex;align-items:center;gap:1px;position:absolute;left:50%;transform:translateX(-50%)}.chapter-nav button{border:0;background:transparent;width:30px;height:36px;cursor:pointer;padding:10px 5px}.chapter-nav span{display:block;width:7px;height:7px;margin:auto;border-radius:100%;background:#aaa7b6;transition:background-color 180ms ease}.chapter-nav button[aria-current] span{width:19px;border-radius:6px;background:var(--ink)}.release-note{display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:650;color:#5c4560;background:#f5edf2;padding:10px 19px;border-radius:8px}.scene-action.release-note{background:#fff;box-shadow:0 4px 24px rgba(40,25,40,.08)}
.collection{padding-top:115px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:64px}.section-heading h2,.about h2,.support h2{font-size:clamp(36px,4vw,56px);font-weight:700}.section-heading>p{font-size:17px;color:var(--muted);max-width:350px;line-height:1.8}.app-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:64px 0;border-top:1px solid var(--line)}.app-art{position:relative;height:650px;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden}.glass-showcase{position:relative;height:87%;aspect-ratio:1292/2768;transform:rotate(-7deg)}.art-shop .glass-showcase{aspect-ratio:1292/2601}.art-pose .glass-showcase{transform:rotate(5deg)}.art-shop .glass-showcase{transform:rotate(-3deg)}.art-crossed{background:radial-gradient(ellipse at 20% 80%,#b6d3ff,transparent 65%),radial-gradient(ellipse at 80% 20%,#dcdbfc,#edf3fc 80%)}.art-pose{background:radial-gradient(ellipse at 20% 80%,#e9bdd6,transparent 65%),radial-gradient(ellipse at 80% 20%,#eee2f4,#fcf1f4 80%)}.art-shop{background:radial-gradient(ellipse at 20% 80%,#badbcf,transparent 65%),radial-gradient(ellipse at 80% 20%,#ffe9b5,#f9f5e9 80%)}.app-copy h3{font-size:25px;font-weight:750;margin-bottom:18px}.app-tagline{font-size:35px;line-height:1.2;letter-spacing:-.03em;font-weight:650;max-width:430px}.app-copy>p:not(.app-tagline){color:var(--muted);max-width:410px;margin-top:20px;font-size:16px;line-height:1.8}.app-copy .button,.app-copy .release-note{margin-top:28px}.store-actions{display:flex;gap:12px;flex-wrap:wrap}.app-copy .store-actions{margin-top:28px}.app-copy .store-actions .button{margin-top:0}.secondary{background:linear-gradient(140deg,#fffffff5,#e5edfa9c 60%,#fff8);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px #96abc07a,0 8px 18px -12px #415677a3;color:var(--ink);backdrop-filter:blur(12px)}.quiet-link{display:block;width:fit-content;font-size:13px;color:var(--muted);margin-top:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding-block:110px}.about p{font-size:19px;color:var(--muted);max-width:460px}.about p+p{margin-top:18px}.support{background:radial-gradient(ellipse at 80% 75%,#d5e8ff,transparent 60%),#f7f8fb;padding-block:90px}.support-inner{display:flex;align-items:center;justify-content:space-between}.support p{margin-top:24px;color:var(--muted)}.support .button{margin-top:28px}.support-mascot{width:350px;height:350px;object-fit:contain;margin-right:70px}.email-link{font-size:14px;color:var(--muted);display:block;margin-top:18px;width:fit-content}.legal{padding-block:100px}.legal-row{border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;scroll-margin-top:40px}.legal-row h3{font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.4}.legal-row>div{display:flex;gap:40px}.legal-row a{text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:15px}footer{padding-block:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}footer>a:last-child{text-decoration:none}
@media(hover:hover) and (pointer:fine){.primary:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #1113,0 13px 24px -10px #3434578c}.quiet-link:hover,.legal-row a:hover,.email-link:hover{color:var(--ink);text-decoration:underline}.chapter-nav button:hover span{background:#6f6a79}.almi-button:hover{transform:rotate(-6deg) translateY(-3px)}}
@media(max-height:820px) and (min-width:761px){.intro{top:91px}.intro h1{font-size:50px}.glass-title{width:380px;margin-bottom:-12px}.stage{top:290px;height:calc(100svh - 435px)}.chapter{top:105px}.chapter h2{font-size:48px}.finale h2{font-size:46px}.scene-actions{bottom:58px}}
@media(max-width:1100px){.app-row,.about{gap:48px}.app-art{height:580px}.support-mascot{margin-right:0}.scene-bottom{left:30px;right:30px}.sequence-label{display:none}.almi-host{left:auto;right:35px;top:68%}.almi-button{width:110px;height:110px}}
@media(max-width:760px){.content-width{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:20px}.wordmark{width:92px;height:32px}.wordmark img{width:148px;height:148px;left:-28px;top:-56px}.site-header nav{gap:21px}.site-header nav a{font-size:13px}.journey,.scene{min-height:740px}.enhanced .journey{height:490svh;min-height:0}.intro{top:115px}.intro h1{font-size:clamp(34px,8.8vw,58px);line-height:1.06}.glass-title{width:min(90vw,450px);margin:3px auto -2px}.scene-copy p{font-size:14px;max-width:280px;margin:8px auto 0}.stage{top:310px;height:min(47svh,400px)}.pose{transform:translateX(calc(-50% - 135px)) translateY(20px) rotateY(14deg) rotateZ(-10deg) scale(.84)}.shop{transform:translateX(calc(-50% + 135px)) translateY(20px) rotateY(-14deg) rotateZ(10deg) scale(.84)}.plane,.glass-showcase{--phone-radius:28px;--edge:5px}.phone-camera{top:10px;height:7px}.light-orbit{width:650px;left:calc(50% - 325px);height:280px}.orbit-two{height:180px}.plane-name{font-size:12px;top:calc(100% + 10px)}.plane:not(.is-front) .plane-name{visibility:hidden}.almi-host{right:18px;top:auto;bottom:115px}.almi-button{width:85px;height:85px}.almi-note{font-size:10px;padding:5px 8px}.chapter{top:113px}.chapter h2{font-size:35px}.chapter p{max-width:320px;margin-top:14px}.mobile-break{display:block}.finale h2{font-size:39px}.scene-actions{bottom:62px}.scene-bottom{left:20px;right:20px;bottom:13px;justify-content:center}.scroll-note{display:none}.chapter-nav{position:static;transform:none}.chapter-nav button{width:36px;height:36px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:24px;font-size:16px}.collection{padding-top:74px}.app-row{grid-template-columns:1fr;gap:30px;padding:40px 0 52px}.app-art{height:560px}.app-copy h3{font-size:23px;margin-bottom:14px}.app-tagline{font-size:31px}.app-copy>p:not(.app-tagline){margin-top:16px}.about{grid-template-columns:1fr;gap:30px;padding-block:64px}.about p{font-size:17px}.support{padding-block:64px}.support-inner{position:relative;display:block}.support h2{font-size:35px}.support-mascot{position:relative;right:auto;bottom:auto;width:240px;height:240px;margin:20px auto -20px}.support .email-link{font-size:13px}.support p{max-width:250px;font-size:15px}.legal{padding-block:64px}.legal-row{display:block;padding-block:26px}.legal-row>div{gap:28px;margin-top:15px}.legal-row a{font-size:13px}footer{flex-wrap:wrap;gap:20px}footer>a:last-child{width:100%}footer>span{margin-left:auto}}
@media(max-width:760px) and (max-height:750px){.intro{top:94px}.intro h1{font-size:34px}.glass-title{width:295px;margin-bottom:-8px}.stage{top:260px;height:calc(100svh - 390px)}.chapter{top:93px}.chapter h2{font-size:30px}.scene-actions{bottom:56px}.almi-host{right:10px;bottom:110px}.almi-button{width:67px;height:67px}.almi-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.almi-host,.support-mascot{display:none}}
/* The scene's shared light moves with a fine pointer; screens remain front-facing. */
.phone-shine{background:radial-gradient(ellipse at var(--shine-x,20%) var(--shine-y,0%),#fff2,transparent 62%),linear-gradient(112deg,#ffffff0d,transparent 29%,transparent 72%,#cbe7ff12)}
.orbit-one{transform:translate3d(var(--light-x,0px),var(--light-y,0px),0) rotate(-14deg)}
.orbit-two{transform:translate3d(var(--light-x,0px),var(--light-y,0px),0) rotate(13deg)}
@media(hover:hover) and (pointer:fine){.secondary:hover{background:#fff;transform:translateY(-2px)}}
@media(max-width:760px){.chapter[data-chapter="3"] h2{font-size:32px}.store-actions .button{gap:14px;padding-inline:20px}.scene-action.store-actions{justify-content:center}}
@media(max-width:760px) and (max-height:750px){.chapter[data-chapter="3"] h2{font-size:28px}}

@media(max-width:760px) and (max-height:750px){.plane-name{display:none}}

/* Liquid controls catch the same light as the phones. */
.button{position:relative;isolation:isolate;overflow:hidden;backdrop-filter:blur(16px) saturate(1.35)}
.button::before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at var(--button-x,25%) var(--button-y,0%),#fff4,transparent 66%);pointer-events:none}
.button .arrow{transition:transform 240ms var(--ease)}
.glass-showcase{transition:transform 480ms var(--ease);transform-origin:center}
.app-art::before{content:"";position:absolute;width:120%;height:34%;border-radius:50%;border:1px solid #fffc;box-shadow:0 10px 22px -16px #788eb39c,inset 0 3px 8px #fff9;transform:rotate(-28deg);pointer-events:none}
.glass-droplet{position:absolute;z-index:1;width:74px;height:94px;border-radius:54% 46% 57% 43%;background:radial-gradient(ellipse at 23% 14%,#fff 0%,#fff6 4%,#fff0 22%),linear-gradient(140deg,#deedff33,#fff0 45%,#aac8eb40);box-shadow:inset 2px 3px 4px #fff,inset -3px -5px 9px #b6cbe580,0 20px 28px -19px #6379a080;backdrop-filter:blur(3px);pointer-events:none}
.droplet-one{left:12%;top:33%;transform:translate3d(var(--light-x,0px),var(--light-y,0px),0) rotate(-24deg)}
.droplet-two{right:13%;top:21%;width:44px;height:53px;transform:translate3d(calc(var(--light-x,0px) * -1),calc(var(--light-y,0px) * -1),0) rotate(32deg)}
@media(hover:hover) and (pointer:fine){.app-art:hover .glass-showcase{transform:rotate(0deg) scale(1.1)}.button:hover .arrow{transform:translate(2px,-2px)}.app-art:hover .phone-shine{background:linear-gradient(115deg,#fff2,transparent 40%,#fff0)}.plane:hover .phone-shine{box-shadow:inset 2px 2px 2px #fff,inset -1px -1px 2px #ddeaff}}
@media(max-width:1100px){.droplet-one{left:6%;top:23%;width:44px;height:58px}.droplet-two{right:7%}.almi-host{right:24px;top:72%}}
@media(max-width:760px){.button{padding:15px 23px;font-size:14px;min-height:54px}.glass-droplet{width:42px;height:55px}.droplet-one{left:6%;top:27%}.droplet-two{right:8%;top:13%;width:26px;height:34px}.almi-host{top:auto;right:18px}.app-art{height:560px}.app-copy .store-actions{gap:10px}}
@media(max-width:760px) and (max-height:750px){.app-art{height:510px}.scene-actions{bottom:52px}}
@media(prefers-reduced-motion:reduce){.glass-showcase:hover,.app-art:hover .glass-showcase{transform:none}}
@media(prefers-reduced-transparency:reduce){.button,.glass-droplet{backdrop-filter:none}.secondary{background:#f0f3f9}}

/* Keep the scrolling scene in one stable compositor layer. Its glass uses
   painted reflections: live backdrop sampling inside sticky layers is avoided. */
.scene .button,.scene .glass-droplet{backdrop-filter:none;-webkit-backdrop-filter:none}