.demo-page{background:#f2f6ef!important;color:#24392f}.demo-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1320px)/2),24px);border-bottom:1px solid #dce7dc}.demo-header img{width:94px}.demo-header>div{display:flex;align-items:center;gap:9px;color:#315b43;font-size:14px}.demo-live-dot{width:9px;height:9px;background:#68a36d;border-radius:50%;box-shadow:0 0 0 4px #e4f0df}.demo-shell{max-width:1320px;margin:30px auto 70px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:0 24px}.demo-sidebar,.demo-main{background:#fff;border:1px solid #e1e9de;border-radius:16px;box-shadow:0 12px 36px #1a42350b}.demo-sidebar{padding:20px 15px;align-self:start;position:sticky;top:20px}.demo-product{display:flex;align-items:center;gap:10px;padding:4px 8px 23px;border-bottom:1px solid #edf0e9}.demo-product img{width:42px;height:42px;border-radius:12px}.demo-product b,.demo-product span{display:block}.demo-product b{font-size:14px}.demo-product span{font-size:12px;color:#66796d}.demo-side-label{font-size:12px!important;color:#708277!important;margin:22px 10px 8px!important;text-align:right!important}.demo-sidebar nav{display:grid;gap:6px}.demo-nav{border:0;background:transparent;color:#47594f;text-align:right;font:inherit;font-size:14px;border-radius:9px;padding:12px;cursor:pointer}.demo-nav span{display:inline-block;width:28px;color:#728779}.demo-nav.is-active{background:#e9f3e3;color:#194936;font-weight:650}.demo-lock{margin-top:34px;padding:14px;background:#eff7ec;border:1px solid #d8e9d1;border-radius:11px}.demo-lock b{font-size:13px;color:#205438}.demo-lock p{font-size:12px!important;line-height:1.9!important;color:#4c6150!important;margin:7px 0 0!important;text-align:justify!important}.demo-main{padding:clamp(20px,4vw,48px);min-width:0}.demo-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.crumb{font-size:13px;color:#607569}.demo-topline h1{font-size:clamp(26px,3vw,38px);margin:12px 0 3px}.demo-topline p{margin:0!important;font-size:15px!important}.sample-badge{background:#fbf2df;border:1px solid #eee0bf;color:#715323;border-radius:30px;padding:9px 13px;font-size:12px;white-space:nowrap}.readonly-note{display:flex;align-items:center;gap:12px;background:#edf6e9;border:1px solid #d3e7ca;border-radius:11px;margin:24px 0 20px;padding:12px 16px;color:#254f35}.readonly-note>span{font-size:21px}.readonly-note p{font-size:13px!important;margin:0!important;line-height:1.9!important;color:#32543a!important;text-align:justify!important}.demo-screen{overflow:hidden;background:#f5f7f1;border:1px solid #dce5da;border-radius:12px;box-shadow:0 15px 35px #183b2d13}.demo-screen-toolbar{height:42px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#21473c;color:white;font:11px Arial,sans-serif;direction:ltr}.demo-screen-toolbar>span:last-child{margin-left:auto;font-family:Tahoma,sans-serif;font-size:11px}.screen-dots{display:flex;gap:5px}.screen-dots i{width:6px;height:6px;border-radius:50%;background:#9bb4a1}.demo-screen>img{width:100%;height:min(62vw,740px);min-height:360px;object-fit:contain;object-position:top;background:#f7f7f3;display:block}.demo-screen.is-mobile{max-width:530px;margin-inline:auto}.demo-screen.is-mobile>img{height:min(78vw,900px);min-height:450px;object-fit:contain}.demo-image-actions{display:flex;justify-content:space-between;gap:16px;padding:10px 2px;color:#617668;font-size:12px}.demo-image-actions a{color:#14543d;font-weight:600}.demo-about{border-top:1px solid #e7ede4;margin-top:32px;padding-top:25px}.demo-about h2{font-size:23px;margin:7px 0 18px}.demo-kicker{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#8a6936}.demo-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-about-grid article{background:#f8faf6;border:1px solid #e6ede2;border-radius:11px;padding:16px}.demo-about-grid b{font-size:15px;color:#214c39}.demo-about-grid p{font-size:13px!important;line-height:1.9!important;margin:7px 0 0!important;text-align:justify!important}.demo-bottom{margin-top:26px;padding:17px 19px;background:#21473c;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-bottom p{color:white!important;margin:0!important;font-size:15px!important}.demo-bottom .button{background:#e4c597;color:#173e34}@media(max-width:800px){.demo-shell{grid-template-columns:1fr;margin-top:16px;padding:0 14px}.demo-sidebar{position:static;padding:13px}.demo-product{padding-bottom:12px}.demo-side-label,.demo-lock{display:none}.demo-sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:10px}.demo-nav{white-space:nowrap;padding:10px}.demo-nav span{width:22px}.demo-main{padding:22px 16px}.demo-header{padding-inline:15px;height:64px}.demo-header img{width:76px}.demo-header>div{font-size:11px}.demo-header .button{font-size:11px;padding:8px}.demo-topline{align-items:flex-start;flex-direction:column}.sample-badge{font-size:11px}.demo-screen>img{height:76vw;min-height:260px}.demo-screen.is-mobile>img{height:105vw;min-height:400px}.demo-about-grid{grid-template-columns:1fr}.demo-image-actions{flex-direction:column;gap:5px}.demo-bottom{align-items:flex-start;flex-direction:column}.demo-about-grid p{font-size:14px!important}}@media(max-width:390px){.demo-header>div{display:none}.demo-topline h1{font-size:25px}.readonly-note p{font-size:12px!important}}