.guided-tour{--demo-blue:#194d7b;--demo-ink:#143a56;--demo-orange:#f6921e}
.tour-steps{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #42647d28;padding:13px 0;overflow-x:auto;scrollbar-width:none}
.tour-steps::-webkit-scrollbar{display:none}
.tour-steps button{background:none;border:0;padding:12px 0;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.045em;color:#78909f;white-space:nowrap}
.tour-steps button span{font-family:Space;font-size:10px}
.tour-steps button[aria-selected=true]{color:#21475e}
.tour-steps button[aria-selected=true] span{display:grid;place-items:center;background:#173a54;border-radius:50%;color:#fff;width:25px;height:25px}
.tour-progress{background:#d7e3ec;height:3px;overflow:hidden}
.tour-progress>span{display:block;height:100%;background:#f6921e;transition:width .45s ease}
.tour-progress-top{background:#f6921e24;border-radius:3px;margin-bottom:27px}
.tour-progress-top>span{border-radius:inherit}
.tour-panel{background:#b0bfca40;border:1px solid #fff;padding:18px;border-radius:27px 27px 0 0}
.product-shell{background:radial-gradient(ellipse at 100% 90%,#d4d0ed8a,transparent 51%),radial-gradient(ellipse at 40% 0%,#cadfff80,transparent 62%),#eaf1f5;border-radius:23px;overflow:hidden;box-shadow:0 14px 35px #1c3d5312;color:var(--demo-ink);isolation:isolate}
.product-header{display:flex;align-items:center;justify-content:space-between;padding:26px 35px 18px;gap:25px}
.product-header>img{width:122px;height:auto}
.product-mode{font-size:8px;letter-spacing:.09em;color:#6a899f;margin-right:auto;border-left:1px solid #254e6a20;padding-left:25px}
.demo-status{display:flex;align-items:center;gap:7px;border-radius:20px;background:#ffffffa3;padding:10px 13px;color:#637f92;font-size:7px;letter-spacing:.05em}
.demo-status i{height:5px;width:5px;border-radius:50%;background:#658da9}
.tour-screen{padding:15px 35px 25px}
.z-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}
.z-demo-heading h3{font-size:30px;line-height:1.3;letter-spacing:-.01em;margin-top:9px;color:#193f5a}
.z-demo-heading p{font-size:11px;line-height:1.8;color:#728c9f;margin-top:9px}
.z-eyebrow{display:block;font-size:7px;letter-spacing:.09em;line-height:1.8;color:#7390a4}
.z-tag{display:inline-block;flex-shrink:0;border-radius:20px;padding:5px 9px;background:#e5edf4;color:#668298;font-size:8px;line-height:1.6;white-space:nowrap}
.z-tag.green{background:#dfeee9;color:#46766b}.z-tag.blue{background:#dce8f3;color:#3e6e91}.z-tag.orange{background:#ffebd1;color:#966637}
.z-demo-layout{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:48px;align-items:center;max-width:1050px;margin:0 auto}
.phone-wrap{display:flex;align-items:center;flex-direction:column;min-width:0}
.phone-caption{font-size:7px;letter-spacing:.12em;color:#65879f;margin-bottom:25px}
.phone-shell{width:348px;max-width:100%;border-radius:42px;background:linear-gradient(145deg,#627b8e,#263849 23%,#122234 70%,#889da9);padding:7px;box-shadow:0 25px 55px #304b6727,0 0 0 1px #7998ac50;position:relative;isolation:isolate}
.phone-frame{background:#eef4f7;border-radius:35px;overflow:hidden;min-height:599px;display:flex;flex-direction:column}
.phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:11px 21px 6px;background:#fbfdff;font:600 10px Manrope;color:#244154}
.phone-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:19px;width:75px;border-radius:15px;background:#162434}
.phone-signal{font-size:7px;display:flex;align-items:center;gap:5px;letter-spacing:1px}
.phone-signal i{display:inline-block;height:6px;width:12px;border:1px solid #52697b;border-radius:2px;position:relative}
.phone-signal i:after{content:"";position:absolute;inset:1px;background:#52697b}
.chat-header{display:flex;align-items:center;gap:10px;padding:13px 13px;background:#fbfdff;border-bottom:1px solid #cbd9e52e;color:#21485f}
.chat-back{font:400 30px/1 Arial;color:#426984}
.chat-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#255a80,#527fa0);color:#e6f4ff;font-size:21px}
.chat-header h4{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:0;word-spacing:0}
.chat-header div>span{font-size:6.5px;line-height:1.8;color:#91a2b1;display:block;margin-top:3px}
.chat-menu{margin-left:auto;font-size:21px;color:#738d9f}
.chat-content{padding:17px 12px 16px;display:flex;flex-direction:column;gap:13px;min-height:441px;background:radial-gradient(#618ca414 .7px,transparent .8px) 0 0/14px 14px,#e9f0f4}
.chat-date{font-size:6px;letter-spacing:.045em;color:#7b93a5;border-radius:10px;padding:5px 8px;background:#dce7ef99;align-self:center;margin:0 0 4px}
.chat-bubble{position:relative;max-width:94%;padding:12px 13px 9px;border-radius:16px;box-shadow:0 3px 8px #2e536607}
.chat-bubble.assistant{align-self:flex-start;border-top-left-radius:5px;background:#fcfdff;color:#345970}
.chat-bubble.broker{align-self:flex-end;border-top-right-radius:5px;background:#d3e3ef;color:#2f5570}
.bubble-author{display:block;font-size:6px;font-weight:600;letter-spacing:.06em;line-height:1.7;color:#7392a7;margin-bottom:7px}
.bubble-text{font-size:12px;line-height:1.75;letter-spacing:0;word-spacing:0;overflow-wrap:anywhere}
.bubble-text strong{font-weight:600;color:#264d67}
.bubble-time{display:block;text-align:right;font:400 6px Manrope;color:#9aadba;margin-top:8px;line-height:1.5}
.bubble-time b{font-size:8px;letter-spacing:-2px;color:#5a94b3;margin-left:4px}
.chat-reference{display:block;font-size:6px;line-height:1.8;color:#9aaebb;border-top:1px solid #a4bac630;padding-top:9px;margin-top:12px}
.chat-action{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:13px;padding:11px 10px;border:1px solid #c2d7e5;background:#ebf3f8;border-radius:10px;color:#326686;font-size:9px;line-height:1.5}
.chat-action svg{width:14px;height:14px;flex-shrink:0}.chat-action:hover{background:#d8e9f4}.chat-action:disabled{background:#e4f2eb;border-color:#cce5d9;color:#568576;cursor:default}
.chat-unit{display:grid;grid-template-columns:auto 1fr;gap:6px 11px;border-top:1px solid #dce6ed;padding-top:10px;margin-top:10px}
.chat-unit>span{display:flex;gap:6px;align-items:center;color:#50758e;font-size:10px}.chat-unit svg{width:15px;height:15px}
.chat-unit small{font-size:7px;line-height:1.8;text-align:right;color:#8aa0b0}.chat-unit strong{grid-column:1/-1;font-size:11px;color:#2f5975;font-weight:500}
.phone-compose{display:flex;align-items:center;gap:11px;padding:12px 15px 9px;border-top:1px solid #d1dee52e;background:#f9fcff;color:#6a899f;margin-top:auto}
.phone-compose>span:first-child{font-size:21px;font-weight:400}.phone-compose>span:last-child svg{width:19px;height:19px}
.phone-compose>div{border:1px solid #d3e0e9;border-radius:20px;background:#edf4f8;padding:10px 13px;flex:1;font-size:9px;color:#9fb1bf;display:flex;align-items:center;justify-content:space-between}
.phone-home{background:#345268;height:3px;width:88px;border-radius:2px;align-self:center;margin:7px 0 9px}
.phone-footnote{font-size:6px;color:#8aa0b1;line-height:1.8;margin-top:17px}
.z-workspace{display:flex;flex-direction:column;gap:18px;min-width:0}
.z-card{padding:27px;background:#ffffffb8;border-radius:23px;min-width:0;border:1px solid #fff}
.z-card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.z-card-heading h4{font-size:22px;line-height:1.4;letter-spacing:-.015em;word-spacing:.025em;margin-top:8px;font-weight:400;color:#254f6b}
.z-card-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ccdce754;background:linear-gradient(135deg,#f7fcff,#dbe9f3);border-radius:14px;color:#6c91aa;flex-shrink:0}
.z-card-icon svg{width:24px;height:24px}
.z-stock{display:flex;align-items:center;gap:17px;padding:0 0 25px}
.z-stock>strong{font:500 52px/1 Space;color:#235b85}
.z-stock>div>span{font-size:11px;color:#4d7290;line-height:1.8}.z-stock p{font-size:8px;color:#99abb8;margin-top:3px}
.z-stock>.z-tag{margin-left:auto;font-size:6px}
.z-stock-types{display:flex;gap:25px;border-top:1px solid #d6e1ea;border-bottom:1px solid #d6e1ea;padding:16px 0}
.z-stock-types>span{font-size:9px;color:#7290a5;display:flex;align-items:center;gap:20px;flex:1}.z-stock-types b{font:500 17px Space;color:#446f8e;margin-left:auto}
.z-card-subtitle{font-size:6px;line-height:1.8;letter-spacing:.055em;color:#93a9b9;margin:22px 0 10px}
.z-unit-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-top:1px solid #dbe5ed}
.z-unit-icon{display:grid;place-items:center;border-radius:11px;background:#eaf2f8;width:31px;height:31px;color:#7393a8;flex-shrink:0}.z-unit-icon svg{width:20px;height:20px}
.z-unit-row>div:nth-child(2){flex:1}.z-unit-row b{font-size:10px;font-weight:500;line-height:1.7;color:#3e6681;display:block}
.z-unit-row>div>span{font-size:7px;line-height:1.8;color:#95a8b6;display:block;margin-top:4px}
.z-unit-row>strong{font-size:10px;font-weight:500;color:#527b97;white-space:nowrap}.z-unit-row>.z-tag{font-size:6px}
.z-price{font:500 39px/1.2 Space;color:#275b82;padding:3px 0 22px}
.z-price>span{display:block;font:400 8px/1.8 Manrope;color:#96aab9;margin-top:10px}
.z-detail-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe5ed;padding:14px 0}
.z-detail-line>span{font-size:8px;line-height:1.8;color:#96aaba}.z-detail-line b{font-size:10px;line-height:1.8;font-weight:500;color:#52768f;text-align:right}
.z-reference{display:flex;gap:12px;align-items:center;padding:14px 16px;margin-top:13px;border-radius:12px;background:#e5eff6;font-size:8px;line-height:1.8;color:#6e93ab}.z-reference svg{width:22px;height:22px;flex-shrink:0}
.z-client-heading,.z-crm-person{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.z-client-initials{display:grid;place-items:center;height:39px;width:39px;border-radius:12px;background:#e3edf5;color:#5481a2;font:500 11px Space;flex-shrink:0}
.z-client-heading>div,.z-crm-person>div{flex:1}.z-client-heading b,.z-crm-person b{font-size:12px;font-weight:500;color:#4f7793;display:block;line-height:1.8}
.z-client-heading>div>span,.z-crm-person>div>span{font-size:7px;color:#96acbd;display:block;margin-top:3px;line-height:1.8}
.z-client-heading>.z-tag{font-size:6px;white-space:normal;max-width:105px;text-align:center}
.z-card-note{font-size:9px;line-height:1.9;color:#8da3b3;border-top:1px solid #dbe5ed;margin-top:20px;padding-top:18px}
.z-preferences{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:20px}.z-preferences>.z-tag{font-size:7px}
.z-match-card{display:grid;grid-template-columns:1fr auto;gap:10px 20px;padding:20px;border:1px solid #d7e5ee;border-radius:15px;background:#f1f7fb;margin-top:12px}
.z-match-card h5{font:500 18px/1.5 Manrope;color:#466f8d;letter-spacing:-.01em;margin:7px 0}
.z-match-card p{font-size:9px;color:#92a9bb}.z-match-card>strong{font:500 15px Space;color:#507d9b;align-self:center}
.z-match-card>.z-tag{grid-column:2;justify-self:end;font-size:6px}
.z-appointment{display:flex;align-items:center;gap:17px;margin-bottom:25px}
.z-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 13px;background:#e0edf6;border-radius:15px;color:#507f9f;min-width:75px}
.z-calendar-day b{font:500 36px/1 Space}.z-calendar-day>span{font-size:6px;line-height:1.8;letter-spacing:.04em;margin-top:9px}
.z-appointment strong{font-size:13px;font-weight:500;color:#5c829b;display:block;line-height:1.8}
.z-appointment p{font-size:9px;color:#91a7b7;margin-top:5px}
.z-crm-row{display:flex;align-items:center;gap:12px;border-top:1px solid #dbe5ed;padding:21px 0}
.z-crm-number{font:500 8px Space;background:#e6eef5;border-radius:50%;color:#8ca2b3;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}
.z-crm-number.done{background:#ddede4;color:#558974;font-size:11px}.z-crm-row>div{flex:1}.z-crm-row b{font-size:10px;line-height:1.7;font-weight:500;color:#5c829b}.z-crm-row p{font-size:8px;line-height:1.8;color:#99aebc;margin-top:5px}
.z-crm-row>.z-tag{font-size:6px}
.z-insight{border-radius:18px;background:#133955;padding:22px 25px;color:#d4e6f4;display:flex;align-items:flex-start;gap:17px}
.z-insight-spark{font-size:25px;color:#bdd6e9;line-height:1}
.z-insight .z-eyebrow{font-size:6px;color:#9dbad0;line-height:1.8}.z-insight p{font-size:10px;line-height:1.9;color:#a3bfd2;margin-top:8px}
.z-demo-disclaimer{font-size:7px;color:#9fb1bf;line-height:1.8;text-align:center}
.product-footer{padding:22px 35px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:6px;letter-spacing:.04em;color:#8da4b7}
.product-footer>span:first-child{display:flex;align-items:center;gap:8px}.product-footer img{width:54px;height:auto;filter:brightness(0);opacity:.6}
.tour-coach{background:#fff;display:grid;grid-template-columns:52px 1fr auto;gap:25px;align-items:center;padding:28px 30px;border:1px solid #e3ebf0;min-height:150px}
.coach-number{font:500 36px/1 Space;color:#d7e1e9}.coach-kicker{font-size:7px;letter-spacing:.09em;color:#7290a7;display:block;margin-bottom:8px}
.coach-story h3{font-size:22px;line-height:1.3;letter-spacing:-.01em;word-spacing:.025em;color:#1b3e58}.coach-story p{font-size:11px;color:#8398a8;max-width:650px;line-height:1.8;margin-top:8px}
.coach-controls{text-align:right;display:flex;flex-direction:column;gap:13px;justify-content:center}.coach-controls>span{font:500 8px Space;color:#8ba1b2}.coach-controls>div{display:flex;gap:8px}
.coach-controls button{border:0;background:#163e5e;color:white;min-height:42px;font-size:8px;letter-spacing:.04em;padding:13px 16px;display:flex;gap:27px;align-items:center;justify-content:space-between}
.coach-controls #tour-prev{padding-inline:14px;background:#edf2f6;color:#51768f;font-size:16px}.coach-controls #tour-prev:disabled{opacity:.35;cursor:not-allowed}.coach-controls #tour-next span{font-size:16px;line-height:1}.coach-controls #tour-next:hover{background:#f6921e;color:#4b2e0a}
@property --tour-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.tour-focus{position:relative;outline:2px solid #f6921e65;outline-offset:4px;box-shadow:0 25px 55px #304b6727,0 0 0 7px #f6921e13}
.tour-focus::after{content:"";position:absolute;inset:-6px;border-radius:48px;padding:2px;background:conic-gradient(from var(--tour-border-angle),#f6921e70 0deg,#f6921e70 225deg,#f6921e 275deg,#fff0c8 300deg,#ffb65b 318deg,#f6921e70 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:tour-border-orbit 8s linear infinite}
@keyframes tour-border-orbit{to{--tour-border-angle:360deg}}
.focus-label{position:absolute;top:-18px;left:23px;width:32px;height:26px;background:#f6921e;color:#482f0e;font:500 11px/1 Space;letter-spacing:.02em;border-radius:20px;z-index:2;display:grid;place-items:center;box-shadow:0 3px 9px #5d300a16}
.scene-enter{animation:scene-enter .4s cubic-bezier(.22,.68,.25,1)}
@keyframes scene-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 .z-demo-layout{grid-template-columns:minmax(300px,.94fr) minmax(0,1.06fr);gap:29px}.tour-screen{padding-inline:24px}.product-header{padding-inline:24px}.z-card{padding:23px}.z-card-heading h4{font-size:19px}.z-unit-row{gap:9px;flex-wrap:wrap}.z-unit-row>.z-tag{display:none}.z-stock>.z-tag{display:none}.z-demo-heading h3{font-size:27px}.coach-story h3{font-size:20px}.phone-shell{width:320px}.bubble-text{font-size:10px}.z-stock-types{gap:18px}.z-client-heading{flex-wrap:wrap}.z-client-heading>.z-tag{max-width:none;margin-left:51px}
}
@media(max-width:760px){
 .tour-steps{gap:25px;justify-content:flex-start;padding:8px 0}.tour-steps button{font-size:7px;gap:9px;padding:8px 0}.tour-steps button span{font-size:9px}.tour-steps button[aria-selected=true] span{height:23px;width:23px}.tour-progress-top{margin-bottom:17px}
 .tour-panel{padding:8px;border-radius:19px 19px 0 0}.product-shell{border-radius:14px}.product-header{padding:22px 18px 15px;gap:12px}.product-header>img{width:100px}.product-mode{display:none}.demo-status{font-size:5px;gap:5px;padding:8px 10px}.demo-status i{width:4px;height:4px}
 .tour-screen{padding:12px 18px 20px}.z-demo-heading{display:block;margin-bottom:28px}.z-demo-heading h3{font-size:23px;line-height:1.35}.z-demo-heading p{font-size:10px;line-height:1.8;margin-top:11px}.z-demo-heading>.z-tag{margin-top:14px;font-size:7px}.z-eyebrow{font-size:6px}
 .z-demo-layout{grid-template-columns:1fr;gap:28px}.phone-caption{margin-bottom:23px;font-size:6px}.phone-shell{width:320px;border-radius:37px;padding:6px}.phone-frame{border-radius:31px;min-height:581px}.phone-camera{width:69px;height:17px}.chat-content{padding:15px 10px;min-height:420px}.chat-header{gap:8px;padding:12px 10px}.chat-avatar{width:31px;height:31px;border-radius:10px;font-size:19px}.chat-header h4{font-size:11px}.chat-header div>span{font-size:6px}.bubble-text{font-size:11px;line-height:1.8}.chat-bubble{padding:11px 11px 8px}.chat-action{font-size:8px}.phone-footnote{font-size:5px}
 .tour-focus{outline-width:1.5px;outline-offset:3px}.tour-focus::after{inset:-4.5px;border-radius:42px;padding:1.5px}.focus-label{top:-17px;left:20px;width:28px;height:24px;font-size:10px}
 .z-card{padding:22px 18px;border-radius:18px}.z-card-heading{gap:15px;margin-bottom:21px}.z-card-heading h4{font-size:19px}.z-card-icon{width:37px;height:37px;border-radius:12px}.z-card-icon svg{width:22px;height:22px}.z-stock{gap:14px}.z-stock>strong{font-size:47px}.z-stock-types>span{font-size:8px;gap:12px}.z-stock-types{gap:20px}.z-unit-row>strong{font-size:9px}.z-unit-row b{font-size:10px}.z-unit-row>div>span{font-size:7px}.z-unit-icon{height:28px;width:28px}.z-price{font-size:34px}.z-detail-line{gap:13px}.z-detail-line b{font-size:9px}.z-detail-line>span{font-size:8px}.z-reference{font-size:8px;padding:13px}
 .z-client-heading b,.z-crm-person b{font-size:11px}.z-match-card{padding:16px;gap:8px 15px}.z-match-card>strong{font-size:12px}.z-match-card h5{font-size:17px}.z-match-card p{font-size:8px}.z-appointment{gap:15px}.z-appointment strong{font-size:11px}.z-appointment p{font-size:8px}.z-calendar-day{min-width:65px}.z-calendar-day b{font-size:31px}.z-crm-row{gap:10px;flex-wrap:wrap}.z-crm-row>.z-tag{font-size:6px}.z-insight{padding:21px 19px;gap:14px}.z-insight p{font-size:10px}.z-demo-disclaimer{font-size:6px}.z-card-note{font-size:9px}
 .product-footer{padding:17px 18px 23px;font-size:5px;gap:12px;line-height:1.8}.product-footer>span:first-child{gap:6px;flex-wrap:wrap}.product-footer>span:last-child{font-size:4px;white-space:nowrap}.product-footer img{width:39px}
 .tour-coach{grid-template-columns:31px 1fr;padding:23px 20px;gap:12px;min-height:0}.coach-number{font-size:27px;align-self:start;margin-top:19px}.coach-kicker{font-size:6px;line-height:1.8;margin-bottom:8px}.coach-story h3{font-size:19px;line-height:1.4}.coach-story p{font-size:10px;line-height:1.9;margin-top:10px}.coach-controls{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;margin-top:5px;gap:12px}.coach-controls>span{font-size:6px;white-space:nowrap}.coach-controls button{font-size:7px;padding:11px 12px;gap:15px;min-height:39px}.coach-controls #tour-prev{font-size:14px;padding-inline:12px}.coach-controls #tour-next span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.tour-focus::after{animation:none}.scene-enter{animation:none}.tour-progress>span{transition:none}}

.demo-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}