:root{
  --a2-bg: #f4f8ff;
  --a2-bg-2: #eef5ff;
  --a2-surface: #ffffff;
  --a2-surface-2: #f7fbff;
  --a2-panel: #ffffff;

  --a2-text: #10233f;
  --a2-text-2: #325277;
  --a2-text-3: #5f7da3;

  --a2-blue-900: #0f3d91;
  --a2-blue-800: #1654c7;
  --a2-blue-700: #2b6ff3;
  --a2-blue-600: #4f8cff;
  --a2-blue-500: #7fb1ff;
  --a2-blue-100: #eaf2ff;

  --a2-stroke: rgba(22,84,199,.12);
  --a2-stroke-2: rgba(22,84,199,.18);

  --a2-shadow-xl: 0 28px 70px rgba(22,84,199,.12);
  --a2-shadow-lg: 0 18px 42px rgba(22,84,199,.10);
  --a2-shadow-md: 0 12px 28px rgba(22,84,199,.08);

  --a2-r-xl: 32px;
  --a2-r-lg: 24px;
  --a2-r-md: 18px;
  --a2-r-sm: 14px;

  --a2-container: 1320px;
  --a2-reading: 760px;
  --a2-sidebar: 360px;
}

html{
  scroll-behavior: smooth;
}

body.articleV2Body{
  margin: 0;
  background:
    radial-gradient(1000px 400px at 5% 0%, rgba(79,140,255,.10), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(43,111,243,.10), transparent 60%),
    linear-gradient(180deg, var(--a2-bg) 0%, #ffffff 35%, var(--a2-bg) 100%);
  color: var(--a2-text);
  overflow-x: hidden;
}

img{
  display: block;
  max-width: 100%;
}

a{
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea{
  font: inherit;
}

.container{
  width: min(var(--a2-container), calc(100% - 48px));
  margin-inline: auto;
}

/* header state */
.header{
  transition: background-color .24s ease, box-shadow .24s ease, backdrop-filter .24s ease;
}
.header.is-scrolled{
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 30px rgba(22,84,199,.08);
  backdrop-filter: blur(14px);
}

/* hero */
/* =========================
   HERO v3 (Editorial Premium / Blue-White)
   ضع هذا في آخر post-article.css
========================= */
.a3Hero{
  position: relative;
  overflow: hidden;
   padding-top: 0;
  padding-bottom: 8px;
}

.a3Hero__bg{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 420px at 12% 8%, rgba(79,140,255,.22), transparent 60%),
    radial-gradient(900px 460px at 90% 0%, rgba(43,111,243,.18), transparent 62%),
    linear-gradient(180deg, #f2f7ff, #ffffff);
  pointer-events: none;
}

.a3Hero__container{
  position: relative;
  z-index: 2;
.a3Hero__container{
  padding-top: var(--header-h, 94px);
  padding-bottom: 12px;
}}

.a3Breadcrumb{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
  color: #6b88b0;
  font-size: .92rem;
}
.a3Breadcrumb a:hover{ color: var(--a2-blue-800); }

.a3Hero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 22px;
  align-items: center;
}

/* copy card */
.a3Hero__copy{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(22,84,199,.10);
  border-radius: 28px;
  box-shadow: 0 26px 70px rgba(22,84,199,.10);
  padding: 26px 26px 22px;
  backdrop-filter: blur(10px);
}

.a3Hero__pillRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom: 14px;
}

.a3Pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background: rgba(43,111,243,.10);
  border: 1px solid rgba(43,111,243,.16);
  color: #0f3d91;
  font-size: .82rem;
  font-weight: 900;
}

.a3Dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(16,35,63,.28);
}

.a3Meta{
  color: #325277;
  font-weight: 700;
  font-size: .92rem;
}

.a3Hero__title{
  margin: 0;
  color: #10233f;
  font-size: clamp(2rem, 4.2vw, 3.6rem);
  line-height: 1.16;
  font-weight: 950;
  letter-spacing: -0.02em;
  text-wrap: balance;
  padding-block: .06em;
}

.a3Hero__excerpt{
  margin: 14px 0 0;
  color: #325277;
  line-height: 1.95;
  font-size: 1.05rem;
}

.a3Hero__byline{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  color: #5f7da3;
  font-weight: 700;
}

.a3Author{
  color: var(--a2-blue-800);
  font-weight: 900;
}

.a3Sep{ color: rgba(16,35,63,.35); }
.a3By{ color: #5f7da3; }

.a3Hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top: 18px;
}

/* media */
.a3Hero__media{
  margin: 0;
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(22,84,199,.12);
  box-shadow: 0 30px 70px rgba(22,84,199,.14);
}

.a3Hero__img{
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  display:block;
}

