/* About Us page — WebsitesForChildren.com */

body.about-page {
  background: #f4f7fc;
}

.au-page {
  --au-navy: #0a1931;
  --au-muted: #64748b;
  --au-sky: #dceefb;
}

.au-page .container {
  width: min(1200px, 92%);
}

/* Hero — sağ alttan arka plan görseli */
.au-hero {
  position: relative;
  min-height: 530px;
  max-height: 530px;
  padding: 2rem 0 2.25rem;
  overflow: hidden;
  background-color: #e0f2fe;
  background-image: var(--au-hero-bg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 530px;
}

.au-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.78) 44%,
    rgba(255, 255, 255, 0.22) 58%,
    transparent 72%
  );
}

.au-hero-inner {
  position: relative;
  z-index: 2;
}

.au-hero-copy {
  max-width: min(780px, 58%);
  padding-inline-start: clamp(0rem, 8vw, 120px);
}

.au-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 1rem;
  padding: 0.42rem 0.9rem;
  border-radius: 999px;
  background: rgba(219, 234, 254, 0.92);
  border: 1px solid rgba(191, 219, 254, 0.95);
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  color: #1d4ed8;
  letter-spacing: 0.01em;
}

.au-hero-badge-ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d4ed8'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.au-hero-title {
  margin: 0 0 1rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: clamp(1.85rem, 3.4vw, 2.65rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--au-navy);
}

.au-hero-title-line1 {
  display: block;
}

.au-hero-title-line2 {
  display: flex;
  align-items: center;
  gap: 0.2em;
  margin-top: 15px;
}

.au-hero-title-heart {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  flex-shrink: 0;
  transform: rotate(15deg);
  transform-origin: center center;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23facc15' stroke-width='2'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.au-hero-sub {
  margin: 0;
  max-width: 34rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  color: var(--au-muted);
}

.au-hero-features {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem 2rem;
  margin: 1.65rem 0 0;
  padding: 0;
  list-style: none;
}

.au-hero-features li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex: 0 0 auto;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--au-navy);
}

.au-hero-feat-ico {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff center/38px no-repeat;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.au-hero-feat-ico.f-ai {
  background-color: #dbeafe;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 2l8 3v5.5c0 4.9-3.4 9.5-8 10.5-4.6-1-8-5.6-8-10.5V5l8-3zm3.2 7.8l-4.2 4.2-2-2-1.4 1.4 3.4 3.4 5.6-5.6-1.4-1.4z'/%3E%3C/svg%3E");
}

.au-hero-feat-ico.f-parent {
  background-color: #dcfce7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M16 11c1.7 0 3-1.3 3-3s-1.3-3-3-3-3 1.3-3 3 1.3 3 3 3zm-8 0c1.7 0 3-1.3 3-3S9.7 5 8 5 5 6.3 5 8s1.3 3 3 3zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.au-hero-feat-ico.f-child {
  background-color: #ede9fe;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c3aed'%3E%3Cpath d='M12 2l8 3v5.5c0 4.9-3.4 9.5-8 10.5-4.6-1-8-5.6-8-10.5V5l8-3zM9.5 12.2a1.5 1.5 0 012.1 0l.4.4 1.1-1.1-.4-.4a2.5 2.5 0 00-3.5 0l-.4.4 1.1 1.1.4-.4zm5 0l.4.4 1.1-1.1-.4-.4a2.5 2.5 0 00-3.5 0l-.4.4 1.1 1.1.4-.4a1.5 1.5 0 012.1 0z'/%3E%3C/svg%3E");
}

@media (max-width: 960px) {
  .au-hero {
    max-height: none;
    min-height: 0;
    padding: 1.75rem 0 2rem;
    background-size: auto min(320px, 85%);
  }

  .au-hero-copy {
    max-width: 100%;
    padding-inline-start: 0;
  }

  .au-hero-features {
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
  }
}

@media (max-width: 640px) {
  .au-hero-features li {
    flex: 1 1 calc(50% - 0.75rem);
  }

  .au-hero-features li:last-child {
    flex-basis: 100%;
  }
}

body.rtl .au-hero {
  background-position: left bottom;
}

body.rtl .au-hero-overlay {
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.78) 44%,
    rgba(255, 255, 255, 0.22) 58%,
    transparent 72%
  );
}

/* Block 2 — Our Mission */
.au-mission {
  background: #f0faf4;
  padding: 4.25rem 0 4.5rem;
}

.au-mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(2rem, 4vw, 3.75rem);
  align-items: center;
}

.au-mission-copy {
  max-width: 34rem;
  padding-inline-start: clamp(0rem, 8vw, 120px);
}

.au-mission-kicker {
  margin: 0;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.2;
  color: #059669;
}

