.obz-development .auto-hero h1{font-size:clamp(44px,4.6vw,66px)}.obz-development #capabilities .auto-section-heading{grid-template-columns:1fr}.dev-preview{background:#eeece3;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:30px;display:flex}.dev-preview-hero{border:1px solid #e2dfd4;border-radius:26px;padding:clamp(22px,2.8vw,38px)}.dev-preview>figcaption{letter-spacing:.08em;color:#5d5b50;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;display:flex}.dev-app{background:#fff;border:1px solid #dddbd2;border-radius:17px;overflow:hidden;box-shadow:0 16px 36px #3c38240a}.dev-app-bar{border-bottom:1px solid #eae9e1;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.dev-app-brand{align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.dev-app-avatar{background:#f0eee4;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.dev-app-body{display:flex}.dev-app-sidebar{color:#a9a99b;background:#191918;flex-direction:column;flex-shrink:0;align-items:center;gap:15px;width:51px;padding-block:22px;display:flex}.dev-app-sidebar>span{place-items:center;width:33px;height:33px;display:grid}.dev-app-sidebar>span:first-child{color:#111110;background:#ffd000;border-radius:8px}.dev-app-content{width:100%;min-width:0;padding:24px 20px}.dev-app-title small{color:#757568;letter-spacing:.06em;margin-bottom:10px;font-size:8px;line-height:1.6;display:block}.dev-app-title>strong{letter-spacing:-.04em;margin-bottom:24px;font-family:Space Grotesk,Inter,sans-serif;font-size:25px;font-weight:500;line-height:1.2;display:block}.dev-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px;display:grid}.dev-modules>div{border:1px solid #e6e5dd;border-radius:9px;flex-direction:column;gap:12px;padding:14px 10px;font-size:10px;display:flex}.dev-modules svg{color:#7b7150}.dev-feature{color:#fff;background:#171716;border-radius:12px;padding:22px}.dev-feature>span{letter-spacing:.06em;color:#d4c878;align-items:center;gap:7px;font-size:8px;display:flex}.dev-feature>strong{max-width:260px;margin-top:14px;font-size:21px;font-weight:500;line-height:1.3;display:block}.dev-feature-track{gap:5px;margin-top:22px;display:flex}.dev-feature-track i{background:#59594e;border-radius:4px;flex:1;height:4px}.dev-feature-track i:first-child{background:#ffd000}.dev-app-footer{color:#727265;align-items:center;gap:7px;margin-top:20px;font-size:10px;line-height:1.6;display:flex}.dev-app-footer svg{color:#8a7200;flex-shrink:0}.dev-preview-note{color:#727063;text-align:center;justify-content:center;align-items:center;gap:7px;margin:20px 0 0;font-size:10px;line-height:1.6;display:flex}.dev-preview-note svg{flex-shrink:0}.dev-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.dev-board-column{background:#f3f3ee;border-radius:9px;min-width:0;padding:10px 7px}.dev-board-column>span{align-items:center;gap:5px;margin-bottom:13px;font-size:9px;line-height:1.5;display:flex}.dev-board-column>span i{background:#989786;border-radius:50%;flex-shrink:0;width:5px;height:5px}.dev-board-column:last-child>span i{background:#b09000}.dev-board-card{background:#fff;border:1px solid #e7e6dc;border-radius:7px;padding:12px 9px}.dev-card-avatar{background:#fff3b9;border-radius:50%;place-items:center;width:25px;height:25px;margin-bottom:15px;font-size:9px;display:grid}.dev-board-card strong{font-size:11px;font-weight:500;line-height:1.5;display:block}.dev-placeholder-lines{flex-direction:column;gap:5px;margin:14px 0;display:flex}.dev-placeholder-lines i{background:#e5e5dc;border-radius:4px;height:4px}.dev-placeholder-lines i:last-child{width:65%}.dev-board-card small{color:#747469;font-size:8px;line-height:1.6;display:block}.dev-portal-banner{background:#fff5c4;border-radius:10px;align-items:center;gap:13px;margin-bottom:20px;padding:18px 14px;display:flex}.dev-portal-banner svg{flex-shrink:0}.dev-portal-banner strong{font-size:13px;font-weight:500;display:block}.dev-portal-banner small{color:#736a44;margin-top:7px;font-size:9px;line-height:1.6;display:block}.dev-document{border-top:1px solid #e9e9e0;align-items:center;gap:9px;padding:16px 0;font-size:11px;display:flex}.dev-document svg{color:#8b8771;flex-shrink:0}.dev-document small{color:#717163;background:#f2f2ed;border-radius:5px;margin-inline-start:auto;padding:5px 7px;font-size:8px}.dev-release-intro{text-align:center;background:#f4f3ed;border-radius:10px;flex-direction:column;align-items:center;padding:20px;display:flex}.dev-release-intro svg{color:#8a7200;margin-bottom:15px}.dev-release-intro strong{font-size:15px;font-weight:500}.dev-release-intro>span{color:#757568;margin-top:7px;font-size:10px}.dev-release-modules{margin-top:15px}.dev-release-modules>div{border-top:1px solid #e7e7df;align-items:center;gap:12px;padding:13px 0;display:flex}.dev-release-modules span{color:#898979;font-size:9px}.dev-release-modules strong{font-size:12px;font-weight:500}.dev-release-modules svg{color:#8a7200;margin-inline-start:auto}.obz-development[dir=rtl] .dev-app-title>strong{letter-spacing:0}@media (max-width:1050px){.dev-preview{padding:24px}.dev-app-content{padding:22px 15px}.dev-board{gap:5px}}@media (max-width:800px){.obz-development .auto-hero h1{font-size:clamp(42px,7.5vw,62px)}.dev-preview-hero{width:100%;max-width:600px;margin-inline:auto}.obz-development .auto-example-panel{grid-template-columns:1fr}.dev-board{gap:12px}}@media (max-width:550px){.obz-development .auto-hero h1{font-size:clamp(30px,8.9vw,44px)}.dev-preview{padding:22px 16px}.dev-app-sidebar{width:39px}.dev-app-sidebar>span{width:28px;height:28px}.dev-app-bar{padding:15px}.dev-app-content{padding:20px 13px}.dev-app-title>strong{font-size:22px}.dev-modules{gap:5px}.dev-modules>div{padding:12px 6px;font-size:9px}.dev-feature{padding:17px}.dev-feature>strong{font-size:19px}.dev-preview-note{font-size:9px}.dev-board{grid-template-columns:1fr}.dev-board-column{padding:12px}.dev-board-column>span{margin-bottom:9px;font-size:11px}.dev-board-card{-moz-column-gap:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px;display:grid}.dev-card-avatar{grid-row:span 2;margin:0}.dev-board-card strong{font-size:12px}.dev-board-card small{grid-column:2;font-size:9px}.dev-placeholder-lines{display:none}}
