/* Flow is an open workroom and a readable handover, never a live account view. */
.flow-fourteen .si-header{position:relative!important;background:var(--si-paper)!important}
.flow-fourteen :is(.flow-entry,.flow-handoff){--flow-green:#254b40;--flow-soft:#e4e9df;--flow-line:#d9cdba}
.flow-fourteen .flow-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,140px);max-width:1440px;margin:auto;padding:56px var(--si-gutter) 62px;align-items:end}
.flow-fourteen .flow-intro .sp-crumbs{margin:0 0 34px;font-size:12px;gap:12px}
.flow-fourteen .flow-intro .si-eyebrow{font-size:11px!important;margin-bottom:9px!important}
.flow-fourteen .flow-intro h1{font-size:clamp(94px,12vw,178px);letter-spacing:-.065em;line-height:.84;font-weight:400;margin:0}
.flow-fourteen .flow-intro h1>span{color:var(--si-clay)}
.flow-fourteen .flow-tagline{font:400 clamp(32px,3.4vw,52px)/1.06 var(--si-serif);letter-spacing:-.025em;margin:0 0 23px}
.flow-fourteen .flow-intro-copy>p:not(.flow-tagline){font-size:16px;line-height:1.8;color:var(--si-muted);max-width:580px}
.flow-fourteen .flow-intro-actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:26px}
.flow-fourteen .flow-room{position:relative;isolation:isolate;height:clamp(580px,61vw,860px);overflow:hidden;background:#e5d7c3}
.flow-fourteen .flow-plane{position:absolute;inset:0;transform-origin:65% 60%;will-change:auto}
.flow-fourteen .flow-room-photo{width:100%;height:100%!important;object-fit:cover;object-position:center;max-width:none}
.flow-fourteen .flow-room.flow-moving .flow-plane{animation:flow-breathe 24s ease-in-out infinite alternate;will-change:transform}
.flow-fourteen .flow-laptop{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;opacity:0;background:#f8f3e9;color:#304039;padding:32px 36px;pointer-events:none}
.flow-fourteen .flow-laptop.is-placed{opacity:1}
.flow-fourteen .flow-screen-top{display:flex;justify-content:space-between;font:500 13px var(--si-sans);letter-spacing:.16em;border-bottom:1px solid #cdbfa9;padding-bottom:22px}
.flow-fourteen .flow-screen-top>span{font-size:10px;letter-spacing:.08em}
.flow-fourteen .flow-laptop>p{font:400 44px/1 var(--si-serif);max-width:400px;margin:28px 0}
.flow-fourteen .flow-screen-path{display:flex;align-items:center;gap:12px}
.flow-fourteen .flow-screen-path>span{background:#e6dcca;border:1px solid #c9baa3;padding:12px;font:400 24px var(--si-serif);min-width:120px;transition:background .25s,color .25s}
.flow-fourteen .flow-screen-path>span.is-current{background:#254b40;color:#fff9ee}
.flow-fourteen .flow-screen-path small{display:block;font:500 13px var(--si-sans);margin-top:8px}
.flow-fourteen .flow-screen-path>i{width:25px;height:1px;background:#9c8267}
.flow-fourteen .flow-screen-bottom{font:400 13px var(--si-sans);margin-top:30px;color:#715f50}
.flow-fourteen .flow-objects{position:absolute;inset:0;pointer-events:none}
.flow-fourteen .flow-object{position:absolute;display:flex;align-items:center;gap:24px;padding:13px 21px;background:#fff9ed;color:#51331d;border:1px solid #e4d4bd;border-radius:99px;box-shadow:0 4px 18px #422a1420;font-size:14px;line-height:1.4;pointer-events:auto;white-space:nowrap;transition:translate .2s,box-shadow .2s}
.flow-fourteen .flow-object:hover{translate:0 -3px;box-shadow:0 10px 24px #422a142b}
.flow-fourteen .flow-object>span{font-size:22px}
.flow-fourteen .flow-object-laptop{left:60%;top:69%}.flow-fourteen .flow-object-notebook{left:20%;top:77%}.flow-fourteen .flow-object-books{right:5%;top:53%}
.flow-fourteen .flow-room-caption{position:absolute;left:var(--si-gutter);bottom:26px;color:#fff9ee;background:#35281dce;padding:9px 13px;font-size:10px;letter-spacing:.1em;line-height:1.5}
.flow-fourteen .flow-utility{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px var(--si-gutter);border-bottom:1px solid var(--flow-line);font-size:13px;color:var(--si-muted)}
.flow-fourteen .flow-utility button{display:inline-flex;align-items:center;gap:20px;background:transparent;border:1px solid var(--flow-line);border-radius:99px;padding:10px 16px;min-height:44px;font:inherit;color:#51331d;cursor:pointer}
.flow-fourteen .flow-utility button[hidden]{display:none}
.flow-fourteen .flow-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0!important;padding:35px var(--si-gutter) 45px;max-width:1440px;margin-inline:auto!important;gap:45px}
.flow-fourteen .flow-route li{border-top:1px solid var(--flow-line);padding-top:20px}
.flow-fourteen .flow-route li>span{display:block;font-size:10px;letter-spacing:.11em;color:var(--si-cocoa)}
.flow-fourteen .flow-route strong{display:block;font:400 38px/1.1 var(--si-serif);margin:14px 0 9px}
.flow-fourteen .flow-route small{font-size:14px;color:var(--si-muted);line-height:1.7}
.flow-fourteen .flow-handoff{scroll-margin-top:30px;max-width:none!important;background:#e9e4d7;padding:clamp(65px,8vw,120px) var(--si-gutter)}
.flow-fourteen .flow-handoff>.si-section-heading{max-width:1280px;margin-inline:auto}
.flow-fourteen .flow-handoff>.si-section-heading>p{max-width:440px;font-size:16px;line-height:1.85}
.flow-fourteen .flow-console{max-width:1280px;margin:auto;background:#fffaf1;border:1px solid #cbb99e;box-shadow:0 22px 55px #5c463015}
.flow-fourteen .flow-console[hidden]{display:none}
.flow-fourteen .flow-console-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 28px;border-bottom:1px solid #d9cdba;color:#715f50;font-size:10px;letter-spacing:.1em}
.flow-fourteen .flow-connection-note{display:inline-flex;align-items:center;gap:8px;letter-spacing:0;font-size:12px}
.flow-fourteen .flow-connection-note:before{content:'';width:6px;height:6px;background:#8d7a62;border-radius:50%}
.flow-fourteen .flow-console-main{display:grid;grid-template-columns:1fr 1fr}
.flow-fourteen .flow-record{background:#254b40;color:#faf4e8;padding:36px}
.flow-fourteen .flow-record-top{display:flex;justify-content:space-between;align-items:start;gap:20px;font-size:11px;letter-spacing:.08em;padding-bottom:26px;border-bottom:1px solid #e1ead23b}
.flow-fourteen .flow-record-top>[data-flow-status]{letter-spacing:0;text-align:right;color:#dee7d5}
.flow-fourteen .flow-record h3{font-size:46px;max-width:320px;line-height:1.03;margin:36px 0 15px;color:#faf4e8}
.flow-fourteen .flow-record-kind{font-size:13px;color:#d5dfcc;margin-bottom:30px}
.flow-fourteen .flow-record dl{margin:0}
.flow-fourteen .flow-record dl>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #e1ead23b;padding:15px 0;font-size:14px;line-height:1.65}
.flow-fourteen .flow-record dt{color:#d5dfcc}.flow-fourteen .flow-record dd{margin:0;text-align:right}
.flow-fourteen .flow-progress{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:11px;flex-wrap:wrap}
.flow-fourteen .flow-progress>span{opacity:.52;padding:7px 0;white-space:nowrap}.flow-fourteen .flow-progress>span.is-current{opacity:1;border-bottom:1px solid #e9efdc}.flow-fourteen .flow-progress>i{height:1px;background:#e1ead25e;flex:1;min-width:10px}
.flow-fourteen .flow-decision{padding:40px;align-self:center;min-width:0}
.flow-fourteen .flow-decision h3{font-size:36px;line-height:1.08;margin-bottom:18px}
.flow-fourteen .flow-decision>p:not(.si-eyebrow){font-size:15px;line-height:1.8;color:#6f5b4c}
.flow-fourteen .flow-decision fieldset{padding:0;border:0;margin:25px 0 0;min-width:0}
.flow-fourteen .flow-decision fieldset[hidden]{display:none}
.flow-fourteen .flow-decision legend{font-size:14px;margin-bottom:12px;color:#51331d}
.flow-fourteen .flow-decision label{display:flex;align-items:center;gap:12px;border:1px solid #cbb99e;padding:15px;margin-top:9px;font-size:14px;line-height:1.5;cursor:pointer}
.flow-fourteen .flow-decision label:has(input:checked){background:#e4e9df;border-color:#254b40}
.flow-fourteen .flow-decision input{accent-color:#254b40;width:18px;height:18px;flex:none}
.flow-fourteen .flow-decision-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 20px;margin-top:26px}
.flow-fourteen .flow-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font:500 13px/1.6 var(--si-sans);border:1px solid #254b40;background:#254b40;color:#fffaf1;border-radius:0;min-height:50px;padding:13px 20px;cursor:pointer;text-align:left}
.flow-fourteen .flow-primary>span{font-size:20px}.flow-fourteen .flow-primary:disabled{background:#e9e4d7;border-color:#cbb99e;color:#776c5b;cursor:not-allowed}
.flow-fourteen .flow-primary[hidden]{display:none}
.flow-fourteen .flow-reset{font:400 13px var(--si-sans);background:none;border:0;border-bottom:1px solid #b4a187;min-height:44px;padding:5px 0;color:#51331d;cursor:pointer}
.flow-fourteen .flow-reset>span{margin-left:12px}
.flow-fourteen .flow-live-status{margin-top:18px!important;min-height:24px;font-size:12px!important}
.flow-fourteen .flow-history{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:1px solid #d9cdba;padding:32px 36px}
.flow-fourteen .flow-history h3{font-size:32px;line-height:1.08}
.flow-fourteen .flow-history .si-eyebrow{font-size:10px!important}
.flow-fourteen .flow-history ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.flow-fourteen .flow-history li{display:grid;grid-template-columns:32px 1fr;gap:15px;align-items:start}
.flow-fourteen .flow-history li>span{font-size:11px;color:#806a4e;line-height:2}
.flow-fourteen .flow-history li>p{font-size:13px;line-height:1.7;color:#624e3d}
.flow-fourteen .flow-demo-foot{max-width:1280px;margin:25px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.flow-fourteen .flow-demo-foot>p{font-size:12px;line-height:1.8;color:#715f50;max-width:500px}
.flow-fourteen .flow-demo-foot>a{font-size:13px!important;flex:none}
.flow-fourteen .flow-example-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 auto;max-width:1280px;gap:32px}
.flow-fourteen .flow-example-guide li{border-top:1px solid #cbb99e;padding:24px 0}.flow-fourteen .flow-example-guide span{font-size:12px;color:#806a4e}.flow-fourteen .flow-example-guide h3{font-size:30px;margin:15px 0}.flow-fourteen .flow-example-guide p{font-size:15px;color:#715f50;line-height:1.8}
.flow-fourteen .flow-example-guide[hidden]{display:none}
.flow-fourteen :is(.flow-entry,.flow-handoff) :is(a,button,input):focus-visible{outline:3px solid #a36538;outline-offset:5px}
@keyframes flow-breathe{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.025) translateX(-.4%)}}
@media(min-width:1700px){.flow-fourteen .flow-room{height:920px}}
@media(max-width:1000px){.flow-fourteen .flow-intro{grid-template-columns:.65fr 1fr;gap:35px}.flow-fourteen .flow-room{height:680px}.flow-fourteen .flow-console-main{grid-template-columns:1fr 1.1fr}.flow-fourteen .flow-record,.flow-fourteen .flow-decision{padding:28px}.flow-fourteen .flow-record h3{font-size:39px}.flow-fourteen .flow-demo-foot{align-items:flex-start;flex-direction:column;gap:12px}.flow-fourteen .flow-object-books{right:4%;top:46%}}
@media(max-width:700px){.flow-fourteen .flow-intro{grid-template-columns:1fr;padding:30px 24px 35px;gap:30px}.flow-fourteen .flow-intro .sp-crumbs{margin-bottom:28px}.flow-fourteen .flow-intro h1{font-size:105px!important;letter-spacing:-.06em}.flow-fourteen .flow-intro .si-eyebrow{max-width:none;font-size:10px!important}.flow-fourteen .flow-tagline{font-size:39px;margin-bottom:20px}.flow-fourteen .flow-intro-copy>p:not(.flow-tagline){font-size:15px}.flow-fourteen .flow-intro-actions{gap:12px 23px}.flow-fourteen .flow-intro-actions .si-button{font-size:12px!important}.flow-fourteen .flow-room{height:auto;overflow:visible;background:#f3eadc}.flow-fourteen .flow-plane{position:relative;height:auto;aspect-ratio:4/3;overflow:hidden}.flow-fourteen .flow-room-photo{position:absolute;inset:0;object-fit:cover}.flow-fourteen .flow-room.flow-moving .flow-plane{animation:none;will-change:auto}.flow-fourteen .flow-objects{position:relative;display:grid;grid-template-columns:1fr;gap:0;padding:10px 24px 12px}.flow-fourteen .flow-object{position:static;border:0;border-bottom:1px solid #d9cdba;border-radius:0;box-shadow:none;padding:14px 0;background:transparent;font-size:14px;justify-content:space-between;white-space:normal}.flow-fourteen .flow-object:hover{translate:none;box-shadow:none}.flow-fourteen .flow-room-caption{left:15px;top:18px;bottom:auto;font-size:8px;max-width:calc(100% - 30px);padding:6px 8px}.flow-fourteen .flow-utility{padding:18px 24px;align-items:start;font-size:11px;gap:15px}.flow-fourteen .flow-utility>p{max-width:150px}.flow-fourteen .flow-utility button{font-size:11px;padding:8px 11px;gap:10px;max-width:165px;text-align:left}.flow-fourteen .flow-route{padding:30px 24px;gap:18px;grid-template-columns:1fr}.flow-fourteen .flow-route li{display:grid;grid-template-columns:95px 1fr;gap:5px 15px;padding-top:16px}.flow-fourteen .flow-route li>span{grid-row:1/3;line-height:1.7;font-size:9px;padding-top:4px}.flow-fourteen .flow-route strong{font-size:30px;margin:0}.flow-fourteen .flow-route small{font-size:13px}.flow-fourteen .flow-handoff{padding:60px 24px}.flow-fourteen .flow-handoff>.si-section-heading{gap:25px}.flow-fourteen .flow-console-main{grid-template-columns:1fr}.flow-fourteen .flow-console-bar{align-items:start;flex-direction:column;padding:17px 22px;gap:9px;font-size:9px}.flow-fourteen .flow-connection-note{font-size:11px}.flow-fourteen .flow-record,.flow-fourteen .flow-decision{padding:26px 22px}.flow-fourteen .flow-record h3{font-size:41px;margin-top:25px}.flow-fourteen .flow-record dl>div{font-size:13px}.flow-fourteen .flow-progress{font-size:10px;gap:7px}.flow-fourteen .flow-decision h3{font-size:33px}.flow-fourteen .flow-decision>p:not(.si-eyebrow){font-size:14px}.flow-fourteen .flow-primary{font-size:12px;width:100%;padding:13px 16px}.flow-fourteen .flow-decision label{font-size:13px;padding:13px 10px}.flow-fourteen .flow-history{grid-template-columns:1fr;gap:24px;padding:28px 22px}.flow-fourteen .flow-history h3{font-size:30px}.flow-fourteen .flow-history li>p{font-size:12px}.flow-fourteen .flow-demo-foot>a{font-size:12px!important;flex:auto}.flow-fourteen .flow-example-guide{grid-template-columns:1fr;gap:8px}}
@media(prefers-reduced-motion:reduce){.flow-fourteen .flow-room.flow-moving .flow-plane{animation:none;will-change:auto}.flow-fourteen :is(.flow-object,.flow-screen-path>span){transition:none}}
.flow-fourteen .flow-record dl>div[hidden]{display:none}
.flow-fourteen .flow-screen-path>i{position:relative;overflow:visible}
.flow-fourteen .flow-room.flow-moving .flow-screen-path>i:after{content:'';position:absolute;width:6px;height:6px;top:-2.5px;left:0;background:#254b40;border-radius:50%;animation:flow-signal 3s linear infinite}
.flow-fourteen .flow-room.flow-moving .flow-screen-path>i:nth-of-type(2):after{animation-delay:1.5s}
@keyframes flow-signal{0%{translate:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{translate:25px;opacity:0}}
@media(max-width:700px){.flow-fourteen #product-title{font-size:96px!important}}
@media(prefers-reduced-motion:reduce){.flow-fourteen .flow-room.flow-moving .flow-screen-path>i:after{animation:none;content:none}}