.a3Hero__cap{
  padding: 12px 14px 14px;
  color: #6b88b0;
  font-size: .92rem;
  line-height: 1.7;
  background: linear-gradient(180deg, #ffffff, #f7fbff);
  border-top: 1px solid rgba(22,84,199,.08);
}

/* responsive */
@media (max-width: 980px){
  .a3Hero__grid{
    grid-template-columns: 1fr;
  }
  .a3Hero__copy{
    order: 1;
  }
  .a3Hero__media{
    order: 2;
  }
}
@media (max-width: 560px){
  .a3Hero__copy{
    padding: 20px;
    border-radius: 22px;
  }
  .a3Hero__media{
    border-radius: 22px;
  }
}

/* main layout */
.a2Layout{
  padding: 30px 0 82px;
}

.a2Layout__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, var(--a2-sidebar));
  gap: 28px;
  align-items: start;
}

.a2Article{
  min-width: 0;
}


.a2QuickInfo__card{
  padding: 24px;
  border-radius: var(--a2-r-lg);
  background: linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-lg);
}

.a2QuickInfo__card h2{
  margin: 0 0 10px;
  font-size: 1.3rem;
  font-weight: 900;
}

.a2QuickInfo__card p{
  margin: 0;
  color: var(--a2-text-2);
  line-height: 1.95;
}

.a2QuickInfo__stats{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.a2Stat{
  min-width: 160px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--a2-surface);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-md);
}

.a2Stat span{
  display: block;
  margin-bottom: 6px;
  color: var(--a2-text-3);
  font-size: .84rem;
}

.a2Stat strong{
  color: var(--a2-text);
  font-weight: 900;
}

.a2Section h2{
  margin: 0 0 16px;
  color: var(--a2-text);
  font-size: clamp(1.55rem, 2.5vw, 2.2rem);
  line-height: 1.24;
  font-weight: 950;
}

.a2Section h3{
  margin: 24px 0 10px;
  color: var(--a2-text);
  font-size: clamp(1.15rem, 1.6vw, 1.35rem);
  line-height: 1.42;
  font-weight: 900;
}

.a2Section p,
.a2Section li{
  color: var(--a2-text-2);
  font-size: 1.04rem;
  line-height: 2;
}

.a2Section p{
  margin: 0 0 16px;
}

.a2Section ul,
.a2Section ol{
  margin: 0 0 16px;
  padding-inline-start: 22px;
}

.a2Section li + li{
  margin-top: 8px;
}

.a2Callout{
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 18px;
  line-height: 1.9;
  border: 1px solid var(--a2-stroke);
}

.a2Callout strong{
  color: var(--a2-text);
}

.a2Callout--info{
  background: rgba(79,140,255,.08);
  border-color: rgba(79,140,255,.22);
  color: var(--a2-text-2);
}

.a2Callout--warn{
  background: rgba(43,111,243,.08);
  border-color: rgba(43,111,243,.20);
  color: var(--a2-text-2);
}

.a2Quote{
  margin: 24px 0 0;
  padding: 22px 24px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(79,140,255,.12), rgba(43,111,243,.06));
  border: 1px solid rgba(43,111,243,.16);
  color: var(--a2-text);
  font-size: 1.04rem;
  line-height: 1.95;
  font-weight: 700;
  box-shadow: var(--a2-shadow-md);
}

.a2Figure{
  overflow: hidden;
  border-radius: var(--a2-r-xl);
  background: var(--a2-surface);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-lg);
}

.a2Figure img{
  width: 100%;
  object-fit: cover;
}

.a2Figure figcaption{
  padding: 12px 16px 16px;
  color: var(--a2-text-3);
  font-size: .92rem;
  line-height: 1.8;
}

.a2InlineCta{
  padding: 28px;
  border-radius: var(--a2-r-xl);
  background:
    radial-gradient(700px 220px at 0% 0%, rgba(79,140,255,.14), transparent 55%),
    linear-gradient(180deg, #fff, #f7fbff);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-xl);
   margin-bottom: 30px;
}

.a2InlineCta__content h2{
  margin: 0 0 10px;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  line-height: 1.26;
  font-weight: 950;
}

.a2InlineCta__content p{
  margin: 0;
  color: var(--a2-text-2);
  line-height: 1.95;
}

.a2InlineCta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

/* buttons */
.a2Btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 900;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.a2Btn:hover{
  transform: translateY(-2px);
}

.a2Btn--primary{
  color: #fff;
  background: linear-gradient(135deg, var(--a2-blue-800), var(--a2-blue-600));
  box-shadow: 0 16px 36px rgba(22,84,199,.20);
}

.a2Btn--ghost{
  color: var(--a2-blue-900);
  background: #fff;
  border-color: var(--a2-stroke-2);
}

.a2Btn--block{
  width: 100%;
}

.a2Author{
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 20px;
  border-radius: var(--a2-r-xl);
  background: linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-lg);
}


.a2Author__avatar img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 0;
  background: transparent;
}

.a2Author__label{
  display: inline-block;
  margin-bottom: 8px;
  color: var(--a2-text-3);
  font-size: .84rem;
  font-weight: 800;
}

.a2Author h2{
  margin: 0 0 10px;
  font-size: 1.34rem;
  font-weight: 950;
}

