:root{--bg: #eeeeee;--text: #111111;--muted: #8d8d8d;--line: #ececec;--card-full-w: clamp(182px, 19vw, 390px);--card-full-h: calc(var(--card-full-w) * 1.7692)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{position:relative;transition:opacity .35s,transform .35s}body.page-leave{opacity:0;transform:scale(.985)}#app{width:100%;height:100%;margin:0;overflow:hidden;position:relative}#ui{position:fixed;inset:0;pointer-events:none;z-index:20}header{position:absolute;top:32px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center}.logo{pointer-events:auto;font-size:13px;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:#111}.home-menu{position:relative;pointer-events:auto}.home-menu-toggle{display:none}.home-menu nav{display:flex;gap:34px;align-items:center}.home-menu nav a{color:#888;text-decoration:none;font-size:14px;transition:.25s}.home-menu nav a:hover{color:#111}.site-footer{position:absolute;left:48px;bottom:32px;pointer-events:auto}.site-footer a{color:#888;text-decoration:none;font-size:12px;transition:color .25s}.site-footer a:hover{color:#111}.embla{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 46%}.embla__viewport{width:100%;height:100%;overflow:hidden;touch-action:pan-y}.embla__container{display:flex;align-items:center;height:100%;width:max-content;margin-inline:auto}.embla__slide{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-inline:30px}.title-label{position:absolute;top:10%;left:50%;transform:translate3d(-50%,-50%,-260px);font-size:min(20vw,300px);font-weight:900;letter-spacing:-.03em;line-height:1;white-space:nowrap;color:#fafafa;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 -1px 0 rgba(255,255,255,.9),1px -1px 0 rgba(255,255,255,.8),2px 2px 0 #f0f0f0,4px 4px 0 #ececec,6px 6px 0 #e7e7e7,10px 10px 10px rgba(0,0,0,.08),18px 18px 25px rgba(0,0,0,.07),35px 35px 60px rgba(0,0,0,.05)}.embla__slide .app-card{will-change:transform,opacity,filter}@media(max-width:1920px){.title-label{position:absolute;top:8%;left:50%;font-size:min(16vw,210px)}}@media(max-width:720px){.title-label{top:14%;font-size:clamp(32px,13vw,60px)}.mobile-scroll{position:absolute;inset:0;display:flex;align-items:center;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-inline:calc(50vw - 91px);scrollbar-width:none}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll .app-card{flex:none;scroll-snap-align:center}}.flow-nav{position:absolute;bottom:56px;left:50%;transform:translate(-50%);z-index:30;display:inline-flex;align-items:center;gap:28px;padding:12px 20px;border-radius:999px;background:#ffffff8c;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 35px #00000014,inset 0 1px #ffffffbf;pointer-events:auto;-webkit-user-select:none;user-select:none}.flow-nav button{width:38px;height:38px;border:none;border-radius:50%;background:#fff9;color:#111;font-size:16px;cursor:pointer;transition:transform .35s,background .35s;font-family:Inter,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.flow-nav button:hover{transform:scale(1.08);background:#fff}.dots{display:inline-flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:20px;background:#96969666;cursor:pointer;transition:all .35s;touch-action:manipulation}.dot.active{width:20px;background:#828282}@media(max-width:720px){header{left:22px;right:22px;top:22px}.home-menu-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.1);border-radius:999px;background:#fffc;color:#111;box-shadow:0 10px 28px #00000014;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font:600 22px/1 Inter,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease}.home-menu-toggle:hover{transform:translateY(-2px);background:#fff}.home-menu-toggle:focus-visible{outline:3px solid rgba(17,17,17,.3);outline-offset:3px}.home-menu nav{position:absolute;top:56px;right:0;width:min(240px,calc(100vw - 44px));padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:4px;border:1px solid rgba(17,17,17,.1);border-radius:22px;background:#ffffffeb;box-shadow:0 20px 50px #00000024;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s ease,transform .2s ease,visibility .2s}.home-menu.open nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.home-menu nav a{padding:13px 14px;border-radius:14px;color:#555;font-size:14px}.home-menu nav a:hover,.home-menu nav a:focus-visible{background:#f1f1ef;color:#111;outline:none}.site-footer{left:22px;bottom:22px}.flow-nav{bottom:34px;gap:18px;padding:10px 16px}.flow-nav button{width:34px;height:34px;font-size:14px}}@view-transition{navigation:auto}.app-card{width:var(--card-full-w);height:var(--card-full-h);position:relative;font-family:Inter,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform,filter,opacity}.app-card.is-coming-soon{cursor:default}.card-glow{position:absolute;inset:-55px;border-radius:70px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 65%,white),transparent 72%);filter:blur(70px);opacity:.22;z-index:-1;transition:opacity .45s,transform .45s,filter .45s}.card-border{position:absolute;inset:0;overflow:hidden;border-radius:38px;background:linear-gradient(#ffffff8c,#ffffff8c),radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 55%),radial-gradient(circle at 30% 20%,#848484,#858585 60%,#868686);border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 18px #ffffffd9 inset,0 -12px 25px #00000008 inset,0 25px 60px #0000001f,0 60px 120px #00000014;display:flex;flex-direction:column}.card-image{position:relative;flex:0 0 56%;margin:18px 18px 0;overflow:hidden;border-radius:26px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 18%,#00000014 42%,#0000008c 72%,#000000e6)}.card-content{position:absolute;left:34px;right:34px;bottom:34px;color:#fff}.subtitle{display:inline-flex;align-self:flex-start;padding:8px 16px;border-radius:30px;background:#f4f4f4;color:#777;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card-content h2{margin-top:20px;font-size:54px;font-weight:800;letter-spacing:-2.8px;line-height:.92;text-wrap:balance}.card-content p{margin-top:18px;color:#fffc;font-size:15px;line-height:1.8;font-weight:400;max-width:270px}.bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.bottom button{height:58px;padding:0 30px;border:none;border-radius:50px;background:#111;color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 8px 24px #0000001a;transition:transform .35s,box-shadow .35s}.bottom button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0000002e}.arrow{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .35s,background .35s}.arrow:hover{transform:translate(3px)}.card-border:before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(rgba(255,255,255,.55),transparent);pointer-events:none}.card-border:after{content:"";position:absolute;inset:0;border-radius:38px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.glass-highlight{position:absolute;left:-10%;top:-25%;width:120%;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.18),transparent);transform:rotate(-6deg);pointer-events:none;mix-blend-mode:screen}.glass-noise{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 40% 90%,rgba(255,255,255,.7) 1px,transparent 1px);background-size:14px 14px,18px 18px,22px 22px}.card-info{flex:1;display:flex;flex-direction:column;padding:28px;color:#111}.card-info h2{margin-top:20px;color:#111;font-size:46px;line-height:.95;letter-spacing:-2px}.card-info p{margin-top:18px;color:#666;line-height:1.7;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reflection{opacity:.22;transform-origin:top center;filter:blur(12px) brightness(.82) saturate(.8);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 15%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.18) 75%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 15%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.18) 75%,transparent 100%)}.reflection{filter:blur(12px) brightness(.82) saturate(.8)}.status-badge{display:inline-block;color:#22c55e;font-weight:600;font-size:14px;padding:8px 0;letter-spacing:.5px;text-transform:uppercase}.coming-soon-badge{color:#000}.bottom a{text-decoration:none;display:block}@media(max-width:1920px){.card-image{flex:0 0 46%;margin:12px;border-radius:20px}.card-info{padding:16px 20px}.subtitle{font-size:8.5px;padding:4px 10px}.card-info h2{font-size:22px;margin-top:4px}.card-info p{font-size:12px;margin-top:8px}.bottom button{height:36px;padding:0 14px;font-size:11px}.status-badge{padding:4px 0;font-size:9px}.arrow{width:34px;height:34px;font-size:13px}}@media(max-width:720px){.card-image{flex:0 0 46%;margin:9px;border-radius:15px}.card-info{padding:14px}.subtitle{font-size:8.5px;padding:4px 10px}.card-info h2{font-size:19px;margin-top:8px;letter-spacing:-.7px;line-height:.95}.card-info p{font-size:9.5px;margin-top:6px;line-height:1.4;-webkit-line-clamp:2}.bottom button{height:40px;padding:0 16px;font-size:10px}.status-badge{font-size:10px;padding:10px 0}.arrow{width:34px;height:34px;font-size:13px}.bottom a#store-link{padding:6px;margin:-6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}
