.st-band{margin:1.25rem 0}.st-band-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.st-band-legend{color:var(--ink-3);letter-spacing:var(--tracking-caption);margin:0;font-size:.75rem;font-weight:500;line-height:1.4}.st-band-note{color:var(--pill-pro-ring);align-items:center;gap:.375rem;margin:0;font-size:.8125rem;font-weight:500;display:flex}.st-band-note>svg{width:1rem;height:1rem}.st-band-box{--aurora:var(--pill-pro-light);isolation:isolate;border:1px solid rgb(var(--aurora) / .5);background-color:var(--pill-pro-fill);border-radius:0;padding:1rem;position:relative}.st-band-box:before,.st-band-box:after{content:"";border-radius:inherit;pointer-events:none;animation:6s ease-in-out infinite alternate st-aurora-breathe;position:absolute}.st-band-box:before{z-index:-1;box-shadow:inset 0 0 0 1px rgb(var(--aurora) / .09), inset 0 0 14px rgb(var(--aurora) / .17), inset 0 0 34px rgb(var(--aurora) / .08);inset:0}.st-band-box:after{z-index:-2;box-shadow:0 0 1px rgb(var(--aurora) / .5), 0 0 20px rgb(var(--aurora) / .35), 0 0 52px rgb(var(--aurora) / .14);animation-direction:alternate-reverse;inset:-1px}@keyframes st-aurora-breathe{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.st-band-box:before,.st-band-box:after{animation:none}}.st-band-row{gap:.875rem;display:grid}.st-band-item{isolation:isolate;grid-template-columns:minmax(0, 1fr) var(--st-art-share);border:1px solid var(--edge);border-radius:var(--radius-card);background-image:linear-gradient(160deg, var(--surface-2) 0%, var(--surface-1) 55%, var(--ground-deep) 100%);min-height:10rem;box-shadow:inset 0 1px 0 0 var(--lift), var(--shadow-ambient);transition:border-color .15s var(--ease-expo), box-shadow .15s var(--ease-expo);--st-art-share:46%;--st-text-align:center;--st-kit-row:4.125rem;--st-kit-still:16.2rem;--st-sys-cover:92%;--st-sys-phone:36%;--st-sys-phone-top:3.125rem;--st-glow:120 110 255;--st-glow-strength:.38;display:grid;position:relative;overflow:hidden}.st-band-item[data-glow=warm]{--st-glow:246 236 214;--st-glow-strength:.26}.st-band-item[data-layout=column]{--st-glow:var(--light)}@media (width>=64rem){.st-band-item[data-layout=column]{--st-art-share:56%;--st-text-align:start;--st-kit-row:5.25rem;--st-kit-still:15.5rem;--st-sys-cover:118%;--st-sys-phone:44%;--st-sys-phone-top:3.75rem}}.st-band-item:before{content:"";z-index:-1;background-image:radial-gradient(ellipse 58% 120% at 80% 42%, rgb(var(--st-glow) / var(--st-glow-strength)) 0%, rgb(var(--st-glow) / calc(var(--st-glow-strength) * .35)) 42%, transparent 72%);pointer-events:none;position:absolute;inset:0}.st-band-text{align-self:var(--st-text-align);min-width:0;padding:1.5rem .75rem 1.5rem 1.5rem}.st-band-title{color:var(--ink);letter-spacing:var(--tracking-title-1);margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.st-band-link{color:inherit;transition:color .15s var(--ease-expo);align-items:center;gap:.5rem;display:inline-flex}.st-band-link:after{content:"";z-index:3;border-radius:var(--radius-card);position:absolute;inset:0}.st-band-link:focus-visible{outline:none}.st-band-link:focus-visible:after{outline:2px solid var(--ink);outline-offset:3px}.st-band-item:has(.st-band-link:focus-visible){outline-offset:3px;outline:none}.st-band-item[data-layout=column]:has(.st-band-link:focus-visible){outline:2px solid var(--ink)}.st-band-line{color:var(--ink-3);text-wrap:pretty;margin:.375rem 0 0;font-size:.875rem;line-height:1.65}.st-band-art{z-index:1;min-height:10rem;position:relative}.st-kit,.st-sys-stage,.st-sys{position:absolute;inset:0}.st-kit{padding:.9375rem 0 0 .375rem;overflow:hidden}.st-kit-track{grid-template-columns:repeat(3,minmax(6.75rem,1fr));grid-auto-rows:var(--st-kit-row);will-change:transform;gap:.4375rem;display:grid}@keyframes st-kit-scroll{to{transform:translateY(-50%)}}@media (hover:hover){.st-kit-track{animation:st-kit-scroll calc(var(--st-kit-rows,2) * 1.6s) linear infinite;animation-play-state:paused}.st-band-item:hover .st-kit-track{animation-play-state:running}}.st-sys{will-change:transform, opacity;transition:opacity .32s var(--ease-expo), transform .32s var(--ease-expo)}@starting-style{.st-sys{opacity:0;transform:translate(10%)}}@keyframes st-sys-out{to{opacity:0;transform:translate(-12%)scale(.97)}}.st-sys-out{animation:st-sys-out .26s var(--ease-expo) forwards;pointer-events:none}.st-sys-cover,.st-sys-phone,.st-sys-plate{transition:transform .24s var(--ease-expo)}@media (hover:hover){.st-band-item:hover .st-sys-cover{transform:translateY(-6px)}.st-band-item:hover .st-sys-phone{transform:translateY(-12px)}.st-band-item:hover .st-sys-plate{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.st-kit-track{animation:none}.st-sys,.st-sys-cover,.st-sys-phone,.st-sys-plate{transition:none}.st-sys-out{opacity:0;animation:none}.st-band-item:hover .st-sys-cover,.st-band-item:hover .st-sys-phone,.st-band-item:hover .st-sys-plate{transform:none}}.st-kit-tile{border:1px solid var(--edge-strong);background-color:var(--surface-1);box-shadow:inset 0 1px 0 0 var(--lift), 0 12px 24px -12px #000;border-radius:.5rem;position:relative;overflow:hidden}.st-kit-tile>img{width:var(--st-kit-still);max-width:none;display:block;translate:-13% -7%}.st-sys-cover{width:var(--st-sys-cover);border:1px solid var(--edge-strong);background-color:var(--surface-2);box-shadow:inset 0 1px 0 0 var(--lift), 0 20px 40px -14px #000;border-radius:.625rem;position:absolute;top:.875rem;left:34%;overflow:hidden}.st-sys-bar{border-bottom:1px solid var(--divider);align-items:center;gap:.25rem;height:1.125rem;padding-inline:.5rem;display:flex}.st-sys-bar>i{background-color:var(--edge-strong);border-radius:50%;width:.3125rem;height:.3125rem;display:block}.st-sys-cover>img,.st-sys-phone>img{object-fit:cover;object-position:top;width:100%;display:block}.st-sys-cover>img{aspect-ratio:16/10}.st-sys-phone{top:var(--st-sys-phone-top);z-index:2;width:var(--st-sys-phone);border:1px solid var(--edge-strong);background-color:var(--ground-deep);box-shadow:inset 0 1px 0 0 var(--lift), 0 20px 40px -14px #000;border-radius:1rem;padding:.25rem;position:absolute;left:8%;overflow:hidden}.st-sys-notch{z-index:1;background-color:var(--ground-deep);border-radius:999px;width:32%;height:.3125rem;position:absolute;top:.5rem;left:50%;translate:-50%}.st-sys-phone>img{aspect-ratio:390/844;border-radius:.75rem}.st-sys-plate{z-index:3;border:1px solid var(--edge-strong);background-color:var(--surface-3);box-shadow:inset 0 1px 0 0 var(--lift), 0 12px 24px -12px #000;color:var(--ink);letter-spacing:var(--tracking-caption);border-radius:.625rem;padding:.3125rem .4375rem;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:.875rem;left:8%}.st-sys-tones{gap:.25rem;display:inline-flex}.st-sys-tones>i{border:1px solid #ffffff2e;border-radius:50%;width:.75rem;height:.75rem;display:block}@media (hover:hover){.st-band-item:hover{border-color:var(--edge-strong);box-shadow:inset 0 1px 0 0 var(--lift), 0 0 0 1px rgb(var(--st-glow) / .4), 0 0 28px rgb(var(--st-glow) / .22), var(--shadow-ambient)}.st-band-item:hover .st-band-link{color:var(--lit)}}@media (prefers-reduced-motion:reduce){.st-band-item{transition:none}}.st-band-row{container-type:inline-size}@container (width<30rem){.st-band-item{grid-template-columns:minmax(0,1fr);min-height:0}.st-band-item[data-layout=column]{grid-template-rows:auto minmax(0,1fr)}.st-band-item:before{background-image:radial-gradient(ellipse 90% 55% at 50% 88%, rgb(var(--st-glow) / var(--st-glow-strength)) 0%, rgb(var(--st-glow) / calc(var(--st-glow-strength) * .35)) 42%, transparent 72%)}.st-band-text{padding:1.25rem 1.25rem 0}.st-band-title{font-size:1.375rem}.st-band-art{min-height:11.5rem;margin-top:.875rem}.st-kit{padding:0 1.25rem}.st-kit-track{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:3.5rem}.st-kit-tile>img{width:13rem;translate:-12% -6%}.st-sys-cover{width:78%;left:30%}.st-sys-phone,.st-sys-plate{left:7%}.st-sys-phone{width:30%}}
