.cb-demo-showcase{background:#fafbfe;border-top:1px solid #eef0f7;border-bottom:1px solid #eef0f7}.cb-demo-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:28px}.cb-demo-showcase-head .lead{font-size:15px;margin-top:13px}.cb-demo-showcase-head .btn{white-space:nowrap}.cb-demo-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cb-demo-mini{position:relative;display:flex;flex-direction:column;min-height:218px;padding:23px 20px;border:1px solid #dfe7d6;border-radius:11px;color:#35543b;background:#edf3e5;transition:transform .2s,box-shadow .2s}.cb-demo-mini:hover{transform:translateY(-4px);box-shadow:0 10px 25px #20325312}.cb-demo-mini .mini-num{font-size:9px;letter-spacing:.09em;opacity:.55}.cb-demo-mini>i{font-size:30px;margin:17px 0 12px;line-height:1}.cb-demo-mini strong{font-size:18px;font-weight:800;letter-spacing:-.03em}.cb-demo-mini small{font-size:10px;line-height:1.7;margin-top:7px;opacity:.65}.cb-demo-mini .mini-arrow{position:absolute;top:19px;right:20px;font-size:20px;opacity:.55}.dm-support{background:#eaf2ff;color:#2c5b9c;border-color:#d7e3f8}.dm-recruit{background:#242d42;color:#cfff97;border-color:#242d42}.dm-survey{background:#f1ebfa;color:#79648f;border-color:#e7def2}.dm-company{background:#efede4;color:#626750;border-color:#e1e1d2}.cb-demo-disclaimer{font-size:11px;color:#929aab;margin-top:15px}.demo-consult-context{padding:30px 0 0}.demo-context-inner{width:min(1180px,calc(100% - 40px));margin:auto;border:1px solid #dfe5fc;background:#f7f9ff;border-radius:14px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}.demo-context-inner .eyebrow{font-size:10px;margin-bottom:10px}.demo-context-inner h2{font-size:27px;line-height:1.4;letter-spacing:-.04em}.demo-context-inner p{font-size:13px;color:#7c879e;line-height:1.8;margin:14px 0}.demo-context-inner>a{font-size:12px;color:#4b6bff}.demo-brief-label{display:block;font-size:12px;color:#65718a;font-weight:700;margin-bottom:9px}.demo-brief-text{width:100%;min-height:180px;border:1px solid #e0e5f1;border-radius:7px;background:#fff;font:inherit;font-size:12px;line-height:1.8;padding:14px;color:#465572;resize:vertical}.demo-brief-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.demo-brief-actions .btn{font-size:12px;min-height:43px}.demo-context-inner .demo-context-note{font-size:11px;margin:11px 0 0}.demo-copy-status{font-size:11px;color:#657caa;min-height:20px;margin-top:8px}.cb-demo-mini:focus-visible,.demo-brief-text:focus-visible{outline:3px solid #8999fb;outline-offset:4px}
@media(max-width:1050px){.cb-demo-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-demo-mini{min-height:195px}.demo-context-inner{gap:24px}}
@media(max-width:640px){.cb-demo-showcase-head{align-items:flex-start;flex-direction:column;gap:20px}.cb-demo-showcase-head .lead{font-size:13px}.cb-demo-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cb-demo-mini{padding:19px 16px;min-height:180px}.cb-demo-mini strong{font-size:17px}.cb-demo-mini>i{font-size:26px;margin:13px 0 10px}.cb-demo-mini small{font-size:9px}.cb-demo-mini .mini-arrow{top:14px;right:15px}.cb-demo-mini:last-child{grid-column:1/-1;min-height:145px}.demo-context-inner{padding:22px;grid-template-columns:1fr;gap:22px}.demo-context-inner h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cb-demo-mini{transition:none}.cb-demo-mini:hover{transform:none}}
@media(min-width:821px) and (max-width:1150px){.site-header .nav-wrap{gap:12px}.site-header .nav-link{padding:9px 9px;font-size:12px;gap:4px;white-space:nowrap}.site-header .nav-link .bi{display:none}.site-header .brand{font-size:18px;gap:8px}.site-header .brand small{display:none}.site-header .nav-actions{gap:6px}.site-header .header-feature-map,.site-header .header-contact-btn{width:42px;height:42px;padding:0;justify-content:center;flex:0 0 42px}.site-header .header-feature-map>span,.site-header .header-contact-label{display:none}.site-header .header-feature-map>i,.site-header .header-contact-btn>i{margin:0}}
@media(min-width:1151px){.site-header .nav-wrap{gap:16px}.site-header .nav-links{gap:2px}.site-header .nav-links .nav-link{padding:10px 9px;font-size:13px;gap:5px;white-space:nowrap}}