/* Motion explains the handoff. Content stays visible without animation or JS. */
.rx-walkthrough { --walk-ink:#eef5ff; --walk-muted:#b4c4d9; color:var(--walk-ink); border:1px solid #344c69; border-radius:18px; overflow:hidden; background:radial-gradient(ellipse at 95% 5%,#16466538,transparent 48%),#0c1626; box-shadow:0 28px 90px #0003; margin-block:20px; font-family:Manrope,"Trebuchet MS",sans-serif; }
.rx-walkthrough * { box-sizing:border-box; }
.rx-walkthrough [hidden] { display:none!important; }
.walk-header { display:flex; align-items:start; justify-content:space-between; gap:30px; padding:38px 38px 28px; }
.walk-kicker,.walk-role-bar>span,.walk-visual-top,.walk-delivery>span,.walk-decision>span { font-size:10px; letter-spacing:.12em; font-weight:600; color:#a9bed8; }
.walk-header h2 { font:500 clamp(29px,3.6vw,46px)/1.15 "Space Grotesk","Trebuchet MS",sans-serif; letter-spacing:-.045em; margin:14px 0 18px; }
.walk-header h2 span { color:#84d9ef; }
.walk-header p:not(.walk-kicker) { max-width:590px; font-size:13px; color:var(--walk-muted); line-height:1.9; margin:0; }
.walk-status { flex-shrink:0; color:#b8cce2; font-size:10px; line-height:1.9; padding-block:4px; }
.walk-status>span { display:inline-block; width:6px; height:6px; border-radius:50%; background:#8ce5bc; margin-right:5px; }
.walk-status small { color:#a9bed8; font-size:10px; }
.walk-role-bar { display:flex; align-items:center; flex-wrap:wrap; gap:13px; padding:0 38px 25px; }
.walk-role-bar>div { display:flex; gap:5px; flex-wrap:wrap; }
.rx-walkthrough button { font:inherit; cursor:pointer; }
.walk-role-bar button { background:transparent; color:#bdcde0; border:1px solid #3b4f6a; border-radius:6px; font-size:11px; min-height:40px; padding:8px 12px; }
.walk-role-bar button[aria-pressed=true] { background:#163449; border-color:#5d9fb8; color:#d8f8ff; }
.walk-role-bar .walk-role-disclosure { font-size:10px; letter-spacing:0; font-weight:400; color:#a9bed8; }
.walk-stage-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-block:1px solid #30445f; background:#091222; }
.walk-stage-tabs button { display:flex; gap:12px; align-items:center; justify-content:center; color:#b4c4d9; border:0; border-right:1px solid #273b55; border-bottom:2px solid transparent; min-height:64px; padding:14px 8px; font-size:12px; background:none; }
.walk-stage-tabs button:last-child { border-right:0; }.walk-stage-tabs button>span { font-size:10px; color:#91aac8; }
.walk-stage-tabs button[aria-selected=true] { background:#143046; color:#e4faff; border-bottom-color:#6ddcf1; }
.walk-panel { display:grid; grid-template-columns:1.05fr 1fr; min-width:0; gap:40px; padding:38px; align-items:center; }
.walk-panel>div { min-width:0; }.walk-question { color:#8cdbed; font-size:11px; margin:0 0 15px; }
.walk-narrative h3 { font:500 clamp(25px,2.4vw,34px)/1.25 "Space Grotesk","Trebuchet MS",sans-serif; letter-spacing:-.035em; margin:0 0 17px; max-width:530px; }
.walk-answer,.walk-view-copy { color:var(--walk-muted); font-size:12px; line-height:1.9; }.walk-answer { margin:0; }
.walk-service-links { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }.walk-service-links a { border:1px solid #3b4e69; padding:8px 10px; border-radius:6px; font-size:10px; color:#d3e8f9; min-height:40px; display:inline-flex; align-items:center; text-decoration:none; }
.walk-service-links a:hover { border-color:#6cc9e2; background:#17344a; }
.walk-view-copy { padding-left:14px; border-left:2px solid #5b7eac; }.walk-view-copy p { margin:0; }
.walk-visual { background:linear-gradient(135deg,#172b43,#101b2e); border:1px solid #38516f; border-radius:12px; padding:23px; }
.walk-visual-top { display:flex; justify-content:space-between; gap:12px; font-size:9px; }
.walk-nodes { list-style:none; padding:0; margin:26px 0; display:grid; grid-template-columns:1fr 1fr; gap:24px 28px; }
.walk-nodes li { position:relative; padding:12px; min-height:70px; display:flex; flex-direction:column; justify-content:center; gap:6px; background:#0d1b2d; border:1px solid #42647f; border-radius:7px; }
.walk-nodes li>span { color:#8ac6df; font-size:9px; }.walk-nodes strong { color:#e0edfa; font-size:11px; line-height:1.6; font-weight:500; }
.walk-nodes li::after { position:absolute; color:#7fc7e2; font-size:18px; }.walk-nodes li:nth-child(1)::after,.walk-nodes li:nth-child(3)::after { content:"\2192"; right:-23px; top:23px; }.walk-nodes li:nth-child(2)::after { content:"\2193"; right:50%; bottom:-26px; }
.walk-nodes li:nth-child(3) { grid-area:2/2; }.walk-nodes li:nth-child(4) { grid-area:2/1; }.walk-nodes li:nth-child(3)::after { content:"\2190"; left:-23px; right:auto; }
.walk-delivery { border-top:1px solid #3a506b; padding-top:17px; }.walk-delivery>span { display:block; font-size:9px; }.walk-delivery strong { display:block; font:500 17px/1.6 "Space Grotesk","Trebuchet MS",sans-serif; margin-top:8px; }
.walk-decision { border:1px solid #547072; border-radius:7px; background:#18333166; padding:13px; margin-top:18px; }.walk-decision>span { color:#a4e6cd; font-size:9px; }.walk-decision p { margin:5px 0 0; color:#d8f1e9; font-size:11px; line-height:1.8; }
.walk-evidence { display:flex; justify-content:space-between; flex-wrap:wrap; gap:9px; color:#afc3da; font-size:9px; line-height:1.8; margin-top:17px; }
.walk-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid #30445f; padding:18px 38px; background:#091222; }.walk-context { color:#9eafc6; font-size:10px; }.walk-footer>div { display:flex; gap:17px; align-items:center; }.walk-footer button { background:#14243a; border:1px solid #3f5a78; border-radius:6px; color:#d8e8f9; min-height:44px; padding:9px 14px; font-size:11px; }.walk-footer button:disabled { color:#899bb4; border-color:#293b54; cursor:default; background:transparent; }.walk-footer [data-walk-position] { color:#a9bed8; font-size:10px; }
.rx-walkthrough button:focus-visible,.rx-walkthrough a:focus-visible,.walk-panel:focus-visible { outline:2px solid #83e5fa; outline-offset:-3px; }
.walk-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.journey-rail { border-block:1px solid #293d58; padding:24px 0; background:#0b1525; }.journey-rail>.wrap { display:flex; align-items:center; justify-content:space-between; gap:25px; }.journey-rail>.wrap>span { font-size:10px; color:#a9bed8; letter-spacing:.1em; }.journey-rail>.wrap>div { display:flex; flex-wrap:wrap; gap:20px; }.journey-rail a { font-size:11px; display:inline-flex; align-items:center; gap:7px; min-height:44px; }.journey-rail a>span { color:#79cde4; font-size:9px; }
.walkthrough-section { padding-block:40px 70px; }.walkthrough-mount { margin-top:30px; }
.walk-answer { font-size:14px; }.walk-view-copy { font-size:13px; }.walk-nodes strong { font-size:12px; }
.ai-discovery-link { display:grid; grid-template-columns:1.3fr 1fr; gap:10px 40px; padding:30px; margin-top:25px; border:1px solid #42627e; border-radius:12px; background:linear-gradient(115deg,#132a3d,#171c35); }
.ai-discovery-link>span { font-size:10px; color:#98ddeb; letter-spacing:.1em; grid-column:1/-1; }.ai-discovery-link>strong { font:500 27px/1.4 "Space Grotesk","Trebuchet MS",sans-serif; letter-spacing:-.03em; }.ai-discovery-link>p { font-size:13px; color:#b4c4d9; margin:0; line-height:1.8; }.ai-discovery-link>b { grid-column:1/-1; font-size:12px; font-weight:500; color:#8ddeef; min-height:44px; display:flex; align-items:center; }
@media(max-width:700px) { .ai-discovery-link { grid-template-columns:1fr; padding:24px; gap:15px; }.ai-discovery-link>strong { font-size:25px; } }
.rx-walkthrough.motion-entered .walk-nodes li { animation:handoff-arrive .6s both; animation-delay:calc(var(--node)*.12s); }
.rx-walkthrough .walk-panel:not([hidden]) .walk-decision { animation:decision-arrive .7s both; }
.motion-entered.issue-card,.motion-entered.proofstrip,.motion-entered.site-cockpit { animation:handoff-arrive .7s both; }
@keyframes handoff-arrive { from { opacity:.65; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes decision-arrive { from { transform:translateY(5px); } to { transform:none; } }
@media(max-width:1050px) { .walk-header { flex-direction:column; gap:16px; }.walk-status { display:none; }.walk-panel { gap:25px; }.walk-stage-tabs button { flex-direction:column; gap:3px; }.walk-footer { padding-inline:25px; }.walk-header,.walk-panel { padding:28px; }.walk-role-bar { padding-inline:28px; }.journey-rail>.wrap { flex-direction:column; gap:8px; align-items:start; } }
@media(max-width:700px) { .walk-panel { grid-template-columns:1fr; gap:25px; }.walk-stage-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }.walk-stage-tabs button { min-height:58px; flex-direction:row; border-top:1px solid #273b55; font-size:11px; }.walk-header h2 { font-size:30px; }.walk-header,.walk-panel { padding:24px; }.walk-role-bar { padding-inline:24px; }.walk-role-bar>span { width:100%; }.walk-role-bar button { min-height:44px; }.walk-footer { flex-direction:column; align-items:start; padding:20px 24px; }.walk-footer>div { width:100%; justify-content:space-between; gap:8px; }.walk-footer button { padding:9px 10px; }.journey-rail>.wrap>div { gap:4px 20px; }.walkthrough-section { padding-block:20px 40px; } }
@media(max-width:380px) { .walk-header,.walk-panel { padding:19px; }.walk-role-bar { padding-inline:19px; }.walk-role-bar button { font-size:10px; padding:8px; }.walk-visual { padding:17px; }.walk-header h2 { font-size:27px; }.walk-stage-tabs button { gap:5px; }.walk-visual-top { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .rx-walkthrough *,.motion-entered { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }