.hero-stage{isolation:isolate;position:relative}.hero-band{width:100%;height:clamp(9rem,21vh,14rem);margin-top:.25rem}.hero-grid{gap:1.75rem;margin-left:max(1.25rem,50% - 36rem);margin-right:max(1.25rem,50% - 40rem);padding-block:1.5rem 3.5rem;display:grid}@media (max-width:47.999rem){.hero-grid{gap:4.5rem}}@media (min-width:64rem){.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:4rem;padding-block:.25rem 4rem}.hero-copy{padding-top:1.75rem}}@media (min-width:64rem) and (max-height:45rem){.hero-copy{padding-top:0}.hero-band{height:7.5rem}.hero-band .land-label{font-size:18px}}@media (min-width:64rem){.hero-stage-bandless .hero-grid{padding-top:2rem}}.demo-panes{gap:.75rem;display:grid}@media (min-width:64rem){.demo-panes{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:start}}.demo-strip{border:1px solid var(--border);border-radius:var(--radius-card);background-color:var(--bg);padding-inline:.5rem}.demo-chat{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-top:1.25rem;-webkit-mask-image:linear-gradient(#0000,#000 1.25rem);mask-image:linear-gradient(#0000,#000 1.25rem)}.demo-chat:focus-visible{outline-offset:-2px;-webkit-mask-image:none;mask-image:none}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-width:63.999rem){.demo-dock{height:15rem}.demo-chat{overflow-y:hidden}[data-stage][data-run=paused] .demo-chat,[data-stage][data-run=done] .demo-chat{overflow-y:auto}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:64rem){.demo-panes{align-items:stretch}.demo-dock{contain:size}}.demo-selected{border:1px solid var(--ember);border-radius:inherit;box-shadow:0 0 0 3px var(--ember-glow);pointer-events:none;position:absolute;inset:-1px}.demo-strike{background-color:var(--text-muted);transform-origin:0;height:1px;position:absolute;top:54%;left:-.125rem;right:-.125rem}.demo-typing{position:absolute;top:0;left:.75rem}.beat-end{width:0;height:0;display:inline-block}.land-spark{top:var(--y0,0);left:var(--x0,0);z-index:2;pointer-events:none;width:0;height:0;position:absolute}.land-spark-dot{background-color:var(--ember);width:8px;height:8px;box-shadow:0 0 12px 3px var(--ember-glow);border-radius:9999px;position:absolute;top:-4px;left:-4px}.land-core,.land-glow{opacity:var(--star-light,1)}.land-ink-ring{opacity:calc(1 - var(--star-light,1))}.land-label{font-family:var(--font-sans);font-weight:500}.land-knockout{paint-order:stroke;stroke:var(--bg);stroke-width:6px;stroke-linejoin:round}.beat-star,.beat-dim{transform-box:fill-box;transform-origin:50%}.land-spark,.beat-dim,.demo-typing{opacity:0}.land-twinkle{opacity:var(--twinkle-base,.3)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-stage] [data-beat]{animation-name:var(--beat,none);animation-duration:var(--beat-dur,.42s);animation-timing-function:var(--beat-ease,var(--ease-out));animation-delay:var(--t,0s);animation-play-state:paused;animation-fill-mode:both}[data-stage][data-run=running] [data-beat]{animation-play-state:running}.beat-rise{--beat:demo-rise}.beat-write{--beat:demo-write;--beat-dur:1.05s;--beat-ease:linear}.beat-strike{--beat:demo-strike;--beat-dur:.34s}.beat-typing{--beat:demo-typing;--beat-dur:.9s;--beat-ease:linear}.beat-word{--beat:demo-word;--beat-dur:.24s}.beat-select{--beat:demo-select;--beat-dur:.3s}.beat-check{--beat:check-draw;--beat-dur:.45s}.beat-spark-x{--beat:demo-spark-x;--beat-dur:.9s;--beat-ease:cubic-bezier(.45, 0, .55, 1)}.beat-spark-y{--beat:demo-spark-y;--beat-dur:.9s;--beat-ease:cubic-bezier(.15, .75, .3, 1)}.beat-dim{--beat:demo-dim;--beat-dur:.5s}.beat-star{--beat:demo-star;--beat-dur:.75s;--beat-ease:var(--ease-out-expo)}.beat-link{--beat:demo-link;--beat-dur:.6s}.beat-end{--beat:demo-end;--beat-dur:10ms}.land-twinkle{animation:5.5s ease-in-out infinite twinkle}}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes demo-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-typing{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}@keyframes demo-word{0%{opacity:0}to{opacity:1}}@keyframes demo-select{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes demo-spark-x{0%{opacity:0;transform:translate(0)}12%,86%{opacity:1}to{opacity:0;transform:translateX(var(--dx,0))}}@keyframes demo-spark-y{0%{transform:translateY(0)}to{transform:translateY(var(--dy,0))}}@keyframes demo-dim{0%{opacity:1}to{opacity:0}}@keyframes demo-star{0%{opacity:0;transform:scale(.35)}55%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes demo-link{0%{stroke-dashoffset:var(--len,0)}to{stroke-dashoffset:0}}@keyframes demo-end{0%{opacity:0}to{opacity:0}}.how-rail{background-color:color-mix(in oklch, var(--sky-link) 22%, transparent);height:1px;position:absolute;top:1.25rem;left:1.25rem;right:calc(33.3333% - 3.25rem)}.how-line{background-color:color-mix(in oklch, var(--sky-link) 70%, transparent);transform-origin:0;position:absolute;inset:0}.story-star{transform-box:fill-box;transform-origin:50%}.example-sky-frame{align-items:center;width:100vw;height:24rem;margin-top:1rem;margin-left:calc(50% - 50vw);display:grid;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}@media (min-width:48rem){.example-sky-frame{height:28rem}}@media (min-width:64rem){.example-sky-frame{height:32rem}}.example-sky-frame>.sky-story{width:min(100% - 2.5rem,72rem);margin-inline:auto}.example-sky-track{border:1px solid var(--border-strong);min-height:2.75rem;color:var(--text-muted);transition:background-color var(--duration-micro) var(--ease-out), border-color var(--duration-micro) var(--ease-out), color var(--duration-micro) var(--ease-out);border-radius:999px;padding:0 1.125rem;font-size:.875rem}.example-sky-track:hover{color:var(--text)}.example-sky-track[aria-pressed=true]{border-color:var(--control-border-strong);background-color:var(--surface-raised);color:var(--text);font-weight:500}.example-sky-track:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (scripting:none){.example-sky-switch{display:none}}.hero-stage:has(.hero-atmosphere [data-sky-atmosphere=webgl]) .hero-dust{opacity:0;transition:opacity .6s var(--ease-out)}.inside-grid{gap:2.5rem;margin-top:3rem;display:grid}.inside-tabs{display:none}.inside-panels{gap:3.5rem;min-width:0;display:grid}.inside-panel{gap:.75rem;min-width:0;display:grid}@media (min-width:64rem){.inside-grid{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:start;gap:3.5rem;margin-top:4rem}.inside-tabs{top:calc(env(safe-area-inset-top,0px) + 6rem);display:grid;position:sticky}.inside-panels{gap:0}.inside-panel:not([data-selected]),.inside-panel-head{display:none}}@media (scripting:none){.inside-panel:has(>.inside-diagram-panel){display:none}}@media (scripting:none) and (min-width:64rem){.inside-grid{grid-template-columns:none}.inside-tabs{display:none}.inside-panels{gap:3.5rem}.inside-panel:not([data-selected]){display:grid}.inside-panel-head{display:block}}.inside-diagram-panel:has(fp-interactive:is([data-ix-state=error],[data-ix-state=offline],[data-ix-state=unsupported])) .inside-label{display:none}.inside-tab{border-top:1px solid var(--border);text-align:left;cursor:pointer;gap:.3rem;width:100%;padding:1.1rem 0 1.25rem;display:grid;position:relative}.inside-tab:last-child{border-bottom:1px solid var(--border)}.inside-tab:before{content:"";background-color:var(--text);opacity:0;height:2px;transition:opacity var(--duration-micro) var(--ease-out);position:absolute;inset:-1px 0 auto}.inside-tab[aria-selected=true]:before{opacity:1}.inside-tab-name{font-family:var(--font-display);color:var(--text-muted);transition:color var(--duration-micro) var(--ease-out);font-size:1.2rem;font-weight:600;line-height:1.3}.inside-tab-body{max-width:44ch;color:var(--text-muted);line-height:1.6}.inside-tab[aria-selected=true] .inside-tab-name,.inside-tab:hover .inside-tab-name{color:var(--text)}.inside-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.inside-tab-chip{display:none}@media (max-width:47.999rem){.inside-grid{gap:1.25rem;margin-top:1.5rem}.inside-tabs{scrollbar-width:none;gap:.5rem;margin-inline:-1.25rem;padding-inline:1.25rem;display:flex;overflow-x:auto}.inside-tabs::-webkit-scrollbar{display:none}.inside-tab,.inside-tab:last-child{border:1px solid var(--border-strong);width:auto;min-height:2.5rem;color:var(--text-muted);transition:background-color var(--duration-micro) var(--ease-out), border-color var(--duration-micro) var(--ease-out), color var(--duration-micro) var(--ease-out);border-radius:999px;flex:none;align-items:center;padding:0 .875rem;font-size:.875rem;display:inline-flex}.inside-tab:before{display:none}.inside-tab[aria-selected=true]{border-color:var(--control-border-strong);background-color:var(--surface-raised);color:var(--text);font-weight:500}.inside-tab-chip{display:inline}.inside-tab-name,.inside-tab-body{display:none}.inside-panels{gap:0}.inside-panel:not([data-selected]),.inside-panel-head h3{display:none}.inside-panel-head p{margin-top:0}}@media (scripting:none) and (max-width:47.999rem){.inside-tabs{display:none}.inside-panels{gap:3.5rem}.inside-panel:not([data-selected]){display:grid}.inside-panel-head h3{display:block}.inside-panel-head p{margin-top:.25rem}}.inside-label{color:var(--text-muted);font-size:.875rem}.inside-diagram fp-interactive{margin:0}.inside-film-wrap{gap:.5rem;min-width:0;display:grid}.inside-film-head{justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.inside-film{border:1px solid var(--border);border-radius:var(--radius-card);background-color:var(--surface);padding:clamp(1rem,2.5vw,1.75rem);font-size:.9375rem;line-height:1.5;position:relative;overflow:hidden;container:inside-film/inline-size}.inside-film .beat-end{position:absolute}.inside-two,.inside-tiles{gap:1rem;display:grid}.inside-stack{align-content:start;gap:1rem;display:grid}@container inside-film (min-width:34rem){.inside-two,.inside-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem}}.inside-card{border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--surface-raised);gap:.6rem;min-width:0;padding:1rem 1.1rem 1.1rem;display:grid}.inside-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;display:flex}.inside-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.inside-meta{color:var(--text-muted);font-size:.82rem}.inside-small{color:var(--text-muted);font-size:.8rem;font-weight:500}.inside-ember{color:var(--ember)}.inside-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inside-chip{border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:.1rem .6rem;font-size:.78rem;display:inline-flex;position:relative}.inside-chip-ember{border-color:var(--ember);color:var(--ember)}.inside-pick{border:1.5px solid var(--ember);border-radius:inherit;position:absolute;inset:-1px}.inside-press{border:1px solid var(--border-strong);border-radius:var(--radius-control);white-space:nowrap;align-items:center;min-height:2.25rem;padding:.35rem .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.inside-press-primary{border-color:var(--ember);background-color:var(--ember);color:var(--bg);font-weight:600}.inside-swap{display:inline-grid}.inside-swap>*{grid-area:1/1}.inside-was{opacity:0}.inside-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.inside-options>li{border:1px solid var(--border);border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:.1rem .5rem;padding:.35rem .6rem;display:flex}.inside-options>.inside-option-correct{border-color:color-mix(in oklab, var(--m-mastered) 55%, transparent);background-color:color-mix(in oklab, var(--m-mastered) 7%, transparent)}.inside-option-check{width:.9rem;color:var(--m-mastered);justify-content:center;display:flex}.inside-option-tried>.inside-option-text{color:var(--text-muted);text-decoration-line:line-through;text-decoration-thickness:1px}.inside-trail{gap:.8rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid;position:relative}.inside-trail:before{content:"";background-color:var(--border-strong);width:1px;position:absolute;top:.5rem;bottom:.6rem;left:.3rem}.inside-trail>li{gap:.1rem;padding-left:1.4rem;display:grid;position:relative}.inside-trail>li:before{content:"";border:1.5px solid var(--ember);background-color:var(--surface-raised);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:.35rem;left:0}.inside-trail-nudge .inside-small{color:var(--flow)}.inside-trail>.inside-trail-nudge:before{border-color:var(--flow);background-color:var(--flow)}.inside-trail>.inside-trail-steps:before{background-color:var(--ember)}.inside-steps{gap:.2rem;margin:0;padding-left:1.1rem;list-style:decimal;display:grid}.inside-recall{border:1px solid var(--border-strong);border-radius:var(--radius-control);background-color:var(--surface);gap:.6rem;padding:.9rem 1rem;display:grid}.inside-match{border-top:1px solid var(--border);gap:.5rem;padding-top:.6rem;display:grid}.inside-bars,.inside-hours{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.inside-bars>li,.inside-hours>li{color:var(--text-muted);grid-template-columns:6.25rem minmax(0,1fr) 1.5rem;align-items:center;gap:.6rem;font-size:.86rem;display:grid}.inside-hours>li{grid-template-columns:5.25rem minmax(0,1fr) 4.75rem}.inside-bars>.inside-bars-top{color:var(--text);font-weight:500}.inside-bar-track{display:block}.inside-bar{width:calc(var(--w,1) * 100%);background-color:var(--text-muted);transform-origin:0;border-radius:999px;height:.55rem;display:block}.inside-bars-top .inside-bar{background-color:var(--text)}.inside-bar-ember{background-color:var(--ember)}.inside-num{font-variant-numeric:tabular-nums;text-align:right}.inside-win{align-items:flex-start;gap:.75rem;display:flex}.inside-win-mark{background-color:var(--ember);width:2rem;height:2rem;color:var(--bg);border-radius:50%;flex:none;place-items:center;display:grid}.inside-timer{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.inside-timer-side{gap:.3rem;display:grid}.inside-ring{width:6.5rem;height:6.5rem;position:relative}.inside-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.inside-ring circle{fill:none;stroke-width:6px}.inside-ring-track{stroke:var(--border-strong)}.inside-ring-arc{--len:1;stroke:var(--ember);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.inside-ring-face{place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.inside-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem}.inside-sounds{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.inside-sounds>li{justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.inside-switch{background-color:var(--border-strong);border-radius:999px;flex:none;width:2.1rem;height:1.2rem;position:relative}.inside-switch:before{content:"";background-color:var(--text-muted);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:.15rem;left:.15rem}.inside-switch-on{border-radius:inherit;background-color:var(--ember);position:absolute;inset:0}.inside-switch-on:after{content:"";background-color:var(--bg);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:.15rem;right:.15rem}.inside-goal{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.inside-big{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;font-size:1.75rem;font-weight:600;line-height:1.1}.inside-mid{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.25}.inside-focus-mode{background-color:var(--bg);opacity:0;pointer-events:none;place-content:center;justify-items:center;gap:.6rem;display:grid;position:absolute;inset:0}.inside-clock-big{letter-spacing:.02em;font-size:clamp(2.6rem,12cqi,4.5rem)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.beat-press{--beat:inside-press;--beat-dur:.45s}.beat-flash{--beat:inside-flash;--beat-dur:2.6s;--beat-ease:ease-in-out}.inside-film .inside-ring-arc{--beat-dur:4.8s;--beat-ease:linear}.inside-film .inside-bar{--beat-dur:.8s}}@keyframes inside-press{0%{transform:none}40%{transform:scale(.94)}to{transform:none}}@keyframes inside-flash{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.how-section{view-timeline:--how block}.how-line{animation:linear both land-draw;animation-timeline:--how;animation-range:cover 22% cover 46%}.sky-story{view-timeline:--story block}.story-star{animation:linear both story-appear;animation-timeline:--story;animation-range:cover calc(10% + var(--i) * 1.5%) cover calc(17% + var(--i) * 1.5%)}.story-line{animation:linear both story-fade;animation-timeline:--story;animation-range:cover calc(14% + var(--i) * 1.5%) cover calc(21% + var(--i) * 1.5%)}.story-lit{animation:linear both story-fade;animation-timeline:--story;animation-range:cover calc(36% + var(--i) * 1.1%) cover calc(42% + var(--i) * 1.1%)}}}@keyframes land-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes story-appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes story-fade{0%{opacity:0}to{opacity:1}}