.ob-demo-body{background:#f3f6f5}.ob-demo-intro{max-width:1280px;margin:0 auto;padding:65px 36px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.ob-demo-intro h1{font-size:clamp(32px,3.5vw,46px);line-height:1.4;letter-spacing:-2px;color:#163e3a;margin:14px 0 22px}.ob-demo-intro p:not(.ob-kicker){line-height:1.9;color:#526f66;font-size:16px}.ob-demo-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.ob-demo-actions>a:last-child{font-size:13px;color:#46675e}.ob-demo-principles{background:#e5eee7;border-radius:16px;border:1px solid #d6e2d9;padding:30px;display:grid;gap:18px;color:#386259}.ob-demo-principles strong{font-size:21px;color:#173e3c}.ob-demo-principles span{font-size:14px;padding-left:20px;position:relative}.ob-demo-principles span:before{content:'✓';position:absolute;left:0;color:#14786d}.ob-demo-main{margin:0 auto;padding:0 36px 55px;max-width:1280px}.ob-demo-notice{background:#fcf4e6;border:1px solid #e5d5b8;border-radius:12px;padding:21px 25px;color:#73592e}.ob-demo-notice strong{font-size:15px}.ob-demo-notice p{font-size:13px;line-height:1.8;margin:8px 0 0}.ob-demo-main .ob-heading h2{font-size:23px;margin:0 0 12px;letter-spacing:-.8px}.ob-demo-filter{opacity:1}.ob-demo-filter select,.ob-demo-filter input{color:#36584f;background:#f6f8f7;opacity:1}.ob-demo-end{margin-top:30px;padding:35px;border-radius:16px;background:#e8efea;text-align:center}.ob-demo-end h2{font-size:26px;letter-spacing:-1px}.ob-demo-end p{color:#617b72;margin:14px 0 25px}.ob-demo-skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:11000}.ob-demo-skip:focus{top:10px}.ob-demo-body footer.site-footer{margin-top:0}.ob-demo-body .sf-welcome{display:none!important}
.ob-demo-body #ob-staff-note{min-height:300px;background:#fffbf3;border-color:#e7d8bd}.ob-demo-body .ob-note-line input{background:#fffbf3;border-color:#e7d8bd}
@media(max-width:850px){.ob-demo-intro{grid-template-columns:1fr;gap:25px;padding:42px 22px}.ob-demo-principles{padding:23px}.ob-demo-main{padding:0 22px 35px}.ob-demo-actions{gap:12px}.ob-demo-main .ob-heading{align-items:flex-start}.ob-demo-actions .ob-button{font-size:13px}}
@media(max-width:500px){.ob-demo-intro h1{font-size:32px;letter-spacing:-1.3px}.ob-demo-intro p:not(.ob-kicker){font-size:14px}.ob-demo-main{padding:0 14px 30px}.ob-demo-notice{padding:18px}.ob-demo-main .ob-heading h2{font-size:21px}.ob-demo-end{padding:25px 18px}.ob-demo-end h2{font-size:22px}}
@media print{#site-nav,.snav-drawer,.snav-overlay,.ob-demo-intro,.ob-demo-notice,.ob-demo-end,.site-footer,.ob-demo-skip{display:none!important}.ob-demo-main{padding:0;margin:0;max-width:none}.ob-demo-body{padding-top:0!important}}