.digital-lab{background:#e8eee6;color:#121414}.digital-lab .intro{color:#5f685e}.digital-lab .eyebrow{color:#566828}.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.demo-tabs button,.demo-surface button{padding:12px 20px;border:1px solid #a7b3a0;border-radius:5px;cursor:pointer;background:transparent;color:#121414}.demo-tabs button[aria-pressed=true]{background:#121414;color:#d9f76a}.demo-surface{padding:32px;background:#fff;border:1px solid #c8d2c2;border-radius:12px;min-height:470px}.demo-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #d7dfd3}.demo-top span,.demo-note{font-size:14px;color:#64715f}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.demo-metrics article{background:#eff3eb;padding:20px;border-radius:7px}.demo-metrics span{display:block;font-size:14px}.demo-metrics strong{display:block;font:600 36px Manrope;margin-top:8px}.demo-search{max-width:420px}.demo-surface input:not([type=checkbox]),.demo-surface select{background:#f6f8f3;color:#121414;border-color:#c6d0bf}.demo-table>div{display:grid;grid-template-columns:2fr 1fr 1fr;padding:16px 8px;gap:12px;border-bottom:1px solid #e1e6dd;font-size:14px}.demo-table>div[hidden]{display:none}.demo-table-head{color:#65715f}.website-sample{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;margin-top:24px}.website-sample img{width:100%;border-radius:6px}.website-sample h3{font-size:34px;line-height:1.2;margin:16px 0}.website-sample p{color:#607059}.website-sample span{font-size:12px;letter-spacing:2px}#property-details-panel{padding:18px;background:#edf2e8;margin-top:20px;border-radius:6px}.app-demo,.web3d-demo{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.app-demo>div>p,.web3d-demo p{max-width:450px}.phone-demo{background:#eff3eb;border:8px solid #182019;border-radius:35px;padding:22px;max-width:300px;justify-self:center;width:100%;box-shadow:0 20px 40px #17201518}.phone-top{font-size:12px;display:flex;justify-content:space-between;margin-bottom:35px}.phone-demo h3{font-size:27px;line-height:1.2;margin:15px 0 25px}.task-list label{padding:15px 10px;border-radius:8px;background:white;font-size:14px;display:flex;gap:10px;align-items:center}.task-list input{width:20px;min-height:20px;margin:0;accent-color:#506c2b}.task-list label:has(input:checked){text-decoration:line-through;color:#68735f}.phone-bottom{font-size:12px;text-align:center;margin-top:35px}.model-stage{height:340px;display:grid;place-items:center;perspective:800px;background:radial-gradient(ellipse,#eef4e7,#ced8c5);border-radius:10px;overflow:hidden}.sample-box{--finish:#d9f76a;width:160px;height:160px;position:relative;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(-25deg)}.box-face{position:absolute;width:160px;height:160px;background:var(--finish);border:1px solid #12141445;display:grid;place-content:center;text-align:center;font:800 28px Manrope;backface-visibility:hidden}.box-face small{font:14px 'DM Sans'}.box-front{transform:translateZ(80px)}.box-back{transform:rotateY(180deg) translateZ(80px)}.box-left{transform:rotateY(-90deg) translateZ(80px);filter:brightness(.8)}.box-right{transform:rotateY(90deg) translateZ(80px);filter:brightness(.85)}.box-top{transform:rotateX(90deg) translateZ(80px);filter:brightness(1.1)}.box-bottom{transform:rotateX(-90deg) translateZ(80px)}@media(max-width:700px){.demo-surface{padding:20px}.demo-metrics{gap:8px}.demo-metrics article{padding:10px}.demo-metrics strong{font-size:26px}.website-sample,.app-demo,.web3d-demo{grid-template-columns:1fr;gap:24px}.demo-top{display:block}.demo-top span{display:block;margin-top:8px}.demo-table>div{grid-template-columns:1.3fr 1fr .7fr;font-size:13px;gap:8px}.demo-surface h3{letter-spacing:-1px}.model-stage{height:300px}}