/* Product walkthroughs share the live site's teal, navy, and readable type. */
.reference-design .tour-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.reference-design .tour-panel{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);min-height:0;background:linear-gradient(130deg,#f7fbfc,#eaf5f7);border:1px solid #d5e8ec;align-items:center}
.reference-design .tour-copy{padding:32px 28px}
.reference-design .tour-copy h3{font-size:clamp(28px,3vw,40px)}
.feature-benefits li{font-size:17px;line-height:1.5}
.feature-benefits li>span{background:#d9eff1;color:#00788f}
.tour-animation{min-width:0;padding:26px 24px 26px 0}
.walkthrough{min-width:0;font:16px/1.5 Inter,Arial,sans-serif;color:#173341}
.walk-window{border:1px solid #c8dfe5;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 16px 42px #0a3f4d12}
.walk-window-bar{display:flex;align-items:center;gap:9px;padding:14px 20px;background:#f5fafb;border-bottom:1px solid #dce8ec}
.walk-window-bar strong{font-size:18px;letter-spacing:-.03em}
.walk-window-bar>span{margin-left:auto;font-size:16px;color:#506c77}
.walk-stage{position:relative;height:462px;overflow:hidden}
.walk-screen{padding:24px;max-width:100%;height:100%;background:linear-gradient(150deg,#fff,#fafdfd)}
.walk-screen h3{font:700 25px/1.25 Inter,Arial,sans-serif;letter-spacing:-.03em;color:#102f3d;margin:0 0 18px}
.walk-screen p{font:400 17px/1.5 Inter,Arial,sans-serif;color:#4b6570;margin:10px 0}
.walk-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.walk-heading h3{margin:0}
.walk-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;background:#007f98;color:#fff;border:1px solid #007f98;border-radius:8px;font-size:16px;font-weight:600;margin-top:16px}
.walk-heading .walk-action{margin-top:0}
.walk-steps{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid #dce8ec;padding-bottom:12px}
.walk-steps>span{padding:6px 9px;color:#536f7c;border-radius:6px;font-size:16px}
.walk-steps>.active{background:#e0f2f4;color:#006d82;font-weight:600}
.walk-person{display:flex;align-items:center;gap:12px;margin:16px 0}
.walk-person>span{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;background:#dceff2;color:#006a80;border-radius:50%;font-weight:600;font-size:16px}
.walk-person strong,.walk-person small{display:block;font-size:16px;line-height:1.4}
.walk-person small{color:#58717d;margin-top:3px}
.walk-note{border-left:3px solid #9ccfd7;padding:10px 14px;background:#f1f8f9;border-radius:0 7px 7px 0;margin:14px 0}
.walk-note strong{font-size:16px;color:#234955}
.walk-note p{margin:4px 0 0;font-size:16px}
.walk-task{padding:16px;border:1px solid #d9e6eb;border-radius:10px;background:white;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.walk-task strong{font-size:17px}
.walk-task .walk-badge{margin-left:auto}
.walk-task p{flex-basis:100%;font-size:16px;margin:0}
.walk-task.highlight{background:#edf8fa;border-color:#65b8c6}
.walk-badge{display:inline-block;border-radius:5px;padding:4px 8px;background:#e2f2ee;color:#256452;font-size:16px;font-weight:500}
.walk-field{margin:14px 0}
.walk-field>strong{display:block;font-size:16px;font-weight:600;margin-bottom:7px}
.walk-input{border:1px solid #c9dce3;border-radius:8px;background:#fff;padding:11px 13px;font-size:17px;line-height:1.5;min-height:49px;color:#294b59}
.walk-input:has([data-typed]){min-height:76px;border-color:#2698ac;box-shadow:0 0 0 3px #029ab514}
.walk-options{position:absolute;left:26px;right:26px;z-index:2;background:white;box-shadow:0 10px 26px #15364626;border:1px solid #b8d6df;border-radius:8px;padding:6px;margin-top:-10px}
.walk-options>span{display:block;padding:10px;border-radius:5px;color:#345561}
.walk-options>span:first-child{background:#e6f5f7;color:#006c81}
.walk-post{padding:16px 18px;border:1px solid #dbe8ec;background:#fff;border-radius:11px;margin:16px 0}
.walk-post .walk-person{margin:0 0 10px}
.walk-post.reply{margin-left:22px;background:#f0fafb;border-left:3px solid #39a3b2}
.walk-saved{display:flex;align-items:center;gap:9px;margin:18px 0;color:#216653;background:#e5f5ee;border:1px solid #cee9dd;padding:10px 12px;border-radius:8px;font-size:16px}
.walk-saved>span{display:grid;place-items:center;border-radius:50%;background:#c7e8d8;width:25px;height:25px;font-weight:700;flex-shrink:0}
.walk-question{margin:16px 0 20px 22px;padding:14px 16px;background:#e3f2f5;border-radius:12px 12px 3px 12px;font-size:17px}
.walk-answer{padding:16px 18px;background:#fff;border:1px solid #d5e6eb;border-radius:10px}
.walk-answer p:first-child{margin-top:0}
.walk-source{margin-top:16px;padding-top:12px;border-top:1px solid #dce8ec;color:#00758b;font-size:16px}
.walk-cursor{position:absolute;left:0;top:0;width:27px;height:34px;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 2px #092b3d30);will-change:transform}
.walk-cursor svg{width:100%;height:100%}
.walk-cursor i{position:absolute;left:-10px;top:-10px;width:26px;height:26px;border:2px solid #1aa6bb;border-radius:50%;opacity:0;transform:scale(.4);transition:transform .2s,opacity .2s}
.walk-cursor.is-clicking i{opacity:.7;transform:scale(1.2)}
.walk-caret{display:none;width:2px;height:1.05em;background:#007f98;vertical-align:-2px;margin-left:2px}
.is-typing .walk-caret{display:inline-block}
.walk-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 2px 12px;font-size:16px;min-height:44px}
.walk-caption{color:#345864;font-weight:500;max-width:65%}
.walk-controls>div{display:flex;gap:6px;flex-shrink:0}
.walk-controls button{padding:8px 10px;border:1px solid #bfd7df;border-radius:7px;color:#146174;background:#fff;font-size:16px;min-height:40px}
.walk-controls button:hover{background:#e4f4f7}
.walk-controls button:focus-visible{outline:3px solid #008aa2;outline-offset:3px}


.walk-accessible{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.discussion-walkthrough{min-width:0;align-self:center;background:linear-gradient(145deg,#edf7f9,#e0f0f3);padding:24px;border-radius:18px;border:1px solid #d3e6eb}
@media(max-width:1100px){.reference-design .tour-panel{grid-template-columns:1fr}.reference-design .tour-copy{padding:30px}.reference-design .tour-copy h3 br{display:none}.feature-benefits{grid-template-columns:1fr 1fr;gap:16px}.tour-animation{padding:0 28px 28px}.reference-design .tour-tabs{display:flex;overflow-x:auto;gap:12px}.reference-design .tour-tab{flex:0 0 170px}.walk-stage{height:462px}}
@media(max-width:600px){.reference-design .tour-copy{padding:24px 20px}.feature-benefits{grid-template-columns:1fr}.tour-animation{padding:0 12px 20px}.walk-window-bar{padding:12px;gap:7px;flex-wrap:wrap}.walk-window-bar>span{font-size:16px;flex-basis:100%;margin:0 0 0 35px}.walk-screen{padding:18px 14px}.walk-stage{height:530px}.walk-screen h3{font-size:23px}.walk-steps{gap:2px}.walk-steps>span{font-size:16px;padding:5px 6px}.walk-controls{align-items:flex-start;flex-wrap:wrap}.walk-caption{max-width:100%;flex-basis:100%}.walk-controls>div{margin-left:auto}.walk-heading{align-items:flex-start;flex-wrap:wrap}.walk-post{padding:14px}.walk-post.reply{margin-left:10px}.walk-task .walk-badge{margin-left:0}.discussion-walkthrough{padding:12px}.walk-options{left:14px;right:14px}.walk-action{margin-top:12px}.walk-note{margin:12px 0;padding:10px}.walk-question{margin-left:0}}
@media(prefers-reduced-motion:reduce){.walk-cursor i{transition:none}}
.walk-post,.walk-saved,.walk-task.highlight{animation:walk-reveal .3s ease-out both}
@keyframes walk-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.walk-post,.walk-saved,.walk-task.highlight{animation:none}}