/* Explain the connection through useful actions, not floating labels. */
.hub-chip{display:flex;flex-direction:column;align-items:stretch;gap:.48cqw;padding:1cqw 1.15cqw;text-align:left;min-height:7.1cqw;width:19.5%;background:#fffcf5f5;border:1px solid #f4e2c8;border-radius:1.25cqw;box-shadow:0 .65cqw 2cqw #62422014;color:#30382b}
.hub-order{left:63%;top:16%}.hub-payment{left:78.5%;top:19.6%;width:16%}.hub-status{left:65.5%;top:23.4%;width:26%}
.hub-chip-heading{display:flex;align-items:center;gap:.5cqw;color:#ae6a35;font-size:clamp(11px,.8cqw,16px);line-height:1.2}
.hub-chip-heading b{font-weight:500;text-transform:uppercase;letter-spacing:.055em}
.hub-chip .hub-chip-heading>[data-icon]{width:1.3cqw;height:1.3cqw;min-width:15px;min-height:15px;color:#d65a1d}
.hub-chip-heading>[data-icon]:last-child{margin-left:auto;color:#a8967e}
.hub-chip>strong{display:flex;align-items:center;gap:.7cqw;font-size:clamp(14px,1.13cqw,23px);line-height:1.25;font-weight:600;white-space:nowrap}
.hub-chip>strong>[data-icon]{width:1.2cqw;height:1.2cqw;color:#ba9370}
.hub-chip>small{font-size:clamp(11px,.87cqw,17px);line-height:1.2;color:#8b7c65;font-weight:400}
.hub-chip:hover{transform:translateY(-3px);background:#fffdf8;border-color:#edb77b;color:#30382b}
.hub-core small{background:#fffcf3ed;padding:.55cqw .8cqw;border-radius:2cqw;color:#82694d;font-size:.95cqw}

/* Two complete pages, keeping the original four-card composition. */
.widgets .section-head{gap:1.2cqw;align-items:center}
.section-head h2{font-size:3.65cqw;white-space:nowrap}
.widget-navigation{display:flex;align-items:center;gap:1.1cqw;flex:none}
.widget-navigation>.text-link{white-space:nowrap;font-size:.98cqw}
.widget-controls{display:flex;align-items:center;gap:.35cqw}
.widget-controls .circle-button{width:2.6cqw;height:2.6cqw;min-width:29px;min-height:29px;background:#fffaf3e8}
.widget-controls .circle-button .ui-icon{width:1.05cqw;height:1.05cqw;min-width:14px;min-height:14px}
.widget-counter{display:block;position:relative;min-width:4.3cqw;padding:.4cqw .4cqw .65cqw;text-align:center;font-size:.85cqw;line-height:1;color:#a2947e;font-variant-numeric:tabular-nums}
.widget-counter b{color:#4d503e;font-weight:600}
.auto-progress{position:absolute;bottom:0;left:8%;right:8%;height:2px;background:#dfd2bf;border-radius:4px;overflow:hidden}
.auto-progress:before{content:"";display:block;height:100%;width:0;background:#ed702f}
.is-playing .auto-progress:before{animation:widgetProgress 7s linear forwards}
.widget-controls .autoplay-button{border-color:#e4d8c6;background:#fff8ef;color:#8e7a5d}
.widget-window{overflow:hidden;border-radius:1.25cqw;outline-offset:6px}
.widget-track{display:flex;width:100%;transition:transform .65s cubic-bezier(.22,.7,.25,1);will-change:transform}
.widget-page{flex:0 0 100%;width:100%;min-width:0}
.widget-page .widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5cqw}
.widget-page .widget-card{height:22.2cqw}
.widget-page[aria-hidden="true"]{visibility:hidden;transition:visibility 0s .65s}
.widget-page[aria-hidden="false"]{visibility:visible}
.new-mini{display:flex;flex-direction:column;gap:.65cqw;width:100%}
.new-mini>strong{margin:0}
.kpi-total{font-size:3.5cqw;font-weight:600;color:#6850cf;line-height:1.15;letter-spacing:-.15cqw}
.kpi-total small{font-size:.8cqw;letter-spacing:0;font-weight:400;color:#8b8fa2;margin-left:.3cqw}
.kpi-line{position:relative;display:flex;justify-content:space-between;font-size:.7cqw;padding-bottom:.65cqw;color:#6c7187}
.kpi-line i{position:absolute;bottom:0;left:0;right:0;height:.32cqw;background:#e2e5f1;border-radius:.3cqw;overflow:hidden}
.kpi-line i:before{content:"";display:block;width:var(--value);height:100%;background:linear-gradient(90deg,#b3b1ed,#7050d1)}
.calendar-week{display:flex;justify-content:space-between;gap:.25cqw;margin:.4cqw 0}
.calendar-week i{display:flex;flex-direction:column;align-items:center;gap:.6cqw;padding:.45cqw .3cqw;font-style:normal;color:#969aab}
.calendar-week small{font-size:.58cqw}.calendar-week b{font-size:.95cqw;color:#59637b}
.calendar-week i:nth-child(3){background:#7953d4;border-radius:.5cqw;color:#e4dcf8}.calendar-week i:nth-child(3) b{color:white}
.calendar-event{display:flex;flex-direction:column;padding:.8cqw;border-left:3px solid #8561d7;border-radius:.4cqw;background:#eee9fb;gap:.3cqw}
.calendar-event b{font-size:.8cqw;color:#5b458e}.calendar-event small{font-size:.64cqw;color:#9384ac}
.mini-caption{display:flex;align-items:center;gap:.35cqw;font-size:.68cqw;color:#729580;margin:.4cqw 0}.mini-caption .ui-icon{width:.9cqw;height:.9cqw}
.course-event{display:flex;align-items:center;gap:.6cqw;padding:.85cqw .65cqw;border:1px solid #e2e2ed;border-radius:.6cqw;background:#fff}
.course-event>.ui-icon{width:1.8cqw;height:1.8cqw;color:#8c79bd}.course-event>span{font-size:.85cqw;font-weight:500;color:#5c6275}.course-event small{display:block;font-size:.66cqw;color:#9a9daf;margin-top:.3cqw;font-weight:400}
.course-event.is-crm{border-color:#d5e5de;background:#f1f8f4}.course-event.is-crm>.ui-icon{color:#64a085}
.mini-transfer{align-self:center;color:#b1aec6;height:1.2cqw}.mini-transfer .ui-icon{width:1.2cqw;height:1.2cqw}
.webinar-preview{display:flex;align-items:center;justify-content:center;gap:.65cqw;min-height:5.3cqw;border-radius:.6cqw;background:linear-gradient(135deg,#ebe8fb,#d7e1f5);color:#8d82ba;margin:.2cqw 0}
.webinar-preview>.ui-icon{width:2cqw;height:2cqw}.webinar-preview small{font-size:.8cqw}
.new-mini .mini-task{margin:.1cqw 0}
.mini-demo-label{font-size:.55cqw!important;color:#a7adba;margin-top:auto}
@keyframes widgetProgress{to{width:100%}}

/* A visible end-to-end document route with a prominent operator stage. */
.documents{left:55.8%;top:48.8%;width:38.5%}
.documents:before{content:"";position:absolute;z-index:-1;inset:-1.5cqw -1.8cqw;background:radial-gradient(ellipse at 40% 40%,#fff9f1f7,#fff9f1dd 50%,#fff9f100 78%);pointer-events:none}
.document-copy{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.document-kicker{margin-bottom:.85cqw}
.document-kicker .eyebrow{font-size:clamp(11px,.88cqw,18px);letter-spacing:.11em;color:#8e785e}
.documents h2,.documents h2 span{font-size:3cqw;line-height:1.05;letter-spacing:-.13cqw}
.documents h2 span{margin-top:.25cqw;font-weight:400}
.documents p{font-size:clamp(14px,1.15cqw,22px);line-height:1.45;margin:1cqw 0 1.3cqw;color:#6b6559;max-width:36cqw}
.document-pipeline{position:relative;display:flex;flex-direction:column;gap:.8cqw}
.document-pipeline:before{content:"";position:absolute;left:1.5cqw;top:1.8cqw;bottom:1.8cqw;width:1px;background:#cfb393}
.pipeline-step{position:relative;display:flex;align-items:center;gap:.85cqw;min-height:4.9cqw;width:100%;text-align:left;background:#fffcf6f5;border:1px solid #eadbc7;border-radius:1cqw;padding:.75cqw .9cqw;color:#474a39;box-shadow:0 .25cqw 1cqw #65482908;transition:transform .2s,border-color .2s,background .2s}
.pipeline-step:hover{transform:translateX(3px);border-color:#e1b488;background:#fffdf9}
.pipeline-step:not(:last-child):after{content:"";position:absolute;left:1.3cqw;bottom:-.61cqw;width:.38cqw;height:.38cqw;border-right:1px solid #c0a786;border-bottom:1px solid #c0a786;transform:rotate(45deg)}
.pipeline-number{display:flex;align-items:center;justify-content:center;flex:none;width:1.2cqw;height:1.2cqw;font-size:clamp(10px,.8cqw,15px);font-variant-numeric:tabular-nums;background:#fffaf2;color:#aa957b}
.pipeline-icon{width:1.65cqw;height:1.65cqw;min-width:19px;min-height:19px;color:#aa7a4b}
.pipeline-step>span:nth-last-child(2){min-width:0;flex:1}
.pipeline-step strong{display:block;font-size:clamp(14px,1.16cqw,23px);line-height:1.2;font-weight:600}
.pipeline-step small{display:block;font-size:clamp(11px,.84cqw,17px);line-height:1.3;margin-top:.35cqw;color:#968671}
.pipeline-open{width:1.1cqw;height:1.1cqw;min-width:13px;min-height:13px;color:#bdac93}
.pipeline-step.is-saby{background:linear-gradient(110deg,#ecf3ff,#f6f8fff5);border-color:#b6c9f1;box-shadow:0 .35cqw 1.3cqw #4468c012}
.is-saby .pipeline-icon{color:#4a6bc4}.is-saby strong{color:#3759ac;font-size:1.7cqw;letter-spacing:-.03em}.is-saby strong em{font-size:.9cqw;font-style:normal;font-weight:400;letter-spacing:0;color:#8094bf}.is-saby small{color:#8491aa}.is-saby .pipeline-number{background:#edf3ff;color:#8ea3ce}
.is-return{border-color:#d5ddc9}.is-return .pipeline-icon{color:#6a8965}
.pipeline-status{display:inline-block;padding:.15cqw .4cqw;border-radius:.35cqw;background:#edf4e8;color:#6c8b61;font-weight:500;margin-right:.2cqw}
.document-assurance{display:flex;align-items:center;gap:.4cqw;margin:.8cqw 0 1.1cqw;font-size:clamp(11px,.86cqw,17px);color:#7d775f}
.document-assurance>[data-icon]{width:1.1cqw;height:1.1cqw;color:#78915f}
.document-actions{display:flex;align-items:center;gap:1.1cqw}
.documents .button{width:auto;min-height:3.8cqw;padding:0 1.3cqw;font-size:1.08cqw;gap:.8cqw;white-space:nowrap}
.document-demo-link{display:inline-flex;align-items:center;justify-content:center;gap:.4cqw;font-size:.95cqw;color:#80664b;line-height:1.25;text-align:left;max-width:9cqw}
.document-demo-link [data-icon]{width:1.25cqw;height:1.25cqw;flex:none}
.document-secondary{font-size:clamp(11px,.85cqw,17px);margin-top:.9cqw;color:#93816b}
.document-conversion{padding:1cqw;margin-top:.9cqw;background:#fffcf6f5;border:1px solid #eadbc7;border-radius:1.1cqw;box-shadow:0 .4cqw 1.5cqw #6646290d}
.document-conversion .document-assurance{margin:0 0 .85cqw;color:#88765b}
.document-conversion .document-actions{gap:.9cqw;justify-content:space-between}
.document-conversion .document-demo-link{background:none;border:0;padding:0;border-radius:0;max-width:none;font-size:clamp(11px,.92cqw,17px);gap:.45cqw;color:#9a734a}
.document-conversion .document-secondary{margin-top:.8cqw;font-size:clamp(11px,.82cqw,16px);color:#a08a6a}

/* All dialogs use the same stone/ivory palette and a real working example. */
dialog.experience-dialog{width:calc(100vw - 96px);max-width:960px;max-height:calc(100dvh - 64px);padding:34px;border:1px solid #e5d4b9;border-radius:30px;background:linear-gradient(145deg,#fffcf6,#f7f0e4);box-shadow:0 28px 110px #3d281e52;color:#30362c;overflow:auto;scrollbar-gutter:stable}
.experience-dialog::backdrop{background:#423a2a73;backdrop-filter:blur(5px)}
.experience-dialog .dialog-close{position:absolute;z-index:2;right:18px;top:18px;width:36px;height:36px;background:#eee5d5;border:1px solid #e4d5bf;color:#6a604e;border-radius:50%}
.experience-dialog .dialog-close:hover{background:#ffe3c7;color:#b54f1a}.experience-dialog .dialog-close .ui-icon{width:18px;height:18px}
.dialog-header{padding-right:24px;margin-bottom:23px}
.experience-dialog .dialog-eyebrow{font-size:10px;letter-spacing:1.65px;margin:0 0 13px;color:#9e7951;text-transform:uppercase}
.experience-dialog h2{font-size:clamp(27px,2.4vw,36px);font-weight:600;line-height:1.08;letter-spacing:-1.3px;padding:0;margin:0;max-width:none}
.experience-dialog .dialog-intro{font-size:14px;line-height:1.5;color:#8b806d;max-width:650px;margin:12px 0 0}
.example-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;color:#89795e;font-size:11px;line-height:1.3}
.example-label>span{display:flex;align-items:center;gap:7px}.example-label .ui-icon{width:14px;height:14px;color:#b78c5a}.example-label>small{font-size:10px;color:#a99b86}
.process-steps{display:flex;gap:5px;margin-bottom:18px;padding:4px;background:#ece3d3;border:1px solid #e1d2bc;border-radius:12px}
.process-steps button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:42px;padding:8px 9px;border:1px solid transparent;border-radius:9px;color:#9c8b73;font-size:12px;line-height:1.2;background:transparent;transition:.2s}
.process-steps button>span{font-size:10px;font-variant-numeric:tabular-nums;opacity:.65}
.process-steps button.is-current{color:#b55422;background:#fffbf3;border-color:#e7d3ba;box-shadow:0 2px 6px #6249270a}
.process-steps button.is-done{color:#6c7858}.process-steps button:hover{background:#fffaf09e;color:#9b663b}
.exchange-scheme{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;gap:0}
.exchange-node{align-self:stretch;display:flex;flex-direction:column;min-height:176px;padding:17px 15px;border:1px solid #e4d8c6;border-radius:16px;background:#fffdf7;box-shadow:0 4px 16px #54401f05}
.node-brand{font-size:22px;letter-spacing:-1.2px;color:#7b8b8d;margin-bottom:20px;font-weight:600;font-style:italic}.node-brand span{color:#21a4cd}
.exchange-node.is-accounting{background:#fbf2df;border-color:#e4cca7}.is-accounting .node-brand{color:#d15b36;font-style:normal}
.exchange-node.is-result{background:#f3f7ed;border-color:#d6dfca}
.record-line{margin:0 0 11px;line-height:1.3}.record-line>span{display:block;font-size:10px;color:#a69a85;margin-bottom:3px}.record-line>strong{display:block;font-size:12px;font-weight:500;color:#5f6651}
.record-line.is-positive>strong{color:#55835d}
.exchange-node>small{font-size:10px;color:#a69a84;line-height:1.3;margin-top:auto;padding-top:8px}
.scheme-arrow{display:flex;flex-direction:column;align-items:center;gap:7px;color:#cbbb9f}.scheme-arrow .ui-icon{width:25px;height:25px}.scheme-arrow small{font-size:9px;color:#ad9e86}.scheme-arrow.is-active{color:#e97635}.scheme-arrow.is-active small{color:#bd7d4d}
.process-explanation{display:flex;gap:16px;padding:20px;margin-top:18px;background:#f1e9dc;border:1px solid #e7d8c2;border-radius:16px}
.explanation-icon{display:flex;align-items:center;justify-content:center;flex:none;width:39px;height:39px;border:1px solid #e6caab;border-radius:12px;color:#bd6e36;background:#fff4e2}.explanation-icon .ui-icon{width:20px;height:20px}
.experience-dialog h3{margin:0;font-size:20px;font-weight:600;line-height:1.15;letter-spacing:-.6px}
.process-explanation p{font-size:12px;line-height:1.55;color:#93836b;margin:8px 0 9px}
.process-explanation strong{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#7b845f}.process-explanation strong .ui-icon{width:15px;height:15px;flex:none}
.process-note{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;font-size:10px;color:#a2947c;line-height:1.4}
.process-note>span{max-width:530px}.process-next{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:#b86b3b}.process-next .ui-icon{width:16px;height:16px}
.experience-dialog .dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:23px;padding-top:20px;border-top:1px solid #e1d2b9}
.dialog-bottom>div>strong{display:block;font-size:12px;font-weight:500;color:#7e715c;margin-bottom:7px}
.dialog-bottom>div>a{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#aa8960;text-decoration:none}.dialog-bottom>div>a .ui-icon{width:12px;height:12px}
.experience-dialog .button{min-height:45px;font-size:12px;border-radius:24px;white-space:nowrap;padding:0 19px;gap:14px;background:#f16b29;box-shadow:0 5px 15px #f16b2917}
.experience-dialog .button .ui-icon{width:16px;height:16px}
.document-workspace{display:grid;grid-template-columns:.85fr 1.25fr;gap:25px;align-items:stretch;padding:22px;background:#f0e7d8;border:1px solid #e2d2b8;border-radius:18px}
.document-explanation{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:5px 0}
.process-tag{display:inline-flex;border:1px solid #d9c4a5;border-radius:20px;padding:4px 8px;font-size:9px;color:#aa885e;text-transform:uppercase;letter-spacing:.7px;margin-bottom:13px}
.document-explanation>p{font-size:12px;line-height:1.6;color:#97856c;margin:11px 0 15px}
.crm-return{display:flex;align-items:flex-start;gap:10px;margin-top:auto;padding:13px;background:#faf7ee;border:1px solid #e0d5bf;border-radius:12px;width:100%}
.crm-return>span{color:#899572;flex:none}.crm-return .ui-icon{width:18px;height:18px;margin-top:1px}
.crm-return strong{display:block;font-size:11px;font-weight:500;color:#7b8265}.crm-return p{font-size:11px;line-height:1.45;color:#9b917c;margin:5px 0 0}
.crm-return.signed{background:#f0f5e9;border-color:#cfdabc}.crm-return.rejected{background:#fcf0e7;border-color:#ecccb5}.crm-return.attention{background:#fff5dd;border-color:#e9d49f}
.crm-return.rejected strong,.crm-return.rejected>span{color:#b67d55}.crm-return.attention strong,.crm-return.attention>span{color:#b39a55}
.paper-preview{position:relative;display:flex;flex-direction:column;padding:22px 20px;background:#fffdf7;border:1px solid #e6d9bf;border-radius:3px 16px 3px 3px;box-shadow:0 8px 15px #6a502012;min-height:255px;transform:rotate(-2deg)}
.paper-top{display:flex;justify-content:space-between;align-items:center;color:#b5a58b;font-size:8px;letter-spacing:.7px}.paper-top b{font-size:9px;color:#b78e60;background:#f7efdf;padding:4px 5px;letter-spacing:0;border-radius:4px}
.paper-preview h4{font-size:19px;letter-spacing:-.7px;font-weight:500;color:#5a604d;margin:22px 0 9px;line-height:1.1}.paper-preview h4 span{display:block;margin-top:3px;font-size:14px;color:#a69b85;letter-spacing:0}
.paper-preview p{font-size:10px;color:#b3a58e;margin:0 0 18px}
.paper-rule{display:block;height:2px;margin:0 0 7px;background:#e9e0cf}.paper-rule.short{width:70%}
.paper-sum{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#b1a189;margin-top:14px}.paper-sum strong{font-weight:500;color:#736d58}
.paper-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#a08a66;padding:10px;border:1px solid #e8d7b7;border-radius:8px;margin-top:auto;background:#fcf7eb}.paper-status .ui-icon{width:17px;height:17px}
.paper-status.signed{color:#729066;border-color:#cbdabb;background:#f0f5e9}.paper-status.rejected{color:#bc855e;border-color:#e4c6ac;background:#fcf0e7}.paper-status.attention{color:#b49b55;border-color:#e6d49f;background:#fff7dc}
.crm-preview{background:#fffcf6;border:1px solid #e0d4bd;border-radius:14px;padding:22px 19px;min-height:255px}
.preview-brand{font-size:22px;font-weight:600;color:#7e8c8c;letter-spacing:-1px;font-style:italic;margin-bottom:22px}.preview-brand>span{color:#23a6cc}.preview-brand>small{display:block;font-size:9px;color:#b4a78e;letter-spacing:0;font-style:normal;font-weight:400;margin-top:5px}
.crm-preview h4{font-size:15px;letter-spacing:-.3px;font-weight:500;margin:0 0 18px}.crm-preview .record-line{margin-bottom:12px}
.preview-note{display:flex;align-items:center;gap:5px;color:#9b8e73;font-size:10px;margin-top:18px}.preview-note .ui-icon{width:14px;height:14px}
.saby-preview{min-height:255px;border:1px solid #c6d3ed;border-radius:14px;background:linear-gradient(135deg,#f0f6ff,#e7eefe);padding:20px 18px}
.saby-wordmark{font-size:27px;color:#5f7fc0;font-weight:600;letter-spacing:-1px}.saby-wordmark small{font-size:13px;letter-spacing:0;font-weight:400;color:#9bafd1}
.saby-delivery{display:flex;flex-direction:column;align-items:center;padding:18px 5px 15px;gap:7px}.saby-delivery>.ui-icon{width:32px;height:32px;color:#7897d1;margin-bottom:3px}.saby-delivery strong{font-size:13px;font-weight:500;color:#6e84b2}.saby-delivery>span{font-size:10px;color:#9daecb}.saby-delivery>b{font-size:10px;font-weight:500;color:#9b915d;background:#fbf4d8;border:1px solid #e4d8b0;border-radius:5px;padding:4px 7px;margin-top:5px}
.saby-recipient{display:flex;align-items:center;gap:5px;padding-top:12px;border-top:1px solid #cfdbef;font-size:9px;color:#99adcd}.saby-recipient .ui-icon{width:14px;height:14px}
.result-options{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 15px}.result-options button{font-size:10px;border:1px solid #d9c7aa;border-radius:15px;padding:6px 8px;color:#a38e6e;background:#f8f1e4}.result-options button[aria-pressed="true"]{background:#fffdf5;border-color:#bbbf99;color:#7d885f}
.experience-dialog :focus-visible{outline:2px solid #ca884f;outline-offset:3px}

/* A contact conversation with a clear, honest next step. */
#contact-dialog.contact-experience{max-width:920px;padding:0;scrollbar-gutter:auto}
.contact-layout{display:grid;grid-template-columns:.85fr 1.2fr;min-height:520px}
.contact-brief{padding:34px 30px;background:radial-gradient(ellipse at 0 100%,#edd1a7,#ede2cd 62%,#f2e9d9);border-right:1px solid #e3d2b5;display:flex;flex-direction:column}
.contact-brief .brand{font-size:27px;letter-spacing:-1.8px;margin-bottom:46px}.contact-brief .brand-dot{width:4px;height:4px;margin-left:2px}
.contact-brief .dialog-eyebrow{font-size:9px;color:#aa8c64}
.contact-brief h3{font-size:31px;font-weight:500;line-height:1.04;letter-spacing:-1.2px;color:#575e45}
.contact-brief ul{list-style:none;margin:28px 0;padding:0;display:flex;flex-direction:column;gap:15px}.contact-brief li{display:flex;align-items:center;gap:10px;font-size:11px;color:#a18a66;line-height:1.4}.contact-brief li>[data-icon]{width:18px;height:18px;color:#ae8959}
.brief-telegram{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:11px;color:#9b794f;text-decoration:none}.brief-telegram .ui-icon{width:13px;height:13px}
.contact-form-side{padding:45px 32px 30px}.contact-form-side .dialog-intro{font-size:13px;line-height:1.5;margin-top:13px}
.contact-form-side h2{font-size:31px;letter-spacing:-1.2px;line-height:1.04;max-width:340px}
.contact-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px}.contact-topics button{padding:7px 9px;border-radius:18px;border:1px solid #dfcdb0;background:#f9f2e5;color:#a08761;font-size:10px;line-height:1.2}.contact-topics button[aria-pressed="true"]{border-color:#e0aa7b;background:#fff4e3;color:#ba6a32}
.contact-experience #contact-form{margin-top:23px}.contact-experience #contact-form label{font-size:11px;color:#9d8665;margin-bottom:9px}
.contact-experience #project-task{height:118px;min-height:100px;background:#fffdf6;border:1px solid #e1cfb1;font-size:12px;line-height:1.5;color:#7e7057;padding:13px;border-radius:12px;resize:vertical}
.contact-experience #project-task::placeholder{color:#c0b196}
.contact-experience #contact-form .button{width:100%;display:flex;justify-content:space-between;margin-top:15px}
.contact-experience .form-note{font-size:10px;line-height:1.5;color:#b2a083;margin:10px 0 0}.contact-experience .form-result{font-size:11px;color:#88916c;line-height:1.5;background:#f0f3e6;border:1px solid #d7ddc3;border-radius:9px;padding:10px;margin-top:10px}
.contact-experience .contact-email{margin:20px 0 0;padding:0;border:0;font-size:13px;display:inline-flex;justify-content:flex-start;gap:9px;color:#a18a66;text-decoration:none}.contact-email .ui-icon{width:14px;height:14px}
@media(max-height:760px){dialog.experience-dialog{padding:25px;max-height:calc(100dvh - 30px)}.dialog-header{margin-bottom:18px}.experience-dialog h2{font-size:28px}.experience-dialog .dialog-bottom{margin-top:18px;padding-top:16px}.document-workspace{padding:17px;gap:20px}.paper-preview,.crm-preview,.saby-preview{min-height:235px}.process-steps{margin-bottom:14px}.contact-layout{min-height:490px}.contact-brief{padding:28px}.contact-form-side{padding:38px 28px 25px}}
@media(prefers-reduced-motion:reduce){.widget-track{transition:none}.auto-progress:before{animation:none!important}.paper-preview{transform:none}}
/* Keep small explanatory text readable on warm backgrounds. */
html{scrollbar-gutter:stable}html.has-open-dialog{overflow:hidden}
.experience-dialog h2{font-size:32px}
.experience-dialog .dialog-intro{font-size:15px;color:#776c5b}
.process-steps button{font-size:13px;color:#84745f}
.record-line>span{font-size:11px;color:#8d7e67}.record-line>strong{font-size:14px;color:#535c46}
.exchange-node>small{font-size:11px;color:#897a63}
.scheme-arrow small{font-size:10px;color:#99876c}
.process-explanation p{font-size:14px;color:#7b6c55}
.process-explanation strong{font-size:12px;color:#6f7b53}
.process-note{font-size:11px;color:#8e7d62}
.dialog-bottom>div>strong{font-size:13px;color:#71634e}.dialog-bottom>div>a{font-size:12px;color:#a27645}
.document-explanation>p{font-size:14px;color:#7b6a50}
.crm-return strong{font-size:12px;color:#67744f}.crm-return p{font-size:12px;color:#88795f}
.result-options button{font-size:11px;color:#8b7452}
.example-label{font-size:12px;color:#847154}.example-label>small{font-size:11px;color:#95846a}
.crm-preview h4{font-size:16px}.preview-note{font-size:11px;color:#827154}
.saby-delivery>span{font-size:11px;color:#7588aa}.saby-delivery strong{font-size:14px;color:#5e77a7}
.saby-recipient{font-size:10px;color:#758cb5}
.contact-brief li{font-size:12px;color:#88714e}.contact-brief .dialog-eyebrow{color:#957345}
.contact-form-side .dialog-intro{font-size:14px;color:#827157}
.contact-topics button{font-size:11px;color:#8d7450}
.contact-experience #contact-form label{font-size:12px;color:#89704d}
.contact-experience #project-task{font-size:13px;color:#706047}
.contact-experience #project-task::placeholder{color:#aa997e}
.contact-experience .form-note{font-size:11px;color:#998466}
.contact-experience .contact-email{color:#8e714c}
.experience-dialog .button{font-size:13px}