/* Variant 3 — warm accent, clean corporate layout */
:root {
  --primary: #FF6B35;
  --bg: #0b0f14;
  --panel: #0f161b;
  --muted: #9aa6ad;
  --text: #eef6f5;
  --container: 1100px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

* { box-sizing: border-box; }
html,body { height:100%; margin:0; background: linear-gradient(180deg,#061018 0%, #08121a 100%); color:var(--text); }
.wrap { width:90%; max-width:var(--container); margin:0 auto; padding:2rem 0; }
.site-header { border-bottom:1px solid rgba(255,255,255,0.03); position:sticky; top:0; backdrop-filter: blur(6px); }
.header-row, .footer-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.logo { display:flex; align-items:center; gap:0.6rem; text-decoration:none; color:var(--text); }
.brand { font-weight:700; }
.nav ul { list-style:none; margin:0; padding:0; display:flex; gap:1rem; }
.nav a { color:var(--muted); text-decoration:none; font-size:0.95rem; }
.nav a:hover { color:var(--text); }

.hero { padding:2.5rem 1rem; margin:1.25rem 0; background:linear-gradient(90deg, rgba(255,107,53,0.06), transparent); border-radius:12px; }
.hero h1 { margin:0 0 0.5rem 0; font-size:clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.05; }
.lead { margin:0 0 1rem 0; color:var(--muted); max-width:64ch; }
.actions .btn, .btn { background:var(--primary); color:#fff; padding:0.6rem 1rem; border-radius:8px; border:0; text-decoration:none; font-weight:600; display:inline-block; }
.muted { margin-left:0.75rem; color:var(--muted); text-decoration:none; font-weight:600; }

.services { margin-top:1.5rem; }
.service-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1rem; list-style:none; padding:0; margin:0; }
.service-grid li { background:rgba(255,255,255,0.02); padding:1rem; border-radius:10px; }
.service-grid h3 { margin:0 0 0.4rem 0; }
.service-grid p { margin:0; color:var(--muted); font-size:0.95rem; }

.about { margin-top:1.5rem; }
.company-details div { display:flex; gap:1rem; margin-bottom:0.6rem; }
.company-details dt { width:110px; color:var(--muted); font-weight:600; }
.company-details dd { margin:0; color:var(--text); }

.contact { margin-top:1.5rem; }
.contact-form { display:grid; gap:0.6rem; max-width:520px; }
.contact-form label { font-size:0.9rem; color:var(--muted); }
.contact-form input, .contact-form textarea { padding:0.6rem; border-radius:8px; border:1px solid rgba(255,255,255,0.04); background:transparent; color:var(--text); }
.plain { margin-top:0.6rem; color:var(--muted); }

.site-footer { margin-top:2rem; padding-top:1rem; color:var(--muted); }
.site-footer small { display:block; }
.site-footer nav ul { display:flex; gap:1rem; list-style:none; margin:0; padding:0; }

@media (max-width:720px) {
  .header-row { flex-direction:column; align-items:flex-start; gap:0.5rem; }
  .nav ul { flex-wrap:wrap; gap:0.6rem; }
}