.a2Author p{
  margin: 0;
  color: var(--a2-text-2);
  line-height: 1.95;
}

.a2Author a{
  display: inline-flex;
  margin-top: 14px;
  color: var(--a2-blue-800);
  font-weight: 900;
}

.a2SectionHead{
  margin-bottom: 18px;
}

.a2SectionHead h2{
  margin: 0 0 8px;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 950;
}

.a2SectionHead p{
  margin: 0;
  color: var(--a2-text-2);
  line-height: 1.85;
}

.a2Related__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.a2PostCard{
  overflow: hidden;
  border-radius: 24px;
  background: var(--a2-surface);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-md);
  transition: transform .22s ease, box-shadow .22s ease;
}

.a2PostCard:hover{
  transform: translateY(-4px);
  box-shadow: var(--a2-shadow-xl);
}

.a2PostCard__img img{
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.a2PostCard__body{
  padding: 16px;
}

.a2PostCard__tag{
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(43,111,243,.08);
  color: var(--a2-blue-900);
  font-size: .78rem;
  font-weight: 900;
}

.a2PostCard__body h3{
  margin: 0 0 10px;
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 900;
}

.a2PostCard__body p{
  margin: 0;
  color: var(--a2-text-3);
  line-height: 1.8;
  font-size: .94rem;
}

.a2Pager{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.a2Pager__item{
  min-height: 132px;
  padding: 20px;
  border-radius: 22px;
  background: var(--a2-surface);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-md);
  transition: transform .22s ease, box-shadow .22s ease;
}

.a2Pager__item:hover{
  transform: translateY(-3px);
  box-shadow: var(--a2-shadow-lg);
}

.a2Pager__item span{
  display: block;
  margin-bottom: 10px;
  color: var(--a2-text-3);
  font-size: .82rem;
  font-weight: 800;
}

.a2Pager__item strong{
  color: var(--a2-text);
  line-height: 1.75;
}

/* sidebar */
.a2Sidebar{
  position: sticky;
  top: 110px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.a2SideCard{
  padding: 18px;
  border-radius: 26px;
  background: var(--a2-surface);
  border: 1px solid var(--a2-stroke);
  box-shadow: var(--a2-shadow-lg);
}
/* =========================
   Premium Lead Form
========================= */
.a2Lead--premium{
  position: relative;
  overflow: hidden;
  padding: 22px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.98));
  border: 1px solid rgba(22,84,199,.12);
  box-shadow:
    0 22px 60px rgba(22,84,199,.10),
    inset 0 1px 0 rgba(255,255,255,.75);
}

.a2Lead__glow{
  position: absolute;
  inset: auto auto 0 0;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(79,140,255,.18), transparent 68%);
  pointer-events: none;
}

.a2Lead__head{
  position: relative;
  z-index: 2;
  margin-bottom: 18px;
}

.a2Lead__eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(43,111,243,.08);
  border: 1px solid rgba(43,111,243,.14);
  color: var(--a2-blue-900);
  font-size: .78rem;
  font-weight: 900;
  margin-bottom: 12px;
}

.a2Lead__title{
  margin: 0;
  color: var(--a2-text);
  font-size: clamp(1.35rem, 2.2vw, 1.7rem);
  line-height: 1.45;
  font-weight: 950;
  letter-spacing: -0.01em;
}

.a2Lead__desc{
  margin: 12px 0 0;
  color: var(--a2-text-2);
  line-height: 1.9;
  font-size: .98rem;
}

.a2Lead__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.a2Lead__chip{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f3f8ff;
  border: 1px solid rgba(22,84,199,.10);
  color: var(--a2-blue-900);
  font-size: .78rem;
  font-weight: 800;
}

.a2Lead__form{
  position: relative;
  z-index: 2;
  display: grid;
  gap: 14px;
}

.a2Field{
  display: grid;
  gap: 8px;
}

.a2Field label{
  color: var(--a2-text);
  font-size: .92rem;
  font-weight: 900;
}

