.development-samples{padding:72px 24px;background:#f4f8fe;color:#263142;scroll-margin-top:90px}
.development-samples .samples-wrap{max-width:1160px;margin:auto}
.development-samples h2{font-size:clamp(30px,4vw,44px);margin:0 0 14px;line-height:1.2}
.development-samples p{max-width:760px;color:#586575;line-height:1.7;margin:0 0 28px}
.development-samples .samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.development-samples figure{margin:0;border:1px solid #dfe9f5;background:#fff;border-radius:18px;overflow:hidden}
.development-samples img{display:block;width:100%;height:300px;object-fit:contain;background:#eef3fa}
.development-samples figcaption{padding:18px;font-size:18px;font-weight:700}
body.dark-mode .development-samples{background:#1c222c;color:#f7f9fc}
body.dark-mode .development-samples p{color:#c8d1dc}
body.dark-mode .development-samples figure{background:#222a35;border-color:#354153}
body.dark-mode .development-samples img{background:#171d26}
@media(max-width:700px){.development-samples{padding:52px 20px}.development-samples .samples-grid{grid-template-columns:1fr}.development-samples img{height:260px}}