@layer sections{.app-band{padding-block:var(--space-xl);background-color:var(--color-primary-deep);background-image:radial-gradient(circle 36rem at 100% 0%, color-mix(in srgb, var(--color-primary) 30%, transparent), transparent), linear-gradient(135deg, var(--color-primary-deep), color-mix(in srgb, var(--color-primary-deep) 82%, var(--color-primary)));color:var(--color-white);position:relative;overflow:clip}@media (min-width:62rem){.app-band{padding-block:var(--space-2xl)}}.app-band :focus-visible{outline-color:var(--color-secondary-on-dark)}.app-band__orbit{border:calc(var(--border-width) * 2) dashed color-mix(in srgb, var(--color-white) 18%, transparent);border-radius:var(--radius-pill);pointer-events:none;position:absolute}.app-band__orbit--start{block-size:22.5rem;inline-size:22.5rem;inset-block-start:-5.5rem;inset-inline-start:-4.5rem}.app-band__orbit--end{border-color:color-mix(in srgb, var(--color-secondary-on-dark) 22%, transparent);block-size:18.75rem;inline-size:18.75rem;inset-block-end:-7.5rem;inset-inline-start:34%}.app-band__inner{gap:var(--space-xl);align-items:center;display:grid;position:relative}.app-band__text{align-items:flex-start;gap:var(--space-lg);flex-direction:column;min-inline-size:0;display:flex}.app-band__stores{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-band__store-item{margin:0}.app-band__store{border-radius:var(--radius-sm);display:block}.app-band__badge{block-size:3rem;inline-size:auto;display:block}@media (prefers-reduced-motion:no-preference){.app-band__store{transition:translate .18s cubic-bezier(.4,0,.2,1)}.app-band__store:hover{translate:0 -2px}}.app-band__codes{align-items:center;gap:var(--space-default);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);border:var(--border-width) solid color-mix(in srgb, var(--color-white) 16%, transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--color-white) 9%, transparent);margin-block-start:calc(var(--space-xs) * -1);display:none}@media (min-width:48rem){.app-band__codes{display:inline-flex}}.app-band__code{justify-items:center;gap:var(--space-3xs);display:grid}.app-band__code-image{border-radius:var(--radius-sm);background-color:var(--color-white);block-size:5rem;inline-size:5rem;fill:var(--color-gray-900);display:block}.app-band__code-label{font-size:var(--size-xs);font-weight:700;line-height:var(--leading-body);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-300)}.app-band__codes-text{max-inline-size:11rem;font-size:var(--size-sm);line-height:var(--leading-body);color:var(--color-gray-200);margin:0}.app-band__device{justify-self:center;align-items:center;display:grid}.app-band__stage{place-items:center;inline-size:min(70vw,22rem);display:grid;position:relative}.app-band__stage>*{grid-area:1/1}.app-band__phone,.app-band__stage>.drawn-screen{inline-size:100%;position:relative}.app-band__phone{filter:drop-shadow(0 1.875rem 3.75rem color-mix(in srgb, var(--color-black) 35%, transparent));display:block}.app-band__ring,.app-band__glow{border-radius:var(--radius-pill);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.app-band__ring{border:calc(var(--border-width) * 2) dashed color-mix(in srgb, var(--color-white) 28%, transparent)}.app-band__ring--outer{block-size:28rem;inline-size:28rem}.app-band__ring--inner{border-color:color-mix(in srgb, var(--color-secondary-on-dark) 30%, transparent);block-size:22rem;inline-size:22rem}.app-band__glow{background-image:radial-gradient(closest-side, color-mix(in srgb, var(--color-secondary-on-dark) 16%, transparent), transparent);block-size:24rem;inline-size:24rem}.app-band__floats{display:none}.app-band__float{align-items:center;gap:var(--space-2xs);max-inline-size:12rem;padding:var(--space-2xs) var(--space-xs);border:var(--border-width) solid color-mix(in srgb, var(--color-white) 16%, transparent);border-radius:var(--radius);background-color:color-mix(in srgb, var(--color-primary-deep) 72%, var(--color-black));color:var(--color-white);font-size:var(--size-xs);font-weight:500;line-height:var(--leading-body);box-shadow:var(--shadow-raised);display:flex}.app-band__float-icon{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-secondary-on-dark) 18%, transparent);block-size:1.5rem;inline-size:1.5rem;color:var(--color-secondary-on-dark);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (min-width:62rem){.app-band__inner--with-phone{column-gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.app-band__device{grid-template-columns:auto auto}.app-band__stage{inline-size:16rem}.app-band__floats{gap:var(--space-2xl);margin:0 0 0 calc(var(--space-lg) * -1);padding:0;list-style:none;display:grid;position:relative}.app-band__float:nth-child(2){margin-inline-start:var(--space-lg)}}@media (min-width:62rem) and (prefers-reduced-motion:no-preference){.app-band__orbit--start{animation:55s linear infinite app-band-turn}.app-band__orbit--end{animation:70s linear infinite reverse app-band-turn}.app-band__ring--outer{animation:45s linear infinite app-band-turn}.app-band__ring--inner{animation:60s linear infinite reverse app-band-turn}.app-band__glow{animation:6s ease-in-out infinite app-band-breathe}.app-band__float{animation:5.5s ease-in-out infinite float-card-drift}.app-band__float:nth-child(2){animation-duration:6.5s}.app-band__float:nth-child(3){animation-duration:7.5s}[data-motion=paused] .app-band__orbit--start,[data-motion=paused] .app-band__orbit--end,[data-motion=paused] .app-band__ring--outer,[data-motion=paused] .app-band__ring--inner,[data-motion=paused] .app-band__glow,[data-motion=paused] .app-band__float{animation-play-state:paused}}@keyframes app-band-turn{to{rotate:360deg}}@keyframes app-band-breathe{50%{opacity:.6;scale:1.06}}}