/* Components consume central tokens. Native media thresholds are documented in the registry. */
:root {
  --surface-page: radial-gradient(ellipse 80% var(--measure-650px) at 10% 0%,var(--grad-8a2be240),transparent 75%),radial-gradient(ellipse 80% var(--measure-650px) at 100% 0%,var(--grad-0047ab80),transparent 80%),var(--grad-161922);
  --surface-heading-accent: linear-gradient(var(--angle-grad-100),var(--grad-bda1ff),var(--color-action));
  --surface-showcase: radial-gradient(ellipse at 25% 25%,var(--grad-462c7680),transparent 70%),linear-gradient(var(--angle-grad-135),var(--grad-242238),var(--grad-18253b));
  --surface-scene: radial-gradient(ellipse at 50% 60%,var(--grad-8a2be24a),transparent 65%);
  --surface-handheld: linear-gradient(var(--angle-grad-160),var(--grad-393e3c),var(--grad-181e1b));
  --surface-game-preview: linear-gradient(var(--angle-grad-155),var(--grad-14274e) 15%,var(--grad-a895ee) 45%,var(--grad-7042af) 46%,var(--grad-8970dd) 70%,var(--grad-243f67) 71%);
  --surface-feature: linear-gradient(var(--angle-grad-145),var(--grad-25243b88),var(--grad-191e2d));
  --surface-feature-icon: linear-gradient(var(--angle-grad-135),var(--grad-8a2be22b),var(--grad-2b50ef22));
  --surface-setup-preview: radial-gradient(ellipse at 50% 30%,var(--grad-8a2be25c),transparent 65%),linear-gradient(var(--angle-grad-135),var(--grad-25213b),var(--grad-1c2945));
  --surface-app-icon: linear-gradient(var(--angle-grad-135),var(--grad-8a2be2),var(--grad-2b50ef) 65%,var(--grad-0047ab));
  --surface-release: radial-gradient(ellipse at 0% 100%,var(--grad-330b76),transparent 80%),linear-gradient(var(--angle-grad-120),var(--grad-330b76),var(--grad-253fc1) 80%,var(--grad-0047ab));
  --surface-dialog: radial-gradient(ellipse at 100% 0%,var(--grad-330b7666),transparent),var(--grad-161922);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-32)}
