.wrap{max-width:var(--max);margin-inline:auto;padding-inline:24px}
main section{padding-block:clamp(56px,8vw,104px);position:relative}
.hero{padding-top:calc(var(--nav-h) + clamp(28px,5vw,72px))}
.services-grid,.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;align-items:stretch}
.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;align-items:stretch}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;align-items:stretch}
.terminal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.faq-wrap{max-width:820px}
.faq-list{display:grid;gap:12px;margin-top:28px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.about-points{margin-top:20px;display:grid;gap:10px}
.about-points li{padding-inline-start:28px;position:relative;color:var(--muted)}
.about-points li::before{content:"";position:absolute;inset-inline-start:0;top:.9em;width:14px;height:2px;background:var(--accent-500);border-radius:2px}
.site-footer{border-top:1px solid var(--border-soft);padding-block:36px;color:var(--muted);font-size:14.5px;background:var(--bg-soft)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-nav{display:flex;gap:18px}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.services-grid,.values-grid,.project-grid,.timeline-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.terminal-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.services-grid,.values-grid,.project-grid,.timeline-grid,.contact-grid{grid-template-columns:1fr}.wrap{padding-inline:18px}}
/* Mobile spacing + footer (<=767px only, desktop untouched) */
@media(max-width:767px){
main section{padding-block:56px}
.hero{padding-top:96px}
.services-grid,.values-grid,.project-grid,.timeline-grid,.contact-grid{gap:16px}
.site-footer{font-size:13px}
.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}
}