.au-mission-kicker-line {
  display: block;
  width: 4.75rem;
  height: 3px;
  margin: 0.45rem 0 1.35rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #86efac 0%, #bbf7d0 100%);
}

.au-mission-title {
  margin: 0 0 1.35rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.au-mission-title-green,
.au-mission-title-blue {
  display: block;
}

.au-mission-title-green {
  color: #059669;
}

.au-mission-title-blue {
  margin-top: 0.12rem;
  color: #0a1931;
}

.au-mission-text {
  margin: 0 0 1rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.72;
  color: #475569;
}

.au-mission-text:last-of-type {
  margin-bottom: 1.35rem;
}

.au-mission-quote {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.55;
  color: #059669;
}

.au-mission-quote-heart {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 0.12rem;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.au-mission-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.au-mission-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9.5rem, 11.5rem) minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 0.35rem 0.85rem;
  width: min(100%, 460px);
  min-height: 340px;
  margin: 0 auto;
  padding: 2rem 1.35rem 1.85rem;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
  align-items: center;
}

.au-mission-pill {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 6.35rem;
  padding: 0.72rem 0.45rem 0.82rem;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
  text-align: center;
}

.au-mission-pill strong {
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.25;
  color: #0f2d5c;
}

.au-mission-pill--tl {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
}

.au-mission-pill--tr {
  grid-column: 3;
  grid-row: 1;
  justify-self: start;
}

.au-mission-pill--bl {
  grid-column: 1;
  grid-row: 3;
  justify-self: end;
}

.au-mission-pill--br {
  grid-column: 3;
  grid-row: 3;
  justify-self: start;
}

.au-mission-logo-wrap {
  grid-column: 2;
  grid-row: 1 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 100%;
  padding: 0.35rem 0.15rem;
}

.au-mission-logo {
  display: block;
  width: min(100%, 11rem);
  height: auto;
  object-fit: contain;
}