body{margin:0;background:var(--surface-page);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-size-body);line-height:var(--leading-body)}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent}
:where(a,button,summary):focus-visible{outline:var(--stroke-3) solid var(--color-action);outline-offset:var(--focus-offset)}
.skip-link{position:absolute;left:var(--skip-link-left-16);top:0;transform:translateY(-120%);z-index:10;padding:var(--space-12) var(--space-24);background:var(--color-action);color:var(--color-action-text);border-radius:var(--radius-small)}
.skip-link:focus{transform:translateY(0)}
header{max-width:var(--width-page);margin:auto;padding:var(--space-20) var(--space-32);display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);border-bottom:var(--stroke-1) solid var(--color-header-divider)}
.brand{display:inline-flex;align-items:center;gap:var(--space-12);min-height:var(--target-minimum);font-family:var(--font-heading);font-size:var(--step-size-subheading);font-weight:var(--weight-bold);letter-spacing:var(--tracking-neg-1);flex-shrink:0}
.logo{position:relative;display:grid;place-items:center;width:var(--logo-width-32);height:var(--logo-height-28);border:var(--stroke-2) solid var(--color-brand-outline);border-radius:var(--radius-small);color:var(--color-action);line-height:var(--leading-solid)}
.logo i{position:absolute;bottom:var(--logo-i-bottom-neg-6);width:var(--logo-i-width-12);height:var(--logo-i-height-2);background:var(--color-action)}
nav{display:flex;gap:var(--space-24);font-size:var(--step-size-small)}nav a{display:inline-flex;align-items:center;min-height:var(--target-minimum)}
nav a:hover,.text-link:hover{color:var(--color-action)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-24);min-height:var(--target-comfortable);padding:var(--space-12) var(--space-24);background:var(--color-action);color:var(--color-action-text);border:var(--stroke-1) solid transparent;border-radius:var(--radius-small);font-size:var(--step-size-small);font-weight:var(--weight-bold);line-height:var(--leading-compact);box-shadow:var(--shadow-action);transition:transform var(--motion-interactive),background var(--motion-interactive);white-space:normal;text-align:center}
.button:hover{transform:translateY(var(--button-hover-transform-neg-2));background:var(--color-action-hover)}.button:active{transform:translateY(0)}.button.small{min-height:var(--target-minimum);padding:var(--space-8) var(--space-16)}.button span{font-size:var(--step-size-subheading);line-height:var(--leading-solid)}
.hero{max-width:var(--width-page);margin:auto;padding:var(--space-32) var(--space-32) 0}
.hero-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-40);align-items:center}
.hero-copy{min-width:0}.eyebrow,.section-tag{font-size:var(--step-size-caption);letter-spacing:var(--tracking-1);font-weight:var(--weight-semibold);color:var(--color-label)}.eyebrow{display:flex;align-items:center;gap:var(--space-8)}.eyebrow>span{height:var(--eyebrow-span-height-6);width:var(--eyebrow-span-width-6);border-radius:var(--radius-round);background:var(--color-action);flex-shrink:0}
h1,h2,h3,.step-heading{font-family:var(--font-heading)}
h1{font-size:clamp(var(--step-size-display-compact),var(--h1-font-size-4_4vw),var(--step-size-display));line-height:var(--leading-display);letter-spacing:var(--tracking-neg-2);margin:var(--space-20) 0;font-weight:var(--weight-bold);position:relative}
h1 svg{display:none}.accent{background:var(--surface-heading-accent);color:var(--color-highlight);background-clip:text;-webkit-text-fill-color:transparent}
.intro{color:var(--color-intro);font-size:var(--step-size-body);line-height:var(--leading-reading);max-width:var(--width-reading);margin:0}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);margin-top:var(--space-24)}.text-link{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--target-minimum);padding:var(--space-8) 0;font-size:var(--step-size-small);color:var(--color-link)}.play{display:grid;place-items:center;border:var(--stroke-1) solid var(--color-icon-border);border-radius:var(--radius-round);width:var(--play-width-28);height:var(--play-height-28);font-size:var(--step-size-micro-art);color:var(--color-action)}.hero-note{font-size:var(--step-size-small);color:var(--color-text-muted);margin:var(--space-16) 0 0}.hero-note>span{margin-right:var(--space-8)}
.showcase{background:transparent;border:0;border-radius:0;overflow:visible;min-width:0;box-shadow:none}
.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-16);font-size:var(--step-size-small);line-height:var(--leading-compact);color:var(--color-label)}.showcase-top>span:first-child{display:flex;align-items:center;gap:var(--space-8)}.live{width:var(--live-width-6);height:var(--live-height-6);border-radius:var(--radius-round);background:var(--color-action)}.showcase-bottom{border-top:var(--stroke-1) solid var(--color-border)}
.device-scene{height:var(--device-scene-height-360);position:relative;overflow:hidden;background:var(--surface-scene)}.device-art{position:absolute;inset:0}.orbit{position:absolute;width:90%;height:var(--orbit-height-180);border:var(--stroke-1) solid var(--color-orbit);border-radius:var(--radius-round);left:5%;top:var(--orbit-top-80);transform:rotate(var(--angle-orbit))}
.tablet{position:absolute;width:76%;height:var(--tablet-height-250);left:6%;top:var(--tablet-top-28);background:var(--color-device-body);border-radius:var(--radius-tablet);padding:var(--space-12);transform:rotate(var(--angle-tablet));box-shadow:var(--shadow-tablet);border:var(--stroke-3) solid var(--color-device-edge)}.camera{position:absolute;top:48%;left:var(--camera-left-4);width:var(--camera-width-4);height:var(--camera-height-4);border-radius:var(--radius-round);background:var(--color-camera)}.screen{height:100%;border-radius:var(--radius-screen);overflow:hidden;position:relative}.landscape{width:100%;height:100%}.game-ui{position:absolute;top:var(--game-ui-top-16);left:var(--game-ui-left-16);right:var(--game-ui-right-16);display:flex;justify-content:space-between;font-size:var(--step-size-micro-art);letter-spacing:var(--tracking-1);color:var(--color-text)}
.handheld{position:absolute;width:56%;height:var(--handheld-height-110);left:40%;top:var(--handheld-top-212);display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);transform:rotate(var(--angle-handheld));background:var(--surface-handheld);border:var(--stroke-3) solid var(--color-device-edge);border-radius:var(--radius-handheld);box-shadow:var(--shadow-handheld);z-index:2}.mini-screen{flex:1;min-width:0;height:var(--mini-screen-height-78);border:var(--stroke-4) solid var(--color-screen-edge);border-radius:var(--radius-small);background:var(--surface-game-preview)}.control{width:var(--control-width-32);height:var(--control-height-80);display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:var(--color-control);text-shadow:var(--shadow-controls);flex-shrink:0}.control b{font-size:var(--step-size-control);line-height:var(--leading-solid)}.control>span{font-size:var(--step-size-subheading);line-height:var(--leading-solid)}.right-control>span{font-size:var(--right-control-span-font-size-8);line-height:var(--leading-solid)}.cable{position:absolute;width:50%;height:var(--cable-height-80);bottom:0;left:20%;fill:none;stroke:var(--color-cable);stroke-width:var(--stroke-4)}.cable path{stroke-dasharray:1;stroke-dashoffset:1;animation:cable-draw var(--motion-interactive) linear forwards}@keyframes cable-draw{to{stroke-dashoffset:0}}.mini-screen{overflow:hidden}.mini-screen .landscape{display:block}.annotation{display:none}.scene-caption{position:absolute;bottom:var(--scene-caption-bottom-8);left:var(--scene-caption-left-16);right:var(--scene-caption-right-16);font-size:var(--step-size-caption);color:var(--color-label);line-height:var(--leading-compact)}.compatibility{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-32);padding:var(--space-24) 0;margin-top:var(--space-32);border-bottom:var(--stroke-1) solid var(--color-divider)}.compatibility>span:first-child{font-size:var(--step-size-caption);line-height:var(--leading-compact);color:var(--color-text-muted)}.compatibility>div{display:flex;align-items:center;gap:var(--space-8);font-size:var(--step-size-subheading)}.compatibility b{font-family:var(--font-heading);font-size:var(--step-size-card)}.compatibility .plus{color:var(--color-operator)}.compat-note{border-left:var(--stroke-1) solid var(--color-divider);padding-left:var(--space-24);font-size:var(--step-size-caption);color:var(--color-text-muted)}
.section{max-width:var(--width-content);margin:auto;padding:var(--space-64) 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-32);margin:var(--space-16) 0 var(--space-32)}.section-head h2{flex:0 0 auto;max-width:100%}.section-head p{flex:1 1 auto;min-width:0;max-width:var(--width-reading)}h2{font-size:var(--step-size-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-neg-2);font-weight:var(--weight-semibold);margin:var(--space-16) 0}.section-head h2{margin:0}.section-head p,.muted{font-size:var(--step-size-body);color:var(--color-text-muted);line-height:var(--leading-reading)}.section-head p{margin:0}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.features.beats{grid-template-columns:repeat(3,minmax(0,1fr))}.features article{position:relative;border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-24);background:var(--surface-feature)}.feature-icon{display:inline-grid;place-items:center;width:var(--feature-icon-width-48);height:var(--feature-icon-height-48);border:var(--stroke-1) solid var(--color-feature-border);border-radius:var(--radius-icon);background:var(--surface-feature-icon);font-size:var(--step-size-heading-mobile);color:var(--color-action)}.feature-xray{display:block;width:100%;height:auto;border-radius:var(--radius-small);grid-column:1 / -1;grid-row:1}.features.beats article{display:grid;grid-template-columns:1fr auto}.features.beats h3{grid-column:1;grid-row:2;margin:var(--space-16) 0 var(--space-12)}.features.beats .feature-number{position:static;grid-column:2;grid-row:2;align-self:center}.features.beats p{grid-column:1 / -1;grid-row:3}.features h3{font-size:var(--step-size-card);font-weight:var(--weight-semibold);line-height:var(--leading-subheading);margin:var(--space-24) 0 var(--space-12)}.features p{font-size:var(--step-size-small);line-height:var(--leading-reading);color:var(--color-text-muted);margin:0}.feature-number{position:absolute;right:var(--feature-number-right-24);top:var(--feature-number-top-24);font-size:var(--step-size-caption);color:var(--color-text-muted)}
.setup{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-80);border-top:var(--stroke-1) solid var(--color-divider)}.steps{margin-top:var(--space-32)}.step{display:flex;align-items:center;gap:var(--space-16);width:100%;padding:var(--space-20) var(--space-12);text-align:left;background:transparent;border:var(--stroke-1) solid transparent;border-top-color:var(--color-divider);color:var(--color-text);border-radius:var(--radius-small);min-height:var(--step-min-height-80)}.step>span{font-size:var(--step-size-caption);color:var(--color-label)}.step-heading{display:block;font-size:var(--step-size-step);line-height:var(--leading-step);font-weight:var(--weight-semibold);margin-bottom:var(--space-8)}.step-description{display:block;font-size:var(--step-size-small);line-height:var(--leading-body);margin:0;color:var(--color-text-muted)}.step.active{background:var(--color-selected);border-color:var(--color-border-active)}.step.active>span{color:var(--color-action)}.step.active .step-heading{color:var(--color-selected-text)}.step:hover{border-color:var(--color-border-active)}
.setup-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:var(--setup-visual-min-height-440);padding:var(--space-64) var(--space-24);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface-setup-preview)}.preview-update{display:flex;flex-direction:column;align-items:center}.setup-label{position:absolute;top:var(--setup-label-top-24);left:var(--setup-label-left-16);right:var(--setup-label-right-16);font-size:var(--step-size-small);color:var(--color-label);letter-spacing:var(--tracking-1)}.app-icon{position:relative;display:grid;place-items:center;width:var(--app-icon-width-100);height:var(--app-icon-height-100);font-size:var(--step-size-app-glyph);line-height:var(--leading-solid);border-radius:var(--radius-app);background:var(--surface-app-icon);box-shadow:var(--shadow-app-icon);border:var(--stroke-1) solid var(--color-border-active);margin-bottom:var(--space-24);color:var(--color-text)}.app-icon>span{position:absolute;right:var(--app-icon-span-right-20);top:var(--app-icon-span-top-12);font-size:var(--step-size-ornament)}.setup-visual h3{font-size:var(--step-size-subheading);line-height:var(--leading-subheading);font-weight:var(--weight-semibold);margin:var(--space-8) 0}.setup-visual p{font-size:var(--step-size-small);line-height:var(--leading-reading);color:var(--color-text-muted);margin:var(--space-8) 0}.dots{display:flex;gap:var(--space-8);margin-top:var(--space-24)}.dots>span{height:var(--dots-span-height-6);width:var(--dots-span-width-6);border-radius:var(--radius-round);background:var(--color-icon-border)}.dots .on{background:var(--color-action)}.concept-label{position:absolute;bottom:var(--concept-label-bottom-24);left:var(--concept-label-left-16);right:var(--concept-label-right-16);font-size:var(--step-size-small);color:var(--color-label)}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-80);border-top:var(--stroke-1) solid var(--color-divider)}.questions details{border-bottom:var(--stroke-1) solid var(--color-divider);padding:var(--space-16) 0}.questions details:first-child{padding-top:0}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:var(--target-minimum);list-style:none;cursor:pointer;font-size:var(--step-size-body);font-weight:var(--weight-semibold)}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:var(--step-size-subheading);font-weight:var(--weight-regular)}.questions details[open] summary span{color:var(--color-action)}.questions p{color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-longform);margin:var(--space-12) 0}
.closing{max-width:var(--width-content);position:relative;isolation:isolate;overflow:hidden;margin:0 auto var(--space-64);padding:var(--space-48) var(--space-32);border:var(--stroke-1) solid var(--color-promo-edge);border-radius:var(--radius-panel);text-align:center;background:var(--surface-release)}.closing h2{font-size:var(--step-size-heading);margin:var(--space-16) 0 var(--space-24)}.closing em{font-style:normal;color:var(--color-highlight)}.closing .section-tag{color:var(--color-on-promo)}.closing p{font-size:var(--step-size-small);color:var(--color-on-promo);margin:var(--space-16) 0 0}.closing-star{position:absolute;z-index:-1;font-size:var(--step-size-decoration);left:var(--closing-star-left-neg-40);bottom:var(--closing-star-bottom-neg-64);color:var(--color-decoration);line-height:var(--leading-solid)}
footer{max-width:var(--width-content);margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-24);padding-bottom:var(--space-24)}footer>span{font-size:var(--step-size-small);color:var(--color-text-muted)}footer>a:last-of-type{font-size:var(--step-size-small);display:inline-flex;align-items:center;min-height:var(--target-minimum)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%;border-top:var(--stroke-1) solid var(--color-divider);padding-top:var(--space-24);font-size:var(--step-size-caption);color:var(--color-text-muted)}.footer-bottom a{display:inline-flex;align-items:center;min-height:var(--target-minimum);color:var(--color-footer-link)}.footer-bottom a:hover{text-decoration:underline}
dialog{width:calc(100% - var(--dialog-width-32));max-width:var(--width-reading);max-height:calc(var(--dialog-max-height-100dvh) - var(--dialog-max-height-48));padding:var(--space-48) var(--space-32) var(--space-32);background:var(--surface-dialog);color:var(--color-text);border:var(--stroke-1) solid var(--color-border-active);border-radius:var(--radius-dialog);overflow:auto}dialog::backdrop{background:var(--color-backdrop);backdrop-filter:var(--filter-backdrop)}dialog h2{font-size:var(--step-size-heading-small)}dialog p{font-size:var(--step-size-body);line-height:var(--leading-longform);color:var(--color-text-muted)}dialog .close{position:absolute;top:var(--dialog-close-top-8);right:var(--dialog-close-right-8);width:var(--dialog-close-width-44);height:var(--dialog-close-height-44);background:transparent;border:0;color:var(--color-text);font-size:var(--step-size-heading-mobile)}body:has(dialog[open]){overflow:hidden}
@media(max-width:1240px){.section,.legal,footer{margin-left:var(--space-32);margin-right:var(--space-32)}.closing{margin-left:var(--space-32);margin-right:var(--space-32)}}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr 1fr;gap:var(--space-24)}.hero{padding-top:var(--space-32)}.hero-actions{gap:var(--space-8)}.tablet{height:var(--tablet-height-compact-220)}.handheld{top:var(--handheld-top-compact-200);height:var(--handheld-height-compact-100);width:62%;left:34%}.mini-screen{height:var(--mini-screen-height-compact-68)}.control{width:var(--control-width-compact-24)}.setup,.faq{gap:var(--space-40)}h1{font-size:var(--step-size-display-compact)}.device-scene{height:var(--device-scene-height-compact-340)}}
@media(max-width:760px){header{flex-wrap:wrap;padding:var(--space-16) var(--space-24);gap:var(--space-8)}nav{order:3;justify-content:center;width:100%;gap:var(--space-24)}.hero{padding:var(--space-32) var(--space-24) 0}.hero-layout{grid-template-columns:1fr;gap:var(--space-32)}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.intro{margin:auto}h1{font-size:var(--step-size-heading)}.showcase{width:100%;max-width:var(--width-showcase-stacked);margin:auto}.device-scene{height:var(--device-scene-height-stacked-360)}.tablet{height:var(--tablet-height-stacked-250)}.handheld{height:var(--handheld-height-stacked-110);top:var(--handheld-top-stacked-212);left:40%;width:56%}.mini-screen{height:var(--mini-screen-height-stacked-78)}.control{width:var(--control-width-stacked-32)}.compatibility{gap:var(--space-20)}.compat-note{display:none}.section,.legal,footer{margin-left:var(--space-24);margin-right:var(--space-24)}.section{padding:var(--space-48) 0}.section-head{display:block}.section-head p{max-width:none}.section-head h2{margin-bottom:var(--space-16)}.section-head p br{display:none}.features,.features.beats{grid-template-columns:1fr}.setup,.faq{grid-template-columns:1fr;gap:var(--space-32)}h2{font-size:var(--step-size-heading-small)}.setup-visual{min-height:var(--setup-visual-min-height-stacked-400)}.closing{margin:0 var(--space-24) var(--space-48);padding:var(--space-40) var(--space-24)}.closing h2{font-size:var(--step-size-heading-small)}.footer-bottom{font-size:var(--step-size-caption)}.footer-bottom>span:nth-child(2){order:3;width:100%}}
@media(max-width:420px){header{padding:var(--space-12) var(--space-16)}.brand{font-size:var(--step-size-card)}.button.small{padding:var(--space-8) var(--space-12);font-size:var(--step-size-caption);gap:var(--space-8)}nav{gap:var(--space-20);font-size:var(--step-size-small)}.hero{padding:var(--space-24) var(--space-16) 0}.eyebrow{font-size:var(--step-size-caption);letter-spacing:0}h1{font-size:var(--step-size-heading-small)}.hero-actions{gap:var(--space-8);flex-direction:column}.hero-actions .button{width:100%}.hero-note{font-size:var(--step-size-small)}.device-scene{height:var(--device-scene-height-mobile-300)}.tablet{height:var(--tablet-height-mobile-200);top:var(--tablet-top-mobile-24);padding:var(--space-8);border-radius:var(--radius-dialog)}.handheld{top:var(--handheld-top-mobile-176);width:64%;height:var(--handheld-height-mobile-90);left:32%;padding:var(--space-6);gap:var(--space-4)}.mini-screen{height:var(--mini-screen-height-mobile-62)}.control{width:var(--control-width-mobile-24);height:var(--control-height-mobile-64)}.control b{font-size:var(--step-size-subheading)}.control>span{font-size:var(--step-size-card)}.right-control>span{font-size:var(--right-control-span-font-size-mobile-8)}.showcase-top,.showcase-bottom{padding:var(--space-12)}.compatibility{gap:var(--space-16)}.compatibility>span:first-child{width:100%;text-align:center}.compatibility>span:first-child br{display:none}.compatibility b{font-size:var(--step-size-step)}.section,footer{margin-left:var(--space-16);margin-right:var(--space-16)}.closing{margin-left:var(--space-16);margin-right:var(--space-16)}h2{font-size:var(--step-size-heading-mobile)}.closing h2{font-size:var(--step-size-heading-mobile)}.section-head{margin-bottom:var(--space-24)}.step{gap:var(--space-12)}.setup-label{letter-spacing:0}.setup-visual{padding:var(--space-64) var(--space-16)}.footer-bottom{gap:var(--space-12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.accent{background:none;-webkit-text-fill-color:currentColor}.button,.step.active{border-color:ButtonText}}

.art-sky-dark{fill:var(--art-sky-dark);stop-color:var(--art-sky-dark)}
.art-sky-mid{fill:var(--art-sky-mid);stop-color:var(--art-sky-mid)}
.art-sky-light{fill:var(--art-sky-light);stop-color:var(--art-sky-light)}
.art-hill-light{fill:var(--art-hill-light);stop-color:var(--art-hill-light)}
.art-hill-dark{fill:var(--art-hill-dark);stop-color:var(--art-hill-dark)}
.art-moon{fill:var(--art-moon);stop-color:var(--art-moon)}
.art-mountain-back{fill:var(--art-mountain-back);stop-color:var(--art-mountain-back)}
.art-snow{fill:var(--art-snow);stop-color:var(--art-snow)}
.art-mountain-mid{fill:var(--art-mountain-mid);stop-color:var(--art-mountain-mid)}
.art-river{fill:var(--art-river);stop-color:var(--art-river)}
.art-forest-back{fill:var(--art-forest-back);stop-color:var(--art-forest-back)}
.art-forest-front{fill:var(--art-forest-front);stop-color:var(--art-forest-front)}
.art-traveler{fill:var(--art-traveler);stop-color:var(--art-traveler)}

:where(h1,h2,h3,p,a,button,summary,.eyebrow){overflow-wrap:anywhere}
nav{flex-wrap:wrap;justify-content:center}
.questions a{text-decoration:underline}.questions summary{padding-right:var(--space-12)}
.questions summary span{line-height:var(--leading-solid);flex-shrink:0}
.button{max-width:100%}

.disclosure-icon::before{content:"+"}
.questions details[open] .disclosure-icon::before{content:"−"}

.device-scene{height:auto;overflow:visible;background:transparent}
.ipad-frame{position:relative;width:100%}
.ipad-frame img{position:relative;z-index:1;display:block;width:100%;height:auto}
.ipad-screen{position:absolute;z-index:0;left:4.133333%;top:5.130435%;width:91.733333%;height:89.73913%;overflow:hidden}
.ipad-screen .landscape{width:100%;height:100%;display:block}
.deck{position:absolute;z-index:2;width:62%;right:1.1333%;bottom:1.2174%;height:auto}
.deck-screen{position:absolute;z-index:0;left:25.037037%;top:11.401869%;width:50%;height:78.691589%;overflow:hidden}
.deck-screen .landscape{width:100%;height:100%;display:block}
.feature-stage{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;grid-column:1 / -1;grid-row:1;min-width:0;overflow:hidden}
.feature-stage .ipad-frame{width:auto;height:100%;max-width:100%}
.feature-stage .ipad-frame img{width:auto;height:100%;max-width:100%}
.feature-stage > img{display:block;width:100%;height:100%;object-fit:cover;min-width:0;min-height:0;border-radius:var(--radius-small)}
.features:not(.beats){align-items:start}
.features article:has(.feature-stage){display:grid;grid-template-columns:1fr auto}
.features article:has(.feature-stage) h3{grid-column:1;grid-row:2;margin:var(--space-16) 0 var(--space-12)}
.features article:has(.feature-stage) .feature-number{position:static;grid-column:2;grid-row:2;align-self:center}
.features article:has(.feature-stage) p{grid-column:1 / -1;grid-row:3}
.beat-deck{position:relative;width:100%}
.beat-deck > img{position:relative;z-index:1;display:block;width:100%;height:auto}
.beat-cable{display:block;width:100%;height:auto}.cable-metal{fill:var(--color-text-muted)}.cable-tongue{fill:var(--color-device-edge)}.cable-housing{fill:var(--color-control)}.cable-jacket{fill:none;stroke:var(--color-control)}
.choice{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-32);align-items:center;margin-top:var(--space-48)}
.choice>*{min-width:0}
.choice-device .ipad-screen{background:var(--color-screen-edge)}
.choice-device .ipad-screen img.landscape{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;display:block}
.choice-device .ipad-screen img.landscape.is-fill{object-fit:cover}
.choice-panel{border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface-dialog);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-12)}
.choice-label{margin:var(--space-8) 0 0;font-size:var(--step-size-caption);letter-spacing:var(--tracking-1);font-weight:var(--weight-semibold);color:var(--color-label)}
.choice-row,.choice-grid{display:grid;gap:var(--space-8)}
.choice-row,.choice-grid{grid-template-columns:1fr 1fr}
.choice-panel button{min-height:var(--target-minimum);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-small);background:transparent;color:var(--color-text);padding:var(--space-8) var(--space-12);text-align:left}
.choice-panel button[aria-pressed="true"]{background:var(--color-selected);border-color:var(--color-border-active);color:var(--color-selected-text)}
.choice-panel button b{display:block;font-family:var(--font-heading);font-size:var(--step-size-small);font-weight:var(--weight-semibold);line-height:var(--leading-compact)}
.choice-panel button span{display:block;color:var(--color-text-muted);font-size:var(--step-size-caption);font-weight:var(--weight-regular);line-height:var(--leading-compact)}
.choice-panel button[aria-pressed="true"] span{color:var(--color-selected-text)}
.choice-note{margin:var(--space-8) 0 0;color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-reading)}
@media(max-width:760px){.choice{grid-template-columns:1fr}}

