.ets-hp{max-width:1200px;margin:0 auto;padding:0 20px;font-family:Inter,system-ui,-apple-system,sans-serif}
.ets-hp-hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;margin:24px 0}
.ets-hp-hero h1{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 12px;line-height:1.2}
.ets-hp-hero p{font-size:17px;color:#475569;margin:0;max-width:600px;margin:0 auto;line-height:1.5}
.ets-hp-section{margin:40px 0}
.ets-hp-section h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 20px}
.ets-hp-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ets-hp-cat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;background:#fff;border-radius:12px;text-decoration:none;color:#334155;font-weight:600;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}
.ets-hp-cat:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px);color:#2563eb}
@media(max-width:768px){
.ets-hp-hero{padding:40px 16px 30px}
.ets-hp-hero h1{font-size:24px}
.ets-hp-hero p{font-size:15px}
.ets-hp-cats{grid-template-columns:repeat(3,1fr);gap:10px}
.ets-hp-cat{padding:16px 8px;font-size:12px}
.ets-hp-cat svg{width:22px;height:22px}
}
@media(max-width:480px){
.ets-hp-cats{grid-template-columns:repeat(2,1fr)}
}