.product-tour{background:#f3f6f4;scroll-margin-top:110px}
.product-tour .section-head{align-items:end}
.product-tour .section-head h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.04em}
.tour-tabs[hidden],.tour-panel[hidden]{display:none!important}
.tour-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid #d6dfd9;padding-bottom:14px;margin-bottom:32px}
.tour-tabs button{font:inherit;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:17px 20px;border:1px solid transparent;border-radius:8px;background:transparent;color:#52665b;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tour-tabs button:hover{background:#e5ede8;color:#173d31}
.tour-tabs button[aria-selected=true]{background:#173d31;color:#fff;box-shadow:0 5px 15px #173d3112}
.tour-tab-number{font-size:.7rem;opacity:.65;font-weight:500}
.tour-tabs button:focus-visible,.tour-panel:focus-visible{outline:3px solid #078b7e;outline-offset:4px}
.tour-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}
.tour-panel+.tour-panel{margin-top:40px}
.product-tour.is-ready .tour-panel{margin-top:0;animation:tour-enter .25s ease-out}
.tour-copy{padding:16px 0}
.tour-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#32604c;font-weight:600}
.tour-copy h3{font-size:clamp(1.8rem,2.7vw,2.45rem);line-height:1.14;letter-spacing:-.04em;margin:18px 0;color:#172e24}
.tour-copy>p{color:#5a6b62;line-height:1.75;font-size:1rem;margin-bottom:22px;max-width:38ch}
.tour-copy ul{list-style:none;padding:0;margin:0 0 26px}
.tour-copy li{position:relative;padding-left:20px;margin:0 0 13px;font-size:.92rem;line-height:1.65;color:#465c50}
.tour-copy li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:#3b8e71}
.tour-copy .text-link{font-size:.92rem}
.tour-preview{min-width:0;border:1px solid #d5dfd8;border-radius:12px;overflow:hidden;background:white;box-shadow:0 18px 45px #183e2b09}
.tour-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#162e39;color:#fff;padding:16px 22px}
.tour-app-mark{font-weight:700;font-size:1.2rem;letter-spacing:-.03em;white-space:nowrap}
.tour-app-mark>span{font-size:.69rem;font-weight:400;letter-spacing:0;color:#d4e1e4;margin-left:8px}
.tour-demo-label{font-size:.61rem;letter-spacing:.02em;color:#c4d5db;white-space:nowrap}
.tour-preview-body{padding:26px;min-height:385px}
.tour-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.tour-overline{font-size:.58rem;letter-spacing:.12em;color:#6e8490}
.tour-preview h4{font-size:1.14rem;letter-spacing:-.02em;margin:6px 0 0;color:#203b46}
.tour-preview h5{font-size:.79rem;margin:0;color:#28424a}
.tour-period{font-size:.65rem;border:1px solid #dbe4e8;padding:7px 10px;border-radius:5px;color:#526b77;white-space:nowrap}
.tour-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.tour-kpi{border:1px solid #dce6e9;border-radius:7px;padding:16px 12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.tour-kpi>span{color:#5f7682;font-size:.64rem;line-height:1.4}
.tour-kpi strong{color:#213d49;font-size:clamp(.95rem,1.5vw,1.24rem);letter-spacing:-.03em;white-space:nowrap}
.tour-kpi small{font-size:.58rem;color:#70848c;line-height:1.4}
.tour-kpi.is-primary{background:#078378;border-color:#078378}
.tour-kpi.is-primary>span,.tour-kpi.is-primary strong{color:#fff}
.tour-kpi.is-primary small{color:#d7f0ea}
.tour-chart{border:1px solid #e2e9e6;border-radius:7px;padding:16px 18px 12px}
.tour-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tour-chart-heading>span{font-size:.59rem;color:#71867c}
.tour-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;height:156px;padding-top:14px}
.tour-bars>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:36px}
.tour-bars i{width:75%;max-width:55px;height:var(--bar);background:#d2e5dc;border-radius:4px 4px 0 0;min-height:12px}
.tour-bars .is-current i{background:#08887a}
.tour-bars span{position:absolute;bottom:18px;font-size:.62rem;color:#4e675b}
.tour-bars b{position:absolute;bottom:2px;font-size:.57rem;color:#70887c;font-weight:400}
.tour-client{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #e5eae7;margin-bottom:18px}
.tour-avatar{height:40px;width:40px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#e6f0eb;color:#28654e;font-size:.74rem;font-weight:600}
.tour-client>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}
.tour-client strong,.tour-line strong{font-size:.78rem;color:#2c4550}
.tour-client>div>span,.tour-muted{font-size:.65rem;color:#75868a}
.tour-badge{display:inline-block;align-self:center;font-size:.6rem;line-height:1.4;padding:5px 8px;border-radius:4px;background:#edf2f5;color:#4e6c7b;white-space:nowrap}
.tour-badge.is-good{background:#e4f2e9;color:#26734b}
.tour-badge.is-alert{background:#fff0ef;color:#af4141}
.tour-badge.is-pending{background:#fbf2df;color:#87651c}
.tour-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6f8f9;border:1px solid #e7edef;border-radius:6px;padding:15px;margin-bottom:22px}
.tour-summary>div{display:flex;flex-direction:column;gap:6px}
.tour-summary span,.tour-order-client>span{font-size:.65rem;color:#6c838c}
.tour-summary strong{font-size:.79rem;color:#2c4550}
.tour-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #e7edeb;font-size:.75rem;color:#567078}
.tour-line>div{display:flex;flex-direction:column;gap:6px}
.tour-line small{font-size:.65rem;color:#7a8b92}
.tour-note{display:flex;align-items:center;gap:9px;padding:16px 0 0;font-size:.65rem;line-height:1.6;color:#657d71}
.tour-note-dot{width:6px;height:6px;border-radius:50%;background:#078378;flex-shrink:0}
.tour-order-client{display:flex;flex-direction:column;gap:6px;padding:12px 0 8px}
.tour-order-client strong{font-size:.83rem;color:#284550}
.tour-order-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}
.tour-order-total span{font-size:.78rem;color:#516b78}
.tour-order-total strong{font-size:1.3rem;color:#078378;letter-spacing:-.03em}
.tour-financial{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.tour-financial>div{border:1px solid #e2e8e6;padding:18px 14px;border-radius:7px;display:flex;align-items:start;flex-direction:column;gap:12px;min-width:0}
.tour-financial strong{font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:-.035em;color:#29434e;white-space:nowrap}
.tour-financial small{font-size:.61rem;color:#75878c}
.tour-row-end{align-items:end}
.tour-status-text{font-size:.61rem;color:#ad4343}
.tour-caption{font-size:.72rem;color:#75837b;line-height:1.7;border-top:1px solid #dce4df;padding-top:18px;margin:30px 0 0}
@keyframes tour-enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.tour-panel{gap:30px;grid-template-columns:.8fr 1.2fr}.tour-preview-body{padding:20px}.tour-tabs button{padding:15px}.tour-app-mark>span{font-size:.61rem}.tour-copy h3{font-size:1.85rem}.tour-kpis{gap:7px}.tour-kpi{padding:13px 9px}.tour-demo-label{font-size:.55rem}}
@media(max-width:760px){.product-tour{scroll-margin-top:90px}.tour-tabs{gap:4px;margin-bottom:22px}.tour-tabs button{justify-content:center;gap:6px;padding:14px 5px;font-size:.79rem}.tour-tab-number{display:none}.tour-panel{grid-template-columns:1fr;gap:24px}.tour-copy{padding:0}.tour-copy h3{font-size:2rem}.tour-copy>p{max-width:none}.tour-preview{max-width:620px;width:100%}.tour-preview-body{min-height:0;padding:20px}.tour-kpi strong{font-size:1rem}.tour-preview-title{margin-bottom:18px}.tour-preview-head{padding:15px 18px}.tour-copy li{margin-bottom:10px}.tour-caption{margin-top:24px}}
@media(max-width:390px){.tour-preview-body{padding:15px}.tour-kpis{grid-template-columns:1fr 1fr}.tour-kpi:first-child{grid-column:1/-1}.tour-kpi strong{font-size:1.15rem}.tour-financial{grid-template-columns:1fr}.tour-app-mark>span{font-size:.58rem;margin-left:3px}.tour-demo-label{font-size:.5rem}.tour-client{flex-wrap:wrap}.tour-bars{gap:12px}}
@media(prefers-reduced-motion:reduce){.product-tour.is-ready .tour-panel{animation:none}.tour-tabs button{transition:none}}