/* TailPact guided product tour. Works without external assets or customer data. */
.header-tour{font-size:12px;font-weight:820;color:#315a43;white-space:nowrap;padding:10px 14px;border:1px solid #c9ddca;border-radius:10px;background:#f4f8f1;transition:background .18s,transform .18s}
.header-tour:hover{background:#e8f1e3;transform:translateY(-1px)}
.tp-tour-teaser{background:linear-gradient(145deg,#173b31,#225647 68%,#20473b);color:#f8fbf4;padding:98px 0 105px;overflow:hidden}
.tp-tour-teaser-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,75px)}
.tp-tour-teaser .eyebrow{color:#bedbd0}
.tp-tour-teaser-copy>h2{font-size:clamp(32px,3.7vw,50px);line-height:1.15;color:#fffef6;letter-spacing:-.047em;margin:18px 0 19px}
.tp-tour-teaser-copy>p{font-size:15px;line-height:1.9;color:#d4e5dc;max-width:540px}
.tp-tour-teaser-actions{margin:28px 0 21px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.tp-tour-teaser-actions .button-primary{background:#f7fbef;color:#1d4f3c;box-shadow:none}
.tp-tour-teaser-actions .button-primary:hover{background:#e8f4e5}
.tp-tour-teaser-actions .button-outline{border-color:#8bab9e;color:#fff;background:transparent}
.tp-tour-teaser-actions .button-outline:hover{background:#ffffff16}
.tp-demo-caption{font-size:11px;line-height:1.7;display:block;color:#c4d7cb}
.tp-demo-window{background:#fff;border:1px solid #d8e3dd;border-radius:19px;overflow:hidden;box-shadow:0 25px 65px #143b2f1e;color:#294b3b;min-width:0}
.tp-demo-topbar{height:58px;padding:0 21px;border-bottom:1px solid #e5ece7;display:flex;justify-content:space-between;align-items:center;gap:13px;background:#fff}
.tp-demo-brand{display:inline-flex;align-items:center;gap:9px;color:#23543e;font-weight:880;font-size:15px;letter-spacing:-.035em}
.tp-demo-mark{display:grid;place-items:center;width:25px;height:25px;background:#1c5845;color:#fff;border-radius:8px;font-size:16px}
.tp-demo-browser{font-size:11px;color:#718878;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-demo-browser span{font-size:10px;color:#d8b6a5;margin-right:8px}
.tp-demo-secure{background:#eaf4e9;color:#37644a;border-radius:6px;padding:7px 9px;white-space:nowrap;font-size:10px;font-weight:850;letter-spacing:.035em}
.tp-demo-frame{display:grid;grid-template-columns:54px minmax(0,1fr)}
.tp-demo-rail{background:#f1f5ef;border-right:1px solid #e2eae3;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:23px;font-size:18px;color:#8ba092}
.tp-demo-rail span{width:31px;height:31px;display:grid;place-items:center}
.tp-demo-rail .tp-rail-active{border-radius:9px;background:#d8e8d9;color:#305e47}
.tp-demo-content{padding:24px clamp(15px,2.2vw,28px);min-width:0}
.tp-demo-head{display:flex;align-items:center;justify-content:space-between;gap:13px}
.tp-demo-head h3{font-size:23px;line-height:1.2;margin:7px 0 0;color:#244d3a}
.tp-demo-eyebrow{color:#869a89;font-size:10px;font-weight:850;letter-spacing:.11em}
.tp-demo-product{font-size:11px;color:#4e725b;background:#edf5eb;border:1px solid #d8e8d8;border-radius:8px;font-weight:770;padding:7px 10px}
.tp-demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}
.tp-demo-metrics>div{border:1px solid #e4ece4;background:#fbfcfa;border-radius:11px;min-width:0;display:flex;flex-direction:column;gap:5px;padding:13px 15px}
.tp-demo-metrics span{font-size:11px;color:#758579}
.tp-demo-metrics strong{font-size:24px;line-height:1.1;color:#2b513d}
.tp-demo-records{border:1px solid #e3ebe4;border-radius:12px;overflow:hidden}
.tp-demo-record{display:flex;align-items:center;gap:11px;padding:14px;border-bottom:1px solid #e9f0eb;min-width:0;background:#fff}
.tp-demo-record:last-child{border-bottom:none}
.tp-demo-record-dot{width:9px;height:9px;border-radius:50%;background:#98b6a2;flex-shrink:0}
.tp-demo-record-review{background:#e6bd8d}
.tp-demo-record-muted{background:#ced5d0}
.tp-demo-record-text{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}
.tp-demo-record-text strong{font-size:13px;color:#2c4b3b;line-height:1.35}
.tp-demo-record-text>span{font-size:11px;color:#829285;line-height:1.4}
.tp-demo-record-status{font-size:10px;color:#42664e;background:#edf6eb;border-radius:7px;padding:7px 9px;text-align:center;font-weight:750;max-width:115px;line-height:1.3}
.tp-demo-window-foot{font-size:10px;line-height:1.65;color:#89998e;padding-top:13px}
.tp-demo-compact{transform:rotate(-1deg);box-shadow:0 28px 75px #071c1785;border-color:#477264}
.tp-demo-compact .tp-demo-content{padding:22px}
.tp-tour-intro{padding-top:76px;padding-bottom:80px;background:linear-gradient(#f5f9f3,#fffefa)}
.tp-tour-intro-copy{max-width:780px;margin-bottom:32px}
.tp-tour-intro-copy h2{font-size:clamp(31px,3.8vw,49px);margin:12px 0 16px;line-height:1.15;color:#1d4834;letter-spacing:-.045em}
.tp-tour-intro-copy p{font-size:15px;line-height:1.8;color:#657d6b;max-width:790px}
.tp-tour-main{border:1px solid #d6e5d9;background:#fff;border-radius:24px;box-shadow:0 25px 65px #1a493222;overflow:hidden}
.tp-tour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px;border-bottom:1px solid #e3ece3;background:#fff}
.tp-tour-product-tabs{display:flex;align-items:center;gap:8px;padding:5px;background:#f1f6ef;border-radius:13px}
.tp-tour-product-tabs button{border:0;border-radius:9px;font:inherit;font-size:13px;font-weight:800;padding:12px 20px;color:#607969;background:transparent;cursor:pointer;transition:background .2s,color .2s}
.tp-tour-product-tabs button.active{background:#205842;color:#fff;box-shadow:0 4px 12px #17442f27}
.tp-tour-product-tabs button:hover:not(.active){background:#e7f0e6;color:#315b42}
.tp-tour-demo-pill{font-size:10px;color:#66846e;border:1px solid #d1e2d3;background:#f1f7ef;padding:9px 12px;border-radius:100px;font-weight:820;letter-spacing:.06em;white-space:nowrap}
.tp-tour-flow[hidden],.tp-tour-panel[hidden]{display:none!important}
.tp-tour-step-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #e2ebe4;background:#fbfdf9}
.tp-tour-step-tabs button{font:inherit;padding:19px 15px;font-size:12px;font-weight:790;color:#66816d;border:0;border-bottom:3px solid transparent;background:transparent;line-height:1.5;cursor:pointer;min-width:0;transition:color .18s,background .18s}
.tp-tour-step-tabs button.active{color:#1f563d;border-bottom-color:#2f7a53;background:#f1f8ef}
.tp-tour-step-tabs button:not(.active):hover{background:#f5f9f1;color:#315e44}
.tp-tour-panel-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,3.8vw,55px);padding:clamp(24px,4.1vw,54px);align-items:center}
.tp-tour-story{padding:4px 0;min-width:0}
.tp-tour-step-count{display:inline-block;font-size:11px;color:#a47b62;font-weight:850;letter-spacing:.13em;margin-bottom:20px}
.tp-tour-story h3{font-size:clamp(26px,3.1vw,41px);line-height:1.16;color:#204b38;letter-spacing:-.046em;margin:0 0 20px}
.tp-tour-story>p{font-size:14px;line-height:1.95;color:#617867;margin-bottom:23px}
.tp-tour-state{display:inline-flex;align-items:center;gap:8px;background:#eaf4e7;color:#3c7350;padding:9px 12px;border-radius:8px;font-size:11px;font-weight:780}
.tp-tour-state:before{content:"";height:6px;width:6px;border-radius:50%;background:#65a877}
.tp-tour-story-actions{margin-top:27px}
.tp-tour-story-actions .button{min-height:48px}
.tp-tour-footnotes{display:flex;gap:10px 27px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e1e9e2;padding-top:21px;margin-top:22px}
.tp-tour-footnotes p{font-size:11px;line-height:1.65;color:#6e8372;max-width:480px}
.tp-tour-outro{background:#f4f8f1;padding:76px 0 90px}
.tp-tour-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.tp-tour-next-card{background:#fff;border:1px solid #e1e9df;border-radius:16px;display:flex;flex-direction:column;gap:10px;min-width:0;padding:23px;transition:border-color .18s,transform .18s}
.tp-tour-next-card:hover{border-color:#adcab1;transform:translateY(-3px)}
.tp-tour-next-card strong{color:#2c5a41;font-size:16px;line-height:1.4}
.tp-tour-next-card span:nth-child(2){font-size:12px;color:#6a7e70;line-height:1.6;flex:1}
.tp-tour-next-card span:last-child{align-self:flex-end;font-size:22px;color:#628b6c}
@media(max-width:1050px){
 .header-tour{display:none}
 .tp-tour-teaser-grid{grid-template-columns:1fr 1fr;gap:26px}
 .tp-tour-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tp-tour-panel-grid{gap:25px}
}
@media(max-width:850px){
 .tp-tour-teaser-grid{grid-template-columns:1fr}
 .tp-demo-compact{max-width:710px;transform:none}
 .tp-tour-panel-grid{grid-template-columns:1fr}
 .tp-tour-story{max-width:760px}
 .tp-tour-intro{padding-top:57px}
 .tp-tour-demo-pill{display:none}
}
@media(max-width:660px){
 .tp-tour-teaser{padding:64px 0}
 .tp-tour-teaser-copy>h2{font-size:35px}
 .tp-tour-teaser-actions{flex-direction:column;align-items:stretch}
 .tp-tour-teaser-actions .button{width:100%}
 .tp-demo-browser{display:none}
 .tp-demo-topbar{padding-inline:14px;height:52px}
 .tp-demo-brand{font-size:14px}
 .tp-demo-secure{font-size:8px}
 .tp-demo-frame{grid-template-columns:38px minmax(0,1fr)}
 .tp-demo-rail{padding:14px 0;gap:17px;font-size:14px}
 .tp-demo-rail span{width:28px;height:28px}
 .tp-demo-content{padding:16px 12px}
 .tp-demo-head h3{font-size:19px}
 .tp-demo-eyebrow{font-size:9px}
 .tp-demo-metrics{gap:7px;margin-block:13px}
 .tp-demo-metrics>div{padding:10px}
 .tp-demo-metrics strong{font-size:20px}
 .tp-demo-record{padding:11px 8px;gap:8px}
 .tp-demo-record-text strong{font-size:11px}
 .tp-demo-record-text>span{font-size:10px}
 .tp-demo-record-status{font-size:9px;padding:6px;max-width:72px}
 .tp-tour-toolbar{padding:14px}
 .tp-tour-product-tabs{width:100%}
 .tp-tour-product-tabs button{width:50%;padding:12px 9px;font-size:12px}
 .tp-tour-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tp-tour-step-tabs button{font-size:11px;padding:13px 8px}
 .tp-tour-panel-grid{padding:19px 15px;gap:22px}
 .tp-tour-story h3{font-size:30px}
 .tp-tour-story>p{font-size:14px;line-height:1.75}
 .tp-tour-footnotes{flex-direction:column}
 .tp-tour-next-grid{grid-template-columns:1fr}
 .tp-tour-outro{padding-block:60px}
}
@media(prefers-reduced-motion:reduce){
 .tp-demo-compact,.tp-tour-product-tabs button,.tp-tour-step-tabs button,.tp-tour-next-card{transition:none!important;transform:none!important}
}
