/* ===== GERMANY LANDING — Hero ===== */
.hero{padding:48px 0 80px;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg::before{content:'';position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--red-g) 0%,transparent 70%);border-radius:50%;filter:blur(100px)}
.hero .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero-text h1{font-size:clamp(32px,4.5vw,52px);font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}
.hero-text h1 .accent{background:linear-gradient(135deg,var(--red) 0%,#ff4d5e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-text h1 .de{color:var(--g3);font-weight:700}
.hero-sub{font-size:17px;color:var(--g3);line-height:1.7;margin-bottom:28px;max-width:520px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}

/* City card */
.hero-side{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--r);padding:32px;position:relative;overflow:hidden}
.hero-side::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red)}
.hero-side h3{font-size:15px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.hero-side h3 .flag{font-size:20px}
.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.city-tag{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--g3);text-align:center;transition:all .25s}
.city-tag:hover{background:rgba(229,25,42,.06);border-color:rgba(229,25,42,.15);color:var(--wh)}
.city-note{font-size:12px;color:var(--g5);margin-top:16px;text-align:center}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .city-grid{grid-template-columns:1fr 1fr}
}