.a2Field input,
.a2Field select{
  width: 100%;
  min-height: 56px;
  border-radius: 18px;
  border: 1px solid rgba(22,84,199,.14);
  background: rgba(255,255,255,.88);
  color: var(--a2-text);
  padding: 0 16px;
  outline: none;
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    background-color .22s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.a2Field input::placeholder{
  color: #8ca8cf;
}

.a2Field input:hover,
.a2Field select:hover{
  border-color: rgba(22,84,199,.22);
}

.a2Field input:focus,
.a2Field select:focus{
  border-color: rgba(43,111,243,.34);
  box-shadow: 0 0 0 5px rgba(79,140,255,.14);
  background: #fff;
}

.a2Lead__submit{
  min-height: 56px;
  margin-top: 4px;
  font-size: 1rem;
  box-shadow: 0 18px 38px rgba(22,84,199,.20);
}

.a2Lead__submit:hover{
  box-shadow: 0 22px 46px rgba(22,84,199,.24);
}

.a2Lead__note{
  margin: 2px 0 0;
  color: var(--a2-text-3);
  font-size: .84rem;
  line-height: 1.75;
}

.a2Lead__quick{
  position: relative;
  z-index: 2;
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.a2Lead__quickLink{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 14px;
  border-radius: 16px;
  font-weight: 900;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background-color .22s ease,
    border-color .22s ease;
}

.a2Lead__quickLink:hover{
  transform: translateY(-2px);
}

.a2Lead__quickLink--wa{
  background: #ffffff;
  color: var(--a2-blue-900);
  border: 1px solid rgba(22,84,199,.14);
  box-shadow: 0 10px 24px rgba(22,84,199,.06);
}

.a2Lead__quickLink--call{
  background: linear-gradient(180deg, #f5f9ff, #edf4ff);
  color: var(--a2-blue-900);
  border: 1px solid rgba(22,84,199,.12);
  box-shadow: 0 10px 24px rgba(22,84,199,.06);
}

@media (max-width: 560px){
  .a2Lead--premium{
    padding: 18px;
    border-radius: 22px;
  }

  .a2Lead__title{
    font-size: 1.25rem;
  }

  .a2Field input,
  .a2Field select,
  .a2Lead__submit,
  .a2Lead__quickLink{
    min-height: 52px;
  }
}


.a2Toc h3,
.a2Lead__head h3,
.a2ContactQuick h3{
  margin: 0 0 14px;
  font-size: 1.16rem;
  font-weight: 950;
}

.a2Toc nav{
  display: grid;
  gap: 10px;
}


.a2Toc a{
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--a2-text-2);
  background: var(--a2-surface-2);
  border: 1px solid transparent;
  transition: all .2s ease;
}

.a2Toc a:hover{
  border-color: var(--a2-stroke-2);
  color: var(--a2-blue-800);
}
/* =========================
   Premium Motion Layer
   أضفه بعد كود الفورم الحالي مباشرة
========================= */

.a2Lead--premium{
  isolation: isolate;
  backdrop-filter: blur(12px);
}

/* glowing shapes */
.a2Lead--premium::before,
.a2Lead--premium::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:0;
  filter: blur(22px);
  opacity:.9;
}

.a2Lead--premium::before{
  width:220px;
  height:220px;
  top:-70px;
  inset-inline-start:-70px;
  background: radial-gradient(circle, rgba(79,140,255,.26), transparent 68%);
  animation:a2FloatOrb 10s ease-in-out infinite;
}

.a2Lead--premium::after{
  width:180px;
  height:180px;
  bottom:-60px;
  inset-inline-end:-50px;
  background: radial-gradient(circle, rgba(43,111,243,.20), transparent 70%);
  animation:a2FloatOrb 12s ease-in-out infinite reverse;
}

.a2Lead__glow{
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(79,140,255,.18), transparent 68%);
  filter: blur(18px);
  animation:a2GlowPulse 7s ease-in-out infinite;
}

/* eyebrow shimmer */
.a2Lead__eyebrow{
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(22,84,199,.08);
}

.a2Lead__eyebrow::after{
  content:"";
  position:absolute;
  inset:0;
  transform: translateX(-120%);
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.0) 30%,
    rgba(255,255,255,.55) 50%,
    rgba(255,255,255,.0) 70%,
    transparent 100%
  );
  animation:a2Shine 4.5s ease-in-out infinite;
}

/* title more premium */
.a2Lead__title{
  position: relative;
  text-wrap: balance;
}

.a2Lead__title strong,
.a2Lead__title span{
  color: var(--a2-blue-800);
}

/* chips */
.a2Lead__chips{
  position: relative;
  z-index: 2;
}

.a2Lead__chip{
  box-shadow: 0 8px 18px rgba(22,84,199,.05);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background-color .25s ease,
    border-color .25s ease;
  animation:a2ChipFloat 5.5s ease-in-out infinite;
}

.a2Lead__chip:nth-child(2){
  animation-delay: .7s;
}

.a2Lead__chip:nth-child(3){
  animation-delay: 1.4s;
}

.a2Lead__chip:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(22,84,199,.10);
  background: #ffffff;
  border-color: rgba(22,84,199,.18);
}

/* fields */
.a2Field{
  position: relative;
}

.a2Field input,
.a2Field select{
  position: relative;
  z-index: 2;
}

.a2Field input:hover,
.a2Field select:hover{
  transform: translateY(-1px);
  box-shadow:
    0 10px 18px rgba(22,84,199,.05),
    inset 0 1px 0 rgba(255,255,255,.85);
}

.a2Field input:focus,
.a2Field select:focus{
  transform: translateY(-2px);
  box-shadow:
    0 0 0 5px rgba(79,140,255,.14),
    0 16px 26px rgba(22,84,199,.08);
}

/* button */
.a2Lead__submit{
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--a2-blue-800), var(--a2-blue-600));
}

.a2Lead__submit::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.0) 30%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.0) 70%,
    transparent 100%
  );
  transform: translateX(-120%);
  animation:a2Shine 3.8s ease-in-out infinite;
}

