.elementor-82 .elementor-element.elementor-element-55fa5d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-01464b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-01464b5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-82 .elementor-element.elementor-element-01464b5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-57d2763{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0.13;box-shadow:-25px 100px 100px 35px #006293 inset;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;--z-index:5;}.elementor-82 .elementor-element.elementor-element-57d2763:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2B1055 0%, var( --e-global-color-primary ) 100%);}.elementor-82 .elementor-element.elementor-element-57d2763::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://1starabia.sa/wp-content/uploads/2024/08/Best-Friend-Happy-Wedding-Congratulations-Greeting-Gift-Card-3.png");--background-overlay:'';background-position:center center;}.elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-shape-top .elementor-shape-fill, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-shape-top svg, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-shape-top svg{height:193px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-82 .elementor-element.elementor-element-5c054d9 > .elementor-widget-container{padding:50px 0px 0px 0px;}body:not(.rtl) .elementor-82 .elementor-element.elementor-element-5c054d9{left:115px;}body.rtl .elementor-82 .elementor-element.elementor-element-5c054d9{right:115px;}.elementor-82 .elementor-element.elementor-element-5c054d9{top:0px;z-index:3;text-align:end;}.elementor-82 .elementor-element.elementor-element-5c054d9 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-82 .elementor-element.elementor-element-5c054d9 img{width:84vw;height:100vh;object-fit:fill;}body:not(.rtl) .elementor-82 .elementor-element.elementor-element-37cedea{left:0px;}body.rtl .elementor-82 .elementor-element.elementor-element-37cedea{right:0px;}.elementor-82 .elementor-element.elementor-element-37cedea{top:0px;z-index:1;}.elementor-82 .elementor-element.elementor-element-37cedea img{width:100vw;height:100vh;object-fit:cover;object-position:center center;}.elementor-82 .elementor-element.elementor-element-70af40f{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-82 .elementor-element.elementor-element-70af40f.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-82 .elementor-element.elementor-element-7b9bbea{--display:flex;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-82 .elementor-element.elementor-element-7b9bbea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-82 .elementor-element.elementor-element-1a74202 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-82 .elementor-element.elementor-element-1a74202{text-align:start;}.elementor-82 .elementor-element.elementor-element-1a74202 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:58px;font-weight:600;line-height:74px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.94);color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-d2e34b6{width:var( --container-widget-width, 94.135% );max-width:94.135%;--container-widget-width:94.135%;--container-widget-flex-grow:0;}.elementor-82 .elementor-element.elementor-element-d2e34b6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-d2e34b6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-82 .elementor-element.elementor-element-d2e34b6 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-82 .elementor-element.elementor-element-d2e34b6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-82 .elementor-element.elementor-element-7fdca8e{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-82 .elementor-element.elementor-element-70af40f{--width:98.749%;}.elementor-82 .elementor-element.elementor-element-7b9bbea{--width:39.135%;}}@media(max-width:1024px) and (min-width:768px){.elementor-82 .elementor-element.elementor-element-01464b5{--width:1600px;}.elementor-82 .elementor-element.elementor-element-7b9bbea{--width:309.141px;}}@media(min-width:1025px){.elementor-82 .elementor-element.elementor-element-57d2763::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-57d2763 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:scroll;}}@media(max-width:1024px){.elementor-82 .elementor-element.elementor-element-01464b5{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-01464b5 > .elementor-shape-top svg, .elementor-82 .elementor-element.elementor-element-01464b5 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-82 .elementor-element.elementor-element-01464b5 > .elementor-shape-bottom svg, .elementor-82 .elementor-element.elementor-element-01464b5 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:0px;}.elementor-82 .elementor-element.elementor-element-57d2763{--min-height:0vh;}.elementor-82 .elementor-element.elementor-element-5c054d9 img{width:79vw;height:0%;}.elementor-82 .elementor-element.elementor-element-70af40f{--min-height:0vh;}.elementor-82 .elementor-element.elementor-element-1a74202 .elementor-heading-title{font-size:35px;}.elementor-82 .elementor-element.elementor-element-d2e34b6{width:var( --container-widget-width, 327.547px );max-width:327.547px;--container-widget-width:327.547px;--container-widget-flex-grow:0;}.elementor-82 .elementor-element.elementor-element-d2e34b6 > .elementor-widget-container{margin:-31px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-d2e34b6 .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-82 .elementor-element.elementor-element-01464b5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-57d2763{--min-height:95vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-7b9bbea{--padding-top:87px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-2d34e07 *//* ============================================================
   1ST ARABIA — About Section | CSS complet + Animations
   Police   : Poppins (Google Fonts — ajouter dans WordPress)
   Couleurs : #056194 bleu foncé | #29abe2 bleu ciel | #3aaa35 vert logo
   USAGE    : Elementor > Paramètres du site > CSS personnalisé
              OU Apparence > Personnaliser > CSS additionnel
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ─── VARIABLES ─────────────────────────────────────────── */
.ara-about {
  --blue:        #056194;
  --blue-dark:   #044e78;
  --sky:         #29abe2;
  --sky-light:   #e8f6fd;
  --green:       #3aaa35;
  --green-light: #e8f7e7;
  --white:       #ffffff;
  --off-white:   #f5f8fb;
  --text:        #1a2a3a;
  --text-muted:  #6b7f94;
  --border:      #e0eaf2;
  font-family: 'Poppins', sans-serif;
  color: var(--text);
  background: var(--white);
  overflow: hidden;
}

/* ─── RESET LOCAL ─────────────────────────────────────── */
.ara-about * { box-sizing: border-box; }
.ara-about h1,
.ara-about h2,
.ara-about h3,
.ara-about p    { margin: 0; }
.ara-about a    { text-decoration: none; }

/* ─── COULEURS ACCENT ────────────────────────────────── */
.ara-accent-green { color: #3aaa35; }
.ara-accent-sky   { color: #29abe2; }

/* ─── HERO ───────────────────────────────────────────── */
.ara-hero {
  position: relative;
  background: var(--blue);
  padding: 100px 6% 80px;
  overflow: hidden;
}

.ara-hero__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 80% 50%, rgba(41,171,226,0.25) 0%, transparent 60%),
    radial-gradient(ellipse at 10% 80%, rgba(58,170,53,0.15) 0%, transparent 50%);
}

.ara-hero__overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ara-hero__content {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

.ara-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  margin-bottom: 16px;
}
.ara-eyebrow::before {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: var(--sky);
  border-radius: 2px;
}

.ara-hero__title {
  font-size: clamp(2.8rem, 5vw, 4.2rem);
  font-weight: 700;
  color: var(--white);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0 0 24px;
}

.ara-hero__divider {
  width: 56px;
  height: 4px;
  background: linear-gradient(to right, #29abe2, #3aaa35);
  border-radius: 4px;
  margin-bottom: 24px;
}

.ara-hero__lead {
  font-size: 1.05rem;
  font-weight: 300;
  color: rgba(255,255,255,0.75);
  line-height: 1.75;
  max-width: 520px;
}

.ara-hero__wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  z-index: 3;
  line-height: 0;
}
.ara-hero__wave svg {
  width: 100%;
  height: 60px;
}

/* ─── STATS ──────────────────────────────────────────── */
.ara-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: var(--white);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 4px 24px rgba(5,97,148,0.08);
}

