.hero-title{font-size:min(56px,9cqi)}.scene-breathe{will-change:transform;animation:6s ease-in-out infinite scene-breathe}@keyframes scene-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.scene-breathe{animation:none}}.how-track{min-height:calc(100svh + var(--how-travel))}#how .stage-rail{top:var(--how-rail-top);height:var(--how-travel);grid-template-rows:var(--how-rail-rows);bottom:auto}.how-dot-hit{cursor:pointer;border-radius:9999px;place-items:center;min-width:24px;height:28px;padding-inline:3px;display:grid}.how-dot{background:var(--rule-2);border-radius:9999px;width:6px;height:6px;position:relative;overflow:hidden}.how-dot-hit:hover .how-dot{background:var(--ink-3)}.how-dot[data-on]{width:28px}.how-dot-fill{background:var(--brand-fill);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.how-track .how-row[data-scene-when]{z-index:2;position:relative}.how-track[data-scene-state="0"] .how-row:not([data-scene-when~="0"]),.how-track[data-scene-state="1"] .how-row:not([data-scene-when~="1"]),.how-track[data-scene-state="2"] .how-row:not([data-scene-when~="2"]),.how-track[data-scene-state="3"] .how-row:not([data-scene-when~="3"]){z-index:1}@media (prefers-reduced-motion:no-preference){.how-dot{transition:width .45s}.how-track .how-row[data-scene-when]{transition:opacity .38s}.how-track[data-scene-state="0"] .how-row:not([data-scene-when~="0"]),.how-track[data-scene-state="1"] .how-row:not([data-scene-when~="1"]),.how-track[data-scene-state="2"] .how-row:not([data-scene-when~="2"]),.how-track[data-scene-state="3"] .how-row:not([data-scene-when~="3"]){transition:opacity 0s linear .4s}}@keyframes how-nudge{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.how-track[data-hint-off] .how-hint{opacity:0;pointer-events:none;transform:translateY(6px)}@media (prefers-reduced-motion:no-preference){.how-hint{transition:opacity .4s,transform .4s}.how-hint-chev{animation:1.6s ease-in-out infinite how-nudge}}[data-offscreen] .how-hint-chev{animation-play-state:paused}.xp-rail{grid-template-rows:3fr 1fr}.how-pin{--how-stage-max:clamp(120px, calc(100svh - 400px), 240px);align-content:center;min-height:100svh;padding-block:5rem 1.5rem;display:grid;position:sticky;top:0}@media (width>=768px){.how-pin{padding-block:6.25rem 2rem}}.how-row{width:calc(var(--motd-row-w) * .5);height:calc(var(--motd-row-h) * .5)}.how-row-scale{width:var(--motd-row-w);transform-origin:0 0;transform:scale(.5)}@media (width>=768px){.how-row{width:var(--motd-row-w);height:var(--motd-row-h)}.how-row-scale{transform:none}}.how-stage{max-width:min(100%, calc(var(--how-stage-max) * var(--how-stage-ratio)));margin-inline:auto}.xp-glow{background:radial-gradient(circle, var(--brand-glow), transparent 70%);opacity:0}.xp-ring{opacity:0;box-shadow:0 0 0 2px var(--brand-ring-hover)}[data-scene-state=on] .xp-glow{opacity:1}@media (prefers-reduced-motion:no-preference){.xp-glow{transition:opacity .6s}[data-scene-state=on] .xp-hub .xp-ring{animation:xp-ring 1.2s var(--mo-ease-out) 1}[data-scene-state=on] .xp-hub .xp-glow{animation:xp-pulse 1.1s var(--mo-ease-out) 1}}@media (prefers-reduced-motion:reduce){.xp-hub [data-scene-when]{transition:none}}@keyframes xp-ring{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes xp-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.05)}}.mods-tile-icon{box-shadow:var(--shadow-card)}@media (prefers-reduced-motion:no-preference){.mods-tile-icon{transition:transform var(--mo-dur-medium) var(--mo-ease-out), box-shadow var(--mo-dur-medium) var(--mo-ease-out)}.mods-tile:hover .mods-tile-icon,.mods-tile:focus-visible .mods-tile-icon{box-shadow:var(--shadow-float);transform:translateY(-4px)scale(1.06)}[data-reveal] .mods-tile{opacity:0;transform:translateY(18px)scale(.96)}[data-reveal=shown] .mods-tile{animation-name:mods-tile-in;animation-duration:var(--mo-dur-medium);animation-timing-function:var(--mo-ease-out);animation-fill-mode:both;animation-delay:calc(var(--reveal-i,0) * 55ms)}}@keyframes mods-tile-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.pic:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(150deg, var(--brand-glow), transparent 42%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pic-row{--surface-next:var(--brand-tint)}.pic-row:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center / 9px 9px no-repeat, var(--success-tile);width:16px;height:16px;box-shadow:0 0 0 1px var(--success-ring);border-radius:6px;grid-row:span 2;margin-top:.125rem}html.dark .pic-row:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234ade80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.pic-row:before{transition:transform var(--mo-dur-quick) var(--mo-ease-spring)}.pic-row:hover:before{transform:scale(1.12)}.pic[data-reveal] :is(.pic-col,.pic-lede,.pic-band){transform:translateY(var(--mo-rise))}.pic[data-reveal=shown] :is(.pic-col,.pic-lede,.pic-band){animation-name:pic-lift;animation-duration:var(--mo-dur-medium);animation-timing-function:var(--mo-ease-out);animation-fill-mode:both}.pic[data-reveal=shown] .pic-band{animation-delay:.36s}}@keyframes pic-lift{0%{transform:translateY(var(--mo-rise))}to{transform:none}}.included-check:before{content:"";-webkit-mask:var(--icon) center / 100% 100% no-repeat;-webkit-mask:var(--icon) center / 100% 100% no-repeat;mask:var(--icon) center / 100% 100% no-repeat;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E");background:currentColor;background:var(--success-figure);flex:none;width:11px;height:11px}