.splash.ios-splash{--tour-phone-w:min(340px, 100vw - 32px, (100vh - 112px) * 71.5 / 149.6);--tour-phone-h:calc(var(--tour-phone-w) * 149.6 / 71.5);--tour-top:max(calc(var(--header-height,64px) + 16px), calc(50vh - var(--tour-phone-h) / 2));grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(calc(100vh - var(--header-height,64px) - 48px), auto) 100vh repeat(3, 70vh) 50vh 100vh;align-items:center;column-gap:64px;padding:24px 0 96px;display:grid}.ios-splash .iphone{--phone-w:var(--tour-phone-w)}.ios-tour-step{pointer-events:none;grid-column:1/-1;align-self:stretch}.ios-tour-step[data-section=home]{grid-row:1}.ios-tour-step[data-section=drop]{grid-row:2}.ios-tour-step[data-section=deck][data-tab="0"]{grid-row:3}.ios-tour-step[data-section=deck][data-tab="1"]{grid-row:4}.ios-tour-step[data-section=deck][data-tab="2"]{grid-row:5}.ios-tour-step[data-section=deck-out]{grid-row:6}.ios-tour-step[data-section=airmouse]{grid-row:7}.ios-tour-rail{grid-area:1/2/-1;align-self:stretch}.ios-tour-phone{top:var(--tour-top);z-index:1;position:sticky}.ios-tour-pinned>*{z-index:2;opacity:0;pointer-events:none;transition:opacity .22s;position:absolute}.ios-tour-beside{width:34ch;top:50%;left:calc(100% + 64px);translate:0 -50%}.ios-tour-beside .ios-tour-copy{text-align:left;align-items:flex-start}@property --tour-tab{syntax:"<color>";inherits:true;initial-value:#0a84ff}.ios-tour-over,.ios-tour-under{transition:opacity .38s,translate .48s cubic-bezier(.4,0,1,1);left:50%}.ios-tour-over{bottom:calc(50% + var(--tour-phone-w) / 2 + 56px);width:min(620px,90vw);translate:-50% -32px}.ios-tour-under{top:calc(50% + var(--tour-phone-w) / 2 + 144px);width:min(1480px,96vw);transition:opacity .38s,translate .48s cubic-bezier(.4,0,1,1),--tour-tab .6s;translate:-50% 32px}.ios-tour-under .mac-system-rail{--notch-length:272px;width:100%;padding-bottom:50vh}.ios-tour-under .mac-system-rail-shape{-webkit-mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent), linear-gradient(to bottom, #000 calc(var(--notch-depth) + 8px), transparent calc(var(--notch-depth) + 280px));mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent), linear-gradient(to bottom, #000 calc(var(--notch-depth) + 8px), transparent calc(var(--notch-depth) + 280px));-webkit-mask-composite:source-in;mask-composite:intersect}.ios-tour-under .mac-system-rail-shape:before{background:color-mix(in srgb, var(--tour-tab) 1.5%, color-mix(in srgb, var(--color-bg) 90%, transparent))}.ios-tour-phone:not(:has(>.iphone[data-landscape])) .ios-tour-pinned[data-at=drop]>[data-for=drop]{opacity:1;pointer-events:auto;transition:opacity .5s .45s}.ios-tour-phone:has(>.iphone[data-landscape]) .ios-tour-pinned[data-at=deck]>:is(.ios-tour-over,.ios-tour-under){opacity:1;pointer-events:auto;transition:opacity .5s .7s,translate .7s cubic-bezier(.22,1,.36,1) .7s,--tour-tab .6s;translate:-50%}.ios-tour-phone:not(:has(>.iphone[data-landscape])) .ios-tour-pinned[data-at=airmouse]>[data-for=airmouse]{opacity:1;pointer-events:auto;transition:opacity .5s 1s}.ios-tour-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ios-tour-over .ios-tour-copy{animation:.42s both ios-tour-copy-in}.ios-tour-eyebrow{color:var(--tour-accent,var(--color-accent));font-size:13px;font-weight:600}.ios-tour-heading{text-wrap:balance;margin:0;font-size:28px;line-height:1.15}.ios-tour-body{max-width:54ch;color:var(--color-text-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}@keyframes ios-tour-copy-in{0%{opacity:0;translate:0 4px}}.ios-tour-glow-rail{z-index:0;pointer-events:none;grid-area:1/2/-1;align-self:stretch}.ios-tour-glow{top:var(--tour-top);height:var(--tour-phone-h);position:sticky}.ios-splash-intro,.ios-splash-side{z-index:0}@property --tour-glow{syntax:"<color>";inherits:true;initial-value:#7c5cff}@property --tour-glow-2{syntax:"<color>";inherits:true;initial-value:#39ffe7}.ios-tour-glow{--tour-glow:#7c5cff;--tour-glow-2:#39ffe7;transition:--tour-glow .9s,--tour-glow-2 .9s}.ios-tour-glow:before{content:"";background:radial-gradient(closest-side at 42% 42%, color-mix(in srgb, var(--tour-glow) 40%, transparent), transparent), radial-gradient(closest-side at 60% 62%, color-mix(in srgb, var(--tour-glow-2) 26%, transparent), transparent);filter:blur(80px);opacity:.55;pointer-events:none;border-radius:50%;transition:inset .8s cubic-bezier(.32,.72,0,1);position:absolute;inset:-2% -59%}.ios-tour-glow[data-scene=drop]{--tour-glow:#5e5ce6;--tour-glow-2:#bf5af2}.ios-tour-glow[data-scene=deck]{--tour-glow:#0a84ff;--tour-glow-2:#5e5ce6}.ios-tour-glow[data-scene=clock]{--tour-glow:#ff9f0a;--tour-glow-2:#ff453a}.ios-tour-glow[data-scene=present]{--tour-glow:#ff375f;--tour-glow-2:#bf5af2}.ios-tour-glow[data-scene=airmouse]{--tour-glow:#40c8e0;--tour-glow-2:#30d158}.ios-tour-glow[data-landscape]:before{inset:-14% -124%}.ios-splash-intro{text-align:left;flex-direction:column;grid-area:1/3;align-items:flex-start;gap:32px;display:flex}.ios-splash-intro .splash-hero{text-align:left;align-items:flex-start;gap:24px;margin:0;padding-top:0}.ios-splash-intro .splash-hero-text,.ios-splash-intro .splash-cta{align-items:flex-start}.ios-splash-intro .splash-cta-caption{text-align:left;padding-left:19px}.ios-splash-intro .splash-hero-mark{--mark-size:72px}.ios-splash-intro .splash-hero-heading{font-size:34px}.ios-splash-intro .splash-cta{margin-top:0;animation:.6s ease-out 1.4s both ios-splash-in}.ios-splash-side{text-align:right;flex-direction:column;grid-area:1/1;justify-self:end;align-items:flex-end;gap:16px;max-width:26ch;animation:.6s ease-out 1.2s both ios-splash-in;display:flex}.ios-splash-demo{border:1px solid var(--color-border);background:var(--color-bg-raised);height:36px;color:var(--color-text-1);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:13px;font-weight:500;transition:border-color .2s,background-color .2s,scale .16s cubic-bezier(.22,.61,.36,1);display:inline-flex}.ios-splash-demo svg{fill:currentColor;stroke-width:0;width:14px;height:14px}.ios-splash-demo:hover{border-color:color-mix(in srgb, var(--color-text-1) 24%, transparent)}.ios-splash-demo:active{scale:.96}.ios-splash-demo[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 50%, transparent);color:var(--color-accent)}.ios-splash-demo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ios-splash-hint{color:var(--color-text-3);text-wrap:pretty;font-size:13px;line-height:1.5}@media (max-width:960px){.splash.ios-splash{--tour-phone-w:min(340px, 100vw - 32px);grid-template-rows:none;grid-template-columns:1fr;justify-items:center;gap:40px;min-height:0}.ios-tour-step,.ios-tour-glow-rail,.ios-tour-pinned{display:none}.ios-tour-rail,.ios-splash-intro,.ios-splash-side{grid-area:auto}.ios-tour-phone{position:static}.ios-splash-side,.ios-splash-intro,.ios-splash-intro :is(.splash-hero,.splash-hero-text,.splash-cta){text-align:center;justify-self:center;align-items:center}.ios-splash-intro .splash-cta-caption{text-align:center;padding-left:0}.ios-splash-intro .splash-hero-heading{font-size:30px}.ios-splash-intro{display:contents}.ios-splash-intro .splash-cta{order:1}}@keyframes ios-splash-in{0%{opacity:0;translate:0 4px}}@media (prefers-reduced-motion:reduce){.ios-splash-intro .splash-cta,.ios-splash-side,.ios-tour-copy{animation:none}}