/* Brand365 (HU) — bold headings, white + red accent, condensed sans. */
:root{
  --ink:#181818;--muted:#66666b;--red:#d61f2b;--bg:#ffffff;--line:#ececec;
  --cond:"Roboto Condensed","Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
a{color:inherit}
.hdr{display:flex;justify-content:space-between;align-items:center;padding:24px max(6vw,24px);border-bottom:3px solid var(--ink)}
.brand{font-family:var(--cond);font-weight:700;font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none}
.brand::first-letter{color:var(--red)}
.nav a{margin-left:24px;text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.nav a:hover,.nav a[aria-current]{color:var(--red)}
.hero{max-width:1080px;margin:0 auto;padding:84px max(6vw,24px) 66px}
.hero h1{font-family:var(--cond);font-size:clamp(2.8rem,9vw,6rem);line-height:.94;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.intro{color:var(--muted);font-size:1.2rem;margin:28px 0 32px;max-width:52ch}
.cta{display:inline-block;padding:14px 32px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cta:hover{background:#ad1621}
.svc{max-width:1080px;margin:0 auto;padding:0 max(6vw,24px) 100px;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.svc span{font-family:var(--cond);color:var(--red);font-weight:700;font-size:1.4rem}
.svc h3{font-family:var(--cond);font-size:1.4rem;font-weight:700;text-transform:uppercase;margin:8px 0 8px}
.svc p{color:var(--muted);font-size:.96rem}
.page{max-width:720px;margin:0 auto;padding:74px max(6vw,24px)}
.page h1{font-family:var(--cond);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;text-transform:uppercase;margin-bottom:26px}
.prose p{margin-bottom:18px;color:#2b2b2f}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.svc-list{display:grid;gap:0}
.svc-list>div{padding:24px 0;border-bottom:1px solid var(--line)}
.svc-list dt{font-family:var(--cond);font-weight:700;font-size:1.3rem;text-transform:uppercase;margin-bottom:6px}
.svc-list dd{color:var(--muted)}
.foot{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px max(6vw,24px);border-top:3px solid var(--ink);font-size:.88rem;color:var(--muted)}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--red)}
@media(max-width:820px){.svc{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.svc{grid-template-columns:1fr}.hdr{flex-direction:column;gap:12px}.nav a{margin:0 11px}}
