
/* Editorial About and real software UI demonstrations */
.about-intro,.about-delivery{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.about-intro h2,.about-delivery h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.04em;line-height:1.13;margin:14px 0 18px}
.about-intro p,.about-delivery p{font-size:16px;line-height:1.86;color:#475b73;margin:0 0 18px}
.about-capability-grid,.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-capability-grid a,.about-values article{display:block;background:white;border:1px solid #dce5ed;border-radius:12px;padding:28px;text-decoration:none;transition:box-shadow .2s,transform .2s}
.about-capability-grid a:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(17,49,82,.09)}
.about-capability-grid h3,.about-values h3{font-size:19px;line-height:1.3;margin:0 0 12px;color:#142942}
.about-capability-grid p,.about-values p{color:#50627b;font-size:14px;line-height:1.77;margin:0}
.about-values{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-product{overflow:hidden;border:1px solid #dde6ef;border-radius:14px;background:white}
.about-product-shot{overflow:hidden;background:#edf3f8;aspect-ratio:1.7;display:flex;align-items:center}
.about-product-shot img{width:100%;height:100%;object-fit:cover;object-position:top left}
.about-product-body{padding:26px}
.about-product-body h3{font-size:28px;margin:9px 0}.about-product-body p{color:#52647a;line-height:1.7}
.about-product-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:22px}
.about-delivery-photo img{width:100%;height:340px;object-fit:cover;border-radius:14px}
.ui-gallery{border-top:1px solid #e6edf3}.ui-gallery-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:35px;margin-bottom:22px}
.ui-shot{margin:0;background:#fff;border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(20,42,70,.08)}
.ui-shot img{display:block;width:100%;height:auto;object-fit:contain;background:#f5f8fb}
.ui-shot figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#52647a;padding:14px 17px;border-top:1px solid #e8ecf1}
.ui-shot figcaption strong{color:#182c46}
.ui-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ui-gallery .ui-note{font-size:13px;color:#536b81;margin-top:16px;line-height:1.65}
.ui-gallery-intro p{font-size:15px;line-height:1.75;color:#51617a}.ui-gallery-intro .btn{margin-top:17px}
.demo-frame-wrap{background:#eef3f9;border:1px solid #dde5ed;border-radius:14px;padding:13px;box-shadow:0 15px 38px rgba(14,37,65,.10)}
.demo-frame-wrap iframe{width:100%;height:730px;border:0;border-radius:7px;background:#fff;display:block}
.demo-frame-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.nav-demo-link{font-size:13px;font-weight:800;border:1px solid currentColor;padding:9px 13px;border-radius:8px;white-space:nowrap}
@media(max-width:900px){.about-intro,.about-delivery,.ui-gallery-feature{grid-template-columns:1fr;gap:24px}.about-capability-grid{grid-template-columns:repeat(2,1fr)}.about-products-grid{grid-template-columns:1fr}.ui-gallery-grid{grid-template-columns:1fr 1fr}.demo-frame-wrap iframe{height:670px}}
@media(max-width:640px){.about-capability-grid,.about-values,.ui-gallery-grid{grid-template-columns:1fr}.about-delivery-photo img{height:240px}.ui-gallery .section-head{margin-bottom:24px}.demo-frame-wrap{padding:5px}.demo-frame-wrap iframe{height:700px}.about-products-grid{gap:16px}}
