/* Minimal, clean, responsive styles for AdHub */
:root{
  --green:#0B7D45;
  --ink:#111;
  --bg:#f6f7f8;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;color:var(--ink);background:var(--bg)}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.row{display:flex;align-items:center}
.space{justify-content:space-between}
.gap{gap:16px}
.topbar{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:10}
.brand .logo{width:44px;height:44px}
.brandtext .name{font-weight:700}
.brandtext .tag{font-size:12px;color:#667}
.nav a{color:#333;text-decoration:none;padding:10px 8px}
.langswitch select{padding:8px;border:1px solid #ccd;border-radius:8px;background:#fff}
.hero{background:var(--green);color:#fff;padding:72px 0}
.hero .lead{opacity:.9;max-width:640px}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:600}
.btn.primary{background:#fff;color:var(--green)}
.btn.ghost{border:2px solid #fff;color:#fff}
.section{padding:56px 0}
.section.alt{background:#fff}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:#fff;padding:16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.card h3{margin-top:0}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.step{background:#fff;padding:16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);text-align:center}
.step .icon{font-size:28px;margin-bottom:8px}
.footer{padding:20px 0;border-top:1px solid #e9ecef;background:#fff}
@media (max-width:900px){
  .grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:540px){
  .steps{grid-template-columns:1fr}
}
/* RTL support */
[dir="rtl"] .row{flex-direction: row-reverse}
[dir="rtl"] .nav a{padding:10px 8px}