.a2Lead__submit:hover{
  transform: translateY(-2px) scale(1.01);
}

.a2Lead__submit:active{
  transform: translateY(0) scale(.99);
}

/* quick links */
.a2Lead__quickLink{
  position: relative;
  overflow: hidden;
}

.a2Lead__quickLink::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background: linear-gradient(180deg, rgba(79,140,255,.06), rgba(43,111,243,.02));
  transition: opacity .25s ease;
}

.a2Lead__quickLink:hover::after{
  opacity:1;
}

/* note softer */
.a2Lead__note{
  padding-top: 2px;
}

/* animations */
@keyframes a2FloatOrb{
  0%,100%{
    transform: translate3d(0,0,0) scale(1);
  }
  50%{
    transform: translate3d(10px,-8px,0) scale(1.06);
  }
}

@keyframes a2GlowPulse{
  0%,100%{
    opacity:.55;
    transform: scale(1);
  }
  50%{
    opacity:.9;
    transform: scale(1.08);
  }
}

@keyframes a2Shine{
  0%{
    transform: translateX(-120%);
  }
  55%,
  100%{
    transform: translateX(120%);
  }
}

@keyframes a2ChipFloat{
  0%,100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-2px);
  }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .a2Lead--premium::before,
  .a2Lead--premium::after,
  .a2Lead__glow,
  .a2Lead__eyebrow::after,
  .a2Lead__chip,
  .a2Lead__submit::before{
    animation: none !important;
  }

  .a2Field input:hover,
  .a2Field select:hover,
  .a2Field input:focus,
  .a2Field select:focus,
  .a2Lead__submit:hover,
  .a2Lead__quickLink:hover{
    transform: none !important;
  }
}
/* =========================
   POWER FX PACK (Stronger + Pro)
========================= */

/* Animated gradient border */
.a2Lead--premium{
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
}

.a2Lead--premium::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 30px;
  background: conic-gradient(
    from 180deg,
    rgba(43,111,243,.65),
    rgba(79,140,255,.55),
    rgba(22,84,199,.65),
    rgba(127,177,255,.55),
    rgba(43,111,243,.65)
  );
  filter: blur(0px);
  z-index: -1;
  animation: a2Ring 3.5s linear infinite;
  opacity: .85;
}

.a2Lead--premium::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.98));
  z-index: 0;
}

/* Put real content above ::after */
.a2Lead--premium > *{
  position: relative;
  z-index: 2;
}

/* Particle layer */
.a2Lead__fxDots{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.55;
  mask-image: radial-gradient(circle at 50% 20%, black 0%, black 30%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle at 50% 20%, black 0%, black 30%, transparent 70%);
  background:
    radial-gradient(rgba(43,111,243,.30) 1px, transparent 1.6px),
    radial-gradient(rgba(79,140,255,.22) 1px, transparent 2px);
  background-size: 140px 140px, 220px 220px;
  background-position: 0 0, 60px 40px;
  animation: a2DotsDrift 18s linear infinite;
}

/* Stronger glow orbs */
.a2Lead__glow{
  filter: blur(22px);
  opacity: .85;
}

.a2Lead__glow::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 25% 25%, rgba(79,140,255,.35), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(43,111,243,.26), transparent 60%);
  animation: a2GlowBreath 6.5s ease-in-out infinite;
}

/* Make title more “premium” */
.a2Lead__title{
  text-shadow: 0 16px 46px rgba(22,84,199,.16);
}

/* Inputs: stronger hover/focus */
.a2Field input,
.a2Field select{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 12px 24px rgba(22,84,199,.06);
}

.a2Field input:hover,
.a2Field select:hover{
  transform: translateY(-2px);
  box-shadow:
    0 18px 34px rgba(22,84,199,.10),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.a2Field input:focus,
.a2Field select:focus{
  transform: translateY(-3px);
  box-shadow:
    0 0 0 6px rgba(79,140,255,.18),
    0 22px 44px rgba(22,84,199,.14);
}

/* Button: stronger shine + pulse */
.a2Lead__submit{
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(22,84,199,.22);
}

.a2Lead__submit::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.55) 50%, transparent 65%);
  transform: translateX(-40%);
  opacity: .0;
}

.a2Lead__submit::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(120px 120px at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.26), transparent 60%);
  opacity: .0;
  transition: opacity .25s ease;
}

.a2Lead__submit:hover{
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 30px 70px rgba(22,84,199,.26);
}

.a2Lead__submit:hover::before{
  opacity: .9;
  animation: a2ShineStrong .9s ease-out 1;
}

.a2Lead__submit:hover::after{
  opacity: 1;
}

.a2Lead__submit.is-pulsing{
  animation: a2Pulse 1.9s ease-in-out infinite;
}

/* Quick links: stronger */
.a2Lead__quickLink{
  box-shadow: 0 16px 34px rgba(22,84,199,.08);
}