.header-actions,.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12)}
.closing-actions{justify-content:center}
.store-btn{display:inline-flex;align-items:center;line-height:0;flex-shrink:0;min-height:var(--target-minimum)}
.store-btn img{height:var(--step-size-ornament);width:auto;display:block}
.store-btn:hover img{transform:translateY(var(--button-hover-transform-neg-2))}

.legal{max-width:var(--width-content);margin:auto;padding:var(--space-48) 0 var(--space-32)}
.legal h1{font-size:var(--step-size-heading-small);margin-top:0}
.legal h2{font-size:var(--step-size-card);line-height:var(--leading-subheading);margin:var(--space-32) 0 var(--space-12)}
.legal p,.legal li{font-size:var(--step-size-small);line-height:var(--leading-longform);color:var(--color-text-muted)}
.legal p{margin:var(--space-12) 0}
.legal ul{margin:var(--space-12) 0;padding-left:var(--space-24)}
.legal li{margin:var(--space-8) 0}
.legal strong{color:var(--color-text);font-weight:var(--weight-semibold)}
.legal a{color:var(--color-link);text-decoration:underline}
.legal-meta{margin:var(--space-8) 0 var(--space-16);color:var(--color-label);font-size:var(--step-size-caption);letter-spacing:var(--tracking-1)}
.legal-nav{display:flex;flex-wrap:wrap;gap:var(--space-16);margin:0 0 var(--space-24)}
.legal-nav a,.footer-legal a{display:inline-flex;align-items:center;min-height:var(--target-minimum);font-size:var(--step-size-small)}
html[data-variant="b"] .store-btn img{height:var(--logo-height-28)}
html[data-variant="b"] .legal{max-width:var(--width-reading)}
html[data-variant="b"] :is(.section-head p,.muted,.hero-note,.step-description,.questions p,.choice-note,.setup-visual p,footer>span,.footer-bottom,.features article p){color:var(--color-intro)}
html[data-variant="b"] .legal p:not(.legal-meta),html[data-variant="b"] .legal li{color:var(--color-intro)}
html[data-variant="b"] .choice-panel button:not([aria-pressed="true"]) span{color:var(--color-intro)}
html[data-variant="b"] :is(.features article,.choice-panel,.setup-visual,.closing){border-color:transparent}
html[data-variant="b"] .feature-icon{width:auto;height:auto;border-color:transparent;background:transparent;font-size:var(--step-size-body)}
#variant-c{display:none}
html[data-variant="c"] #variant-c{display:block}
html[data-variant="c"] main:has(#variant-c)>:not(#variant-c){display:none}
html[data-variant="c"] body:has(#variant-c) header nav{display:none}
html[data-variant="c"] .legal{max-width:var(--width-narrow)}
.pitch{max-width:var(--width-content);margin:auto;padding:var(--space-64) var(--space-32) var(--space-32)}
.pitch-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-32)}
.pitch-hero>:not(.pitch-shot){max-width:var(--width-narrow);width:100%}
.pitch-hero .eyebrow{justify-content:center}
.pitch-hero h1{max-width:none;margin-left:auto;margin-right:auto}
.pitch-sub{max-width:none;margin:0 0 var(--space-32);color:var(--color-intro);font-size:var(--step-size-body);line-height:var(--leading-reading)}
.pitch-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-12);margin-bottom:var(--space-16)}
.pitch-hero .pitch-actions{justify-content:center}
.waitlist{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);flex-basis:100%;margin:0;text-align:left}
.waitlist label{font-size:var(--step-size-small);color:var(--color-text-muted)}
.waitlist input{min-width:0;min-height:var(--target-minimum);padding:var(--space-8) var(--space-12);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-small);background:transparent;color:var(--color-text);font:inherit}
.waitlist input:focus-visible{outline:var(--stroke-3) solid var(--color-action);outline-offset:var(--focus-offset)}
.waitlist-status{margin:0;min-height:var(--space-24);color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-reading)}
@media(min-width:760px){.waitlist{grid-template-columns:minmax(0,1fr) auto;align-items:center}.waitlist label,.waitlist-turnstile,.waitlist-status{grid-column:1 / -1}}
.pitch-trust{max-width:none;margin:0;color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-reading)}
.pitch-shot{order:-1;width:100%;margin:0}
.pitch-shot .ipad-screen img.landscape,.pitch-shot .deck-screen img.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pitch-shot figcaption{margin-top:var(--space-16);color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-reading);text-align:center}
.pitch-block{padding:var(--space-64) 0 0;text-align:left}
.pitch-block h2{margin-bottom:var(--space-24)}
.price{display:flex;align-items:baseline;gap:var(--space-8);margin:0 0 var(--space-16)}
.price .amount{font-family:var(--font-heading);font-size:var(--step-size-display-compact);font-weight:var(--weight-bold);letter-spacing:var(--tracking-neg-2);line-height:var(--leading-display)}
.price .per{color:var(--color-text-muted);font-size:var(--step-size-body);font-weight:var(--weight-semibold)}
.pitch .section-head{display:block}
.pitch .section-head p{max-width:none}
.pitch .section-head h2{margin-bottom:var(--space-16)}
.pitch-list{list-style:none;margin:0;padding:0}
.pitch-list li{padding:var(--space-24) 0;border-top:var(--stroke-1) solid var(--color-border)}
.pitch-list h3{margin:0 0 var(--space-8);font-size:var(--step-size-card);line-height:var(--leading-subheading)}
.pitch-list p,.pitch-steps p{margin:0;color:var(--color-text-muted);font-size:var(--step-size-body);line-height:var(--leading-reading)}
.pitch-steps{list-style:none;margin:0;padding:0}
.pitch-steps li{display:grid;grid-template-columns:var(--target-comfortable) 1fr;gap:var(--space-16);padding:var(--space-24) 0;border-top:var(--stroke-1) solid var(--color-border)}
.pitch-steps span{font-size:var(--step-size-card);font-weight:var(--weight-bold);color:var(--color-action)}
.pitch-note{margin:var(--space-24) 0 0;color:var(--color-text-muted);font-size:var(--step-size-small);line-height:var(--leading-reading)}
.pitch-close{margin-top:var(--space-64);padding:var(--space-48) 0;text-align:center;border-top:var(--stroke-1) solid var(--color-border)}
.pitch-close p{color:var(--color-text-muted)}
.pitch-block,.pitch-close{max-width:var(--width-narrow);margin-inline:auto}
.pitch-chapters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-80);margin-top:var(--space-64)}
.pitch-chapters article{border:0;background:transparent;padding:0;border-radius:0}
.pitch-chapters article:has(.feature-stage){display:grid;grid-template-columns:minmax(0,1fr)}
.pitch-chapters article:has(.feature-stage) h3{grid-column:1;grid-row:1;max-width:var(--width-narrow);margin:0 0 var(--space-12)}
.pitch-chapters article:has(.feature-stage) p{grid-column:1;grid-row:2;max-width:var(--width-reading);margin:0}
.pitch-chapters article:has(.feature-stage) .feature-stage{grid-column:1;grid-row:3;margin-top:var(--space-24)}
.pitch-chapters .feature-number{display:none}
.pitch .questions{margin-top:var(--space-8)}
@media(max-width:760px){.pitch{padding-top:var(--space-32)}.pitch-sub,.pitch-trust{max-width:var(--width-reading)}}
body.sheet-page{background:var(--grad-161922)}
body.sheet-page header{border-bottom-color:transparent}
.sheet{max-width:none;margin:0;padding:0 0 var(--space-80)}
.sheet-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-24);padding:0 var(--space-32)}
.hero-picture{display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:100%;gap:0}
.sheet-hero .pitch-shot{width:max-content;max-width:100%;margin:0}
.sheet-hero .ipad-frame{width:max-content;max-width:100%;margin-inline:auto}
.sheet-hero .ipad-frame>img{width:auto;max-width:100%;max-height:var(--width-showcase-stacked);height:auto}
.sheet-intro{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--width-content);gap:var(--space-16)}
.sheet-intro h1,.sheet-intro .pitch-sub{margin:0}
.sheet-intro h1{max-width:var(--width-content);text-align:center}
.sheet-intro .pitch-sub,.sheet-intro .pitch-trust,.sheet-intro .waitlist{max-width:var(--width-narrow);width:100%}
.sheet-intro .eyebrow{justify-content:center;font-size:var(--step-size-subheading)}
.sheet-intro .eyebrow>span{display:none}
.sheet-intro .pitch-actions,.sheet-intro .price{margin:0}
.sheet-intro .price{justify-content:center}
.sheet-hero .sheet-note{width:0;min-width:100%;margin:0;padding:0;text-align:right;color:var(--color-text-muted);font-size:var(--step-size-caption);line-height:var(--leading-solid)}
.sheet-statement{max-width:var(--width-content);margin:var(--space-80) auto 0;padding:0 var(--space-32);text-align:center;font-family:var(--font-heading);font-size:clamp(var(--step-size-display-compact),var(--h1-font-size-4_4vw),var(--step-size-display));line-height:var(--leading-display);letter-spacing:var(--tracking-neg-2);font-weight:var(--weight-bold)}
.chapter{margin-top:var(--space-80);padding:0 var(--space-32);text-align:center}
.chapter h2{max-width:var(--width-narrow);margin:0 auto var(--space-16)}
.chapter>p{max-width:var(--width-narrow);margin:0 auto;color:var(--color-text-muted);font-size:var(--step-size-body);line-height:var(--leading-reading)}
.chapter-photo{margin:var(--space-48) calc(var(--space-32) * -1) 0}
.chapter-photo img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3 / 2}
.chapter-on-photo{padding:0}
.chapter-on-photo .chapter-photo{position:relative;margin:0}
.chapter-on-photo figcaption{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-40) var(--space-32) var(--space-48);text-align:center;background:linear-gradient(to bottom,var(--grad-161922) 0%,var(--grad-161922) 72%,transparent 100%)}
.chapter-on-photo figcaption h2,.chapter-on-photo figcaption p{margin:0}
.chapter-on-photo figcaption p{max-width:var(--width-narrow);color:var(--color-text)}
.chapter-stack{display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:100%;gap:var(--space-16);text-align:center}
.chapter-stack p{width:0;min-width:100%}
.sheet .pitch-steps,.sheet .pitch-list,.sheet .questions{max-width:var(--width-content);margin-inline:auto;text-align:left}
.sheet .pitch-close{max-width:var(--width-narrow);margin-inline:auto;padding-inline:var(--space-32);text-align:center}
.sheet .pitch-close p{max-width:var(--width-narrow);margin-inline:auto}
.sheet .pitch-steps li,.sheet .pitch-list li{border:0;padding:var(--space-12) 0}
.chapter-center h2,.chapter-center .price,.chapter-center .pitch-note{margin-inline:auto}
.chapter-center .price{justify-content:center}
@media(max-width:760px){.sheet{padding-bottom:var(--space-64)}.sheet-hero,.chapter,.sheet-statement,.sheet-note{padding-left:var(--space-24);padding-right:var(--space-24)}.chapter-on-photo{padding-left:0;padding-right:0}.chapter-on-photo figcaption{padding-left:var(--space-24);padding-right:var(--space-24)}.chapter-on-photo .chapter-photo img{aspect-ratio:4 / 5;object-position:center bottom}.sheet .pitch-close{padding-inline:var(--space-24)}.chapter-photo{margin-left:calc(var(--space-24) * -1);margin-right:calc(var(--space-24) * -1)}.chapter-on-photo .chapter-photo{margin-left:0;margin-right:0}}
.variant-switch{position:fixed;z-index:30;right:var(--space-16);bottom:var(--space-16);display:flex;gap:var(--space-8);padding:var(--space-8);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-small);background:var(--surface-dialog)}
.variant-switch button{min-width:var(--target-minimum);min-height:var(--target-minimum);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-small);background:transparent;color:var(--color-text);font-weight:var(--weight-bold)}
.variant-switch button[aria-pressed="true"]{background:var(--color-action);color:var(--color-action-text);border-color:transparent}
.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16)}
.variant-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--target-minimum);min-height:var(--target-minimum);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text);font-weight:var(--weight-bold);text-decoration:none}.variant-switch a:hover{text-decoration:none}
[hidden]{display:none !important}