/* ============================================================
   LABOR IQ DZ — Enhanced Arabic Stylesheet
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap');

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --mint:      #2BC0B5;
  --turq:      #28D9B4;
  --teal:      #1A8F94;
  --deep:      #0D4F5A;
  --deepest:   #061A1F;
  --ink:       #081C21;
  --white:     #F5FAFA;
  --off:       #EAF3F4;
  --gold:      #C9A84C;
  --text:      #0D2B31;
  --muted:     #6A8E94;
  --border:    rgba(43,192,181,0.14);

  --ff-display: 'Amiri', serif;
  --ff-ui:      'Tajawal', sans-serif;
  --ease:       cubic-bezier(.4,0,.2,1);
  --t:          .38s;
  --sh-sm:      0 2px 16px rgba(13,79,90,.10);
  --sh-md:      0 8px 36px rgba(13,79,90,.16);
  --sh-lg:      0 24px 72px rgba(13,79,90,.22);
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--ff-ui);
  background: var(--white);
  color: var(--text);
  direction: rtl;
  overflow-x: hidden;
  font-size: 15.5px;
  line-height: 1.8;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--off); }
::-webkit-scrollbar-thumb { background: var(--teal); border-radius: 3px; }

/* ── UTILS ─────────────────────────────────── */
.container { max-width: 1200px; margin: 0 auto; padding: 0 5vw; }
img { display: block; }

/* ── NAV ────────────────────────────────────── */
nav {
  position: fixed; inset: 0 0 auto 0; z-index: 999;
  height: 74px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 5vw;
  background: rgba(6,26,31,.95);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
  transition: height var(--t) var(--ease), background var(--t) var(--ease);
}
nav.scrolled { height: 60px; background: rgba(6,26,31,.99); }

.nav-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.nav-mark {
  width:40px; height:40px; border-radius:10px;
  background: linear-gradient(135deg, var(--mint), var(--teal));
  display:flex; align-items:center; justify-content:center;
  font-family: var(--ff-display); font-size:1.1rem; font-weight:700; color:#fff;
  letter-spacing: 1px;
}
.nav-name {
  font-family: var(--ff-ui); font-size:.9rem; font-weight:600;
  letter-spacing:.04em; color:#fff;
}
.nav-name span { color: var(--mint); }

.nav-links { display:flex; align-items:center; gap:36px; list-style:none; }
.nav-links a {
  font-size:.78rem; font-weight:300; letter-spacing:.08em;
  color:rgba(245,250,250,.65); text-decoration:none; position:relative;
  transition: color var(--t);
}
.nav-links a::after {
  content:''; position:absolute; bottom:-4px; right:0;
  width:0; height:1px; background:var(--mint);
  transition: width var(--t) var(--ease);
}
.nav-links a:hover { color:var(--mint); }
.nav-links a:hover::after { width:100%; }

.nav-btn {
  padding:9px 22px; border:1px solid var(--mint); border-radius:4px;
  color:var(--mint) !important; font-weight:400 !important;
  transition: background var(--t), color var(--t) !important;
}
.nav-btn:hover { background:var(--mint) !important; color:var(--deepest) !important; }
.nav-btn::after { display:none !important; }

