dialog:has(.customer-tour){width:min(880px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8e4d9;border-radius:22px;overflow:auto;box-shadow:0 35px 110px #0e2b2540;color:#193b2d}
dialog:has(.customer-tour)::backdrop{background:#0d241e8c;backdrop-filter:blur(7px)}
dialog:has(.customer-tour)>h2,dialog:has(.customer-tour)>p,dialog:has(.customer-tour)>#form-error:empty{display:none}
dialog:has(.customer-tour)>.dialog-close{z-index:2;top:23px;right:23px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dfe9e0;border-radius:50%;background:#fff;color:#567262;box-shadow:0 2px 8px #1236280b}
dialog:has(.customer-tour)>.dialog-close:hover{background:#edf6ef;color:#1f4c37}
.customer-tour{display:grid;grid-template-columns:minmax(260px,.83fr) minmax(0,1.17fr);min-height:530px;background:#fff}
.tour-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:530px;padding:36px;background:radial-gradient(circle at 0 95%,#3c7553 0,transparent 47%),linear-gradient(150deg,#163d2b,#102f23 78%);color:#f3f9ef}
.tour-stage:before,.tour-stage:after{content:"";position:absolute;border:1px solid #c7edb92b;border-radius:50%;pointer-events:none}.tour-stage:before{width:430px;height:430px;top:45px;left:-205px}.tour-stage:after{width:270px;height:270px;right:-160px;bottom:-100px}
.tour-stage-top{display:flex;align-items:center;gap:10px;position:relative;z-index:1;font-size:19px;font-weight:650;letter-spacing:-.65px}.tour-stage-top small{display:block;margin-top:4px;color:#bed5c0;font-size:9px;letter-spacing:2px;font-weight:600}.tour-brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#baf0c2;color:#17432c;font-weight:800;transform:rotate(-9deg)}
.tour-art{position:relative;z-index:1;display:grid;place-items:center;min-height:275px;padding:16px 0}.tour-stage-caption{position:relative;z-index:1;max-width:240px;font-size:15px;line-height:1.5;letter-spacing:-.2px;color:#d5e7d4}
.tour-art-browser{width:250px;max-width:100%;background:#f8fcf8;border:1px solid #e5f1e3;border-radius:13px;overflow:hidden;box-shadow:0 24px 50px #051f1590;transform:rotate(-5deg)}.tour-art-browser-top{display:flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-bottom:1px solid #e0e9df}.tour-art-browser-top i{width:5px;height:5px;border-radius:50%;background:#a8c4aa}.tour-art-browser-top span{margin-left:13px;padding:5px 22px;border-radius:4px;background:#edf4ed;color:#75957a;font-size:8px}.tour-art-browser-body{height:150px;padding:29px 25px}.tour-art-line{display:block;width:65%;height:9px;margin-bottom:10px;border-radius:5px;background:#dce9dc}.tour-art-line.wide{width:88%;height:12px;background:#c5d9c4}.tour-art-button{display:block;width:80px;height:19px;margin-top:24px;border-radius:5px;background:#3b8b5a}.tour-art-signal{position:absolute;right:0;bottom:22px;padding:10px 13px;border:1px solid #d8efd8;border-radius:8px;background:#fff;color:#244b32;font-size:10px;font-weight:650;box-shadow:0 10px 28px #08261948}.tour-art-signal-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#4ab976;box-shadow:0 0 0 3px #4ab97625}
.tour-art-path{width:250px;max-width:100%;filter:drop-shadow(0 18px 22px #071e1752)}.tour-art-path div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #d7e9d6;border-radius:10px;background:#f8fdf7;color:#2d5940;font-size:11px;font-weight:650}.tour-art-path div.emphasis{background:#c9efc9;border-color:#b5e8b7}.tour-art-path div span{color:#6b9471;font-size:10px}.tour-art-path>i{display:block;height:19px;width:1px;margin-left:29px;background:#b7ddb8}
.tour-art-incident,.tour-art-billing{width:250px;max-width:100%;padding:23px;border:1px solid #d9e8dc;border-radius:12px;background:#f9fcf9;color:#244536;box-shadow:0 20px 40px #061f166e;transform:rotate(-3deg)}.tour-art-status{display:inline-block;margin-bottom:21px;padding:5px 8px;border-radius:5px;background:#fff0e7;color:#ac6045;font-size:9px;font-weight:700}.tour-art-incident strong{display:block;font-size:15px;line-height:1.4}.tour-art-proof{display:flex;justify-content:space-between;gap:8px;margin-top:23px;padding-top:15px;border-top:1px solid #e4ebe3;color:#78927d;font-size:9px}.tour-art-proof span:last-child{color:#285d3c;font-weight:700}.tour-art-billing>div:first-child{display:grid;gap:6px;margin-bottom:20px}.tour-art-billing>div:first-child span{color:#779681;font-size:10px}.tour-art-billing strong{font-size:20px}.tour-art-billing-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e0eae0;font-size:11px}.tour-art-billing-row b{color:#3d7651}
.tour-content{display:flex;flex-direction:column;padding:41px 43px 32px;min-width:0}.tour-topline{display:flex;justify-content:space-between;padding-right:46px;color:#688875;font-size:9px;letter-spacing:1.7px;font-weight:700}.tour-topline span:last-child{letter-spacing:.5px;color:#345f42}.tour-steps{display:flex;gap:7px;margin:17px 46px 42px 0}.tour-steps span{height:4px;flex:1;border-radius:5px;background:#e5ece5}.tour-steps .complete{background:#8abf91}.tour-steps .current{background:#25734b;box-shadow:0 0 0 3px #70bb8424}.tour-kicker{margin-bottom:11px;color:#4b8d5e;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:750}.tour-content h2{margin:0 0 12px;max-width:360px;font-size:34px;line-height:1.1;letter-spacing:-1.5px;font-weight:630;color:#173a2c}.tour-intro{max-width:370px;margin:0;color:#687e70;font-size:13px;line-height:1.7}.tour-instruction{display:flex;align-items:flex-start;gap:14px;margin-top:29px;padding-top:22px;border-top:1px solid #e4ece5}.tour-instruction-num{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#e8f5e9;color:#2d7548;font-size:10px;font-weight:750}.tour-instruction p{margin:1px 0 0;color:#355142;font-size:12px;line-height:1.7}.tour-plan-note{display:grid;gap:4px;margin-top:22px;padding:15px 18px;border:1px solid #dcebdd;border-radius:11px;background:#f4faf4}.tour-plan-note>span{font-size:9px;letter-spacing:1.1px;color:#688b6d;font-weight:700}.tour-plan-note strong{font-size:12px;font-weight:650}.tour-plan-note i{font-style:normal;color:#87a891;margin:0 3px}.tour-plan-note small{font-size:10px;color:#789180}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:26px}.tour-actions>div{display:flex;align-items:center;gap:8px}.tour-actions button{min-height:38px;padding:9px 13px;border-radius:8px;font-size:11px;font-weight:650}.tour-skip{color:#718478}.tour-skip:hover,.tour-back:hover{background:#f1f6f1}.tour-back{color:#31533d;border:1px solid #dae6dc}.tour-next{display:flex;align-items:center;gap:18px;background:#1d5b3b;color:#fff;box-shadow:0 6px 16px #174e3026}.tour-next:hover{background:#174b31;transform:translateY(-1px);box-shadow:0 9px 20px #174e3030}.tour-next span{font-size:18px;font-weight:400;line-height:1}
@media(max-width:700px){.customer-tour{grid-template-columns:1fr}.tour-stage{min-height:175px;padding:24px;gap:30px}.tour-stage-caption{font-size:12px}.tour-art{position:absolute;right:30px;top:28px;min-height:100px;width:155px;transform:scale(.57);transform-origin:top right}.tour-content{padding:27px 25px 25px}.tour-steps{margin-bottom:27px}.tour-content h2{font-size:30px}.tour-topline{padding-right:40px}}
@media(max-width:480px){dialog:has(.customer-tour){width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.tour-stage{min-height:130px}.tour-stage-caption{max-width:180px}.tour-art{display:none}.tour-content{padding:24px 20px}.tour-content h2{font-size:27px}.tour-steps{margin-bottom:23px}.tour-instruction{margin-top:22px}.tour-actions button{font-size:10px;padding:9px}.tour-actions>div{gap:4px}}
@media(prefers-reduced-motion:reduce){.tour-next:hover{transform:none}}
.tour-plan-note>span{text-transform:uppercase}