:root{
  --bg:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --accent:#a855f7; /* violet accent */
  --line:#e2e8f0;
  --radius:14px;
  --maxw:1100px;
}
*{box-sizing:border-box}
html:focus-within{scroll-behavior:smooth}
body{
  margin:0; font:16px/1.6 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink); background:var(--bg);
}
a{color:var(--accent); text-decoration:none}
a:hover,a:focus{ text-decoration:underline }
.header{
  border-bottom:1px solid var(--line);
  position:sticky; top:0; background:rgba(255,255,255,.9); backdrop-filter:saturate(180%) blur(8px); z-index:10;
}
.container{ max-width:var(--maxw); margin:0 auto; padding:0 20px }
.nav{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 0 }
.brand{ display:flex; align-items:center; gap:14px }
.brand img{ height:48px; width:auto }
.brand .title{ font-weight:700; letter-spacing:.2px }
.nav ul{ list-style:none; display:flex; gap:18px; margin:0; padding:0 }
.nav li a{ padding:8px 10px; border-radius:8px }
.nav li a:hover{ background:#f8fafc }
.hero{ padding:78px 0 50px }
h1{ font-size:42px; line-height:1.15; margin:0 0 14px }
h2{ font-size:28px; margin:0 0 14px }
.lead{ color:var(--muted); font-size:18px; max-width:800px }
.cta{ margin-top:26px; display:inline-block; padding:12px 18px; border-radius:10px; border:1px solid var(--line) }
.section{ padding:56px 0; border-top:1px solid var(--line) }
.grid{ display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) }
.card{ padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:#fff }
.badge{ display:inline-block; font-size:12px; border:1px solid var(--line); padding:3px 8px; border-radius:999px; color:var(--muted)}
.footer{ border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:14px }
.small{ font-size:14px; color:var(--muted) }
.contact-list{ list-style:none; padding:0; margin:0 }
.contact-list li{ margin:6px 0 }
blockquote{ margin:0; padding:18px 20px; background:#f8fafc; border-left:3px solid var(--line); border-radius:8px }
@media (max-width:640px){ h1{ font-size:34px } }