/* Shared plain-language guidance with a different visual story per section. */
dialog:has(.section-guide){width:min(830px,calc(100vw - 28px));padding:0;max-height:calc(100dvh - 28px);overflow:auto;border-radius:24px}
dialog:has(.section-guide)>h2,dialog:has(.section-guide)>p,dialog:has(.section-guide)>.dialog-eyebrow{display:none}
dialog:has(.section-guide)>.dialog-close{z-index:2;background:#fff;top:20px;right:20px}
.section-guide{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);--guide-ink:#174335;--guide-light:#d7f0ce;--guide-soft:#f1f8ed;--guide-edge:#dce8d7}
.section-guide.guide-teal{--guide-ink:#17494c;--guide-light:#cfefe9;--guide-soft:#f0f9f8;--guide-edge:#d6e9e6}
.section-guide.guide-amber{--guide-ink:#534332;--guide-light:#f4dbb0;--guide-soft:#fbf7ef;--guide-edge:#ece2ce}
.guide-scene{position:relative;isolation:isolate;overflow:hidden;background:var(--guide-ink);color:white;padding:36px 29px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.guide-scene:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #ffffff15;border-radius:50%;top:65px;left:-155px;box-shadow:0 0 0 32px #ffffff05,0 0 0 65px #ffffff03}
.guide-scene-label{font-size:9px;letter-spacing:1.7px;color:var(--guide-light)}.guide-scene h3{color:#fff;font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:-12px 0 0;font-weight:600}
.guide-emblem{display:grid;place-items:center;align-self:flex-start;font-size:33px;border:1px solid #ffffff3a;border-radius:18px;width:66px;height:66px;color:var(--guide-light);background:#ffffff08}
.guide-flow{list-style:none;padding:0;margin:0;display:grid;gap:0}.guide-flow li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff19}.guide-flow li:last-child{border:0}.guide-flow span{font-size:9px;color:var(--guide-light)}.guide-flow strong{font-weight:500;font-size:12px;line-height:1.6}.guide-scene-note{font-size:12px;line-height:1.7;color:var(--guide-light)}
.guide-copy{padding:42px 34px 28px;min-width:0}.guide-kicker{display:block;padding-right:34px;color:#567761;font-size:9px;letter-spacing:1.6px;font-weight:700;line-height:1.8;margin-bottom:22px}.guide-copy h2{margin:0 0 16px;font-size:30px;line-height:1.13;letter-spacing:-1px;color:#1d3c2f;overflow-wrap:anywhere}.guide-description{font-size:14px;line-height:1.8;color:#577162;margin:0}
.guide-example{border:1px solid var(--guide-edge);background:var(--guide-soft);border-radius:13px;padding:18px;margin-top:23px}.guide-example>span,.guide-next>span{font-size:9px;letter-spacing:1.2px;font-weight:750;color:var(--guide-ink)}.guide-example p,.guide-next p{font-size:12px;line-height:1.8;color:#4f695a;margin:8px 0 0}.guide-next{padding:22px 0 0}.section-guide-actions{align-items:flex-end;border-top:1px solid #e3ebe3;padding-top:22px;margin-top:22px}.section-guide-actions>span{max-width:195px;font-size:10px;color:#6c8072}.section-guide-actions button{background:var(--guide-ink);min-height:42px}
.tour-scene-journeys .tour-stage{background:radial-gradient(circle at 0 95%,#387879,transparent 55%),#163f40}.tour-scene-incidents .tour-stage{background:radial-gradient(circle at 0 95%,#846640,transparent 55%),#3f392b}.tour-scene-repeatfix .tour-stage{background:radial-gradient(circle at 0 95%,#647749,transparent 55%),#253f2b}.tour-scene-billing .tour-stage{background:radial-gradient(circle at 0 95%,#537376,transparent 55%),#223e3f}
.customer-tour{min-height:590px}.tour-content{padding-top:40px}.tour-steps{margin-bottom:28px}.tour-content h2{font-size:35px;line-height:1.13}.tour-intro{font-size:14px;color:#557163}.tour-example{font-size:12px;line-height:1.7;color:#5c7b64;border-left:2px solid #bddabb;padding-left:14px;margin:18px 0 0}.tour-instruction{margin-top:22px;padding-top:20px}.tour-instruction p{font-size:13px}.tour-stage-caption{font-size:14px}.tour-actions button{font-size:12px;min-height:42px}.tour-content .tour-topline{line-height:1.6}.tour-art-repeat{width:250px;max-width:100%;padding:24px;background:#f9fcf4;border:1px solid #dceaca;border-radius:16px;color:#284932;box-shadow:0 24px 40px #09241355;transform:rotate(-3deg)}.tour-art-repeat>span{font-size:8px;letter-spacing:1.5px}.tour-art-repeat>div{display:flex;gap:8px;align-items:flex-end;height:70px;margin:18px 0}.tour-art-repeat i{flex:1;height:65%;background:#bad39c;border-radius:4px 4px 0 0}.tour-art-repeat i:nth-child(2){height:80%}.tour-art-repeat i:nth-child(3){height:55%}.tour-art-repeat i:nth-child(4){height:90%;background:#4f885b}.tour-art-repeat i:nth-child(5){height:70%}.tour-art-repeat>strong{font-size:19px;letter-spacing:-.5px}.tour-art-repeat p{font-size:11px}.tour-art-repeat footer{display:flex;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid #dce7d3;font-size:8px}
@keyframes guidance-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.guide-flow li,.tour-art>div{animation:guidance-arrive .4s ease both}.guide-flow li:nth-child(2){animation-delay:.08s}.guide-flow li:nth-child(3){animation-delay:.16s}}
@media(max-width:700px){.section-guide{grid-template-columns:1fr}.guide-scene{padding:24px;gap:15px}.guide-scene h3{margin:0;padding-right:35px;font-size:23px}.guide-emblem,.guide-scene-note{display:none}.guide-flow{display:flex;gap:13px;flex-wrap:wrap}.guide-flow li{border:0;padding:0;flex:1;min-width:95px;align-items:flex-start}.guide-flow strong{font-size:10px}.guide-copy{padding:27px 25px}.guide-copy h2{font-size:27px}.guide-kicker{margin-bottom:15px}.guide-example{margin-top:20px}.customer-tour{min-height:unset}.tour-stage{min-height:155px}.tour-content{padding:28px 25px}.tour-content h2{font-size:29px}.tour-art{right:25px;top:25px}.tour-topline{padding-right:0}.tour-steps{margin-right:0}.tour-stage-caption{max-width:175px}.tour-example{font-size:12px}dialog:has(.customer-tour)>.dialog-close{top:18px;right:18px}}
@media(max-width:400px){.guide-copy{padding:24px 20px}.section-guide-actions{align-items:center}.section-guide-actions>span{max-width:155px}.tour-actions{gap:8px}.tour-actions button{font-size:11px;padding:9px}.tour-content{padding:25px 20px}}
