.ap-hero-grid{gap:28px;display:grid}@container (width>=56rem){.ap-hero-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:end;gap:28px 48px}.ap-hero-head{grid-area:1/1}.ap-hero-key{grid-area:2/1;align-self:start}.ap-desk{grid-area:1/2/3/3;align-self:center}}.ap-hero .h-hero{font-size:clamp(44px,6.6cqi,84px);line-height:.98}.ap-key{background:#2b151238;border-radius:7px;flex-shrink:0;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px #fff4e847}.ap-key.is-live{background:var(--color-cream);box-shadow:0 0 14px #fff4e859}.ap-desk{background:var(--ground);border-radius:28px;flex-direction:column;gap:clamp(18px,2.4cqi,28px);padding:16px clamp(14px,2.4cqi,28px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff4e81a,0 30px 70px #1a0a064d}.ap-desk-bar{opacity:.78;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.ap-desk-mark{align-items:center;gap:7px;font-weight:500;display:inline-flex}.ap-launch{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2cqi,22px) 8px;margin:0;padding:4px 0 0;list-style:none;display:grid}@container (width>=32rem){.ap-launch{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=48rem){.ap-launch{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (width>=56rem){.ap-launch{grid-template-columns:repeat(4,minmax(0,1fr))}}.ap-tile{min-width:0;color:var(--color-cream);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:4px 2px;text-decoration:none;display:flex}.ap-ic{aspect-ratio:1;width:clamp(56px,7.4cqi,68px);transition:transform .35s var(--ease-spring), background-color .35s, box-shadow .35s;background:#2b151238;border-radius:30%;place-items:center;display:grid;position:relative}.ap-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.ap-tag{letter-spacing:.06em;text-transform:uppercase;opacity:.6;align-items:center;gap:4px;min-height:18px;font-size:11px;display:inline-flex}.ap-tile.is-live .ap-ic{background:var(--color-cream);color:var(--ground);box-shadow:0 0 #fff4e800,0 10px 28px #1a0a0647}.ap-tile.is-live .ap-tag{opacity:1;font-weight:600}.ap-tile.is-live:hover .ap-ic,.ap-tile.is-live:focus-visible .ap-ic{transform:translateY(-3px)scale(1.05);box-shadow:0 0 0 6px #fff4e829,0 14px 32px #1a0a064d}.ap-tile.is-live:focus-visible{outline:2px solid var(--color-cream);outline-offset:4px}.ap-tile.is-live .ap-ic:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-2px;box-shadow:0 0 0 2px #fff4e8e6}.ap-tile.is-coming{cursor:default}.ap-tile.is-coming .ap-ic{background:#2b151224;box-shadow:inset 0 0 0 1.5px #fff4e829}.ap-tile.is-coming .ap-ic>svg,.ap-tile.is-coming .ap-name{opacity:.5}.ap-tile.is-coming .ap-tag{opacity:.42}.ap-dock{background:#2b151238;border-radius:20px;align-self:center;gap:clamp(6px,1cqi,10px);max-width:100%;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #fff4e81a}.ap-dock-ic{aspect-ratio:1;opacity:.75;background:#fff4e81a;border-radius:30%;place-items:center;width:clamp(30px,4.6cqi,40px);display:grid}.ap-dock-ic.is-live{background:var(--color-cream);color:var(--ground);opacity:1}.ap-desk.is-armed .ap-tile,.ap-desk.is-armed .ap-dock{opacity:0}.ap-desk.is-run .ap-dock{animation:ap-dock .8s var(--ease-rise) both}.ap-desk.is-run .ap-tile{animation:ap-open .85s var(--ease-spring) both;animation-delay:calc(.4s + var(--k) * 65ms)}.ap-desk.is-run .ap-tile.is-live .ap-ic:after{animation:ap-call 1.6s var(--ease-rise) 2s both}.ap-desk.is-run .ap-tile.is-live .ap-ic{animation:ap-lift 1.6s var(--ease-spring) 2s both}.ap-desk.is-run .ap-tile,.ap-desk.is-run .ap-dock,.ap-desk.is-run .ap-tile.is-live .ap-ic,.ap-desk.is-run .ap-tile.is-live .ap-ic:after{will-change:transform, opacity}@keyframes ap-dock{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}@keyframes ap-open{0%{opacity:0;transform:translateY(46px)scale(.55)}40%{opacity:1}to{opacity:1;transform:none}}@keyframes ap-call{0%{opacity:0;transform:scale(1)}4%{opacity:.9;transform:scale(1)}45%{opacity:0;transform:scale(1.5)}48%{opacity:0;transform:scale(1)}52%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes ap-lift{0%,to{transform:none}20%{transform:translateY(-4px)scale(1.07)}60%{transform:translateY(-2px)scale(1.04)}}.lw-slot[data-lw-playing=false] .ap-desk.is-run .ap-tile,.lw-slot[data-lw-playing=false] .ap-desk.is-run .ap-dock,.lw-slot[data-lw-playing=false] .ap-desk.is-run .ap-ic,.lw-slot[data-lw-playing=false] .ap-desk.is-run .ap-ic:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ap-desk .ap-tile,.ap-desk .ap-dock,.ap-desk .ap-ic,.ap-desk .ap-ic:after{animation:none!important}.ap-desk.is-armed .ap-tile,.ap-desk.is-armed .ap-dock{opacity:1}}.ap-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}@container (width>=48rem){.ap-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}}.ap-row{height:100%;color:var(--color-ink);background:#fbebdb;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.ap-row-ic{background:var(--color-ink);width:46px;height:46px;color:var(--color-cream);border-radius:30%;place-items:center;display:grid}.ap-row.is-live{background:var(--color-cream);box-shadow:inset 0 0 0 1.5px var(--ground), 0 12px 30px #2b15121a;transition:transform .3s var(--ease-ui), box-shadow .3s}.ap-row.is-live .ap-row-ic{background:var(--ground)}.ap-row.is-live:hover{box-shadow:inset 0 0 0 1.5px var(--ground), 0 16px 34px #2b151224;transform:translateY(-2px)}.ap-row-go{color:var(--ground);white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.ap-row.is-coming{box-shadow:inset 0 0 0 1px var(--color-line);background:0 0}.ap-row.is-coming .ap-row-ic{background:var(--color-line);color:var(--color-ink-soft)}.ap-row.is-coming>.flex{opacity:.72}.ap-row-soon{white-space:nowrap}@container (width<=26rem){.ap-row{grid-template-columns:auto minmax(0,1fr)}.ap-row-go,.ap-row-soon{grid-column:2;justify-self:start}}.ap-devs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:34px 18px;display:grid}@container (width>=44rem){.ap-devs{grid-template-columns:14fr 22fr 28fr 32fr;gap:2.4cqi}}.ap-dev{flex-direction:column;align-items:center;gap:16px;min-width:0;margin:0;display:flex}.ap-dev-frame{flex-direction:column;align-items:center;width:100%;display:flex}.ap-dev-body{background:#120c0b;border-radius:14px;width:100%;padding:5px;position:relative;box-shadow:inset 0 0 0 1px #fff4e829,0 18px 40px #05081273;container-type:inline-size}.ap-dev-body:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 0 2px #fff4e8d9,0 0 34px #fff4e84d}.ap-dev.is-phone .ap-dev-frame{max-width:108px}@container (width>=44rem){.ap-dev.is-phone .ap-dev-frame{max-width:132px}}.ap-dev.is-phone .ap-dev-body{border-radius:20px;padding:4px}.ap-dev.is-phone .ap-scr{aspect-ratio:9/18.5;border-radius:16px}.ap-dev.is-tablet .ap-scr{aspect-ratio:4/3;border-radius:10px}.ap-dev.is-tablet .ap-dev-body{border-radius:16px;padding:7px}.ap-dev.is-laptop .ap-dev-frame{width:100%}.ap-dev.is-laptop .ap-dev-body{border-radius:12px 12px 4px 4px;width:86%}.ap-dev.is-laptop .ap-scr{aspect-ratio:16/10;border-radius:7px}.ap-dev.is-desktop .ap-scr{aspect-ratio:16/9.4;border-radius:9px}.ap-dev-base{background:#2a2220;border-radius:2px 2px 9px 9px;width:100%;height:9px;box-shadow:inset 0 1px #fff4e833,0 10px 20px #05081259}.ap-dev-stand{clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(#2a2220,#1b1514);width:22%;height:22px}.ap-scr{background:var(--ground);color:var(--color-cream);flex-direction:column;gap:5cqi;padding:7cqi;display:flex;position:relative;overflow:hidden}.ap-dev:not(.is-phone) .ap-scr{gap:3.4cqi;padding:4.6cqi 5cqi}.ap-scr-top{align-items:center;gap:4cqi;font-size:max(9px,8.5cqi);font-weight:500;line-height:1;display:flex}.ap-dev:not(.is-phone) .ap-scr-top{gap:1.8cqi;font-size:max(9px,4.4cqi)}.ap-scr-ring{width:1.2em;height:1.2em;box-shadow:inset 0 0 0 .14em var(--color-cream);background:radial-gradient(circle, var(--color-cream) 0 22%, transparent 24%);border-radius:50%;flex-shrink:0}.ap-scr-card{background:var(--color-cream);color:var(--color-ink);border-radius:.7em;flex-direction:column;gap:.2em;padding:.7em .8em;font-size:max(8px,8cqi);line-height:1.15;display:flex}.ap-dev:not(.is-phone) .ap-scr-card{align-self:flex-start;min-width:56%;font-size:max(8px,4.2cqi)}.ap-scr-card b{font-weight:600}.ap-scr-card span{color:var(--color-ink-soft)}.ap-scr-apps{grid-template-columns:repeat(4,1fr);gap:4cqi;margin-top:auto;display:grid}.ap-dev:not(.is-phone) .ap-scr-apps{grid-template-columns:repeat(8,1fr);gap:2cqi;width:70%}.ap-scr-apps i{aspect-ratio:1;background:#2b15123d;border-radius:30%}.ap-scr-apps i.is-on{background:var(--color-cream)}.ap-scr-say{white-space:nowrap;font-size:max(9px,5.4cqi);line-height:1;position:absolute;bottom:4.6cqi;right:5cqi}.ap-dev-cap{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex}.ap-soon{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fff4e81f;border-radius:999px;align-items:center;min-height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.ap-devs.is-armed .ap-dev,.ap-devs.is-armed .ap-scr-card,.ap-devs.is-armed .ap-scr-say{opacity:0}.ap-devs.is-run .ap-dev{animation:ap-open .9s var(--ease-spring) both;animation-delay:calc(.2s + var(--n) * .12s)}.ap-devs.is-run .ap-scr-card{animation:ap-hand .7s var(--ease-spring) both;animation-delay:calc(1.3s + var(--n) * .6s)}.ap-devs.is-run .ap-dev-body:after{animation:ap-glow 1.3s var(--ease-rise) both;animation-delay:calc(1.3s + var(--n) * .6s)}.ap-devs.is-run .ap-scr-say{animation:ap-say 1s var(--ease-rise) 3.6s both}.ap-devs.is-run .ap-dev,.ap-devs.is-run .ap-scr-card,.ap-devs.is-run .ap-scr-say,.ap-devs.is-run .ap-dev-body:after{will-change:transform, opacity}@keyframes ap-hand{0%{opacity:0;transform:translateY(40%)scale(.8)}to{opacity:1;transform:none}}@keyframes ap-glow{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes ap-say{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lw-slot[data-lw-playing=false] .ap-devs.is-run .ap-dev,.lw-slot[data-lw-playing=false] .ap-devs.is-run .ap-scr-card,.lw-slot[data-lw-playing=false] .ap-devs.is-run .ap-scr-say,.lw-slot[data-lw-playing=false] .ap-devs.is-run .ap-dev-body:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ap-devs .ap-dev,.ap-devs .ap-scr-card,.ap-devs .ap-scr-say,.ap-devs .ap-dev-body:after{animation:none!important}.ap-devs.is-armed :is(.ap-dev,.ap-scr-card,.ap-scr-say){opacity:1}}
