:root{--accent:#f7931e;--navy:#0b2b4a;--muted:#667085;--bg:#ffffff;--surface:#f8fafc}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;color:#0f172a;background:var(--bg)}
.container{max-width:1000px;margin:0 auto;padding:1rem}
.site-header{background:var(--bg);border-bottom:1px solid #e6eef7}
.header-inner{display:flex;align-items:center;gap:1rem;justify-content:space-between}
.logo-wrap{display:flex;align-items:center;gap:0.5rem}
.site-logo{height:44px;max-width:160px;object-fit:contain;display:block}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.nav a{margin:0 0.5rem;color:var(--muted);text-decoration:none}
.phone{background:var(--accent);color:#fff;padding:0.5rem 0.75rem;border-radius:6px;text-decoration:none}
.hero{background:linear-gradient(180deg, #fdf7f0 0%, #ffffff 100%);padding:3.5rem 0;text-align:center}
.hero h2{margin:0 0 0.5rem;font-size:1.75rem;color:var(--navy)}
.hero p{margin:0 0 1rem;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:0.6rem 1rem;border-radius:8px;text-decoration:none}
.about,.services,.contact{padding:2rem 0}
.services .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:var(--surface);padding:1rem;border-radius:8px;border:1px solid #e6eef7}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem}
form label{display:block;margin-bottom:0.5rem}
input,textarea{width:100%;padding:0.5rem;border:1px solid #d3e3f6;border-radius:6px}
.site-footer{border-top:1px solid #e6eef7;padding:1rem 0;text-align:center;color:var(--muted)}

@media (max-width:768px){
  .header-inner{flex-direction:column;align-items:flex-start}
  .contact-grid{grid-template-columns:1fr}
}

@media (max-width:480px){
  .site-logo{height:36px;max-width:140px}
  .logo-wrap{gap:0.5rem}
}