.au-mission-pill-ico {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff center/30px no-repeat;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.au-mission-pill-ico.i-safe {
  background-color: #dcfce7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M12 2l8 3v5.5c0 4.9-3.4 9.5-8 10.5-4.6-1-8-5.6-8-10.5V5l8-3zm3.2 7.8l-4.2 4.2-2-2-1.4 1.4 3.4 3.4 5.6-5.6-1.4-1.4z'/%3E%3C/svg%3E");
}

.au-mission-pill-ico.i-learning {
  background-color: #dbeafe;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 12.5L5 11.5V16c0 2.2 3.1 4 7 4s7-1.8 7-4v-4.5l-7 4z'/%3E%3C/svg%3E");
}

.au-mission-pill-ico.i-positive {
  background-color: #ede9fe;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c3aed'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm-3.4 7.8a1.35 1.35 0 110-2.7 1.35 1.35 0 010 2.7zm6.8 0a1.35 1.35 0 110-2.7 1.35 1.35 0 010 2.7zM8.2 14.8c1.15 1.45 2.45 2.2 3.8 2.2s2.65-.75 3.8-2.2c.4-.5.32-1.24-.18-1.64s-1.24-.32-1.64.18c-.75.94-1.45 1.36-2.18 1.36-.73 0-1.43-.42-2.18-1.36-.4-.5-1.14-.58-1.64-.18s-.58 1.14-.18 1.64z'/%3E%3C/svg%3E");
}

.au-mission-pill-ico.i-happy {
  background-color: #ffe4e6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e11d48'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

@media (max-width: 960px) {
  .au-mission {
    padding: 3rem 0 3.25rem;
  }

  .au-mission-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .au-mission-copy {
    max-width: none;
    padding-inline-start: 0;
  }

  .au-mission-board {
    width: min(100%, 420px);
    padding: 1.65rem 1rem 1.5rem;
    min-height: 0;
  }

  .au-mission-pill {
    width: 5.75rem;
    padding: 0.62rem 0.35rem 0.72rem;
  }

  .au-mission-pill-ico {
    width: 50px;
    height: 50px;
    background-size: 26px;
  }

  .au-mission-logo {
    width: min(100%, 8rem);
  }
}

body.rtl .au-mission-copy {
  padding-inline-start: 0;
  padding-inline-end: clamp(0rem, 8vw, 120px);
}

@media (max-width: 960px) {
  body.rtl .au-mission-copy {
    padding-inline-end: 0;
  }
}

/* Block 3 — Our Goals */
.au-goals {
  position: relative;
  padding: 4rem 0 4.5rem;
  background: #fff;
}

.au-goals-head-wrap {
  position: relative;
  margin-bottom: 2.35rem;
}

.au-goals-head {
  position: relative;
  z-index: 1;
  max-width: 40rem;
  margin: 0 auto;
  text-align: center;
}

.au-goals-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  margin: 0 0 0.65rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0a1931;
}

.au-goals-squiggle {
  width: 28px;
  height: 16px;
  flex-shrink: 0;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 18' fill='none' stroke='%23facc15' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M2 12c4-8 8-8 12 0s8 8 12 0'/%3E%3C/svg%3E");
}

.au-goals-squiggle--r {
  transform: scaleX(-1);
}

.au-goals-sub {
  margin: 0;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.55;
  color: #64748b;
}

.au-goals-deco {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background: center/contain no-repeat;
}

.au-goals-deco--plane {
  top: -0.35rem;
  left: clamp(0rem, 4vw, 2.5rem);
  width: 72px;
  height: 72px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' fill='none'%3E%3Cpath d='M12 38c14-10 24-12 34-8l8 3-10 4 4 10-3-8c-4 10-6 20-8 34l-4-10-12 4 3-8-8-4 4-10-8 3z' fill='%233b82f6'/%3E%3Cpath d='M18 34c8 2 14 0 20-4' stroke='%2393c5fd' stroke-width='2' stroke-dasharray='3 4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.au-goals-deco--balloon {
  top: -0.75rem;
  right: clamp(0rem, 4vw, 2.5rem);
  width: 78px;
  height: 78px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78' fill='none'%3E%3Cpath d='M48 18c0 8-6 14-14 14S20 26 20 18 26 4 34 4s14 6 14 14z' fill='%23f472b6'/%3E%3Cpath d='M34 32v10' stroke='%23fda4af' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M30 42c2 2 6 2 8 0' stroke='%23fda4af' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M58 14l4 4M62 22l5-1M54 8l1-5' stroke='%23facc15' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.au-goals-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.au-goal-card {
  padding: 1.25rem 1.1rem 1.35rem;
  border-radius: 16px;
  border: 1px solid transparent;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.au-goal-card-head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.au-goal-ico {
  width: 69px;
  height: 69px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff center/54px no-repeat;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.au-goal-card h3 {
  margin: 0;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.au-goal-card p {
  margin: 0;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.6;
  color: #64748b;
}

.au-goal-card--blue {
  background: #f5f9ff;
  border-color: #dbeafe;
}

.au-goal-card--blue h3 {
  color: #2563eb;
}

.au-goal-card--blue .au-goal-ico {
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
}

.au-goal-card--blue .au-goal-ico.i-shield {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M12 2l8 3v5.5c0 4.9-3.4 9.5-8 10.5-4.6-1-8-5.6-8-10.5V5l8-3zm3.2 7.8l-4.2 4.2-2-2-1.4 1.4 3.4 3.4 5.6-5.6-1.4-1.4z'/%3E%3C/svg%3E");
}

.au-goal-card--green {
  background: #f3fcf6;
  border-color: #bbf7d0;
}

.au-goal-card--green h3 {
  color: #16a34a;
}

.au-goal-card--green .au-goal-ico {
  box-shadow: 0 10px 22px rgba(22, 163, 74, 0.16);
}

.au-goal-card--green .au-goal-ico.i-edu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2316a34a'%3E%3Cpath d='M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm0 12.5L5 11.5V16c0 2.2 3.1 4 7 4s7-1.8 7-4v-4.5l-7 4z'/%3E%3C/svg%3E");
}

.au-goal-card--orange {
  background: #fffbeb;
  border-color: #fde68a;
}

.au-goal-card--orange h3 {
  color: #ea580c;
}

.au-goal-card--orange .au-goal-ico {
  box-shadow: 0 10px 22px rgba(234, 88, 12, 0.16);
}

.au-goal-card--orange .au-goal-ico.i-parents {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ea580c'%3E%3Ccircle cx='7.25' cy='5.75' r='2.4'/%3E%3Cpath d='M4.25 18v-1.7c0-1.9 1.35-3.1 3-3.1s3 1.2 3 3.1V18H4.25z'/%3E%3Crect x='5.75' y='10.5' width='3' height='2.8' rx='1'/%3E%3Ccircle cx='16.75' cy='5.75' r='2.4'/%3E%3Cpath d='M13.25 18l1.65-6.75h5.2L21.75 18h-8.5z'/%3E%3Cpath d='M14.35 8.35h4.8l-.75 2.8h-3.3l-.75-2.8z'/%3E%3C/svg%3E");
}

.au-goal-card--purple {
  background: #faf5ff;
  border-color: #e9d5ff;
}

.au-goal-card--purple h3 {
  color: #7c3aed;
}

.au-goal-card--purple .au-goal-ico {
  box-shadow: 0 10px 22px rgba(124, 58, 237, 0.16);
}

.au-goal-card--purple .au-goal-ico.i-globe {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c3aed'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm7.93 9h-3.18a15.7 15.7 0 00-1.12-4.02A8.03 8.03 0 0119.93 11zM12 4c.95 1.6 1.62 3.4 1.94 5.36H10.06A13.2 13.2 0 0112 4zM8.37 6.98A15.7 15.7 0 007.25 11H4.07a8.03 8.03 0 013.3-4.02zM4.07 13h3.18c.22 1.42.62 2.78 1.12 4.02A8.03 8.03 0 014.07 13zm5.99 6.64A13.2 13.2 0 0110.06 13h3.88c-.32 1.96-.99 3.76-1.94 5.36zM15.63 17.02A15.7 15.7 0 0016.75 13h3.18a8.03 8.03 0 01-3.3 4.02z'/%3E%3C/svg%3E");
}

@media (max-width: 1100px) {
  .au-goals-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .au-goals {
    padding: 3rem 0 3.25rem;
  }

  .au-goals-deco--plane,
  .au-goals-deco--balloon {
    opacity: 0.45;
    transform: scale(0.85);
  }

  .au-goals-grid {
    grid-template-columns: 1fr;
  }

  .au-goals-title {
    flex-wrap: wrap;
    gap: 0.45rem;
  }
}

body.rtl .au-goals-deco--plane {
  left: auto;
  right: clamp(0rem, 4vw, 2.5rem);
  transform: scaleX(-1);
}

body.rtl .au-goals-deco--balloon {
  right: auto;
  left: clamp(0rem, 4vw, 2.5rem);
}

/* Block 4 — Non-Profit */
.au-nonprofit {
  padding: 3.5rem 0 4.5rem;
  background: #fff;
}

.au-nonprofit-stack {
  position: relative;
  padding-bottom: 0.5rem;
}

.au-nonprofit-card {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  padding: 3rem 2.25rem 2.5rem;
  background: linear-gradient(180deg, #edf6ff 0%, #e8f3fc 100%);
  border: 1px solid rgba(191, 219, 254, 0.65);
  border-radius: 28px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06);
}

.au-nonprofit-card::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: min(480px, 58%);
  height: min(460px, 92%);
  background-image: var(--au-nonprofit-kids-bg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  pointer-events: none;
}

.au-nonprofit-grid {
  position: relative;
  z-index: 2;
  max-width: min(100%, 34rem);
}

.au-nonprofit-copy {
  max-width: 26rem;
}

.au-nonprofit-title {
  margin: 0 0 0.85rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0a1931;
}

.au-nonprofit-text {
  margin: 0 0 1.15rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 1.65;
  color: #475569;
}

.au-nonprofit-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.15rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.au-nonprofit-badges li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  color: #0f2d5c;
}

.au-nonprofit-check {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 50%;
  background: center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
}

.au-nonprofit-check.c-blue {
  background-color: #2563eb;
}

.au-nonprofit-check.c-green {
  background-color: #16a34a;
}

.au-nonprofit-check.c-purple {
  background-color: #7c3aed;
}

.au-nonprofit-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.au-nonprofit-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.au-nonprofit-visual--heart {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: -2.5rem auto -180px;
  padding: 0;
  line-height: 0;
  pointer-events: none;
  transform: translateY(-180px);
}

.au-nonprofit-visual--heart img {
  display: block;
  max-width: min(100%, 250px);
  height: auto;
}

.au-nonprofit-foot {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: min(calc(100% - 2rem), 720px);
  margin: 0 auto;
  padding: 0.95rem 1.5rem;
  background: #fff;
  border-radius: 999px;
  border: 1px solid rgba(226, 232, 240, 0.95);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  font-family: 'Nunito', system-ui, sans-serif;
  font-size: clamp(0.82rem, 1.6vw, 0.95rem);
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
  color: #0a1931;
}

.au-nonprofit-foot-heart {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transform: rotate(15deg);
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23facc15' stroke-width='2'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
  .au-nonprofit-grid {
    max-width: none;
  }

  .au-nonprofit-copy {
    max-width: none;
  }

  .au-nonprofit-card::after {
    width: min(420px, 72%);
    height: min(360px, 62%);
    opacity: 0.92;
  }
}

@media (max-width: 640px) {
  .au-nonprofit {
    padding: 2.5rem 0 4.75rem;
  }

  .au-nonprofit-card {
    min-height: 0;
    padding: 1.85rem 1.15rem 2rem;
    border-radius: 22px;
  }

  .au-nonprofit-grid {
    max-width: none;
  }

  .au-nonprofit-visual--heart {
    margin-top: -1.5rem;
    margin-bottom: -130px;
    transform: translateY(-130px);
  }

  .au-nonprofit-visual--heart img {
    max-width: min(100%, 220px);
  }

  .au-nonprofit-card::after {
    width: min(360px, 95%);
    height: min(300px, 48%);
    opacity: 0.85;
  }

  .au-nonprofit-foot {
    width: calc(100% - 1.5rem);
    padding: 0.85rem 1.1rem;
  }
}