.ara-stat {
  padding: 36px 6%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  border-right: 1px solid var(--border);
}
.ara-stat:last-child { border-right: none; }

.ara-stat__num {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--blue);
  line-height: 1;
  letter-spacing: -0.03em;
  display: inline-block;
  position: relative;
}
.ara-stat__num sup {
  font-size: 1rem;
  font-weight: 600;
  vertical-align: super;
  color: var(--sky);
}

.ara-stat__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ─── BODY (2 colonnes) ──────────────────────────────── */
.ara-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  padding: 88px 6%;
  background: var(--white);
  max-width: 1280px;
  margin: 0 auto;
  align-items: start;
}

.ara-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--blue);
  background: var(--sky-light);
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.ara-body__title {
  font-size: clamp(1.7rem, 2.8vw, 2.4rem);
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 24px;
}
.ara-body__title em {
  font-style: normal;
  color: var(--blue);
}

.ara-body__bar {
  width: 48px;
  height: 4px;
  background: linear-gradient(to right, var(--blue), var(--sky));
  border-radius: 4px;
  margin-bottom: 28px;
}

.ara-body__text {
  font-size: 0.975rem;
  font-weight: 300;
  line-height: 1.8;
  color: #4a5c6e;
  margin: 0 0 18px;
}

/* ─── BOUTON ─────────────────────────────────────────── */
.ara-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 13px 28px;
  background: var(--blue);
  color: var(--white);
  font-family: 'Poppins', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 8px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: background 0.25s, gap 0.25s;
}
.ara-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transform: skewX(-20deg);
}
.ara-btn:hover {
  background: var(--blue-dark);
  gap: 14px;
  color: var(--white);
}
.ara-btn:hover::before {
  animation: ara-shimmer 0.6s ease forwards;
}
.ara-btn svg {
  transition: transform 0.25s;
  flex-shrink: 0;
}
.ara-btn:hover svg {
  transform: translateX(4px);
}

/* ─── CARTES ─────────────────────────────────────────── */
.ara-body__right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.ara-card {
  background: var(--off-white);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
  transition: background 0.3s, box-shadow 0.3s, transform 0.3s, border-color 0.3s;
}
.ara-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--blue), var(--sky));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  border-radius: 0 0 14px 14px;
}
.ara-card:hover {
  background: var(--white);
  box-shadow: 0 8px 32px rgba(5,97,148,0.1);
  transform: translateY(-3px);
  border-color: rgba(5,97,148,0.2);
}
.ara-card:hover::after {
  transform: scaleX(1);
}
.ara-card:hover .ara-card__icon {
  animation: ara-icon-pulse 0.4s ease;
}

