/* Compact controls on a neutral charcoal stage; native app screens stay intact. */
.home-walkthrough{background:radial-gradient(ellipse at 80% 20%,#42423d 0,transparent 62%),linear-gradient(135deg,#30312e,#171918 80%);color:#fffaf4;border-block:1px solid #585b53;padding-block:48px}
.walkthrough-grid{align-items:start;gap:64px}
.walk-controls{padding:24px 0;background:none;border:0;border-radius:0;box-shadow:none}
.walk-controls>.eyebrow{color:#d1c8b8;font-size:.72rem;margin-bottom:16px}
.walk-controls>h2{color:#fffaf4;font-size:clamp(2rem,3.2vw,2.8rem);max-width:17ch;line-height:1.16;margin-bottom:20px}
.walk-controls>p:not(.eyebrow){color:#dedbd2;max-width:43ch;font-size:1rem;line-height:1.6}
.tour-launch{gap:12px;margin:24px 0 0}
.tour-launch>.button{font-size:.9rem;background:linear-gradient(145deg,#fffaf4,#e1d6c5);color:#292d29;border-color:#b7ae9e;box-shadow:inset 0 2px #fff,0 3px 6px #0003;min-height:48px}
.tour-launch>.button:disabled{opacity:.6;cursor:wait;transform:none}
.demo-try{padding:11px 19px;border:1px solid #819a9e;border-radius:100px;background:linear-gradient(145deg,#353b3d,#24292b);color:#fffaf4;box-shadow:inset 0 1px #ffffff35,0 3px 5px #0002;min-height:48px;font-size:.9rem;font-weight:700}
.demo-reset{color:#d7d4c9;min-height:44px;padding:4px 0;font-size:.8rem}
.demo-mode-label{color:#dce4e4;margin-top:20px;font-size:.8rem}
.demo-mode-label>span{background:#50dcec;box-shadow:0 0 0 4px #50dcec1a}
.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:26px 0 19px}
.flow-steps li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:none;color:#d4d3c8;box-shadow:none;text-align:center;position:relative;min-width:0}
.flow-steps li>span{width:33px;height:33px;border-color:#72878b;background:linear-gradient(140deg,#3b4245,#252c2f);color:#dde6e7;box-shadow:inset 0 1px #ffffff25;position:relative;z-index:1}
.flow-steps strong{font-size:.72rem;line-height:1.4;font-weight:400}
.flow-steps li:not(:last-child)::after{left:calc(50% + 20px);right:calc(-50% + 12px);top:16px;width:auto;height:1px;background:#667f83}
.flow-steps [aria-current=step]{background:none;border:0;color:#fffaf4;box-shadow:none}
.flow-steps [aria-current=step]>span{border-color:#50dcec;color:#193a48;background:#bdeff2;box-shadow:0 0 0 4px #50dcec18,inset 0 1px #fff}
.flow-steps [aria-current=step] strong{font-weight:700}
.flow-steps .is-done>span{border-color:#50dcec;color:#d8fbfc;background:#25505a}
.walk-controls .walk-caption{margin:0;max-width:none;padding:20px 22px 12px;background:linear-gradient(145deg,#383d40,#242a2c);border-color:#76888b;color:#fffaf4;box-shadow:inset 0 1px #ffffff20,0 7px 14px #0002}
.walk-screen-label{color:#a4e7eb;font-size:.65rem;margin-bottom:10px}
.walk-caption h3{font-size:1.25rem}
.walk-caption>p:not(.walk-screen-label){color:#dce4e4;font-size:.9rem;min-height:3em;margin-bottom:12px}
.walk-footer{border-color:#7b93934d;padding-top:8px}
.walk-footer>span{color:#d1e3e4}
.walk-footer>a{color:#a4e7eb;font-size:.8rem}
.walk-controls .tour-status{font-size:.8rem;color:#dce6e6;min-height:3em;margin:14px 0 0}
.demo-disclosure{color:#ccd7d7!important;font-size:.75rem!important;line-height:1.6!important;margin-top:12px;max-width:50ch!important}
.demo-enlarge{color:#fffaf4;border-color:#80999d;background:#2c3538;min-height:44px;margin-top:16px;font-size:.85rem}
.walk-glow{background:radial-gradient(ellipse,#50dcec18,transparent 66%)}
.home-walkthrough .walkthrough-device{width:330px!important;max-width:100%}
.walk-display{margin-inline:0}
.demo-enlarge:focus-visible,.demo-reset:focus-visible,.demo-try:focus-visible,.tour-launch>.button:focus-visible,.walk-footer>a:focus-visible{outline-color:#bdeff2}
@media(max-width:1050px){.walkthrough-grid{gap:32px}.home-walkthrough .walkthrough-device{width:305px!important}.walk-controls{padding-top:12px}}
@media(max-width:820px){.walkthrough-grid{grid-template-columns:1.1fr .9fr;gap:26px}.walk-controls>h2{font-size:2rem}.tour-launch>.button,.demo-try{font-size:.85rem;padding-inline:16px}.flow-steps{gap:5px}.flow-steps strong{font-size:.67rem}}
@media(max-width:600px){.home-walkthrough{padding-block:36px}.walkthrough-grid{grid-template-columns:1fr;gap:24px}.walk-controls{padding:0}.walk-controls>h2{font-size:2rem;max-width:18ch}.walk-controls>p:not(.eyebrow){max-width:none}.home-walkthrough .walkthrough-device{width:330px!important}.flow-steps{margin-top:24px;gap:8px}.flow-steps strong{font-size:.72rem}.walk-controls .walk-caption{padding:18px 20px 10px}.walk-panel{margin-top:0}.tour-launch{gap:10px}.demo-disclosure{max-width:none!important}}

/* Official artwork clipped to the R and colour strokes, without the app tile. */
.walk-controls h2 .rebuild-wordmark img{width:.97em;height:.83em;border-radius:0;object-fit:contain;mix-blend-mode:screen}