.burger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; }
.burger span { display:block; width:24px; height:1.5px; background:#fff; transition:var(--t); }

.mob-menu {
  display:none; position:fixed; inset:0; z-index:1000;
  background:var(--deepest); flex-direction:column;
  align-items:center; justify-content:center; gap:36px;
}
.mob-menu.open { display:flex; }
.mob-menu a { font-family:var(--ff-display); font-size:2.2rem; font-weight:400; color:#fff; text-decoration:none; transition:color var(--t); }
.mob-menu a:hover { color:var(--mint); }
.mob-close { position:absolute; top:24px; left:5vw; background:none; border:none; color:#fff; font-size:1.8rem; cursor:pointer; }

/* ── BTNs ───────────────────────────────────── */
.btn-p, .btn-o {
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--ff-ui); font-size:.80rem; font-weight:500;
  letter-spacing:.06em; border-radius:5px;
  text-decoration:none; cursor:pointer; border:none;
  transition: all var(--t) var(--ease);
}
.btn-p {
  padding:13px 30px;
  background: linear-gradient(135deg, var(--mint), var(--teal));
  color:#fff; box-shadow:0 6px 28px rgba(43,192,181,.28);
}
.btn-p:hover { transform:translateY(-2px); box-shadow:0 12px 40px rgba(43,192,181,.42); }
.btn-o {
  padding:12px 26px;
  background:transparent; border:1px solid rgba(43,192,181,.35);
  color:rgba(245,250,250,.80);
}
.btn-o:hover { border-color:var(--mint); color:var(--mint); background:rgba(43,192,181,.05); }

/* ── SECTION LABELS ─────────────────────────── */
.lbl {
  display:inline-flex; align-items:center; gap:10px;
  font-size:.72rem; font-weight:400; letter-spacing:.18em;
  color:var(--teal); margin-bottom:16px; text-transform:uppercase;
}
.lbl::before { content:''; display:block; width:26px; height:1px; background:var(--teal); }

.sec-title {
  font-family: var(--ff-display);
  font-size: clamp(1.8rem, 3.2vw, 2.8rem);
  font-weight:700; line-height:1.25; color:var(--text);
  margin-bottom:14px;
}
.sec-title em { font-style:italic; color:var(--teal); }

.sec-sub {
  font-size:.88rem; font-weight:300; color:var(--muted);
  max-width:500px; line-height:1.95;
}

/* ── FADE ANIM ───────────────────────────────── */
.fu { opacity:0; transform:translateY(26px); transition:opacity .65s var(--ease), transform .65s var(--ease); }
.fu.vis { opacity:1; transform:translateY(0); }
.fu:nth-child(2) { transition-delay:.09s; }
.fu:nth-child(3) { transition-delay:.18s; }
.fu:nth-child(4) { transition-delay:.27s; }
.fu:nth-child(5) { transition-delay:.36s; }
.fu:nth-child(6) { transition-delay:.45s; }

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
.hero {
  min-height:100vh; position:relative; overflow:hidden;
  display:flex; align-items:center;
  background: var(--deepest);
  padding: 130px 5vw 90px;
}

.hero-img-bg {
  position:absolute; inset:0;
  background-image: url('https://i.pinimg.com/1200x/2d/c2/b4/2dc2b4b938915341ef7d5856a9e91ae9.jpg');
  background-size:cover; background-position:center;
  opacity:.08;
}
.hero-grid-bg {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(43,192,181,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43,192,181,.05) 1px, transparent 1px);
  background-size:64px 64px;
}
.hero-grad {
  position:absolute; inset:0;
  background: linear-gradient(135deg, rgba(6,26,31,.98) 55%, rgba(13,79,90,.85) 100%);
}
.hero-glow {
  position:absolute; width:600px; height:600px; border-radius:50%;
  background: radial-gradient(circle, rgba(26,143,148,.22) 0%, transparent 70%);
  top:-150px; left:-150px; pointer-events:none;
}

.hero-inner {
  position:relative; z-index:2;
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center; width:100%;
}

.hero-eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-size:.72rem; font-weight:300; letter-spacing:.22em;
  color:var(--mint); margin-bottom:28px;
}
.hero-eyebrow::before { content:''; width:28px; height:1px; background:var(--mint); }

h1.hero-title {
  font-family:var(--ff-display);
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  font-weight:700; line-height:1.1; color:#fff;
  margin-bottom:28px;
}
h1.hero-title strong {
  display:block; font-style:italic; font-weight:400;
  background: linear-gradient(90deg, var(--mint), var(--turq));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}

.hero-desc {
  font-size:.90rem; font-weight:300;
  color:rgba(245,250,250,.60); max-width:480px;
  line-height:2; margin-bottom:44px;
}

.hero-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }

/* hero visual card */
.hero-visual { position:relative; }
.hero-visual-img {
  width:100%; height:480px; border-radius:18px; overflow:hidden;
  position:relative;
}
.hero-visual-img img {
  width:100%; height:100%; object-fit:cover;
  filter:brightness(.75) saturate(1.1);
}
.hero-visual-img::after {
  content:''; position:absolute; inset:0; border-radius:18px;
  border:1px solid rgba(43,192,181,.25);
}
.hero-visual-img::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(to top, rgba(6,26,31,.8) 30%, transparent 70%);
  z-index:1; border-radius:18px;
}

.hero-float-card {
  position:absolute; bottom:28px; right:24px; left:24px; z-index:2;
  background:rgba(6,26,31,.88);
  border:1px solid rgba(43,192,181,.22);
  backdrop-filter:blur(14px);
  border-radius:12px; padding:22px 26px;
  display:flex; gap:24px;
}
.hero-fc-item { text-align:center; flex:1; }
.hero-fc-num {
  font-family:var(--ff-display); font-size:2rem; font-weight:700;
  color:var(--mint); display:block; line-height:1;
}
.hero-fc-label { font-size:.70rem; font-weight:300; letter-spacing:.10em; color:rgba(255,255,255,.45); margin-top:4px; }

