/* Basic modern styling */
:root{
  --bg:#0b0b0c;
  --fg:#f4f4f5;
  --muted:#a1a1aa;
  --card:#151518;
  --accent:#e6e6e6;
  --primary:#ffffff;
  --ring:rgba(255,255,255,.2);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.brand .name{font-size:18px}
.nav a{color:var(--fg);text-decoration:none;margin:0 10px;opacity:.9}
.nav a:hover{opacity:1;text-decoration:underline}
.lang-select{background:var(--card);color:var(--fg);border:1px solid var(--ring);padding:8px 10px;border-radius:10px}
.sr-only{position:absolute;left:-9999px}
.hero{padding:60px 0 30px}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px}
.lead{font-size:18px;color:var(--accent);opacity:.9;margin:0 0 18px}
.cta-row{display:flex;gap:12px;margin:16px 0 12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--ring);text-decoration:none;color:var(--fg)}
.btn.primary{background:var(--fg);color:#111;border-color:transparent}
.btn.ghost{background:transparent}
.hero-tags{margin-top:8px;color:var(--muted);font-size:14px}
.section{padding:40px 0}
.alt{background:#0f0f12;border-radius:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card,.work-card{background:var(--card);padding:18px;border-radius:16px;border:1px solid var(--ring)}
.icon{font-size:22px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{display:flex;gap:12px;align-items:flex-start;background:var(--card);padding:16px;border-radius:14px;border:1px solid var(--ring)}
.step-num{display:inline-grid;place-items:center;background:#222;color:#fff;width:30px;height:30px;border-radius:50%;font-weight:700}
.work-thumb.placeholder{height:120px;background:repeating-linear-gradient(45deg,#1b1b1f,#1b1b1f 10px,#151518 10px,#151518 20px);border-radius:12px;margin-bottom:10px}
.contact-form{display:grid;gap:14px}
.form-row{display:grid;gap:6px}
input,textarea{background:#0f0f12;border:1px solid var(--ring);color:var(--fg);padding:12px;border-radius:12px}
input:focus,textarea:focus,.lang-select:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}
.footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0;color:var(--muted);font-size:14px}
.fine{opacity:.8}
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr}
  .hero h1{font-size:36px}
}