/* Different visual forms describe different kinds of relationships. */
.case-visual{--cv-accent:var(--case-ink,#535353);--cv-tint:var(--case-bg,#e7ecf1);--cv-line:var(--case-border,#d0d5da);margin:36px 0 48px;padding:36px;border:1px solid var(--cv-line);border-radius:24px;background:#ffffff;overflow:hidden;color:var(--ink,#1f1f1f)}
.case-visual *{box-sizing:border-box}
.case-visual .visual-title{position:static;width:auto;max-width:810px;height:auto;margin:0 0 30px;padding:0;border:0;display:block;background:none}
.case-visual .visual-kicker,.case-visual .route-label,.case-visual .lane-label,.case-visual .step-tag{color:var(--cv-accent);margin:0 0 12px;display:block}
.case-visual .visual-title h2{margin:0 0 12px}
.case-visual .visual-title>p:last-child{color:var(--muted,#6e6e6e);margin:0}
.case-visual h3{margin:0 0 10px}
.case-visual p{margin:0;color:var(--muted,#6e6e6e)}
.case-visual .visual-caption{margin-top:22px;color:var(--muted)}
.evidence{margin:0;min-width:0}
.evidence>button{display:block;cursor:zoom-in;padding:0;border:1px solid #e2e7ec;background:white;border-radius:12px;overflow:hidden;width:100%;box-shadow:0 8px 22px #2323230d}
.evidence img{display:block;width:100%;height:auto;background:white;margin:0}
.evidence figcaption{color:var(--muted);margin-top:10px}
.evidence.phone{max-width:155px;margin-inline:auto}
.evidence.phone>button{border-radius:14px}
.visual-result{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-top:1px solid var(--cv-line);margin-top:20px}
.visual-result>span{color:var(--cv-accent);}
.visual-result strong{display:block;margin-bottom:5px}
.action-arrow{align-self:center;min-width:0;text-align:center;pointer-events:none}
.action-arrow>span{display:block;color:var(--cv-accent)}
.action-arrow svg{display:block;width:100%;height:auto;max-height:40px;overflow:visible}
.action-arrow path,.merge-route path{fill:none;stroke:#898989;stroke-width:1.1;stroke-dasharray:none;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.action-arrow .route-vertical{display:none}
.merge-route{display:flex;flex-direction:column;gap:6px;align-items:center;margin:18px auto;text-align:center}
.merge-route span{color:var(--muted)}
.merge-route i{font-style:normal;color:var(--cv-accent)}
.merge-route svg{display:block;width:24px;height:30px}
.visual-more{border-top:1px solid var(--cv-line);margin-top:24px}
.visual-more>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 0;cursor:pointer;list-style:none;color:var(--cv-accent)}
.visual-more>summary::-webkit-details-marker{display:none}
.visual-more>summary::after{content:'+';}
.visual-more[open]>summary::after{content:'−'}
.visual-more-content{padding-top:26px}
.visual-more-content>.evidence{max-width:900px;margin-inline:auto}
.case-visual button:focus-visible,.visual-more summary:focus-visible{outline:2px solid var(--cv-accent);outline-offset:4px}
.flow-step{min-width:0}
.flow-step>.evidence{margin:16px auto}
.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
/* CLS: a converging architecture, a client matrix and operational checks. */
.entry-fan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:stretch}
.entry-fan article{position:relative;min-width:0;padding:26px}
.entry-browser{border:1px solid #dce1e6;border-radius:12px;background:#f9fbfd;padding-top:52px!important;overflow:hidden}
.browser-chrome{position:absolute;top:0;left:0;right:0;height:27px;border-bottom:1px solid #dce1e6;display:flex;align-items:center;gap:5px;padding-left:12px;background:#eef3f8}
.browser-chrome i{height:5px;width:5px;background:#c3c8cd;border-radius:50%}
.entry-publication{border-top:3px solid var(--cv-accent);border-bottom:1px solid var(--cv-line);background:white}
.editorial-lines{display:flex;gap:5px;flex-direction:column;margin-top:16px}
.editorial-lines i{height:2px;background:var(--cv-line);width:100%}.editorial-lines i:last-child{width:60%}
.entry-referral{background:var(--cv-tint);border-radius:60px 16px 16px 16px;padding-left:34px!important}
.referral-icon{float:right;color:var(--cv-accent);}
.fan-lines{height:64px;margin-inline:0}
.fan-lines svg{display:block;width:100%;height:100%}.fan-lines path{fill:none;stroke:#b0b5ba;stroke-width:1;stroke-dasharray:none;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.architecture-journey{padding:24px;background:#f6f8fa;border-radius:16px}
.service-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:24px 0 0;list-style:none}
.service-timeline li{position:relative;border-top:1px solid #b0b5ba;padding:25px 18px 0 0;min-width:0}
.service-timeline li>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;background:#f6f8fa;color:var(--cv-accent);border:1px solid #b0b5ba;border-radius:50%;position:absolute;left:0;top:-14px}
.service-timeline li:not(:last-child)::after{content:'›';position:absolute;right:12px;top:-15px;color:#8e8e8e;background:#f6f8fa}
.service-timeline h3{margin-bottom:6px}
.service-timeline .timeline-outcome>span{background:var(--cv-accent);color:white}.timeline-outcome h3{color:var(--cv-accent)}
.trust-foundation{display:flex;align-items:center;gap:25px;padding:20px 24px;border-bottom:2px solid var(--cv-line);margin-top:12px}
.trust-foundation strong{flex-shrink:0;color:var(--cv-accent);}
.matrix-scroll{overflow:auto}
.concern-matrix{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.concern-matrix th,.concern-matrix td{padding:20px 16px;border-bottom:1px solid var(--cv-line);vertical-align:middle;}
.concern-matrix thead th{padding-top:0;color:var(--cv-accent);}
.concern-matrix tbody th{width:32%}
.concern-matrix td:nth-child(2){color:var(--cv-accent)}.concern-matrix td:last-child{color:var(--muted)}
.segment-symbol{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--cv-tint);border-radius:50%;color:var(--cv-accent);margin-right:12px}
.evidence-ribbon{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap;}.evidence-ribbon>span{border-bottom:1px dashed #b0b5ba;padding-bottom:4px}.evidence-ribbon strong{background:var(--cv-accent);color:white;padding:12px 18px;border-radius:30px;}
.access-start{display:flex;align-items:center;gap:12px;margin-bottom:28px;border-bottom:1px solid var(--cv-line);padding-bottom:18px}.access-start>span:last-child{margin-left:auto;color:var(--muted);}.state-dot{width:11px;height:11px;background:var(--cv-accent);border-radius:50%;box-shadow:0 0 0 5px var(--cv-tint)}
.verification-lanes{display:grid;grid-template-columns:1fr 90px 1fr;align-items:start;gap:18px}.verification-lanes>.action-arrow{margin-top:15px}
.choice-question{display:flex;justify-content:center;align-items:center;gap:16px;margin:26px 0;text-align:center}.question-glyph{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--cv-accent);border-radius:50%;color:var(--cv-accent);flex-shrink:0}
.order-options{display:grid;grid-template-columns:1fr 1fr;gap:36px}.order-options>article{min-width:0;padding-top:18px;border-top:2px solid var(--cv-line)}.order-options>article:last-child{border-top-color:var(--cv-accent)}.order-options .evidence{margin-top:20px}.order-symbol{display:flex;gap:5px;align-items:center;float:right;height:34px}.order-symbol i{width:13px;height:13px;background:var(--cv-accent);border-radius:3px}.single-order i{width:28px;height:28px}.order-set{max-width:50px;flex-wrap:wrap}.order-set i:nth-child(n+4){opacity:.4}
.scope-strip{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--cv-tint);border-radius:9px;margin-bottom:28px;flex-wrap:wrap}.scope-strip>span{margin-right:auto;color:var(--cv-accent)}.scope-strip i{font-style:normal;color:#aeb3b8}
.monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.monitor-grid .phone{max-width:190px;height:410px;overflow:hidden;position:relative;margin-top:22px}.monitor-grid .phone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35px;pointer-events:none;background:linear-gradient(transparent,white)}
/* Neuron: additive yield layers and a decision that rejoins amount entry. */
.yield-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.yield-layer{display:flex;align-items:center;gap:16px;padding:19px 22px;position:relative;min-width:0}.yield-layer.base{background:#edf2f7;border-left:4px solid #acb1b6}.yield-layer.premium{background:#dfe4e9;border-left:4px solid #7f7f7f}.yield-layer.incentives{background:white;border:1px dashed #9c9c9c;border-left:4px solid #555555}.yield-mark{color:#616161;align-self:flex-start;padding-top:3px}.yield-layer h3{margin-bottom:4px}.optional-label{position:absolute;right:12px;top:9px;color:#616161}.math-join{text-align:center;margin:4px;color:#929292}.yield-total{display:flex;gap:15px;align-items:center;border-top:2px solid #b7bcc1;margin-top:16px;padding-top:16px;color:var(--cv-accent)}
.strategy-constraints{padding-left:30px;border-left:1px solid var(--cv-line)}.strategy-constraints ul{padding:0;list-style:none;margin:25px 0 20px}.strategy-constraints li{padding:11px 0;display:grid;grid-template-columns:85px 1fr;gap:14px;border-bottom:1px solid #e7ecf1;}.strategy-constraints li span{color:var(--muted)}
.allocation-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.allocation-logic{text-align:center}.start-pill{display:inline-block;border:1px solid var(--cv-line);padding:10px 22px;border-radius:30px;}.allocation-logic .choice-question{margin:15px 0}.mini-branches{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;margin-top:28px}.mini-branches>div{padding:18px 12px;background:#f0f5fa;border-top:2px solid var(--cv-accent);border-radius:0 0 12px 12px}.mini-branches p{margin-top:8px}.amount-destination{padding:20px;background:var(--cv-tint);border-radius:12px}.amount-destination>span{color:var(--cv-accent);display:block}.amount-destination strong{display:block;margin:7px 0;}.allocation-evidence{display:grid;grid-template-columns:1.1fr .85fr;gap:18px;align-items:center;padding:24px;background:#f3f8fd;border-radius:18px}
/* The Number: a financial equation, an explicit decision, and two ledger outcomes. */
.receipt-equation{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center;gap:18px;margin:10px 0 28px}.receipt-equation>div{padding:24px 22px;border-bottom:2px solid #d1d6db}.receipt-equation .received{background:#edf2f7;border-color:#888888;border-radius:14px 14px 0 0}.receipt-equation .unresolved{border:1px dashed #9ca1a6;border-bottom:2px solid #9ca1a6;border-radius:14px 14px 0 0}.receipt-equation span,.balance-rule span{display:block;color:var(--cv-accent)}.receipt-equation strong{display:block;margin:8px 0}.receipt-equation i{font-style:normal;color:#a6abb0;text-align:center}
.receipt-decision{display:flex;align-items:center;justify-content:center;gap:22px;margin:36px 0}.receipt-decision h3{margin:0}.decision-diamond{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #848484;border-radius:10px;rotate:45deg;color:transparent;position:relative;flex-shrink:0}.decision-diamond::after{content:'?';color:#707070;rotate:-45deg;position:absolute}
.receipt-branches{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative}.receipt-branches::before{content:'';position:absolute;left:25%;right:25%;height:18px;border:1px solid #bfc4c9;border-bottom:0;top:-19px}.receipt-branch{padding:24px;min-width:0;border-top:3px solid #9e9e9e;background:#f7f9fb}.receipt-branch.final{border-color:#5e5e5e;background:#eaeff4}.branch-answer{color:var(--cv-accent);display:block;margin-bottom:13px}.receipt-branch>p{min-height:42px}.receipt-branch dl{margin:18px 0 0}.receipt-branch dl>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #d6dbe0}.receipt-branch dt{margin:0}.receipt-branch dd{white-space:nowrap;color:#4c4c4c}.receipt-branch dd small{color:#777777;margin-left:4px}.receipt-branch del{color:#7f7f7f}.balance-rule{display:flex;align-items:center;gap:24px;margin-top:25px;padding:20px 0;border-top:1px solid var(--cv-line)}
/* BookBook: compact evidence tied to actions and distinct confirmation states. */
body[data-case="bookbook"] .case-visual{padding:30px 32px;margin:30px 0 40px}
body[data-case="bookbook"] .evidence.phone{max-width:140px}
.wireflow{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);align-items:start;gap:10px}
.wireflow .flow-step h3{min-height:42px}.wireflow .step-tag{margin-bottom:6px}.wireflow .action-arrow{margin-top:135px;align-self:start}.wireflow .flow-step:nth-child(4n+3){padding-top:15px}
.support-split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.tiny-pair{display:flex;gap:20px;justify-content:center;margin-top:22px}.tiny-pair .evidence.phone{flex:0 1 125px;margin:0}.support-split .visual-result{margin-top:18px}
.discovery-layout{display:grid;grid-template-columns:1fr 80px 1.3fr;align-items:center;gap:20px}.discovery-sources{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:12px}.discovery-sources h3{margin-top:14px}.or-token{color:var(--cv-accent);text-align:center}.discovery-destination{display:grid;grid-template-columns:.85fr 1fr;gap:22px;align-items:center;border-left:1px solid var(--cv-line);padding-left:26px}.optional-gallery{display:flex;gap:36px;justify-content:center}.optional-gallery>.phone{margin:0;flex:0 1 135px}
.appointment-ticket{display:flex;align-items:center;gap:22px;margin-bottom:28px;padding:17px 22px;background:#eff4f9;border-block:1px dashed #b0b5ba;border-radius:15px}.appointment-ticket>span{color:var(--cv-accent);}.appointment-ticket p{margin-left:auto}
.booking-setup{display:grid;grid-template-columns:1fr 75px 1fr;max-width:620px;margin:0 auto 30px;gap:18px}.booking-setup .flow-step>.evidence{max-width:130px}.booking-setup .action-arrow{margin-top:25px}
.payment-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--cv-line);padding-top:24px}.payment-branch{position:relative;padding:22px;background:#f8fafc;border-radius:14px}.payment-branch.online{background:#f0f5fa}.payment-branch h3{margin-bottom:20px}.payment-evidence{display:flex;align-items:center;justify-content:center;gap:16px}.payment-evidence>.phone{flex:0 1 120px;margin:0!important}.payment-evidence>.action-arrow{flex:0 0 48px}.payment-state{min-width:95px;padding:18px 12px}.payment-state>span{color:#787878;display:block}.payment-state strong{display:block;margin:5px 0}.payment-state b{color:var(--cv-accent)}.payment-state hr{border:0;border-top:1px dashed #b9bec3;margin:17px 0}.payment-branch>p{margin-top:18px}.paid-stamp{display:inline-block;color:#666666;border:1px solid #c0c5ca;border-radius:30px;padding:5px 12px;margin-top:12px}.appointment-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.appointment-variants .flow-step{border-top:2px solid var(--cv-line);padding-top:15px}
@media(max-width:1000px){
 .case-visual{padding:28px}.entry-fan{gap:18px}.entry-fan article{padding:20px}.entry-fan .entry-referral{padding-left:23px!important}.trust-foundation{gap:15px;align-items:flex-start}.concern-matrix th,.concern-matrix td{padding:16px 10px}.segment-symbol{display:flex;margin-bottom:10px}.yield-layout{gap:25px}.yield-layer{padding:16px}.strategy-constraints{padding-left:24px}.receipt-branch{padding:20px}.receipt-branch dl>div{flex-direction:column;gap:4px}.allocation-layout{gap:24px}.allocation-evidence{padding:15px;gap:12px}.wireflow{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr)}.discovery-layout{grid-template-columns:1fr 48px 1fr;gap:16px}.discovery-destination{grid-template-columns:1fr;padding-left:20px}.discovery-destination>.evidence{max-width:120px!important}.discovery-destination>div{max-width:240px}.discovery-destination .visual-result{margin-top:12px;padding:12px 0 0}.payment-branch{padding:18px}.payment-evidence{gap:10px}.payment-evidence>.action-arrow{flex-basis:30px}.payment-state{min-width:85px;padding:12px 6px}.monitor-grid .phone{height:355px}
}
@media(max-width:650px){
 .case-visual,body[data-case="bookbook"] .case-visual{padding:24px 18px;margin:26px 0 34px;border-radius:18px}.case-visual .visual-title{margin-bottom:24px}.entry-fan{grid-template-columns:1fr;gap:14px}.entry-fan article{padding:19px 23px}.entry-browser{padding-top:42px!important}.entry-referral{border-radius:34px 12px 12px 12px}.editorial-lines{display:none}.fan-lines{height:38px}.architecture-journey{padding:20px}.service-timeline{grid-template-columns:1fr;gap:0;margin:12px 0 0 13px}.service-timeline li{border-top:0;border-left:1px solid #b0b5ba;padding:0 0 26px 28px;min-height:62px}.service-timeline li:last-child{border-left-color:transparent;padding-bottom:0}.service-timeline li>span{top:0;left:-14px}.service-timeline li:not(:last-child)::after{content:'↓';left:-5px;right:auto;top:auto;bottom:7px;}.trust-foundation{flex-direction:column;gap:8px;padding:18px 10px}.concern-matrix{min-width:570px}.segment-symbol{height:27px;width:27px;}.evidence-ribbon{gap:12px;}.access-start{flex-wrap:wrap}.access-start>span:last-child{width:100%;margin-left:23px}.verification-lanes{grid-template-columns:1fr;gap:15px}.verification-lanes>.action-arrow{max-width:100px;margin:0 auto}.order-options{grid-template-columns:1fr;gap:28px}.choice-question{gap:12px}.question-glyph{width:32px;height:32px;}.scope-strip{gap:8px;}.scope-strip>span{width:100%;margin:0}.monitor-grid{display:flex;gap:22px;overflow-x:auto;padding-bottom:15px;scrollbar-width:thin}.monitor-grid>.flow-step{flex:0 0 190px}.monitor-grid .phone{height:365px}.monitor-grid h3{min-height:46px}.yield-layout{grid-template-columns:1fr;gap:30px}.strategy-constraints{border-left:0;border-top:1px solid var(--cv-line);padding:24px 0 0}.allocation-layout{grid-template-columns:1fr;gap:28px}.allocation-evidence{max-width:430px;margin:auto}.mini-branches{gap:12px}.mini-branches>div{padding:15px 10px}.receipt-equation{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:3px}.receipt-equation>div{padding:15px 8px}.receipt-decision{gap:16px;margin:26px 0}.decision-diamond{height:35px;width:35px}.receipt-branches{grid-template-columns:1fr;gap:18px}.receipt-branches::before{display:none}.receipt-branch dl>div{flex-direction:row;align-items:baseline}.receipt-branch dd small{display:block}.balance-rule{flex-direction:column;align-items:flex-start;gap:8px}.evidence-pair{grid-template-columns:1fr;gap:20px}
 .wireflow{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 18px;scrollbar-width:thin;scrollbar-color:#b3b8bd transparent}.wireflow>.flow-step{flex:0 0 150px;scroll-snap-align:start}.wireflow>.action-arrow{flex:0 0 46px;margin-top:145px}.wireflow .flow-step:nth-child(4n+3){padding-top:12px}body[data-case="bookbook"] .evidence.phone{max-width:130px}.support-split{grid-template-columns:1fr;gap:30px}.support-split>div+div{border-top:1px solid var(--cv-line);padding-top:24px}.tiny-pair{gap:24px}.tiny-pair .evidence.phone{flex-basis:120px}.discovery-layout{grid-template-columns:1fr;gap:20px}.discovery-sources{max-width:370px;margin:auto}.discovery-layout>.action-arrow{max-width:105px;justify-self:center}.discovery-destination{grid-template-columns:125px 1fr;padding:20px 0 0;border-left:0;border-top:1px solid var(--cv-line);gap:18px}.optional-gallery{gap:22px;overflow:auto;justify-content:flex-start;padding-bottom:12px}.optional-gallery>.phone{flex:0 0 120px}.appointment-ticket{flex-wrap:wrap;gap:12px;padding:14px 18px}.appointment-ticket p{width:100%;margin:0}.booking-setup{grid-template-columns:1fr 40px 1fr;gap:10px}.booking-setup .flow-step h3{min-height:40px}.payment-branches{grid-template-columns:1fr;gap:18px}.payment-branch{padding:20px}.payment-evidence{gap:16px}.payment-evidence>.action-arrow{flex-basis:45px}.payment-evidence>.phone{flex-basis:115px}.payment-state{padding:15px}.appointment-variants{display:flex;gap:25px;overflow-x:auto;padding-bottom:15px}.appointment-variants>.flow-step{flex:0 0 165px}.visual-more-content{padding-top:22px}
}

.case-visual{scroll-margin-top:110px}
.visual-swipe{display:none}
/* CLS: entry sources converge on the page structure, then a distinct action. */
.architecture-map{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.55fr) 48px minmax(0,.86fr);align-items:center;margin-top:36px}
.architecture-inputs{align-self:stretch;display:flex;flex-direction:column;padding-top:12px}
.architecture-inputs>.lane-label{margin-bottom:18px}
.architecture-input-list{position:relative;display:grid;grid-template-rows:repeat(3,1fr);flex:1;list-style:none;margin:0;padding:0}
.architecture-input-list::after{content:'';position:absolute;right:-20px;top:16.6667%;bottom:16.6667%;border-right:1px solid #a2a7ac}
.architecture-input-list>li{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 12px 20px 0;border-bottom:1px solid #e6ebf0}
.architecture-input-list>li:last-child{border-bottom:0}
.architecture-input-list>li::after{content:'';position:absolute;right:-20px;top:50%;width:20px;border-top:1px solid #a2a7ac}
.architecture-input-list .route-label{margin-bottom:6px}
.architecture-input-list h3{margin-bottom:6px}
.architecture-join,.architecture-exit{align-self:center;line-height:0}
.architecture-join{padding-top:54px}
.architecture-join svg,.architecture-exit svg{display:block;width:100%;height:auto}
.architecture-join path,.architecture-exit path{fill:none;stroke:#8f8f8f;stroke-width:1.1;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.architecture-map .join-vertical{display:none}
.architecture-service{border:1px solid #cbd0d5;border-radius:18px;background:#f6f8fa;overflow:hidden}
.architecture-service-title{padding:24px 26px 20px;background:#ecf1f6;border-bottom:1px solid #d8dde2}
.architecture-service-title .lane-label{margin-bottom:8px}
.architecture-service-title h3{margin:0}
.architecture-page-sections{list-style:none;padding:0 26px;margin:0}
.architecture-page-sections>li{display:flex;gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid #e1e6eb}
.architecture-page-sections>li:last-child{border:0}
.architecture-index{color:#868686;flex:0 0 22px}
.architecture-page-sections h4{margin:0 0 4px}
.architecture-contact{background:#535353;border-radius:18px;padding:25px 22px;color:white;box-shadow:0 8px 24px #3737370a}
.architecture-contact .lane-label{color:#d6dbe0;margin-bottom:14px}
.architecture-contact h3{color:white;margin-bottom:12px}
.architecture-contact p:not(.lane-label){color:#e7ecf1}
.architecture-form-label{display:block;margin-top:28px;color:#cfd4d9}
.architecture-form-lines{margin-top:10px;display:grid;gap:8px}
.architecture-form-lines span{display:block;height:10px;border-bottom:1px solid #ffffff3d}
.architecture-form-lines span:last-child{width:62%}
.architecture-trust{display:grid;grid-template-columns:1fr 1.8fr;gap:36px;margin-top:32px;padding:24px 0;border-block:1px solid #e5eaef}
.architecture-trust .lane-label{margin-bottom:7px}
.architecture-trust dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;align-items:center}
.architecture-trust dt{color:var(--ink);margin-bottom:4px}
.architecture-trust dd{color:var(--muted);margin:0}
.architecture-measurement strong{color:var(--ink)}
@media(max-width:1000px) and (min-width:851px){
 .architecture-map{grid-template-columns:minmax(0,1fr) 36px minmax(0,1.4fr) 30px minmax(0,.85fr)}
 .architecture-input-list::after{right:-12px}.architecture-input-list>li::after{right:-12px;width:12px}
 .architecture-service-title{padding:20px}.architecture-page-sections{padding-inline:20px}.architecture-contact{padding:22px 18px}
}
@media(max-width:850px){
 .architecture-map{display:flex;flex-direction:column;align-items:stretch;margin-top:26px}
 .architecture-inputs{padding:0}
 .architecture-input-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:20px}
 .architecture-input-list>li{padding:16px 0;border-bottom:0;border-top:1px solid #e1e6eb;justify-content:flex-start}
 .architecture-input-list::after,.architecture-input-list>li::after{display:none}
 .architecture-map .join-horizontal{display:none}.architecture-map .join-vertical{display:block;width:30px;height:36px;margin:auto}
 .architecture-join,.architecture-exit{padding:0;margin:14px auto;width:100%}
 .architecture-service{width:100%}
 .architecture-contact{width:100%;padding:24px}
 .architecture-form-label,.architecture-form-lines{display:none}
 .architecture-trust{grid-template-columns:1fr;gap:18px;margin-top:24px}
}
@media(max-width:500px){
 .architecture-input-list{grid-template-columns:1fr;grid-template-rows:auto;gap:0}
 .architecture-input-list>li{padding:16px 0}
 .architecture-service-title{padding:20px}.architecture-page-sections{padding:0 20px}
 .architecture-page-sections>li{gap:12px;padding:18px 0}
 .architecture-trust dl{grid-template-columns:1fr;gap:12px}
 .architecture-trust dl>div{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:baseline}
}
@media(max-width:650px){
 .verification-lanes>.action-arrow .route-horizontal,.discovery-layout>.action-arrow .route-horizontal{display:none}
 .verification-lanes>.action-arrow .route-vertical,.discovery-layout>.action-arrow .route-vertical{display:block;width:28px;height:40px;margin:6px auto 0}
}
@media(max-width:650px){.case-visual .visual-swipe{display:flex;justify-content:space-between;gap:12px;color:var(--cv-accent);margin:0 0 18px}}

/* Plain client questions paired with concrete content, without repeated steps. */
.client-needs-head,.client-needs-list>div{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.client-needs-head{padding:0 0 16px;color:var(--muted);font-size:14px;font-weight:600}
.client-needs-list{margin:0}
.client-needs-list>div{padding:22px 0;border-top:1px solid var(--line);align-items:start}
.client-needs-list dt{font-size:18px;font-weight:500;line-height:1.5;color:var(--ink)}
.client-needs-list dd{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
@media(max-width:650px){.client-needs-head{display:none}.client-needs-list>div{grid-template-columns:1fr;gap:8px;padding:18px 0}.client-needs-list dd::before{content:"On the page: ";font-weight:600}}

/* Compact, aligned reading order for the CLS website journey. */
.site-journey{max-width:1040px;margin:auto}
.site-journey .journey-label{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#686e75}
.journey-entry{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0 0;padding:0}
.journey-entry li{padding:18px 22px;border:1px solid #dce1e6;border-radius:14px;background:#fafbfc}
.journey-entry strong{display:block;font-size:18px;font-weight:600;color:#202428}
.journey-entry span{display:block;font-size:14px;line-height:1.5;color:#656b72;margin-top:5px}
.journey-connector{height:46px;display:flex;justify-content:center;align-items:center}
.journey-connector svg{width:24px;height:36px;fill:none;stroke:#929aa3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.journey-page{border:1px solid #dce1e6;border-radius:18px;padding:24px;background:#f4f6f8}
.journey-page-heading h3{font-size:22px;line-height:1.35;margin-top:8px;font-weight:600;letter-spacing:-.02em}
.journey-sections{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:24px 0 0;padding:0;gap:22px}
.journey-sections li{border-top:1px solid #cdd4db;padding-top:14px}
.journey-sections li>span{font-size:12px;color:#747c85;font-variant-numeric:tabular-nums}
.journey-sections h4{font-size:16px;line-height:1.5;margin:6px 0 4px;font-weight:600}
.journey-sections p{font-size:14px;line-height:1.5;color:#656b72}
.journey-outcome{text-align:center;padding:18px 24px;border:1px solid #dce1e6;border-radius:14px;max-width:550px;margin:auto}
.journey-outcome h3{font-size:20px;font-weight:600;margin:5px 0}
.journey-outcome>p:last-child{font-size:14px;line-height:1.5;color:#656b72}
.journey-footnote{font-size:13px!important;line-height:1.7!important;color:#72777e;margin-top:24px!important;text-align:center}
@media(max-width:650px){.journey-entry{grid-template-columns:1fr;gap:8px}.journey-entry li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}.journey-entry strong{font-size:16px}.journey-entry span{font-size:12px;text-align:right;margin:0}.journey-page{padding:18px}.journey-page-heading h3{font-size:20px}.journey-sections{grid-template-columns:1fr 1fr;gap:18px}.journey-outcome{padding:16px}.journey-footnote{text-align:left}}

.order-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.order-screen-pair h3{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 6px}
.order-screen-pair article>p{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 18px}
.order-screen-pair .evidence{margin:0;max-width:none}
.order-review-note{margin-top:22px!important;font-size:14px!important;line-height:1.6!important;color:var(--muted)}
@media(max-width:650px){.order-screen-pair{grid-template-columns:1fr;gap:26px}}

/* Neuron: sources first, decision checks second. */
.return-sources{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:12px}
.return-source{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #e0e5ea;border-radius:20px;background:linear-gradient(145deg,#f8fafc,#fff);min-width:0}
.return-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border-radius:14px;background:#eaeff4;color:#393939}
.return-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.return-source p{flex:1}.return-source-tag{display:inline-block;margin-top:24px;padding:5px 10px;border-radius:20px;background:#ebf0f5;font-size:12px;color:#626262}
.return-conditional{background:#fff}.return-conditional .return-source-tag{background:#fff;border:1px solid #d1d6db}
.return-plus{align-self:center;text-align:center;font-size:25px;font-weight:300;color:#999}
.return-estimate{margin:20px 0 30px;padding:18px 24px;border-radius:14px;background:#f1f6fb;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.return-checks{padding:0 4px}.return-checks h3{font-size:18px!important}.return-checks dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:18px 0 0}.return-checks dl>div{border-top:1px solid #e0e5ea;padding-top:14px}.return-checks dt{font-weight:600;margin-bottom:5px}.return-checks dd{margin:0;color:var(--muted)}
@media(max-width:700px){.return-sources{grid-template-columns:1fr;gap:10px}.return-source{padding:22px;display:grid;grid-template-columns:40px 1fr;gap:8px 16px}.return-symbol{grid-row:1/4;width:40px;height:40px;margin:0}.return-source h3{margin:0}.return-source p,.return-source-tag{grid-column:2}.return-source-tag{justify-self:start;margin-top:6px}.return-plus{font-size:20px;line-height:1}.return-estimate{display:block;padding:18px;margin-bottom:26px}.return-estimate p{margin-top:6px}.return-checks dl{grid-template-columns:1fr;gap:14px}}

/* Deposit setup: two decisions with the original interfaces beside them. */
.deposit-steps{list-style:none;margin:0;padding:8px 0;display:grid;gap:32px}
.deposit-steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;position:relative}
.deposit-step-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ecf1f6;color:#555;font-size:12px;font-weight:600;position:relative;z-index:1}
.deposit-steps>li:first-child:before{content:'';position:absolute;left:17px;top:42px;bottom:-26px;width:1px;background:#dadfe4}
.deposit-steps h3{padding-top:5px}.deposit-steps p{max-width:400px}
.deposit-choices{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:20px}
.deposit-choices>div{flex:1 1 120px;min-width:0;padding:15px;border:1px solid #dde2e7;border-radius:14px;background:#f8fafc}
.deposit-choices strong,.deposit-choices span:not(.deposit-or){display:block}.deposit-choices strong{font-size:14px;margin-bottom:6px}.deposit-choices span:not(.deposit-or){font-size:13px;line-height:1.5;color:var(--muted)}
.deposit-or{align-self:center;font-size:12px;color:#888}.allocation-layout{align-items:center}
@media(max-width:700px){.deposit-steps{gap:28px}.deposit-steps>li{gap:12px;grid-template-columns:30px minmax(0,1fr)}.deposit-step-number{width:30px;height:30px}.deposit-steps>li:first-child:before{left:14px;top:36px;bottom:-22px}.deposit-choices{gap:7px}.deposit-choices>div{flex-basis:100px;padding:12px}.allocation-evidence{width:100%}}

/* Partial payment: one concrete example and two outcomes. */
.income-example{padding:20px 24px;background:#f2f7fc;border-radius:16px}.income-example>span{font-size:12px;color:var(--muted)}.income-example p{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px!important}.income-example strong{color:var(--ink);font-size:23px}.income-example p>span{margin:0 12px;color:#888}
.case-visual .income-question{margin:26px 0 18px;font-size:20px}.income-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.income-outcomes article{padding:24px;border:1px solid #dee3e8;border-radius:16px}.income-answer{display:inline-block;padding:4px 12px;background:#eaeff4;border-radius:20px;font-size:13px;margin-bottom:16px}.income-outcomes h3{font-size:18px!important}.income-outcomes p{max-width:440px}.case-visual .income-rule{margin-top:22px;font-size:14px}.income-rule strong{color:var(--ink)}
@media(max-width:600px){.income-outcomes{grid-template-columns:1fr;gap:12px}.income-outcomes article{padding:20px}.income-example{padding:18px}.income-example p{font-size:14px;gap:7px}.income-example strong{font-size:20px}.income-example p>span{margin:0 4px}}

/* Align the matching sequence and its straight connectors. */
.visual-matching .wireflow .flow-step{padding-top:0}
.visual-matching .wireflow .flow-step h3{height:52px;min-height:52px;margin-bottom:10px}
.visual-matching .wireflow .action-arrow{margin-top:145px}
.visual-matching .wireflow .action-arrow>span{height:48px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px;text-align:center}
.visual-matching .wireflow .action-arrow svg{height:22px;width:100%;overflow:visible}
.visual-matching .wireflow .action-arrow path{stroke-width:1.3;stroke:#8b8b8b}

/* Shared rows keep supporting screens and their outcomes aligned. */
@media(min-width:651px){
.visual-matching .support-split{grid-template-rows:auto auto auto auto;row-gap:0}
.visual-matching .support-split>div{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0}
.visual-matching .support-split .tiny-pair{align-items:flex-start}
.visual-matching .support-split .visual-result{align-self:stretch}
}

/* Salon discovery: alternatives lead to one profile, on a shared baseline. */
.salon-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 72px minmax(0,1fr);gap:20px;align-items:start}
.salon-flow article{min-width:0;display:grid;justify-items:center;text-align:center;grid-template-rows:52px auto auto}
.salon-flow article h3{font-size:18px;align-self:start}.salon-flow .evidence.phone{width:150px;max-width:100%;margin:10px auto 18px}.salon-flow article p{max-width:240px}
.salon-flow .salon-or,.salon-flow>.action-arrow{align-self:start;margin-top:205px}.salon-or{text-align:center;color:#777;font-size:14px}.salon-flow>.action-arrow svg{height:24px}.salon-flow>.action-arrow>span{display:none}
@media(max-width:650px){.salon-flow{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:12px}.salon-flow article{grid-template-rows:50px auto auto}.salon-flow article h3{font-size:16px}.salon-flow .salon-or{margin-top:160px}.salon-flow>.action-arrow{grid-column:1/-1;justify-self:center;margin:4px 0}.salon-flow>.action-arrow .route-horizontal{display:none}.salon-flow>.action-arrow .route-vertical{display:block;width:24px;height:36px}.salon-flow>article:last-child{grid-column:1/-1;grid-template-rows:auto auto auto;width:100%}.salon-flow>article:last-child .evidence.phone{max-width:130px}}

/* BookBook: consistent straight flows and parallel payment outcomes. */
body[data-case="bookbook"] .wireflow .flow-step{padding-top:0}
body[data-case="bookbook"] .wireflow .flow-step h3{height:52px;min-height:52px;margin-bottom:10px}
body[data-case="bookbook"] .wireflow .action-arrow{margin-top:145px}
body[data-case="bookbook"] .wireflow .action-arrow>span{height:48px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px;text-align:center}
body[data-case="bookbook"] .wireflow .action-arrow svg{height:22px;width:100%;overflow:visible}
body[data-case="bookbook"] .action-arrow path{stroke-width:1.3;stroke:#8b8b8b}
.simple-booking-flow{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:24px;max-width:700px;margin:0 auto 32px;text-align:center}
.simple-booking-flow .flow-step h3{min-height:44px}.simple-booking-flow .evidence.phone{max-width:140px}.simple-booking-flow .action-arrow{align-self:start;margin-top:215px}.simple-booking-flow .action-arrow span{display:none}
.case-visual .payment-options-title{font-size:20px;margin:0 0 24px;padding-top:24px;border-top:1px solid #e1e6eb}
.simple-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.simple-payment-options>article{display:grid;grid-template-rows:auto auto 1fr;justify-items:center;text-align:center;min-width:0}
.simple-payment-options>article>h3{font-size:18px;margin-bottom:20px}
.simple-payment-options .evidence.phone{width:140px;max-width:140px;margin:0 auto 22px}
.payment-outcome{padding:18px 0 0;border-top:1px solid #e1e6eb;width:100%}.payment-outcome strong{display:block;font-size:16px;margin-bottom:6px}.payment-outcome p{max-width:360px;margin:auto;font-size:14px}
.payment-input-detail{display:flex;align-items:center;justify-content:center;gap:32px}.payment-input-detail .evidence.phone{margin:0;max-width:140px}.payment-input-detail>p{max-width:260px}
body[data-case="bookbook"] .appointment-variants>.flow-step{border-top:0;padding-top:0;text-align:center}body[data-case="bookbook"] .appointment-variants h3{min-height:44px}body[data-case="bookbook"] .appointment-variants .evidence.phone{max-width:140px}
@media(max-width:650px){.simple-booking-flow{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px}.simple-booking-flow .flow-step h3{font-size:16px;min-height:44px}.simple-booking-flow .action-arrow{margin-top:185px}.simple-booking-flow .evidence.phone{max-width:125px}.simple-payment-options{gap:18px}.simple-payment-options .evidence.phone{width:100%;max-width:125px}.simple-payment-options>article>h3{font-size:16px}.payment-outcome strong{font-size:14px}.payment-outcome p{font-size:13px}.payment-input-detail{gap:20px}.payment-input-detail>p{flex:1}.payment-input-detail .evidence.phone{flex:0 0 120px}}

/* Keep the two discovery alternatives close instead of stretching them. */
@media(min-width:651px){.salon-flow{grid-template-columns:minmax(0,190px) 24px minmax(0,190px) 64px minmax(0,230px);gap:16px;justify-content:center;max-width:850px;margin-inline:auto}}
@media(max-width:650px){.salon-flow{max-width:430px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}}