/* ══════════════════════════════════════════════
   ABOUT
══════════════════════════════════════════════ */
.about { padding:110px 5vw; background:var(--white); }
.about-inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:90px; align-items:center;
}

.about-imgs { position:relative; height:520px; }

.about-img-main {
  position:absolute; top:0; right:0;
  width:80%; height:380px; border-radius:16px; overflow:hidden;
  box-shadow:var(--sh-lg);
}
.about-img-main img { width:100%; height:100%; object-fit:cover; }

.about-img-sec {
  position:absolute; bottom:0; left:0;
  width:55%; height:260px; border-radius:14px; overflow:hidden;
  box-shadow:var(--sh-md);
  border:4px solid var(--white);
}
.about-img-sec img { width:100%; height:100%; object-fit:cover; }

.about-badge {
  position:absolute; top:50%; right: -20px; transform:translateY(-50%);
  background:linear-gradient(135deg, var(--teal), var(--deep));
  border-radius:14px; padding:22px 20px; text-align:center;
  width:140px; box-shadow:var(--sh-md);
}
.about-badge .bnum {
  font-family:var(--ff-display); font-size:2.2rem; font-weight:700;
  color:#fff; line-height:1; display:block;
}
.about-badge .bnum span { color:var(--turq); }
.about-badge .btext { font-size:.70rem; font-weight:300; color:rgba(255,255,255,.6); margin-top:4px; letter-spacing:.06em; }

.about-list { margin-top:32px; display:flex; flex-direction:column; gap:14px; }
.about-item {
  display:flex; align-items:flex-start; gap:14px;
  padding:18px 20px; border-radius:10px;
  border:1px solid var(--off);
  transition:border-color var(--t), box-shadow var(--t);
}
.about-item:hover { border-color:rgba(43,192,181,.28); box-shadow:var(--sh-sm); }
.about-item-icon {
  width:38px; height:38px; border-radius:9px; flex-shrink:0;
  background:rgba(43,192,181,.10);
  display:flex; align-items:center; justify-content:center;
}
.about-item-icon svg { width:18px; height:18px; stroke:var(--teal); fill:none; stroke-width:1.8; }
.about-item h4 { font-size:.84rem; font-weight:600; color:var(--text); margin-bottom:3px; }
.about-item p { font-size:.78rem; font-weight:300; color:var(--muted); line-height:1.7; }

/* ══════════════════════════════════════════════
   FEATURES
══════════════════════════════════════════════ */
.features { padding:110px 5vw; background:var(--off); }
.features-head {
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:40px; margin-bottom:66px;
}
.features-head .sec-sub { max-width:400px; }

.feat-grid {
  display:grid; grid-template-columns:repeat(3, 1fr);
  gap:26px;
}
.feat-card {
  background:var(--white); border-radius:16px; overflow:hidden;
  border:1px solid rgba(13,79,90,.08);
  transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t);
  position:relative;
}
.feat-card:hover { transform:translateY(-5px); box-shadow:var(--sh-md); border-color:rgba(43,192,181,.25); }

.feat-img { width:100%; height:190px; overflow:hidden; position:relative; }
.feat-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); filter:saturate(.9); }
.feat-card:hover .feat-img img { transform:scale(1.05); }
.feat-img-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to bottom, transparent 40%, rgba(6,26,31,.55) 100%);
}

.feat-body { padding:26px 26px 30px; }
.feat-tag {
  display:inline-block; font-size:.68rem; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--teal); margin-bottom:12px;
}
.feat-body h3 { font-family:var(--ff-display); font-size:1.3rem; font-weight:700; color:var(--text); margin-bottom:10px; }
.feat-body p { font-size:.80rem; font-weight:300; color:var(--muted); line-height:1.9; }

.feat-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--mint), var(--teal));
  transform:scaleX(0); transform-origin:right; transition:transform var(--t) var(--ease);
}
.feat-card:hover::before { transform:scaleX(1); }

/* ══════════════════════════════════════════════
   HOW IT WORKS
══════════════════════════════════════════════ */
.how { padding:110px 5vw; background:var(--deepest); }
.how .sec-title { color:#fff; }
.how .lbl { color:var(--mint); }
.how .lbl::before { background:var(--mint); }
.how .sec-sub { color:rgba(245,250,250,.48); }

.how-inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:90px; align-items:center; margin-top:70px;
}

