.saa-page {
  --bg:#ffffff; --surface-2:#f7f7f8;
  --text:rgba(17,24,39,1); --muted:rgba(55,65,81,1); --muted-2:rgba(107,114,128,1);
  --brand:#0195D8; --brand-light:rgba(230,246,253,0.9);
  --border:rgba(17,24,39,.12);
  --shadow:0 18px 40px rgba(17,24,39,.10); --shadow-soft:0 12px 28px rgba(17,24,39,.08);
  --radius-lg:20px; --radius-md:14px;
  --container:1280px;
  --font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
.saa-page, .saa-page * {box-sizing:border-box}
.saa-page {scroll-behavior:smooth}
.saa-page {margin:0;font-family:var(--font);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
.saa-page img {max-width:100%;display:block}
.saa-page a {text-decoration:none}
.saa-page .container {max-width:var(--container);margin:0 auto;padding:0 24px}
.saa-page .contact-hero {
  position:relative;
  min-height:238px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:44px 20px 42px;
  text-align:center;
  background:
    radial-gradient(680px 260px at 18% 18%, rgba(1,149,216,.10), transparent 65%),
    radial-gradient(720px 300px at 82% 8%, rgba(1,149,216,.16), transparent 68%),
    linear-gradient(90deg, rgba(244,251,255,.96) 0%, rgba(255,255,255,.91) 34%, rgba(235,248,255,.80) 64%, rgba(1,149,216,.18) 100%);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:inset 0 -34px 44px -44px rgba(1,149,216,.24);
}
.saa-page .contact-hero .soft-transition {display:none;}
.saa-page .contact-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(720px 320px at 12% 15%, rgba(1,149,216,.12), transparent 62%),
    radial-gradient(560px 260px at 92% 18%, rgba(1,149,216,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(238,247,252,.38) 100%);
  pointer-events:none;
  backdrop-filter:blur(2.5px);
  -webkit-backdrop-filter:blur(2.5px);
}
.saa-page .contact-hero::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.26;
  pointer-events:none;
  background-image:radial-gradient(rgba(1,149,216,.22) 1px, transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 92%);
  mask-image:linear-gradient(90deg,#000 0%,#000 52%,transparent 92%);
}
.saa-page .contact-hero .container {
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
}
.saa-page .contact-hero-copy {
  max-width:860px;
  margin:0 auto;
  text-align:center;
  padding-top:8px;
}
.saa-page .contact-hero-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto 12px;
  padding:8px 14px;
  color:#0f172a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  border:1px solid rgba(1,149,216,.20);
  background:rgba(255,255,255,.78);
  border-radius:999px;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.saa-page .contact-hero-label::before {
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#0195D8;
  box-shadow:0 0 0 5px rgba(1,149,216,.12);
  animation:heroDotPulse 2.8s ease-in-out infinite;
}
@keyframes heroDotPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 5px rgba(1,149,216,.12),0 0 0 0 rgba(1,149,216,.20)}
  50%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(1,149,216,.10),0 0 18px 3px rgba(1,149,216,.30)}
}
.saa-page .contact-hero-title {
  font-size:clamp(42px,4.35vw,62px);
  font-weight:850;
  color:#0f172a;
  margin:0 0 10px;
  line-height:1.02;
  letter-spacing:-.045em;
  text-align:center;
}
.saa-page .contact-hero-title .accent {
  position:relative;
  color:#0195D8;
  background:none;
  -webkit-text-fill-color:initial;
  white-space:nowrap;
}
.saa-page .contact-hero-title .accent::after {
  content:"";
  position:absolute;
  left:8px;
  right:10px;
  bottom:-1px;
  height:6px;
  border-radius:70% 35% 65% 40% / 55% 70% 35% 60%;
  background:
    radial-gradient(70% 120% at 18% 55%, rgba(1,149,216,.95) 0%, rgba(1,149,216,.82) 46%, transparent 76%),
    linear-gradient(90deg,rgba(1,149,216,.92),rgba(1,149,216,.36) 72%,rgba(1,149,216,0));
  transform:rotate(-1.2deg) skewX(-7deg);
  opacity:.92;
  filter:drop-shadow(0 2px 1px rgba(1,149,216,.08));
}
.saa-page .contact-hero-sub {
  font-size:16px;
  color:#334155;
  line-height:1.58;
  margin:0 auto;
  max-width:760px;
  text-align:center;
}
.saa-page .contact-hero-badges {display:none}
@media (max-width:900px){.saa-page .contact-hero {min-height:auto;padding:36px 16px 34px;background-position:center}
.saa-page .contact-hero .container {padding:0 16px}}
@media (max-width:620px){.saa-page .contact-hero-title {font-size:38px}
.saa-page .contact-hero-sub {font-size:16px}}
.saa-page .contact-offices {
  padding:44px 20px 70px;position:relative;
  background:
    radial-gradient(700px 400px at 85% 0%, rgba(1,149,216,.08), transparent 60%),
    linear-gradient(180deg,#eef7fc 0%,#f5fbfe 100%);
}
.saa-page .contact-offices::before {
  content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(rgba(1,149,216,.10) 1px, transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 55%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 55%);
}
.saa-page .contact-offices .container {position:relative;z-index:1}
.saa-page .offices-section-header {text-align:center;max-width:720px;margin:0 auto 42px}
.saa-page .offices-section-title {font-size:clamp(29px,3.7vw,40px);font-weight:800;color:#0f172a;margin:0 0 10px;line-height:1.15;letter-spacing:-.02em}
.saa-page .offices-section-title .accent {color:#0295DA}
.saa-page .offices-section-sub {font-size:16px;color:#64748b;line-height:1.7;margin:0}
.saa-page .offices-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;max-width:1280px;margin:0 auto}
.saa-page .office-card {
  position:relative;border-radius:24px;overflow:hidden;
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;
  display:flex;flex-direction:column;color:#fff;
  background:linear-gradient(180deg,#0295DA 0%,#0a78b8 55%,#0b364a 100%);
  box-shadow:0 14px 30px -10px rgba(2,149,218,.45);min-height:512px;border:0;
}
.saa-page .office-card:hover {transform:translateY(-6px);box-shadow:0 24px 50px -14px rgba(2,149,218,.55)}
.saa-page .landmark-banner {position:relative;width:100%;height:230px;overflow:hidden;background:#0b364a;display:block;border-radius:24px 24px 0 0}
.saa-page .landmark-banner img {width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .8s cubic-bezier(.4,0,.2,1)}
.saa-page .office-dhaka .landmark-banner img {object-position:center 48%}
.saa-page .office-chittagong .landmark-banner img {object-position:center 46%}
.saa-page .office-canada .landmark-banner img {object-position:center center}
.saa-page .office-usa .landmark-banner img {object-position:center 48%}
.saa-page .office-card:hover .landmark-banner img {transform:scale(1.06)}
.saa-page .landmark-banner::after {content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,transparent,rgba(2,149,218,.28));pointer-events:none}
.saa-page .hq-ribbon {display:none}
.saa-page .office-body {padding:26px 24px 30px;display:flex;flex-direction:column;flex:1}
.saa-page .office-card h3 {font-size:25px;font-weight:800;text-align:center;letter-spacing:-.01em;margin:0 0 4px;color:#fff}
.saa-page .office-sub {text-align:center;font-size:11.5px;color:rgba(255,255,255,.78);margin:0 0 18px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.saa-page .office-landmark {margin:-6px 0 18px;color:rgba(255,255,255,.90);font-size:12px;font-weight:500;line-height:1.45;text-align:center;white-space:nowrap;letter-spacing:-.15px}
.saa-page .office-card address {
  font-style:normal;color:rgba(255,255,255,.92);line-height:1.85;
  font-size:12.5px;text-align:center;margin:0 0 18px;white-space:nowrap;letter-spacing:-.1px;
}
.saa-page .office-meta {display:flex;flex-direction:column;gap:9px;padding:15px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:20px}
.saa-page .office-meta a, .saa-page .office-meta span {display:inline-flex;align-items:center;gap:9px;justify-content:center;font-size:13px;color:rgba(255,255,255,.92);font-weight:500;text-decoration:none;white-space:nowrap}
.saa-page .office-meta a:hover {color:#fff;text-decoration:underline}
.saa-page .office-meta svg {flex-shrink:0;opacity:.85}
.saa-page .office-actions {display:flex;justify-content:center;margin-top:auto}
.saa-page .wa-btn {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 26px 0 14px;height:54px;min-width:230px;border-radius:999px;background:#fff;color:#0295DA;font-weight:700;font-size:13px;text-decoration:none;transition:all .25s;box-shadow:0 8px 16px rgba(0,0,0,.14)}
.saa-page .wa-btn:hover {transform:translateY(-3px);box-shadow:0 12px 22px rgba(0,0,0,.2);color:#0295DA}
.saa-page .wa-emblem {flex-shrink:0;width:30px;height:30px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.saa-page .wa-text {display:flex;flex-direction:column;line-height:1.15;text-align:left}
.saa-page .wa-text small {font-size:9.5px;font-weight:700;color:#64748b;letter-spacing:.08em;text-transform:uppercase}
.saa-page .wa-text strong {font-size:13px;font-weight:700;white-space:nowrap;color:#0f172a}
.saa-page .contact-map-section {padding:80px 20px;background:#ffffff}
.saa-page .map-section-header {text-align:center;max-width:820px;margin:0 auto 36px}
.saa-page .map-section-title {font-size:clamp(28px,4vw,40px);font-weight:800;color:#0f172a;margin:0 0 12px;letter-spacing:-.02em}
.saa-page .map-section-title .accent {color:#0295DA}
.saa-page .map-section-sub {font-size:16px;color:#64748b;margin:0;line-height:1.55;white-space:nowrap}
.saa-page .map-tabs-nav {display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 28px;background:#f4f7fb;padding:8px;border-radius:999px;box-shadow:var(--shadow-soft);width:fit-content;border:1px solid var(--border)}
.saa-page .map-tab-btn {padding:10px 24px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted-2);cursor:pointer;border:none;background:transparent;transition:all .25s;font-family:inherit}
.saa-page .map-tab-btn.active {background:#0295DA;color:#fff;box-shadow:0 6px 14px -4px rgba(2,149,218,.5)}
.saa-page .map-tab-btn:not(.active):hover {color:var(--text)}
.saa-page .map-pane {display:none}
.saa-page .map-pane.active {display:block}
.saa-page .map-container {border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:8px solid #fff;background:var(--border)}
.saa-page .map-container iframe {display:block;width:100%;height:420px;border:0}
.saa-page .contact-cta {padding:80px 20px;background:linear-gradient(180deg,#f5fbfe 0%,#eef7fc 100%)}
.saa-page .contact-cta .cta-banner {max-width:1100px;margin:0 auto;background:linear-gradient(135deg,#0195D8 0%,#0a78b8 50%,#0b364a 100%);border-radius:28px;padding:64px 40px;text-align:center;position:relative;overflow:hidden;color:#fff}
.saa-page .contact-cta .cta-banner::before, .saa-page .contact-cta .cta-banner::after {content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.saa-page .contact-cta .cta-banner::before {width:300px;height:300px;top:-120px;left:-80px}
.saa-page .contact-cta .cta-banner::after {width:420px;height:420px;bottom:-200px;right:-120px}
.saa-page .contact-cta .cta-banner>* {position:relative;z-index:1}
.saa-page .contact-cta .cta-banner h2 {font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;line-height:1.1;color:#fff}
.saa-page .contact-cta .cta-banner p {font-size:16px;color:rgba(255,255,255,.9);max-width:640px;margin:0 auto 32px;line-height:1.6}
.saa-page .contact-cta .cta-buttons {display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.saa-page .contact-cta .cta-buttons a {display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font-weight:700;font-size:15px;transition:all .25s}
.saa-page .contact-cta .cta-btn-primary {background:#fff;color:#0195D8;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.saa-page .contact-cta .cta-btn-primary:hover {transform:translateY(-3px);box-shadow:0 18px 32px rgba(0,0,0,.25);color:#0195D8}
.saa-page .contact-cta .cta-btn-wa {background:#25D366;color:#fff}
.saa-page .contact-cta .cta-btn-wa:hover {background:#1ea952;transform:translateY(-3px);color:#fff}
.saa-page .before-reach-out {
  padding:92px 20px 96px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(760px 360px at 16% 18%, rgba(1,149,216,.11), transparent 68%),
    radial-gradient(720px 360px at 90% 8%, rgba(56,189,248,.14), transparent 70%),
    linear-gradient(180deg,#ffffff 0%,#f4fbff 52%,#ffffff 100%);
}
.saa-page .before-reach-out::before {
  content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:radial-gradient(rgba(1,149,216,.11) 1px, transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 38%,#000 70%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 38%,#000 70%,transparent 100%);
}
.saa-page .before-reach-out::after {
  content:"";position:absolute;width:420px;height:420px;right:-160px;bottom:-190px;border-radius:50%;
  background:radial-gradient(circle, rgba(1,149,216,.16), transparent 68%);
  pointer-events:none;
}
.saa-page .before-reach-out .container {position:relative;z-index:1}
.saa-page .reach-out-header {text-align:center;max-width:720px;margin:0 auto 46px}
.saa-page .reach-out-kicker {
  display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.86);border:1px solid rgba(1,149,216,.18);box-shadow:0 10px 24px rgba(1,149,216,.08);
  color:#0f172a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.saa-page .reach-out-kicker::before {
  content:"";width:9px;height:9px;border-radius:50%;background:#0195D8;box-shadow:0 0 0 5px rgba(1,149,216,.12);
}
.saa-page .reach-out-title {font-size:clamp(30px,4vw,46px);font-weight:900;color:#0f172a;margin:0 0 14px;letter-spacing:-.04em;line-height:1.05}
.saa-page .reach-out-title .accent {color:#0295DA}
.saa-page .reach-out-sub {font-size:17px;color:#64748b;margin:0;line-height:1.65}
.saa-page .faq-cards-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}
.saa-page .faq-card {
  position:relative;
  min-height:250px;
  background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 100%);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(1,149,216,.14);
  border-radius:26px;
  padding:30px 24px 28px;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.saa-page .faq-card::before {
  content:"";position:absolute;inset:0 0 auto 0;height:5px;
  background:linear-gradient(90deg,#0195D8,#5ad7ff);
}
.saa-page .faq-card::after {
  content:"";position:absolute;width:110px;height:110px;right:-42px;top:-42px;border-radius:50%;
  background:radial-gradient(circle,rgba(1,149,216,.16),transparent 66%);
}
.saa-page .faq-card:hover {
  transform:translateY(-9px);
  box-shadow:0 26px 60px rgba(1,149,216,.16);
  border-color:rgba(1,149,216,.34);
  background:rgba(255,255,255,.96);
}
.saa-page .faq-icon {
  width:58px;height:58px;border-radius:18px;margin-bottom:20px;display:grid;place-items:center;
  color:#fff;font-size:24px;
  background:linear-gradient(135deg,#0195D8,#36c7ff);
  box-shadow:0 14px 30px rgba(1,149,216,.25);
}
.saa-page .faq-question {font-size:18px;font-weight:900;color:#0f172a;margin:0 0 10px;line-height:1.24;letter-spacing:-.01em}
.saa-page .faq-answer {font-size:14.5px;color:#526179;line-height:1.72;margin:0}
@media (max-width:1080px){.saa-page .faq-cards-grid {grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}}
@media (max-width:620px){.saa-page .before-reach-out {padding:68px 16px 74px}
.saa-page .faq-cards-grid {grid-template-columns:1fr;max-width:420px}
.saa-page .faq-card {min-height:auto;padding:28px 22px}}
@media (max-width:768px){.saa-page .landmark-banner {height:210px}
.saa-page .contact-hero {min-height:230px;padding:56px 20px 44px}
.saa-page .contact-offices {padding:60px 16px 50px}
.saa-page .offices-grid {grid-template-columns:1fr;max-width:420px}
.saa-page .office-card {min-height:auto}
.saa-page .office-card address {font-size:13px;white-space:normal;text-wrap:balance}
.saa-page .contact-map-section, .saa-page .before-reach-out, .saa-page .contact-cta {padding-left:16px;padding-right:16px}
.saa-page .map-container iframe {height:340px}}
@media (max-width:480px){.saa-page .landmark-banner {height:200px}
.saa-page .office-canada .landmark-banner img {object-position:center center}
.saa-page .office-dhaka .landmark-banner img, .saa-page .office-chittagong .landmark-banner img, .saa-page .office-usa .landmark-banner img {object-position:center center}
.saa-page .contact-cta .cta-banner {padding:48px 24px;border-radius:22px}
.saa-page .contact-cta .cta-buttons {flex-direction:column}
.saa-page .contact-cta .cta-buttons a {width:100%;justify-content:center}}
@media (max-width:768px){.saa-page .office-landmark {white-space:normal;font-size:12.5px}}
@media (max-width:768px){.saa-page .contact-hero {min-height:230px;padding:56px 20px 44px}
.saa-page .contact-offices {padding:60px 16px 50px}
.saa-page .offices-grid {grid-template-columns:1fr;max-width:420px}
.saa-page .office-card {min-height:auto}
.saa-page .office-card address {font-size:13px;white-space:normal;text-wrap:balance}
.saa-page .contact-map-section, .saa-page .before-reach-out, .saa-page .contact-cta {padding-left:16px;padding-right:16px}
.saa-page .map-section-header {max-width:100%;margin-bottom:28px}
.saa-page .map-section-sub {white-space:normal;font-size:15px;max-width:520px;margin:0 auto}
.saa-page .map-tabs-nav {width:100%;max-width:520px;border-radius:18px;gap:6px}
.saa-page .map-tab-btn {flex:1 1 calc(50% - 6px);padding:10px 12px;font-size:13px}
.saa-page .map-container iframe {height:340px}}
.saa-page .map-section-header {max-width:860px}
.saa-page .map-section-sub {max-width:760px;margin:0 auto;white-space:normal}
@media (max-width:768px){.saa-page .contact-map-section {padding:56px 16px 64px;background:#fff}
.saa-page .map-section-header {max-width:100%;margin-bottom:26px}
.saa-page .map-section-title {font-size:30px;line-height:1.15;margin-bottom:12px;text-wrap:balance}
.saa-page .map-section-sub {font-size:15px;line-height:1.55;max-width:330px;margin:0 auto;white-space:normal;text-wrap:balance}
.saa-page .map-tabs-nav {width:100%;max-width:330px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:18px;margin-bottom:28px}
.saa-page .map-tab-btn {width:100%;padding:12px 10px;border-radius:14px;font-size:13px;text-align:center}
.saa-page .map-container {width:100%;max-width:330px;margin:0 auto;border:6px solid #fff;border-radius:18px;box-shadow:0 16px 34px rgba(15,23,42,.12)}
.saa-page .map-container iframe {height:360px;width:100%}}
@media (max-width:390px){.saa-page .map-tabs-nav, .saa-page .map-container {max-width:315px}
.saa-page .map-section-title {font-size:28px}
.saa-page .map-container iframe {height:350px}}
@media (max-width:768px){.saa-page .map-tabs-nav {
    max-width:340px !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:4px !important;
    padding:6px !important;
    border-radius:999px !important;
  }
.saa-page .map-tab-btn {
    min-width:0 !important;
    width:100% !important;
    padding:10px 4px !important;
    border-radius:999px !important;
    font-size:11.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }}
@media (max-width:390px){.saa-page .map-tabs-nav {max-width:315px !important; gap:3px !important; padding:5px !important}
.saa-page .map-tab-btn {font-size:11px !important; padding:10px 3px !important}}
.saa-page .contact-hero {
    background-image:url("/assets/localized/embedded/9866950595f3ce.webp") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    min-height:320px !important;
}
@media (max-width:900px){.saa-page .contact-hero {
    min-height:260px !important;
    background-position:right bottom !important;
  }}
.saa-page .contact-hero::before, .saa-page .contact-hero::after {
    display:none !important;
    content:none !important;
    background:none !important;
    filter:none !important;
    backdrop-filter:none !important;
}
/* ===================== MATCH THE HOME PAGE LAYOUT =====================
   Every value here is lifted from styles.css so the inner pages sit on the same
   grid and type scale as the home page:
     .container          width:min(1280px, 100% - 48px)     .container
     hero title          clamp(36px, 4.2vw, 56px)           .hero-title
     section heading     clamp(32px, 4vw, 48px) / 800        .destinations-title
     section subtitle    clamp(15px, 1.2vw, 22px) / 1.85     .section-subtitle-2
     section padding     64px 0                              .section
   Mobile steps are inside real media queries, not applied globally.
====================================================================== */
.saa-page .container {
  width: min(var(--container), calc(100% - 48px)) !important;
  max-width: var(--container) !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.saa-page .section { padding: 64px 0 !important; }
/* One hero scale for every inner page. 62px rather than the home page's 56px because
   these heroes are short 320px bands sitting directly above a 48px section head — at
   56px the two read as the same block twice. */
.saa-page .country-hero h1, .saa-page .contact-hero-title {
  font-size: clamp(42px, 4.35vw, 62px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
}
.saa-page .section-head h2, .saa-page .offices-section-title, .saa-page .map-section-title, .saa-page .form-section-title, .saa-page .reach-out-title {
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
}
.saa-page .section-head p, .saa-page .offices-section-sub, .saa-page .map-section-sub, .saa-page .reach-out-sub {
  font-size: clamp(15px, 1.2vw, 19px) !important;
  line-height: 1.75 !important;
}
/* one hero subtitle scale for every inner page */
.saa-page .country-hero p.subline, .saa-page .contact-hero-sub {
  font-size: clamp(16px, 1.5vw, 19px) !important;
  line-height: 1.6 !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}
@media (max-width: 900px){.saa-page .container { width: min(var(--container), calc(100% - 36px)) !important; }
.saa-page .section { padding: 48px 0 !important; }
.saa-page .country-hero h1, .saa-page .contact-hero-title { font-size: clamp(32px, 6vw, 44px) !important; }
.saa-page .section-head h2, .saa-page .offices-section-title, .saa-page .map-section-title, .saa-page .form-section-title, .saa-page .reach-out-title { font-size: clamp(28px, 5vw, 36px) !important; }
.saa-page .section-head p, .saa-page .offices-section-sub, .saa-page .map-section-sub, .saa-page .reach-out-sub { font-size: 15px !important; }
.saa-page .country-hero p.subline, .saa-page .contact-hero-sub { font-size: 15.5px !important; }}
@media (max-width: 560px){.saa-page .container { width: min(var(--container), calc(100% - 28px)) !important; }
.saa-page .section { padding: 40px 0 !important; }}
/* the offices heading was the only section head on this page with no kicker above it,
   so it sat straight under the hero with nothing to introduce it. Styled to match the
   pill this page already uses for .reach-out-kicker. */
.saa-page .offices-section-label {
  display: inline-block;
  margin: 0 auto 14px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(1,149,216,.09);
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
/* Shared site chrome is outside main.saa-page. */

/* ===== CONTACT OFFICES TITLELESS INTRO START ===== */
/* The hero already says Contact Our Offices. Keep this intro concise instead of repeating another H2. */
.saa-page .offices-section-header.offices-section-header--compact{
  max-width:760px!important;
  margin:0 auto 38px!important;
}
.saa-page .offices-section-header.offices-section-header--compact .offices-section-label{
  margin-bottom:14px!important;
}
.saa-page .offices-section-header.offices-section-header--compact .offices-section-sub{
  max-width:720px!important;
  margin:0 auto!important;
  font-size:16px!important;
  line-height:1.7!important;
}
@media(max-width:760px){
  .saa-page .offices-section-header.offices-section-header--compact{
    margin-bottom:30px!important;
  }
  .saa-page .offices-section-header.offices-section-header--compact .offices-section-sub{
    font-size:15px!important;
  }
}
/* ===== CONTACT OFFICES TITLELESS INTRO END ===== */