.a2Lead__quickLink:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 44px rgba(22,84,199,.12);
}

/* Keyframes */
@keyframes a2Ring{
  to{ transform: rotate(360deg); }
}

@keyframes a2DotsDrift{
  to{ background-position: -280px 180px, 260px -160px; }
}

@keyframes a2GlowBreath{
  0%,100%{ transform: translate3d(0,0,0) scale(1); opacity:.75; }
  50%{ transform: translate3d(12px,-10px,0) scale(1.08); opacity:1; }
}

@keyframes a2ShineStrong{
  to{ transform: translateX(40%); opacity: 0; }
}

@keyframes a2Pulse{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(-2px) scale(1.01); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .a2Lead--premium::before,
  .a2Lead__fxDots,
  .a2Lead__glow::before,
  .a2Lead__submit.is-pulsing{
    animation:none !important;
  }
}

/* gallery */
.a2Gallery__viewport{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(500px 220px at 20% 0%, rgba(79,140,255,.18), transparent 60%),
    linear-gradient(180deg, #edf4ff, #ffffff);
}

.a2Gallery__track{
  position: relative;
  min-height: 380px;
}

.a2Gallery__slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .7s ease;
}

.a2Gallery__slide.is-active{
  opacity: 1;
}

.a2Gallery__slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.a2Gallery__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(22,84,199,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: var(--a2-blue-900);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--a2-shadow-md);
}

.a2Gallery__nav--prev{ inset-inline-start: 12px; }
.a2Gallery__nav--next{ inset-inline-end: 12px; }

.a2Gallery__dots{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.a2Gallery__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c8d9fb;
  cursor: pointer;
  transition: all .22s ease;
}

.a2Gallery__dot.is-active{
  width: 18px;
  background: var(--a2-blue-700);
}

/* lead form */
.a2Lead__head p{
  margin: 0;
  color: var(--a2-text-2);
  line-height: 1.85;
}

.a2Lead__form{
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.a2Field{
  display: grid;
  gap: 8px;
}

.a2Field label{
  color: var(--a2-text);
  font-size: .92rem;
  font-weight: 800;
}

.a2Field input,
.a2Field select{
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
  border: 1px solid var(--a2-stroke-2);
  background: var(--a2-surface-2);
  color: var(--a2-text);
  padding: 0 14px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.a2Field input::placeholder{
  color: #8fa9cf;
}

.a2Field input:focus,
.a2Field select:focus{
  border-color: rgba(43,111,243,.34);
  box-shadow: 0 0 0 4px rgba(79,140,255,.14);
  background: #fff;
}

.a2ContactQuick{
  display: grid;
  gap: 10px;
}

.a2ContactQuick a{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 14px;
  background: var(--a2-surface-2);
  color: var(--a2-blue-900);
  font-weight: 900;
  border: 1px solid var(--a2-stroke);
  transition: transform .22s ease, background-color .22s ease;
}

.a2ContactQuick a:hover{
  transform: translateY(-2px);
  background: #fff;
}

/* CTA strip */
.a2CtaStrip{
  padding: 24px 0 34px;
}

.a2CtaStrip__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px;
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(43,111,243,.95), rgba(79,140,255,.88));
  color: #fff;
  box-shadow: var(--a2-shadow-xl);
}

.a2CtaStrip__inner h2{
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  font-weight: 950;
}

.a2CtaStrip__inner p{
  margin: 0;
  opacity: .92;
  line-height: 1.8;
}
/* =========================
   INLINE CTA — HTML untouched
   ضع هذا في آخر post-article.css
========================= */

/* =========================
   PRO INLINE CTA
========================= */
.a2InlineCta--pro{
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(244,249,255,.98)),
    linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid rgba(22,84,199,.12);
  box-shadow:
    0 28px 70px rgba(22,84,199,.12),
    inset 0 1px 0 rgba(255,255,255,.85);
  isolation: isolate;
}

.a2InlineCta__fx{
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(18px);
  opacity: .9;
  z-index: 0;
}

.a2InlineCta__fx--1{
  width: 240px;
  height: 240px;
  inset-inline-start: -60px;
  top: -70px;
  background: radial-gradient(circle, rgba(79,140,255,.24), transparent 68%);
  animation: a2InlineFloat 9s ease-in-out infinite;
}

.a2InlineCta__fx--2{
  width: 220px;
  height: 220px;
  inset-inline-end: -60px;
  bottom: -80px;
  background: radial-gradient(circle, rgba(43,111,243,.18), transparent 70%);
  animation: a2InlineFloat 11s ease-in-out infinite reverse;
}

.a2InlineCta__grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 22px;
  align-items: center;
}

.a2InlineCta__eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(43,111,243,.08);
  border: 1px solid rgba(43,111,243,.14);
  color: var(--a2-blue-900);
  font-size: .78rem;
  font-weight: 900;
  margin-bottom: 14px;
  box-shadow: 0 10px 20px rgba(22,84,199,.05);
}

