.hh-data-center .hosting-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.05}
.hh-data-center .hosting-hero-visual img{object-position:center 45%}
.hh-data-center .development-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hh-data-center .development-format{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;border:1px solid #e0e7df;border-radius:20px;background:#fff}
.hh-data-center .development-format>i{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e9f1e9;color:#41734b;font-size:24px}
.hh-data-center .development-format h3{margin:28px 0 8px;color:#172019;font:600 20px/28px Onest,sans-serif;letter-spacing:-.02em}
.hh-data-center .development-format p{flex:1;margin:0 0 24px;color:#647067;font-size:14px;line-height:20px}
.hh-data-center .development-format .button{min-height:44px;padding:10px 16px;font-size:13px;line-height:20px;gap:12px}
.hh-data-center .hosting-steps.development-stages{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.hh-data-center .development-formats{grid-template-columns:1fr}.hh-data-center .development-format{min-height:0}.hh-data-center .development-format h3{margin-top:20px}.hh-data-center .hosting-steps.development-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hh-data-center .hosting-hero h1{font-size:36px;line-height:40px}.hh-data-center .hosting-steps.development-stages{grid-template-columns:1fr}}