.account-page{padding:40px 0}.account-eyebrow{margin-top:34px}.account-intro h1{margin:18px 0}.stage-demo{margin-top:28px;max-width:450px;padding:20px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at top left,var(--aura),transparent 70%),var(--surface);position:relative;overflow:hidden}.stage-demo-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:var(--ink)}#demo-position{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--accent)}.stage-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:15px 0 18px}.stage-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:9px;min-height:47px;padding:5px 0;transition:background .2s,border-color .2s,color .2s}.stage-choice span{font-size:14px;font-variant-numeric:tabular-nums}.stage-choice small{font-size:13px;white-space:nowrap}.stage-choice[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.stage-scene h3{font-size:19px;letter-spacing:-.4px;font-weight:550;line-height:1.5}.stage-scene>#demo-purpose{font-size:14px;line-height:1.8;margin-top:5px;min-height:25px;color:var(--ink)}.stage-graphic{height:106px;margin:8px 0 0;contain:layout paint}.stage-graphic svg{width:100%;height:100%;overflow:visible}.demo-node rect{fill:var(--surface2);stroke:var(--line);stroke-width:1.2;transition:stroke .35s,fill .35s}.demo-icon{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}.demo-node text{font:15px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;fill:var(--ink);transition:fill .3s}.demo-route{fill:none;stroke:var(--muted);opacity:.7;stroke-width:1;stroke-dasharray:3 4}.demo-route-lit{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:8 90;opacity:.5;animation:demo-flow 1.8s linear infinite;animation-play-state:paused}.stage-demo marker path{fill:var(--muted)}.demo-return{fill:none;stroke:var(--muted);stroke-width:1;opacity:.6;stroke-dasharray:2 5}.demo-packet{fill:var(--accent);transform:translateX(calc(var(--demo-progress,0) * 252px));opacity:.7}.stage-demo[data-step="0"] .demo-node[data-node="0"] rect,.stage-demo[data-step="1"] .demo-node[data-node="1"] rect,.stage-demo[data-step="2"] .demo-node[data-node="2"] rect{stroke:var(--accent);fill:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.stage-demo[data-step="0"] .demo-node[data-node="0"] .demo-icon,.stage-demo[data-step="1"] .demo-node[data-node="1"] .demo-icon,.stage-demo[data-step="2"] .demo-node[data-node="2"] .demo-icon{stroke:var(--accent)}.stage-demo[data-step="0"] .demo-node[data-node="0"] text,.stage-demo[data-step="1"] .demo-node[data-node="1"] text,.stage-demo[data-step="2"] .demo-node[data-node="2"] text{fill:var(--ink)}.stage-deliverable{display:flex;gap:10px;font-size:14px;align-items:baseline;min-height:33px;padding-top:8px}.stage-deliverable span{color:var(--muted);white-space:nowrap;font-size:13px}.stage-deliverable strong{color:var(--accent);font-weight:500;font-size:14px;line-height:1.8;min-width:0;overflow-wrap:anywhere}.stage-player{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid var(--line)}.stage-player-buttons{display:flex;gap:5px}.stage-player button{background:none;border:0;color:var(--ink);font-size:14px;min-height:40px;border-radius:6px;padding:5px 9px}.stage-player button:hover{background:var(--surface2);color:var(--ink)}#demo-toggle{min-width:64px;color:var(--accent)}.stage-motion-label{font-size:13px;color:var(--muted);letter-spacing:.4px}.stage-clock{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--surface2)}.stage-clock i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--demo-progress,0));background:var(--accent);opacity:.75}.stage-screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.stage-demo.demo-running .demo-route-lit{animation-play-state:running}.stage-goto{display:none}.stage-graphic{animation:demo-enter .35s ease-out}.stage-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes demo-flow{from{stroke-dashoffset:98}to{stroke-dashoffset:0}}@keyframes demo-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.stage-demo{padding:16px}.stage-scene h3{font-size:18px}}
@media(max-width:760px){.stage-demo{display:block;margin-top:23px;max-width:none;padding:16px}.stage-choices{margin:12px 0 13px;gap:5px}.stage-choice{min-height:44px}.stage-graphic{height:106px;margin-top:5px}.stage-scene h3{font-size:18px}.stage-player button{min-height:44px}.stage-goto{display:block;color:var(--accent)!important}.stage-motion-label{display:none}.account-eyebrow{margin-top:27px}.stage-deliverable{min-height:28px}.account-page{gap:24px;padding:30px 0 40px}}
@media(prefers-reduced-motion:reduce){.stage-graphic,.demo-route-lit{animation:none!important}.stage-demo *{transition:none!important}.demo-packet{display:none}.stage-clock{display:none}}
@media(max-width:760px){.account-page{align-content:start}}