/* International localized introduction pages I2 */
.localized-hero {
  padding: clamp(75px, 10vw, 125px) 0;
  background: radial-gradient(ellipse at 80% 15%,
    rgba(74,115,180,.18), transparent 50%), var(--bg);
}
.localized-eyebrow {
  color: var(--accent-bright);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.localized-hero h1 {
  max-width: 850px;
  margin: 18px 0 25px;
  font-size: clamp(2.3rem, 6vw, 4.4rem);
  line-height: 1.12;
}
.localized-intro {
  max-width: 760px;
  font-size: 1.13rem;
  color: var(--muted);
}
.localized-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 35px;
}
.localized-links a {
  padding: 11px 17px;
  border: 1px solid rgba(217,167,79,.5);
  border-radius: 8px;
}
.localized-sections {
  padding: 70px 0;
  background: var(--bg-soft);
}
.localized-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.localized-card {
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}
.localized-card h2 {
  margin-top: 0;
  font-size: 1.22rem;
}
.localized-card p, .localized-notice p {
  color: var(--muted);
}
.localized-notice {
  padding: 65px 0;
}
.localized-notice .container {
  max-width: 900px;
}
@media(max-width:750px) {
  .localized-grid { grid-template-columns:1fr; }
}