.z-demo{--zd-ink:#142631;--zd-muted:#60717c;--zd-orange:#f47628;max-width:1440px;color:var(--zd-ink);margin:0 auto;padding:32px 28px 50px;font-size:16px}.zd-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.zd-eyebrow{letter-spacing:.14em;color:#bd4f13;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.zd-heading h1{letter-spacing:-.04em;max-width:800px;font-size:clamp(25px,2.7vw,38px);font-weight:850;line-height:1.15}.zd-heading p:not(.zd-eyebrow){color:var(--zd-muted);margin-top:10px}.zd-primary{background:var(--zd-orange);color:#171d20;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:15px 20px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.zd-primary:hover{background:#ff963f}.zd-metrics{background:#fff;border:1px solid #dfe5e8;border-radius:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px;display:grid;overflow:hidden}.zd-metrics>div{border-right:1px solid #e3e8eb;padding:19px 24px}.zd-metrics>div:last-child{border:0}.zd-metrics span,.zd-metrics strong{display:block}.zd-metrics span{color:var(--zd-muted);margin-bottom:6px;font-size:13px}.zd-metrics strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:29px;line-height:1.2}.zd-metrics small{color:var(--zd-muted);font-size:14px;font-weight:500}.zd-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.zd-model{background:#fff;border:1px solid #d8e1e6;border-radius:16px;min-width:0;overflow:hidden}.zd-toolbar{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.zd-tabs{gap:8px;display:flex}.zd-tabs button,.zd-icon-button{color:#526570;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:14px;display:flex}.zd-tabs button.active{color:#142631;background:#eaf0f3;font-weight:750}.zd-icon-button{border:1px solid #dce5e9}.zd-canvas-wrap{background:#101f2b;position:relative}.zd-scene{width:100%;height:490px}.zd-scene canvas{touch-action:none;width:100%;height:100%;display:block}.zd-scene-caption{pointer-events:none;color:#e6f0f3;gap:6px;display:grid;position:absolute;top:20px;left:22px}.zd-scene-caption span{letter-spacing:.16em;color:#82a2b5;font-size:12px;font-weight:700}.zd-scene-caption strong{font-size:19px}.zd-camera{gap:7px;display:flex;position:absolute;top:18px;right:16px}.zd-camera button{color:#dae8ef;cursor:pointer;background:#213846e8;border:1px solid #45606d;border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:12px;display:flex}.zd-camera button:hover{background:#335367}.zd-gesture{color:#c1d7e1;pointer-events:none;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.zd-controls{padding:17px 20px}.zd-stages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.zd-stages>span{color:var(--zd-muted);margin-right:auto;font-size:13px}.zd-stages button{cursor:pointer;border:1px solid #dbe4e9;border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.zd-stages button.active{color:#ac4810;background:#fff1e7;border-color:#ec7b36}.zd-stages button>span{background:#eaf0f3;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.zd-stages button.active>span{color:#fff;background:#f47628}.zd-switches{border-top:1px solid #e6ecef;flex-wrap:wrap;gap:12px 20px;margin-top:14px;padding-top:16px;display:flex}.zd-switches label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.zd-switches input{accent-color:#e36d23;width:16px;height:16px}.zd-detail{background:#fff;border:1px solid #d8e1e6;border-radius:16px;min-width:0;padding:23px}.zd-detail-top{letter-spacing:.08em;color:#6d7c85;justify-content:space-between;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.zd-part-tag{color:#ab470e;letter-spacing:0;background:#fff0e5;border-radius:6px;padding:7px 9px;font-size:13px}.zd-detail h2{margin:14px 0 3px;font-size:28px;font-weight:800}.zd-location{color:var(--zd-muted);font-size:14px}.zd-dimensions{border-bottom:1px solid #e7ecef;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0;padding-bottom:18px;display:grid}.zd-dimensions span{color:var(--zd-muted);margin-bottom:3px;font-size:12px;display:block}.zd-dimensions strong{font-size:17px}.zd-dimensions small{color:var(--zd-muted);font-size:12px;font-weight:400}.zd-formula>span{color:var(--zd-muted);font-size:13px}.zd-formula p{color:var(--zd-muted);font-variant-numeric:tabular-nums;margin:9px 0;font-size:15px}.zd-formula strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:38px}.zd-formula small{font-size:19px;font-weight:500}.zd-reserve{margin-top:23px;font-size:14px;display:block}.zd-reserve strong{float:right;color:#b85216}.zd-reserve input{accent-color:#ec7328;width:100%;margin:13px 0;display:block}.zd-price{margin-top:19px;font-size:14px;display:block}.zd-price input{outline-offset:3px;background:#f8fafb;border:1px solid #cbd7de;border-radius:8px;width:100%;margin-top:7px;padding:9px 12px;font-size:18px;display:block}.zd-part-total{background:#fff3e9;gap:5px;margin:19px -23px 0;padding:16px 23px;display:grid}.zd-part-total span:first-child{color:#82421b;font-size:13px}.zd-part-total strong{font-size:23px}.zd-part-total span:last-child{font-size:17px;font-weight:650}.zd-note{color:#63757f;margin-top:14px;font-size:12px;line-height:1.6}.zd-elements{background:#fff;border:1px solid #d8e1e6;border-radius:14px;margin-top:22px;padding:22px}.zd-elements-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.zd-elements h2{font-size:19px;font-weight:750}.zd-filters{flex-wrap:wrap;gap:6px;display:flex}.zd-filters button{cursor:pointer;border:1px solid #dfe7eb;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;display:flex}.zd-filters button.active{color:#fff;background:#172f3d;border-color:#172f3d}.zd-filters i{border-radius:2px;width:8px;height:8px}.zd-part-list{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;max-height:224px;margin-top:18px;padding:2px;display:grid;overflow:auto}.zd-part-list button{text-align:left;cursor:pointer;border:1px solid #dfe7eb;border-radius:7px;gap:4px;padding:10px 12px;display:grid}.zd-part-list strong{font-size:14px}.zd-part-list span{color:var(--zd-muted);font-size:12px}.zd-part-list button.active{background:#fff0e5;border-color:#ee7a32;box-shadow:0 0 0 1px #ee7a32}.zd-close{color:#fff;background:#142b38;border-radius:16px;justify-content:space-between;align-items:center;gap:35px;margin-top:26px;padding:30px 34px;display:flex}.zd-close .zd-eyebrow{color:#ffab70;font-size:12px;display:block}.zd-close h2{letter-spacing:-.025em;margin:6px 0 9px;font-size:26px;font-weight:750}.zd-close p{color:#bfd0d9;max-width:680px;font-size:15px;line-height:1.6}.zd-close>div:last-child{gap:12px;min-width:240px;display:grid}.zd-secondary{text-align:center;color:#e4edf2;text-underline-offset:4px;font-size:14px;text-decoration:underline;display:block}.zd-disclaimer{text-align:center;color:#6b7b85;max-width:950px;margin:20px auto 0;font-size:12px;line-height:1.7}.zd-table-wrap{height:490px;overflow:auto}.zd-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.zd-table-wrap caption{text-align:left;color:var(--zd-muted);padding:15px}.zd-table-wrap th{text-align:left;background:#eaf0f3;padding:12px 18px;font-weight:650;position:sticky;top:0}.zd-table-wrap td{border-bottom:1px solid #e8edf0;padding:10px 18px}.zd-table-wrap td button{color:#b34e14;cursor:pointer;align-items:center;gap:8px;font-weight:750;display:flex}.zd-table-wrap td small{color:var(--zd-muted);font-size:12px}.zd-webgl-error{color:#142631;background:#fff;border-radius:10px;padding:20px;line-height:1.6;position:absolute;top:40%;left:12%;right:12%}:is(.z-demo button:focus-visible,.z-demo a:focus-visible){outline-offset:3px;outline:3px solid #ed802f}.z-demo button:hover{filter:brightness(.96)}@media (min-width:1500px){.zd-scene,.zd-table-wrap{height:540px}}@media (max-width:1050px){.z-demo{padding:25px 18px}.zd-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.zd-metrics>div{padding:16px}.zd-metrics strong{font-size:24px}.zd-heading{align-items:flex-start}.zd-heading>.zd-primary{white-space:normal;min-width:180px}.zd-camera{top:auto;bottom:44px}.zd-detail{padding:18px}.zd-part-total{margin-left:-18px;margin-right:-18px;padding:15px 18px}.zd-stages>span{width:100%;margin-bottom:4px}.zd-close{padding:24px}}@media (max-width:760px){.z-demo{padding:24px 12px 35px}.zd-heading{margin-bottom:20px;display:block}.zd-heading>.zd-primary{min-width:0;margin-top:16px}.zd-heading h1{max-width:520px;font-size:29px}.zd-heading p:not(.zd-eyebrow){font-size:14px}.zd-metrics{grid-template-columns:repeat(2,1fr);gap:0}.zd-metrics>div{border-bottom:1px solid #e3e8eb;padding:14px 16px}.zd-metrics>div:nth-child(2){border-right:0}.zd-metrics>div:nth-child(3){border-bottom:0}.zd-metrics strong{font-size:25px}.zd-metrics span{font-size:12px}.zd-workspace{grid-template-columns:1fr}.zd-scene{height:410px}.zd-detail{padding:22px}.zd-part-total{margin-left:-22px;margin-right:-22px;padding:16px 22px}.zd-toolbar{padding:10px}.zd-tabs button{padding:9px 8px;font-size:13px}.zd-controls{padding:15px}.zd-stages button{flex:1;justify-content:center;font-size:12px}.zd-switches{gap:13px}.zd-switches label{font-size:12px}.zd-elements{padding:17px}.zd-filters{gap:5px}.zd-filters button{padding:8px;font-size:12px}.zd-close{padding:25px;display:block}.zd-close>div:last-child{min-width:0;margin-top:23px}.zd-close h2{font-size:25px}.zd-table-wrap td,.zd-table-wrap th{padding:10px}.zd-gesture{font-size:12px;left:15px;right:12px}.zd-scene-caption{left:17px}.zd-scene-caption strong{font-size:17px}}@media (prefers-reduced-motion:reduce){.z-demo *{transition:none!important}}.zd-heading-actions{flex-shrink:0;justify-items:center;gap:9px;display:grid}.zd-heading-secondary{color:#475d69;text-underline-offset:3px;font-size:14px;text-decoration:underline}.zd-heading-actions .zd-primary{white-space:normal;text-align:center}@media (max-width:760px){.zd-heading-actions{justify-items:start;margin-top:16px}.zd-heading-actions .zd-primary{width:100%}}.zd-stages button,.zd-switches label,.zd-filters button,.zd-price,.zd-reserve,.zd-camera button{font-size:14px}.zd-detail-top{font-size:12px}.zd-metrics small,.zd-formula strong small{margin-left:4px}