html,body{max-width:100%;overflow-x:clip}*,*::before,*::after{min-width:0}.page,.site-header,main,footer{max-width:100%}.table-wrap{overflow-x:auto;max-width:100%}
.experience-context{position:sticky;top:72px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:12px auto -2px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:#fffffff2;box-shadow:0 8px 24px #17324b0c;backdrop-filter:blur(10px)}.experience-context>div{display:flex;align-items:center;gap:13px}.experience-context small,.experience-context b{display:block}.experience-context small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.experience-context b{font-size:13px;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-mode{flex:0 0 auto;padding:6px 10px;border-radius:99px;background:#edf3f6;color:#3b5367;font-size:12px;font-weight:800}.sample-active{border-color:#8fd6cc;background:#f1fcf9f2}.sample-active .context-mode{background:var(--teal);color:#fff}
.workflow-builder{display:grid;gap:18px;background:linear-gradient(145deg,#fff,#f7fbfb)}.workflow-commercial-intro{margin:0;color:var(--muted);font-size:16px}.workflow-step-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.workflow-step-card>header{display:flex;gap:14px;padding:18px 20px;border-bottom:1px solid #e9eff1;background:#fbfdfd}.workflow-step-card>header>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.workflow-step-card h2{margin:0;font-size:18px}.workflow-step-card header p{margin:3px 0 0;color:var(--muted);font-size:14px}.workflow-step-body{padding:20px}.workflow-step-body>fieldset{margin:0}.workflow-rule-options{grid-column:1/-1}.workflow-rule-options label{display:inline-flex!important;align-items:center;gap:8px;margin:8px 18px 5px 0}.workflow-rule-options input{width:auto}.workflow-step-card #workflowPreview:not(:empty){margin-top:16px;padding:15px 15px 15px 35px;border-radius:10px;background:#f3faf8}.workflow-step-card #workflowPreview li{margin:6px 0}
.customer-journey{text-align:center}.journey-flow{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:26px;align-items:stretch;margin-top:28px}.journey-flow article{position:relative;display:grid;place-content:center;gap:5px;min-height:116px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 34px #17324b0a}.journey-flow article:first-of-type{background:repeating-linear-gradient(135deg,#f6f8f9,#f6f8f9 8px,#fff 8px,#fff 16px)}.journey-flow article:last-of-type{border-color:#84cec2;background:var(--teal2)}.journey-flow small{color:var(--muted)}.journey-arrow{position:absolute;align-self:center;transform:translateX(-23px) rotate(-90deg);color:var(--teal);font-size:25px;font-weight:800}
.commercial-pricing .card-grid{align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;padding:28px!important}.plan-card h3{font-size:24px;margin-bottom:3px}.plan-card>p{min-height:45px;color:var(--muted)}.plan-card>strong{margin:18px 0;color:var(--navy);font-size:24px}.plan-card ul{display:grid;gap:11px;margin:0 0 26px;padding:0;list-style:none}.plan-card li:before{content:"✓";margin-right:9px;color:var(--teal);font-weight:900}.plan-card .button{margin-top:auto;text-align:center}.plan-card.featured{transform:translateY(-8px);border:2px solid var(--teal);box-shadow:0 20px 50px #087f7218}.plan-ribbon{position:absolute;top:0;right:20px;padding:7px 11px;border-radius:0 0 9px 9px;background:var(--teal);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.contact-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.contact-option{grid-column:span 2;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.contact-option:nth-child(4){grid-column:2/span 2}.contact-option>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--teal2);color:var(--teal);font-weight:900}.contact-option h2{margin:14px 0 5px;font-size:19px}.contact-option p{color:var(--muted);min-height:48px}.contact-option small{margin-top:auto;color:#527083}.contact-option a{margin-top:16px;color:var(--teal);font-weight:800;text-decoration:none}
#navigation .nav-divider{margin-left:7px;padding-left:18px;border-left:1px solid var(--line)}#navigation .nav-company{color:#5c7180;font-size:14px}
:focus-visible{outline:3px solid #f0a43a!important;outline-offset:3px!important}h1[tabindex="-1"]:focus{outline:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1200px){.experience-context{margin-left:24px;margin-right:24px}.journey-flow{grid-template-columns:repeat(3,1fr)}.journey-arrow{display:none}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-option,.contact-option:nth-child(4){grid-column:auto}}
@media(max-width:760px){.experience-context{top:62px;margin:8px 12px;padding:10px}.experience-context>div{overflow:hidden}.experience-context .button{flex:0 0 auto}.experience-context small{display:none}.experience-context b{max-width:150px}.journey-flow{grid-template-columns:1fr 1fr;gap:12px}.journey-flow article{min-height:96px;padding:12px}.contact-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.workflow-builder{padding:18px!important}.workflow-step-body,.workflow-step-card>header{padding:16px}.workflow-step-body .fields{grid-template-columns:1fr}.site-header .compact{display:none}#navigation .nav-divider{margin-left:0;padding-left:0;border-left:0}}
@media(max-width:430px){.experience-context{align-items:stretch;flex-direction:column;gap:8px}.experience-context .button{width:100%}.journey-flow{grid-template-columns:1fr}.contact-option{padding:20px}.workflow-rule-options label{display:flex!important;margin-right:0}.page{padding-left:16px!important;padding-right:16px!important}}