.journey-section {scroll-margin-top:100px;color:#eff1f4}
.journey-heading {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.journey-section .journey-heading h2 {font-size:clamp(39px,4.8vw,74px);letter-spacing:-.055em;margin:0}
.journey-section h2 span {color:#85b6f7}
.journey-section .journey-heading p {color:#536e87;font-size:15px;line-height:1.7;max-width:270px;margin:0 0 5px}
.journey-workspace {border:1px solid #c3d8ef;border-radius:18px;overflow:hidden;background:#edf4ff}
.journey-toolbar {display:flex;justify-content:space-between;align-items:center;padding:20px 27px;border-bottom:1px solid #cadcf2;font-size:10px;letter-spacing:1.2px;color:#446382}
.journey-toolbar>span {display:flex;align-items:center;gap:10px}.journey-toolbar i {height:6px;width:6px;background:#85b6f7;border-radius:50%}.journey-toolbar b {font-size:17px;color:#85b6f7}
.journey-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 25px;background:#e3eeff}
.journey-steps button {background:none;border:0;border-bottom:2px solid transparent;padding:22px 8px 20px;color:#4e6885;text-align:left;font-size:11px;cursor:pointer;line-height:1.5;min-height:76px}
.journey-steps button span {display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px;color:#54718e}
.journey-steps button[aria-pressed=true] {border-bottom-color:#85b6f7;color:#b0d2ff}.journey-steps button:hover {color:#fff}
.journey-panel {display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:8%;padding:54px 5%;min-height:415px;border-bottom:1px solid #cfddf0}
.journey-enhanced .journey-panel {border-bottom:0}
.journey-kicker {font-size:9px;letter-spacing:1.7px;color:#889cb7}
.journey-explanation h3 {font-size:clamp(24px,2.35vw,35px);letter-spacing:-.045em;line-height:1.16;font-weight:500;margin:22px 0 18px}
.journey-section .journey-explanation p {font-size:14px;line-height:1.8;color:#4e6885;margin:0;max-width:390px}
.journey-benefit {display:block;border-top:1px solid #c6d8ee;padding-top:18px;margin-top:26px;font-size:11px;color:#85b6f7;line-height:1.6}
.journey-screen {min-width:0;background:#f1f3f5;border:1px solid #fff7;border-radius:12px;color:#26313c;box-shadow:0 25px 50px #2a65a51c;overflow:hidden;min-height:280px;transform:rotate(-1.5deg)}
.journey-enhanced .journey-panel:not([hidden]) .journey-screen {animation:journey-in .4s ease both}
.demo-window-bar {display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #d8dbde;background:#fff9}
.demo-avatar {width:34px;height:34px;border-radius:50%;background:#dce5ec;color:#425c6e;display:grid;place-items:center;flex:none;font-size:14px}
.demo-avatar-ai {background:#bbd2ef;color:#2d4058;font-size:25px}.demo-avatar-human {background:#e5def0;color:#7a5e91}
.demo-window-bar strong {display:block;font-size:12px;font-weight:550}.demo-window-bar small {display:block;margin-top:5px;color:#596670;font-size:10px;line-height:1.4}
.demo-channel {margin-left:auto;font-size:8px;letter-spacing:1px;color:#688090}
.demo-chat {padding:27px 20px 20px}.demo-bubble {font-size:14px;line-height:1.7;border-radius:0 12px 12px;background:white;padding:16px;max-width:92%;box-shadow:0 3px 8px #26313c08}
.demo-receipt {font-size:10px;color:#5b6470;margin-top:18px;line-height:1.7}.demo-receipt span {color:#395477}
.demo-input {display:flex;align-items:center;justify-content:space-between;margin:0 18px 18px;background:#e6e9ec;border-radius:6px;padding:13px;color:#4e5763;font-size:10px}.demo-input b {color:#5d6672;font-size:16px}
.demo-ai-content {padding:20px}.demo-chips {display:flex;gap:5px;flex-wrap:wrap;margin-bottom:19px}.demo-chips span {padding:6px 9px;border-radius:4px;background:#cbd8ea;font-size:10px;color:#404f63}
.demo-field-label {font-size:8px;letter-spacing:1px;color:#535b66;line-height:1.6}.demo-draft {font-size:13px;line-height:1.7;margin-top:10px}
.demo-checks {padding:13px 18px}.demo-checks>div {display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #dcdfe3;font-size:11px;line-height:1.4}.demo-checks b {font-size:10px;color:#475a73;font-weight:500;text-align:right}
.demo-approval {padding:13px 18px;margin:0 18px 20px;border-radius:5px;background:#bacfeb;color:#2f435d;font-size:11px;text-align:center}
.demo-pipeline {display:flex;gap:5px;padding:18px 18px 5px}.demo-pipeline>* {padding:7px 10px;background:#e0e3e6;font-size:9px;border-radius:3px;font-weight:500}.demo-pipeline strong {background:#bacfeb;color:#3b4b60}
.demo-fields {padding:0 18px;margin:10px 0}.demo-fields>div {display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #dbdee2;font-size:11px}.demo-fields dt {color:#535b66}.demo-fields dd {margin:0;text-align:right}
.demo-next-task {margin:15px 18px 20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#535b66;line-height:1.5}.demo-next-task strong {color:#384a62;font-weight:500}
.demo-invoice-screen {background:#d6dde7;padding:25px;position:relative;display:grid;place-items:center}
.demo-invoice {background:#fff;width:84%;padding:22px;box-shadow:0 4px 15px #313b481a;transform:rotate(3deg)}
.demo-invoice-top {display:flex;justify-content:space-between;font-size:18px;margin-bottom:8px;letter-spacing:-.5px}.demo-invoice-top b {font-size:12px;font-weight:500;color:#535b66}
.demo-invoice-line {display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d8dce1;border-bottom:1px solid #d8dce1;margin-top:20px;padding:12px 0;font-size:10px}.demo-invoice-line strong {white-space:nowrap}
.demo-document-lines {display:flex;flex-direction:column;gap:6px;margin-top:16px}.demo-document-lines i {height:3px;background:#e1e5ea;width:75%}.demo-document-lines i:nth-child(2){width:100%}.demo-document-lines i:nth-child(3){width:57%}
.journey-section .demo-invoice p {font-size:10px;line-height:1.5;color:#535b66;margin:16px 0 12px}
.demo-invoice-status {font-size:10px;color:#3d5778;border:1px solid #9eb5d4;padding:8px;text-align:center}
.demo-document-tag {font-size:9px;margin-top:16px;color:#445163}
.journey-controls {display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 27px;border-top:1px solid #cadcf2}
.journey-position {font-size:10px;color:#9daec4;letter-spacing:1.2px}.journey-controls>div {display:flex;gap:10px}
.journey-controls button {background:transparent;color:#3c618b;border:1px solid #bdd0e6;border-radius:50px;padding:12px 16px;font-size:11px;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}
.journey-controls [data-journey-next] {background:#85b6f7;border-color:#85b6f7;color:#192330}.journey-controls button:hover {border-color:#85b6f7}
.journey-footnote {display:flex;justify-content:space-between;gap:30px;align-items:start;margin-top:23px}
.journey-section .journey-footnote p {color:#536e87;font-size:11px;line-height:1.7;max-width:570px;margin:0}.journey-footnote a {font-size:12px;color:#85b6f7;white-space:nowrap;min-height:44px;display:flex;gap:16px;align-items:center}
@keyframes journey-in {from{opacity:0;transform:translateY(10px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-1.5deg)}}
@media(max-width:900px) {.journey-panel {gap:5%;padding:40px 4%}.journey-heading {display:block}.journey-section .journey-heading p {margin-top:22px;max-width:none}.journey-heading br:not(h2 br) {display:none}.journey-explanation h3 {font-size:26px}.journey-screen {min-height:265px}.demo-invoice-screen {padding:20px 10px}.journey-footnote {gap:15px}}
@media(max-width:640px) {
 .journey-section .journey-heading h2 {font-size:38px}.journey-heading {margin-bottom:28px}
 .journey-section .journey-heading p {font-size:14px}.journey-toolbar {padding:16px;font-size:8px}
 .journey-steps {display:flex;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 16px;gap:12px;scrollbar-width:thin;scrollbar-color:#647284 #e3eeff}.journey-steps button {flex:0 0 112px;padding:13px 2px 11px;font-size:12px;min-height:76px}.journey-steps button span {font-size:10px}
 .journey-panel {grid-template-columns:1fr;padding:27px 19px 33px;gap:25px;min-height:655px;align-content:start}
 .journey-explanation h3 {font-size:28px;margin:14px 0}.journey-section .journey-explanation p {font-size:13px;line-height:1.75;max-width:none}
 .journey-benefit {margin-top:15px;padding-top:12px;font-size:10px}.journey-kicker {font-size:8px}
 .journey-screen {width:100%;max-width:390px;justify-self:center;min-height:270px}.demo-bubble {font-size:13px}.demo-invoice-screen {padding:23px 15px}
 .journey-controls {padding:14px 13px;gap:7px;flex-wrap:wrap}.journey-controls>div {gap:6px}.journey-controls button {padding:11px 12px;font-size:10px;gap:7px}.journey-position {font-size:8px}
 .journey-footnote {flex-direction:column;gap:5px}.journey-section .journey-footnote p {font-size:10px}
}
@media(max-width:360px) {.journey-section .journey-heading h2 {font-size:32px}.journey-panel {padding:24px 14px;min-height:710px}.journey-explanation h3 {font-size:25px}.journey-controls {display:block}.journey-position {display:block;margin-bottom:10px}.journey-controls>div {justify-content:space-between}.journey-steps {gap:12px}.demo-window-bar {padding:15px 12px}.demo-window-bar strong {font-size:11px}.demo-chips span {font-size:9px}.demo-checks>div {font-size:10px}}
@media(prefers-reduced-motion:reduce) {.journey-enhanced .journey-panel:not([hidden]) .journey-screen {animation:none;transform:none}}

.journey-section {color:#203a56}.journey-section h2 span {color:#2168d8}
.journey-steps button[aria-pressed=true] {color:#1552a4;border-bottom-color:#2472dd}.journey-steps button:hover {color:#164e99}
.journey-toolbar i {background:#2472dd}.journey-toolbar b,.journey-kicker,.journey-benefit,.journey-position,.journey-footnote a {color:#185aad}
.journey-controls [data-journey-next] {background:#2168d8;border-color:#2168d8;color:#fff}.journey-controls button:hover {border-color:#2168d8}