main:has(.story){padding-block-start:clamp(1.5rem,3vw,2.5rem)}.story{--director-void:#0b0a0a;--director-card:#191716;--director-edge:#342e2b;--director-ink:#f4ebe1;--director-red:#f04e4b;--polaris-ink:#b4aeff;grid-template-columns:minmax(0,1fr)}.story :is(h1,h2,h3){overflow-wrap:anywhere}.story :is(.product-hero__copy,.home-hero__copy,.feature-story__copy,.theme-showcase__title,.theme-showcase__body,.story-heading){grid-template-columns:minmax(0,1fr)}.theme-showcase__name code{overflow-wrap:anywhere}.story-heading{gap:1rem;max-width:48rem;margin-block-end:clamp(2.25rem,5vw,3.75rem);display:grid}.story :is(.story-heading,.theme-showcase) h2{max-width:18ch;margin:0;font-size:clamp(2rem,4.2vw,3.5rem)}.story-heading p:not(.eyebrow){color:var(--color-muted);font-size:var(--text-lg);margin:0}.story-section,.story-anchor,.feature-story__item{scroll-margin-top:7rem}.story-chip{border-radius:var(--radius-status);min-height:1.6rem;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;align-items:center;padding:0 .6rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.story-chip[data-product=polaris]{color:var(--polaris-ink)}.story-chip:is([data-label=beta],[data-label=alpha],[data-label=experimental],[data-label=preview]){color:#f5c97a}.story-chip:is([data-label=available],[data-label=recommended],[data-label=supported],[data-label=package]){color:#93e0b4}.button--nova{color:var(--color-deep);background:linear-gradient(105deg,#eef3f9,#9fd3e8);box-shadow:0 .8rem 2.4rem #9fd3e829}.story-frame{border:1px solid var(--color-border-strong);background:#15131f;min-width:0;position:relative;box-shadow:0 2.5rem 5rem -1.5rem #05040eb8}.story-frame img{width:100%;height:auto}.story-frame--window{border-radius:14px;overflow:hidden}.story-frame__bar{border-block-end:1px solid var(--rule);gap:.4rem;padding:.6rem .8rem;display:flex}.story-frame__bar span{background:#c8d6e547;border-radius:50%;width:.55rem;height:.55rem}.story-frame--handheld{background:linear-gradient(160deg,#2e2c45,#14121d);border-radius:clamp(1.25rem,4vw,2.5rem);padding:clamp(.45rem,1.4vw,.8rem) clamp(1.5rem,5vw,3rem)}.story-frame--handheld img{border-radius:.45rem}.story-frame--handheld:before,.story-frame--handheld:after{aspect-ratio:1;content:"";top:34%;background:radial-gradient(circle,#3a3754 40%,#1b1928);border:1px solid #c8d6e542;border-radius:50%;width:clamp(.6rem,2vw,1.15rem);position:absolute;inset-inline-start:clamp(.45rem,1.5vw,.95rem)}.story-frame--handheld:after{top:auto;bottom:30%;inset-inline:auto clamp(.45rem,1.5vw,.95rem)}.feature-story{gap:clamp(4rem,9vw,7.5rem);margin:0;padding:0;list-style:none;display:grid}.feature-story__item{align-items:center;gap:clamp(1.75rem,5vw,4.5rem);display:grid}.feature-story__media{min-width:0}.feature-story__copy{justify-items:start;gap:1rem;min-width:0;display:grid}.feature-story__copy h3{margin:0;font-size:clamp(1.75rem,3.2vw,2.6rem)}.feature-story__copy>p{color:var(--color-muted);margin:0;font-size:1.08rem}.feature-story__meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.feature-story__number{color:var(--polaris-ink);font-family:var(--font-mono);letter-spacing:.12em;font-size:.8rem}[data-product=nova] .feature-story__number{color:var(--color-nova)}.feature-story__points{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.feature-story__points li{padding-inline-start:1.2rem;position:relative}.feature-story__points li:before{background:var(--polaris-ink);content:"";border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.62em;left:0}@media (width>=56rem){.feature-story__item{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.feature-story__item:nth-child(2n) .feature-story__media{order:2}}.story-diagram{border:1px solid var(--color-border);border-radius:var(--radius-proof);background:radial-gradient(circle at 85% 0%, #7c73ff33, transparent 60%), var(--color-deep-soft);gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:grid}.story-diagram--desktop,.story-diagram--host{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.story-diagram__pane{border:1px dashed var(--color-border-strong);border-radius:12px;align-content:start;gap:.6rem;min-height:13rem;padding:.9rem;display:grid}.story-diagram__pane--game{background:#7c73ff1a;border:1px solid #7c73ff99;box-shadow:0 0 3rem #7c73ff29}.story-diagram__caption{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.story-diagram__window{border:1px solid var(--color-border-strong);background:#ffffff0a;border-radius:6px;width:82%;height:3rem}.story-diagram__window--b{justify-self:end;width:62%}.story-diagram__glyph{filter:drop-shadow(0 0 1.2rem #7c73ff99);justify-self:center;width:4.5rem;height:auto;margin-block:.4rem}.story-diagram__note{align-self:end;font-size:.9rem}.story-diagram__row{background:#ffffff0d;border-radius:8px;padding:.45rem .7rem;font-size:.92rem}.story-diagram__pane--game .story-diagram__row{background:#7c73ff2e}.story-diagram__track{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.story-diagram__track li{border-inline-start:3px solid var(--color-polaris);background:#ffffff0a;border-radius:0 10px 10px 0;gap:.15rem;padding:.85rem 1rem;display:grid}.story-diagram__track li:first-child{border-color:var(--color-nova)}.story-diagram__track strong{font-family:var(--font-display);font-size:1.1rem;font-weight:400}.story-diagram__track span{color:var(--color-muted);font-size:.92rem}.theme-showcase{--ink:var(--director-ink);--signal:var(--director-red);border:1px solid var(--director-edge);border-radius:var(--radius-large);background:radial-gradient(circle at 88% 12%, #f04e4b29, transparent 45%), linear-gradient(160deg, var(--director-card), var(--director-void) 70%);color:var(--ink);grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,3.5rem);padding:clamp(1.5rem,6vw,4.5rem);scroll-margin-top:7rem;display:grid;position:relative}.theme-showcase:before{background:var(--signal);content:"";top:0;width:4.5rem;height:3px;position:absolute;inset-inline-start:clamp(1.5rem,6vw,4.5rem)}.theme-showcase:has(input[value=aurora]:checked){--ink:var(--color-text);--signal:var(--polaris-ink);border-color:var(--color-border);background:radial-gradient(circle at 88% 12%, #7c73ff42, transparent 45%), linear-gradient(160deg, var(--brand-deep-indigo), var(--color-deep) 70%)}.theme-showcase__intro{gap:1.25rem 4rem;display:grid}.theme-showcase__title,.theme-showcase__body{align-content:start;justify-items:start;gap:1rem;min-width:0;display:grid}.theme-showcase .eyebrow{color:var(--ink);gap:.75rem;margin:0}.theme-showcase h2{color:var(--ink)}.theme-showcase__intro p:not(.eyebrow){color:color-mix(in srgb, var(--ink) 84%, transparent);margin:0}.theme-showcase__name code{color:var(--signal);font-family:var(--font-mono);font-size:1.05rem}.theme-showcase__palette{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.theme-showcase__palette span{background:var(--swatch);vertical-align:-.2rem;border:1px solid #ffffff57;border-radius:50%;width:1.1rem;height:1.1rem;margin-inline-end:.45rem;display:inline-block}.theme-showcase__switch{border:0;margin:0;padding:0}.theme-showcase__switch legend{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-block-end:.5rem;padding:0;font-size:.72rem}.theme-showcase__options{border:1px solid color-mix(in srgb, var(--ink) 34%, transparent);border-radius:var(--radius-status);flex-wrap:wrap;padding:.25rem;display:inline-flex}.theme-showcase__options label{border-radius:var(--radius-status);cursor:pointer;align-items:center;min-height:44px;padding:0 1.1rem;font-weight:700;display:inline-flex;position:relative}.theme-showcase__options input{cursor:pointer;opacity:0;margin:0;position:absolute;inset:0}.theme-showcase__options label:has(:checked){background:var(--ink);color:var(--director-void)}.theme-showcase__options label:has(:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.theme-showcase__stage{align-items:end;gap:1.5rem;min-width:0;display:grid}.theme-showcase__view{gap:.65rem;min-width:0;margin:0;display:grid}.theme-showcase__view figcaption{color:color-mix(in srgb, var(--ink) 74%, transparent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.theme-showcase__pair{display:grid}.theme-showcase__pair>*{transition:opacity var(--motion-crossfade) var(--ease-house), visibility 0s linear var(--motion-crossfade);grid-area:1/1}.theme-showcase__director.story-frame--handheld{background:linear-gradient(160deg, #2a2524, var(--director-void))}.theme-showcase__aurora,.theme-showcase:has(input[value=aurora]:checked) .theme-showcase__director{opacity:0;visibility:hidden}.theme-showcase:has(input[value=aurora]:checked) .theme-showcase__aurora{opacity:1;visibility:visible;transition-delay:0s}@media (width>=40rem){.theme-showcase[data-views="2"] .theme-showcase__stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.theme-showcase[data-views="1"] .theme-showcase__view{justify-self:center;width:min(100%,56rem)}@media (width>=64rem){.theme-showcase__intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.availability__columns{gap:clamp(1.25rem,3vw,2.5rem);display:grid}.availability__column{border:1px solid var(--color-border);border-radius:var(--radius-proof);background:#ffffff08;align-content:start;gap:1.25rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid}.availability__column h3{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;font-size:1.6rem;display:flex}.availability__column h3 span,.trust-strip li span{color:var(--color-nova);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.availability ul{margin:0;padding:0;list-style:none;display:grid}.availability li{border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 1rem;padding-block:.9rem;display:grid}.availability__name{font-weight:700}.availability__detail{color:var(--color-muted);grid-column:1/-1;font-size:.92rem}@media (width>=56rem){.availability__columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.trust-strip{border-block:1px solid var(--rule);gap:1.5rem 3rem;padding-block:clamp(2rem,5vw,3rem);display:grid}.story .trust-strip h2{max-width:12ch;margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.trust-strip ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1.25rem 2rem;margin:0;padding:0;list-style:none;display:grid}.trust-strip li{align-content:start;gap:.35rem;display:grid}@media (width>=64rem){.trust-strip{grid-template-columns:15rem minmax(0,1fr)}}.product-hero{view-transition-name:product-hero;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);min-width:0;display:grid}.product-hero__copy{justify-items:start;gap:1.25rem;min-width:0;display:grid}.product-hero .eyebrow{margin:0}.product-hero__brandmark{width:clamp(9rem,16vw,13rem);height:auto}.product-hero__glyph{width:1.6rem;height:auto}.product-hero h1{max-width:13ch;margin:0;font-size:clamp(2.4rem,4.4vw,4.2rem)}.product-hero__accent{background:linear-gradient(100deg, var(--polaris-ink), var(--color-nova));color:#0000;background-clip:text;display:block}.product-hero__lede{max-width:40rem;color:var(--color-muted);margin:0;font-size:clamp(1.05rem,1rem + .35vw,1.3rem);line-height:1.55}.product-hero__facts{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.product-hero__facts li{border:1px solid var(--color-border);border-radius:var(--radius-status);color:var(--color-muted);padding:.3rem .8rem;font-size:.85rem}.product-hero__channel,.home-hero__channel{color:var(--color-muted);margin:0;font-size:.9rem}.product-hero__channel a,.home-hero__channel a{color:var(--color-text)}@media (width>=72.01rem){.product-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}@media (prefers-reduced-motion:no-preference){@keyframes story-rise{0%{transform:translateY(1.5rem)}}.product-hero__frame{animation:story-rise .9s var(--ease-house) both}.story-frame,.story-diagram{transition:transform var(--motion-settle) var(--ease-house)}.feature-story__item:hover :is(.story-frame,.story-diagram){transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.theme-showcase__pair>*,.story-frame,.story-diagram{transition:none}.story :is(.button,.secondary-link):hover{transform:none}}@media (width>=40rem){.story-diagram__track--path{grid-template-columns:repeat(3,minmax(0,1fr))}.story-diagram__track--path li{align-content:start;min-height:9rem}}