.ara-card__icon {
  width: 46px;
  height: 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.ara-card__icon--blue  { background: rgba(5,97,148,0.1); color: #056194; }
.ara-card__icon--sky   { background: #e8f6fd;             color: #29abe2; }
.ara-card__icon--green { background: #e8f7e7;             color: #3aaa35; }

.ara-card__title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 6px;
  line-height: 1.3;
}
.ara-card__text {
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--text-muted);
  line-height: 1.65;
  margin: 0;
}

/* ─── QUOTE BAND ─────────────────────────────────────── */
.ara-quote {
  background: linear-gradient(135deg, #056194 0%, #034e7a 100%);
  padding: 80px 6%;
  position: relative;
  overflow: hidden;
}
.ara-quote::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(41,171,226,0.2) 0%, transparent 60%);
}
.ara-quote__inner {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.ara-quote__mark {
  font-size: 6rem;
  font-weight: 700;
  color: rgba(255,255,255,0.1);
  line-height: 0.6;
  margin-bottom: 20px;
  display: block;
  font-family: Georgia, serif;
}
.ara-quote__text {
  font-size: clamp(1.2rem, 2.2vw, 1.7rem);
  font-weight: 500;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: -0.01em;
  margin: 0 0 24px;
}
.ara-quote__attr {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
}

/* ─── ANIMATIONS ─────────────────────────────────────── */

/* Points flottants */
.ara-dot {
  position: absolute;
  border-radius: 50%;
  opacity: 0.25;
  animation: ara-float-up linear infinite;
  pointer-events: none;
}
@keyframes ara-float-up {
  0%   { transform: translateY(0) scale(1); opacity: 0.25; }
  60%  { opacity: 0.5; }
  100% { transform: translateY(-130px) scale(0.4); opacity: 0; }
}

/* Hero entrée en cascade */
.ara-hero__content > * {
  opacity: 0;
  transform: translateY(28px);
  animation: ara-hero-in 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
}
.ara-hero__content .ara-eyebrow     { animation-delay: 0.10s; }
.ara-hero__content .ara-hero__title  { animation-delay: 0.25s; }
.ara-hero__content .ara-hero__divider{ animation-delay: 0.40s; }
.ara-hero__content .ara-hero__lead   { animation-delay: 0.55s; }

@keyframes ara-hero-in {
  to { opacity: 1; transform: translateY(0); }
}

/* Vague hero */
.ara-hero__wave svg path {
  animation: ara-wave-draw 1.4s cubic-bezier(0.22,1,0.36,1) 0.8s both;
}
@keyframes ara-wave-draw {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0% 0 0); }
}

/* Scroll reveal — état initial caché */
[data-anim] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-duration: 0.75s;
}
[data-anim="fade-up"]    { transform: translateY(40px); }
[data-anim="fade-left"]  { transform: translateX(-40px); }
[data-anim="fade-right"] { transform: translateX(40px); }
[data-anim="zoom-in"]    { transform: scale(0.92); }

[data-anim].ara-visible {
  opacity: 1;
  transform: none !important;
}

/* Stagger group */
[data-anim-group] > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s cubic-bezier(0.22,1,0.36,1),
              transform 0.6s cubic-bezier(0.22,1,0.36,1);
}
[data-anim-group].ara-visible > *:nth-child(1) { transition-delay: 0.05s; }
[data-anim-group].ara-visible > *:nth-child(2) { transition-delay: 0.15s; }
[data-anim-group].ara-visible > *:nth-child(3) { transition-delay: 0.25s; }
[data-anim-group].ara-visible > *:nth-child(4) { transition-delay: 0.35s; }
[data-anim-group].ara-visible > * {
  opacity: 1;
  transform: none;
}

/* Barre sous les stats */
.ara-stat::after {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(to right, #056194, #29abe2);
  border-radius: 2px;
  width: 0;
  margin-top: 12px;
  transition: width 1.2s cubic-bezier(0.22,1,0.36,1);
}
.ara-stat.ara-visible::after { width: 48px; }

/* Shimmer bouton */
@keyframes ara-shimmer {
  to { left: 160%; }
}

/* Pulse icône carte */
@keyframes ara-icon-pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.18); }
  100% { transform: scale(1); }
}

/* Word reveal dans la quote */
.ara-quote__text .ara-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.ara-quote.ara-visible .ara-word {
  opacity: 1;
  transform: translateY(0);
}

/* ─── RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .ara-body {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 64px 6%;
  }
}
@media (max-width: 768px) {
  .ara-hero { padding: 80px 6% 70px; }
  .ara-stats { grid-template-columns: 1fr; }
  .ara-stat {
    border-right: none;
    border-bottom: 1px solid var(--border);
    padding: 28px 6%;
  }
  .ara-stat:last-child { border-bottom: none; }
  .ara-body { padding: 52px 5%; }
  .ara-body__right { grid-template-columns: 1fr; }
  .ara-quote { padding: 60px 5%; }
}
@media (max-width: 480px) {
  .ara-hero__title  { font-size: 2.2rem; }
  .ara-body__title  { font-size: 1.6rem; }
  .ara-stat__num    { font-size: 2.2rem; }
  .ara-body__right  { grid-template-columns: 1fr 1fr; }
}/* End custom CSS */