.a2InlineCta__title{
  margin: 0;
  color: var(--a2-text);
  font-size: clamp(1.55rem, 2.6vw, 2.3rem);
  line-height: 1.28;
  font-weight: 950;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.a2InlineCta__desc{
  margin: 14px 0 0;
  color: var(--a2-text-2);
  line-height: 1.95;
  font-size: 1.03rem;
  max-width: 62ch;
}

.a2InlineCta__desc strong{
  color: var(--a2-blue-800);
}

.a2InlineCta__points{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.a2InlineCta__point{
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(22,84,199,.12);
  color: var(--a2-blue-900);
  font-size: .82rem;
  font-weight: 800;
  box-shadow: 0 10px 20px rgba(22,84,199,.05);
  transition: transform .22s ease, box-shadow .22s ease;
}

.a2InlineCta__point:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(22,84,199,.08);
}

.a2InlineCta__actions{
  display: grid;
  gap: 12px;
}

/* CTA buttons */
.a2CtaBtn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid transparent;
  font-weight: 900;
  text-decoration: none;
  overflow: hidden;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.a2CtaBtn:hover{
  transform: translateY(-3px);
}

.a2CtaBtn__icon{
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
}

.a2CtaBtn__icon svg{
  width: 22px;
  height: 22px;
  display: block;
}

/* primary */
.a2CtaBtn--primary{
  color: #fff;
  background: linear-gradient(135deg, var(--a2-blue-800), var(--a2-blue-600));
  box-shadow: 0 18px 36px rgba(22,84,199,.18);
}

.a2CtaBtn--primary::before,
.a2CtaBtn--wa::before{
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.42) 50%, transparent 65%);
  transform: translateX(-45%);
  opacity: 0;
}

.a2CtaBtn--primary:hover::before,
.a2CtaBtn--wa:hover::before{
  opacity: .95;
  animation: a2InlineShine .9s ease-out 1;
}