.how-img { position:relative; border-radius:18px; overflow:hidden; height:500px; }
.how-img img { width:100%; height:100%; object-fit:cover; filter:brightness(.6) saturate(1.2); }
.how-img::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(6,26,31,.6) 0%, transparent 60%);
}
.how-img-badge {
  position:absolute; bottom:32px; right:28px; z-index:2;
  background:rgba(6,26,31,.88); backdrop-filter:blur(12px);
  border:1px solid rgba(43,192,181,.25);
  border-radius:12px; padding:20px 24px; text-align:center;
}
.how-img-badge .big { font-family:var(--ff-display); font-size:2.6rem; font-weight:700; color:var(--mint); line-height:1; }
.how-img-badge .sm { font-size:.72rem; font-weight:300; color:rgba(255,255,255,.5); letter-spacing:.08em; margin-top:4px; }

.steps { display:flex; flex-direction:column; gap:0; }
.step {
  display:flex; gap:22px; align-items:flex-start;
  padding:28px 0; border-bottom:1px solid rgba(43,192,181,.10);
  position:relative;
}
.step:last-child { border-bottom:none; }
.step-num-wrap { position:relative; flex-shrink:0; }
.step-num {
  width:56px; height:56px; border-radius:50%;
  border:1px solid rgba(43,192,181,.30);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--ff-display); font-size:1.3rem; font-weight:400;
  color:var(--mint); background:var(--deepest);
  transition:background var(--t), color var(--t), border-color var(--t);
}
.step:hover .step-num { background:var(--mint); color:var(--deepest); border-color:var(--mint); }
.step-connector {
  position:absolute; top:56px; right:50%; transform:translateX(50%);
  width:1px; height:calc(100% + 28px);
  background:linear-gradient(to bottom, rgba(43,192,181,.25), transparent);
}
.step:last-child .step-connector { display:none; }
.step-text h4 { font-family:var(--ff-display); font-size:1.2rem; font-weight:700; color:#fff; margin-bottom:8px; }
.step-text p { font-size:.80rem; font-weight:300; color:rgba(245,250,250,.45); line-height:1.9; }

/* ══════════════════════════════════════════════
   AUDIENCE
══════════════════════════════════════════════ */
.audience { padding:110px 5vw; background:var(--white); }
.aud-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:26px; margin-top:60px;
}
.aud-card {
  border-radius:16px; overflow:hidden; position:relative;
  height:300px; cursor:pointer;
  transition:transform var(--t) var(--ease), box-shadow var(--t);
}
.aud-card:hover { transform:translateY(-4px); box-shadow:var(--sh-lg); }
.aud-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); filter:brightness(.65) saturate(1.1); }
.aud-card:hover img { transform:scale(1.07); }
.aud-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(6,26,31,.92) 40%, rgba(6,26,31,.20) 100%);
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:28px 24px;
}
.aud-overlay h4 { font-family:var(--ff-display); font-size:1.3rem; font-weight:700; color:#fff; margin-bottom:6px; }
.aud-overlay p { font-size:.78rem; font-weight:300; color:rgba(255,255,255,.60); line-height:1.8; }
.aud-tag {
  display:inline-block; padding:4px 12px; border-radius:20px;
  background:rgba(43,192,181,.20); border:1px solid rgba(43,192,181,.35);
  font-size:.68rem; font-weight:400; letter-spacing:.12em; color:var(--mint);
  margin-bottom:12px; text-transform:uppercase;
}

/* ══════════════════════════════════════════════
   STATS BAND
══════════════════════════════════════════════ */
.stats-band { padding:80px 5vw; background:linear-gradient(135deg, var(--teal), var(--deep)); }
.stats-inner { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
.stat { text-align:center; }
.stat-num { font-family:var(--ff-display); font-size:3.4rem; font-weight:700; color:#fff; line-height:1; display:block; }
.stat-num span { color:var(--turq); }
.stat-lbl { font-size:.72rem; font-weight:300; letter-spacing:.14em; color:rgba(255,255,255,.50); display:block; margin-top:8px; text-transform:uppercase; }

/* ══════════════════════════════════════════════
   TESTIMONIALS / TRUST
══════════════════════════════════════════════ */
.trust { padding:110px 5vw; background:var(--off); }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:60px; }
.trust-card {
  background:var(--white); border-radius:16px; padding:36px 32px;
  border:1px solid rgba(13,79,90,.08);
  position:relative; transition:box-shadow var(--t), border-color var(--t);
}
.trust-card:hover { box-shadow:var(--sh-sm); border-color:rgba(43,192,181,.20); }
.trust-card::before {
  content:'"'; position:absolute; top:20px; left:28px;
  font-family:var(--ff-display); font-size:5rem; line-height:1; font-weight:700;
  color:rgba(43,192,181,.15); pointer-events:none;
}
.trust-text { font-family:var(--ff-display); font-size:1.1rem; font-weight:400; font-style:italic; color:var(--text); line-height:1.8; margin-bottom:24px; }
.trust-author { display:flex; align-items:center; gap:14px; }
.trust-avatar { width:46px; height:46px; border-radius:50%; overflow:hidden; flex-shrink:0; border:2px solid var(--off); }
.trust-avatar img { width:100%; height:100%; object-fit:cover; }
.trust-author-info h5 { font-size:.84rem; font-weight:600; color:var(--text); }
.trust-author-info p { font-size:.74rem; font-weight:300; color:var(--muted); }

/* ══════════════════════════════════════════════
   CTA
══════════════════════════════════════════════ */
.cta-sec {
  padding:120px 5vw; text-align:center;
  background:var(--deepest); position:relative; overflow:hidden;
}
.cta-bg { position:absolute; inset:0; background-image:url('https://i.pinimg.com/736x/ec/f0/a2/ecf0a2d2805843589e1e3a6166765cc5.jpg'); background-size:cover; background-position:center; opacity:.06; }
.cta-glow { position:absolute; inset:0; background:radial-gradient(ellipse at center, rgba(26,143,148,.18) 0%, transparent 70%); }
.cta-inner { position:relative; z-index:2; max-width:640px; margin:0 auto; }
.cta-sec .sec-title { color:#fff; }
.cta-sec .lbl { justify-content:center; }
.cta-sec .lbl::before { display:none; }
.cta-sec p { font-size:.88rem; font-weight:300; color:rgba(245,250,250,.55); margin-bottom:44px; line-height:2; }
.cta-btns { display:flex; justify-content:center; gap:18px; flex-wrap:wrap; }

/* ══════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════ */
footer {
  background:var(--ink);
  border-top:1px solid rgba(43,192,181,.10);
  padding:80px 5vw 36px;
}
.footer-top {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:60px; margin-bottom:60px;
}
.footer-logo-wrap { margin-bottom:18px; }
.footer-brand p { font-size:.80rem; font-weight:300; color:rgba(245,250,250,.40); line-height:2; max-width:280px; margin-top:16px; }
.footer-divider { width:40px; height:1px; background:rgba(43,192,181,.25); margin:18px 0; }
.footer-col h5 { font-size:.70rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#fff; margin-bottom:20px; }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:10px; }
.footer-col a { font-size:.80rem; font-weight:300; color:rgba(245,250,250,.40); text-decoration:none; transition:color var(--t); }
.footer-col a:hover { color:var(--mint); }
.footer-bottom { padding-top:28px; border-top:1px solid rgba(43,192,181,.08); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.footer-bottom p { font-size:.72rem; font-weight:300; color:rgba(245,250,250,.28); }
.footer-bottom p span { color:var(--mint); }
.socials { display:flex; gap:14px; }
.socials a { width:34px; height:34px; border-radius:50%; border:1px solid rgba(43,192,181,.18); display:flex; align-items:center; justify-content:center; color:rgba(245,250,250,.45); text-decoration:none; font-size:.74rem; transition:all var(--t); }
.socials a:hover { border-color:var(--mint); color:var(--mint); background:rgba(43,192,181,.08); }

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width:1024px) {
  .feat-grid { grid-template-columns:1fr 1fr; }
  .footer-top { grid-template-columns:1fr 1fr; }
  .hero-inner { grid-template-columns:1fr; gap:50px; }
  .hero-visual { display:none; }
}
.nav-logo{
    height: 60px;
    margin-right: 4px;
    vertical-align: middle;
}

@media (max-width:768px) {
  .nav-links { display:none; }
  .burger { display:flex; }
  .about-inner, .how-inner, .trust-grid { grid-template-columns:1fr; }
  .about-imgs { height:340px; }
  .aud-grid { grid-template-columns:1fr 1fr; }
  .feat-grid { grid-template-columns:1fr; }
  .stats-inner { grid-template-columns:1fr 1fr; }
  .features-head { flex-direction:column; align-items:flex-start; }
}
@media (max-width:500px) {
  .aud-grid { grid-template-columns:1fr; }
  .stats-inner { grid-template-columns:1fr 1fr; gap:28px; }
  section, .about, .features, .how, .audience, .trust, .cta-sec { padding:72px 6vw; }
  .hero { padding:110px 6vw 72px; }
}