.obx-demo{padding-top:clamp(32px,5vw,68px);padding-bottom:64px}.obx-demo-intro{max-width:780px;margin-bottom:36px}.obx-demo-intro h1{margin:14px 0 18px;font-family:var(--font-fraunces),Georgia,serif;font-size:clamp(34px,4.5vw,58px);line-height:1.06;font-weight:500;letter-spacing:-.025em}.obx-demo-intro h1 em{color:var(--obx-forest,#25694d);font-weight:500}.obx-demo-intro p{max-width:650px;line-height:1.65;color:var(--obx-muted,#665f55)}.obx-demo-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:36px;align-items:start}.obx-demo-image-column{min-width:0}.obx-demo-choices{display:flex;gap:10px;margin-bottom:16px}.obx-demo-choices button{display:flex;align-items:center;gap:8px;min-height:54px;padding:5px 12px 5px 5px;border:1px solid #cec9bd;border-radius:12px;font-size:14px;font-weight:600;background:transparent;cursor:pointer}.obx-demo-choices button[aria-pressed=true]{border-color:#25694d;background:#e3ece1;color:#205d45}.obx-demo-choices img{width:56px;height:42px;object-fit:cover;border-radius:7px}.obx-demo .obx-compare{aspect-ratio:4/3}.obx-demo-view-buttons{display:flex;justify-content:center;gap:6px;margin-top:14px}.obx-demo-view-buttons button{border:1px solid transparent;border-radius:99px;min-height:44px;padding:8px 18px;cursor:pointer;font-size:14px;background:transparent}.obx-demo-view-buttons button[aria-pressed=true]{border-color:#cec9bd;background:#fdfbf5;color:#205d45}.obx-demo-caption{display:flex;flex-direction:column;gap:5px;margin-top:18px;font-size:14px}.obx-demo-caption span{color:#665f55;font-size:13px}.obx-demo-guide{background:#fdfbf5;border:1px solid #ddd7ca;border-radius:18px;overflow:hidden}.obx-demo-steps{padding:18px 24px;list-style:none;border-bottom:1px solid #ddd7ca;margin:0}.obx-demo-steps button{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:#665f55;cursor:pointer;border:0;background:transparent;text-align:left}.obx-demo-steps button>span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #b9b4a8;border-radius:50%;font-size:12px}.obx-demo-steps [aria-current=step] button{color:#205d45;font-weight:650}.obx-demo-steps [aria-current=step] span{background:#25694d;border-color:#25694d;color:white}.obx-demo-step-content{padding:24px}.obx-demo-step-content h2{font-family:var(--font-fraunces),Georgia,serif;font-weight:500;font-size:30px;line-height:1.1;margin:0 0 16px}.obx-demo-step-content p{font-size:15px;line-height:1.6;color:#665f55;margin:0 0 18px}.obx-demo-step-content .obx-btn{width:100%;text-align:center;padding-inline:12px;white-space:normal}.obx-demo-checks{border:0;padding:0;margin:0 0 18px}.obx-demo-checks label{display:flex;gap:12px;padding:10px 0;cursor:pointer;font-size:14px;line-height:1.5}.obx-demo-checks input{width:19px;height:19px;margin-top:2px;flex-shrink:0;accent-color:#25694d}.obx-demo-step-content .obx-demo-note{font-size:12px;line-height:1.6}.obx-demo-back,.obx-demo-download{display:flex;gap:8px;align-items:center;min-height:44px;background:none;border:0;cursor:pointer;margin-top:8px;font-size:14px;color:#205d45}.obx-demo-costs{font-size:13px;margin:0 0 24px}.obx-demo-costs>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ddd7ca}.obx-demo-costs dd{font-weight:650;white-space:nowrap;margin:0}.obx-demo-foot{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:36px;border-top:1px solid #ddd7ca;padding-top:22px;font-size:14px;color:#665f55}.obx-demo-foot a{display:inline-flex;align-items:center;gap:6px;color:#205d45}.obx-demo a:focus-visible,.obx-demo button:focus-visible,.obx-demo input:focus-visible{outline:3px solid #b27e24;outline-offset:3px}@media (max-width:900px){.obx-demo-workspace{grid-template-columns:1fr;gap:24px}.obx-demo-intro{margin-bottom:26px}.obx-demo-steps{display:flex;justify-content:space-between;gap:8px;padding:12px 16px}.obx-demo-steps button{flex-direction:column;align-items:flex-start;font-size:12px;line-height:1.3;gap:5px}.obx-demo-step-content{padding:22px}}@media (max-width:420px){.obx-demo-choices{gap:6px}.obx-demo-choices button{flex:1;flex-direction:column;gap:4px;padding:6px;font-size:12px}.obx-demo-choices img{width:100%;max-width:76px;height:44px}.obx-demo-view-buttons button{padding-inline:14px}}