/* whatsapp */
.a2CtaBtn--wa{
  color: #fff;
  background: linear-gradient(135deg, #25D366, #1fb959);
  box-shadow: 0 18px 36px rgba(37,211,102,.22);
}

.a2CtaBtn--wa:hover{
  box-shadow: 0 24px 46px rgba(37,211,102,.28);
}

/* ghost call */
.a2CtaBtn--ghost{
  color: var(--a2-blue-900);
  background: #ffffff;
  border-color: rgba(22,84,199,.14);
  box-shadow: 0 12px 24px rgba(22,84,199,.06);
}

.a2CtaBtn--ghost:hover{
  box-shadow: 0 18px 34px rgba(22,84,199,.10);
}

/* animations */
@keyframes a2InlineFloat{
  0%,100%{
    transform: translate3d(0,0,0) scale(1);
  }
  50%{
    transform: translate3d(10px,-10px,0) scale(1.06);
  }
}

@keyframes a2InlineShine{
  to{
    transform: translateX(45%);
    opacity: 0;
  }
}

@media (max-width: 980px){
  .a2InlineCta__grid{
    grid-template-columns: 1fr;
  }

  .a2InlineCta__actions{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px){
  .a2InlineCta--pro{
    padding: 22px;
    border-radius: 24px;
  }

  .a2InlineCta__actions{
    grid-template-columns: 1fr;
  }

  .a2InlineCta__title{
    font-size: 1.55rem;
  }

  .a2CtaBtn{
    min-height: 54px;
    border-radius: 16px;
  }
}

/* WhatsApp button = green + subtle shake every 1.5s */
.a2InlineCta .a2Btn--ghost{
  background: linear-gradient(135deg, #25D366, #1fb959) !important;
  border-color: rgba(31,185,89,.22) !important;
  color:#fff !important;
  box-shadow: 0 14px 28px rgba(37,211,102,.22) !important;

  /* animation */
  animation: waShake 1.5s ease-in-out infinite;
  transform-origin: center;
}

/* stronger on hover */
.a2InlineCta .a2Btn--ghost:hover{
  box-shadow: 0 18px 34px rgba(37,211,102,.28) !important;
  animation-play-state: paused; /* اختياري: يوقف الاهتزاز عند الهوفر */
}

/* subtle shake keyframes */
@keyframes waShake{
  0%, 78%, 100%{
    transform: translateX(0);
  }
  82%{
    transform: translateX(-2px);
  }
  86%{
    transform: translateX(2px);
  }
  90%{
    transform: translateX(-2px);
  }
  94%{
    transform: translateX(2px);
  }
}

/* احترام تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  .a2InlineCta .a2Btn--ghost{
    animation: none !important;
  }
}



@media (max-width: 560px){
  .a2QuickInfo__stats{
    grid-template-columns: 1fr;
  }
  .a2Gallery__track{
    min-height: 290px;
  }
  .a2Gallery__nav{
    width: 38px;
    height: 38px;
  }
  .a2InlineCta,
  .a2Author,
  .a2SideCard,
  .a2QuickInfo__card{
    padding: 18px;
    border-radius: 22px;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after{
    animation: none !important;
    transition: none !important;
  }
}
/* =========================================================
   Article Mobile Fixes
   تحسين نسخة الموبايل لقالب المقالات
   ========================================================= */

@media (max-width: 980px) {

  .articlePage {
    overflow-x: hidden;
  }

  .a3Hero {
    padding: 18px 0 28px;
  }

  .a3Hero__container {
    padding-inline: 14px;
  }

  .a3Breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 2px 14px;
    font-size: 12px;
    scrollbar-width: none;
  }

  .a3Breadcrumb::-webkit-scrollbar {
    display: none;
  }

  .a3Hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .a3Hero__copy {
    order: 1;
    padding: 22px 18px;
    border-radius: 24px;
    text-align: right;
  }

  .a3Hero__media {
    order: 2;
    margin: 0;
    border-radius: 22px;
    overflow: hidden;
  }

  .a3Hero__img {
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    border-radius: 22px;
  }

  .a3Hero__cap {
    font-size: 12px;
    line-height: 1.7;
    padding: 8px 4px 0;
  }

  .a3Hero__pillRow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 14px;
  }

  .a3Pill,
  .a3Meta {
    font-size: 12px;
  }

  .a3Hero__title {
    font-size: clamp(30px, 9vw, 42px);
    line-height: 1.35;
    letter-spacing: -0.4px;
    margin: 0 0 16px;
    word-break: normal;
  }

  .a3Hero__byline {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    font-size: 13px;
    line-height: 1.8;
  }

  .a3Hero__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
  }

  .a3Hero__actions .a2Btn {
    width: 100%;
    min-height: 48px;
  }

  .a2Layout {
    padding: 26px 0;
  }

  .a2Layout__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    padding-inline: 14px;
  }

  .a2Article {
    width: 100%;
    max-width: 100%;
    padding: 22px 16px;
    border-radius: 24px;
    overflow: hidden;
  }

  .a2Article h2 {
    font-size: 24px;
    line-height: 1.55;
    margin-top: 28px;
    margin-bottom: 12px;
  }

  .a2Article h3 {
    font-size: 20px;
    line-height: 1.55;
    margin-top: 24px;
    margin-bottom: 10px;
  }

  .a2Article p,
  .a2Article li {
    font-size: 16px;
    line-height: 1.95;
  }

  .a2Article ul,
  .a2Article ol {
    padding-right: 22px;
    padding-left: 0;
  }

  .a2Article img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
  }

  .a2Article table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  .a2Sidebar {
    position: static;
    width: 100%;
    display: grid;
    gap: 16px;
  }

  .a2SideCard {
    border-radius: 24px;
    padding: 18px;
  }

  .a2Toc {
    position: static;
    max-height: none;
  }

  .a2Toc h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .a2Toc nav {
    display: grid;
    gap: 8px;
  }

  .a2Toc nav a {
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.6;
  }

  .a2Lead--premium {
    overflow: hidden;
  }

  .a2Lead__head {
    text-align: right;
  }

  .a2Lead__title {
    font-size: 21px;
    line-height: 1.55;
  }

  .a2Lead__desc {
    font-size: 14px;
    line-height: 1.85;
  }

  .a2Lead__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .a2Lead__chip {
    font-size: 12px;
    padding: 7px 10px;
  }

  .a2Lead__form {
    display: grid;
    gap: 13px;
  }

  .a2Field label {
    font-size: 13px;
    margin-bottom: 7px;
  }

  .a2Field input,
  .a2Field select,
  .a2Field textarea {
    width: 100%;
    min-height: 48px;
    font-size: 15px;
    border-radius: 15px;
  }

  .a2Lead__submit {
    width: 100%;
    min-height: 50px;
  }

  .a2ContactQuick {
    display: grid;
    gap: 10px;
  }

  .a2ContactQuick a {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
  }

  .a2Author {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    gap: 14px;
    padding: 20px 16px;
    border-radius: 22px;
  }

  .a2Author__avatar {
    margin-inline: auto;
  }

  .a2Author__body h2 {
    font-size: 22px;
    margin-top: 0;
  }

  .a2CtaStrip {
    padding: 26px 14px;
  }

  .a2CtaStrip__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
    padding: 24px 18px;
    border-radius: 24px;
  }

  .a2CtaStrip h2 {
    font-size: 24px;
    line-height: 1.5;
  }

  .a2CtaStrip p {
    font-size: 15px;
    line-height: 1.8;
  }

  .a2CtaStrip .a2Btn {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .a3Hero__title {
    font-size: clamp(28px, 10vw, 38px);
  }

  .a3Hero__copy {
    padding: 20px 15px;
  }

  .a2Article {
    padding: 20px 14px;
  }

  .a2Article h2 {
    font-size: 22px;
  }

  .a2Article h3 {
    font-size: 19px;
  }

  .a2Article p,
  .a2Article li {
    font-size: 15.5px;
  }

  .a2SideCard {
    padding: 16px;
  }
}