/* Appa Brand Palette
  --appa-red: #D63A2E;
  --ghana-green: #1B8A3A;
  --label-green: #0A7A4A;
  --oil-gold: #F2B705;
  --sunny-yellow: #F7C62F;
  --leaf-lime: #B7D65A;
  --heritage-brown: #A56B32;
  --cream-surface: #FFFDF7;
  --charcoal: #1F1F1F;
  --warm-gray: #6C6C6C;
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;700&display=swap');

:root{
  /* Base */
  --cream-surface:#FFFDF7;
  --charcoal:#1F1F1F;
  --warm-gray:#6C6C6C;

  /* Brand */
  --appa-red:#D63A2E;
  --ghana-green:#1B8A3A;
  --label-green:#0A7A4A;
  --oil-gold:#F2B705;
  --sunny-yellow:#F7C62F;
  --leaf-lime:#B7D65A;
  --heritage-brown:#A56B32;

  /* UI tokens */
  --bg: var(--cream-surface);
  --text: var(--charcoal);
  --muted: var(--warm-gray);
  --card: #FFFFFF;
  --border: #E9E1D5;
  --shadow: 0 8px 24px rgba(31,31,31,.08);
  --radius: 14px;
  --radius-lg: 22px;

  /* Primary accent (buttons/links) */
  --brand: var(--ghana-green);
  --brand-strong: var(--label-green);
  --brand-subtle: rgba(27,138,58,.12);

  /* Layout */
  --container: 1200px;

  /* Fluid type scales */
  --step--1: clamp(12px, 0.78rem + 0.1vw, 14px);
  --step-0: clamp(14px, 0.9rem + 0.2vw, 16px);
  --step-1: clamp(18px, 1.05rem + 0.6vw, 22px);
  --step-2: clamp(22px, 1.2rem + 1.0vw, 28px);
  --step-3: clamp(28px, 1.4rem + 1.6vw, 36px);
  --step-4: clamp(34px, 1.6rem + 2.2vw, 44px);
}

*{ box-sizing:border-box; }
html, body{
  margin:0; padding:0;
  font-family: 'Noto Sans Devanagari', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg); color: var(--text);
  font-size: var(--step-0);
  line-height: 1.45;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; border-radius: 12px; }

/* utility container */
.container{ max-width: var(--container); margin-inline:auto; padding-inline: 18px; }

/* Header */
.header{
  position: sticky; top:0; z-index:10;
  backdrop-filter: blur(8px);
  background: rgba(255,253,247,.9);
  border-bottom: 1px solid var(--border);
}
.nav{
  max-width: var(--container); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 18px;
  gap: 10px;
}
.brand{ display:flex; align-items:center; gap:10px; min-width:0; }
.brand img{ width:42px; height:42px; }
.brand span{ font-weight:700; letter-spacing:.2px; white-space:nowrap; }

.menu{ display:flex; align-items:center; gap:12px; overflow-x:auto; white-space:nowrap; }
.menu::-webkit-scrollbar{ display:none; }
.menu a{
  padding:8px 12px; border-radius:10px; color:var(--muted);
  flex:0 0 auto;
}
.menu a.active, .menu a:hover{
  color: var(--brand-strong);
  background: var(--brand-subtle);
}

/* 2-line hamburger → perfect X */
.nav-toggle{
  --size: 28px;        /* icon width  */
  --thick: 2.5px;      /* line height */
  --gap: 4px;          /* vertical spacing between the two lines */
  --color: var(--charcoal, #1F1F1F);

  position: relative;
  width: var(--size);
  height: calc(var(--thick)*2 + var(--gap) + 2px);
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  display: none;       /* shown on mobile */
  margin-left: auto;
}
.nav-toggle:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }

/* two bars only */
.nav-toggle__bar{
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--thick);
  background: var(--color);
  border-radius: var(--thick);
  transform-origin: center;
  transition: top .25s ease, transform .25s ease, opacity .2s ease;
}
.nav-toggle__bar:nth-child(2){ display:none; } /* hide middle span */
.nav-toggle__bar:nth-child(1){ top: calc(50% - var(--gap)/2 - var(--thick)/2); }
.nav-toggle__bar:nth-child(3){ top: calc(50% + var(--gap)/2 - var(--thick)/2); }

/* OPEN state → X (toggle class on the BUTTON) */
.nav-toggle.is-open .nav-toggle__bar:nth-child(1){
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.nav-toggle.is-open .nav-toggle__bar:nth-child(3){
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/* Mobile dropdown panel (toggle class on NAV) */
@media (max-width: 560px){
  .nav{ position:relative; padding:10px 12px; }
  .nav-toggle{ display:inline-flex; z-index:11; }

  .menu{
    position:absolute; left:0; right:0; top:100%;
    background:#fff;
    border-bottom:1px solid var(--border);
    box-shadow:0 12px 24px rgba(31,31,31,.08);
    display:grid; gap:6px;
    padding:10px 12px 12px;

    max-height:0; overflow:hidden;
    opacity:0; visibility:hidden; pointer-events:none;
    transition:max-height .25s ease, opacity .2s ease, visibility 0s linear .25s;
    z-index:10;
  }
  .nav.is-open .menu{
    max-height:360px; opacity:1; visibility:visible; pointer-events:auto;
    transition:max-height .3s ease, opacity .2s ease;
  }
}

@media (prefers-reduced-motion: reduce){
  .nav-toggle__bar{ transition:none; }
}


/* Buttons (primary) */
.btn{
  background: var(--brand); color:#fff; font-weight:700;
  padding: 12px 18px; border-radius: 12px; box-shadow: var(--shadow);
  display:inline-flex; align-items:center; gap:8px; border:none; cursor:pointer;
  transition: transform .06s ease, background .15s ease;
  font-size: var(--step-0);
}
.btn:hover{ transform: translateY(-1px); background: var(--brand-strong); }
/* Outline variant */
.btn.btn-outline{
  background: transparent; border:1px solid var(--label-green);
  color: var(--label-green);
}

/* Panel (generic) */
.panel{
  background:#fff; border:1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: clamp(12px, 2vw, 24px);
  box-shadow: var(--shadow);
  display:flex; flex-direction:column; gap:10px;
}

/* Hero (home) */
.hero{
  max-width:var(--container); margin: 26px auto 0; padding: 24px 18px 40px;
  display:grid; grid-template-columns: 1.2fr .8fr; gap: clamp(16px, 2.5vw, 24px);
}
.hero .panel{
  background: #FFFFFF;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: clamp(16px, 2.2vw, 28px);
  box-shadow: var(--shadow);
}
.hero h1{ font-size: var(--step-4); line-height:1.1; margin: 0 0 12px; }
.hero p{ color: var(--muted); margin: 0 0 18px; font-size: var(--step-0); }

/* Chips/Badges */
.badges{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.badge{
  color:var(--charcoal); font-size: var(--step--1); padding:6px 10px; border-radius:999px;
  background:#FFF4CF; border:1px solid #FFE59A;
}

/* Sections */
.section{ max-width:var(--container); margin: 12px auto; padding: 12px 18px 24px; }
.section h2{ margin: 10px 0 12px; font-size: var(--step-2); }
.card{
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding:18px; box-shadow: var(--shadow);
}

/* Product grid */
.grid{ display:grid; gap:18px; }
.grid.cols-3{ grid-template-columns: repeat(3, 1fr); }
.grid.cols-4{ grid-template-columns: repeat(4, 1fr); }
.grid.cols-2{ grid-template-columns: repeat(2, 1fr); }

/* Auto-fit utility for truly fluid grids (optional) */
.grid.auto-fit{ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.product{ display:flex; flex-direction:column; gap:12px; }
.product .img{
  overflow:hidden; border-radius:12px; background:#FFF;
  border:1px solid var(--border);
  display: grid; place-items: center;
  background-color: #fff;
}
.product .img{ aspect-ratio: 1/1; }      /* default square */
.product .img.portrait{ aspect-ratio: 3/4; }
.product .img.landscape{ aspect-ratio: 4/3; }
.product .img img{
  max-width: 100%;
  max-height: 100%;
  width: auto; height: auto;
  object-fit: contain; object-position: center; border-radius: 0;
}

.product h3{ margin:4px 0 0; font-size: var(--step-1); }
.product p{ margin:0; color:var(--muted); font-size: var(--step--1); }
.price-row{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.price-tag{
  font-size:12.5px; color:var(--charcoal); background:#F6FAF7; border:1px solid #DDEEE2;
  padding:6px 8px; border-radius:10px;
}
.actions{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
select{
  background:#fff; color:var(--text); border:1px solid var(--border);
  padding:10px 12px; border-radius:10px; font-size:14px;
}

/* Info list */
.list{ display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; }
.list .li{ padding:12px; background:#FFFFFF; border-radius:12px; border:1px solid var(--border); }
.list .li b{ display:block; margin-bottom:4px; }

/* Testimonials */
.quote{
  padding:16px; background:#F8FFF0; border-radius:12px; border:1px solid #E1F1C7;
  font-style:italic; color:#244b11;
}

/* Form */
.form{ display:grid; gap:12px; }
.form .row{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
input, textarea{
  width:100%; background:#fff; color:var(--text);
  border:1px solid var(--border); border-radius:12px;
  padding:12px 12px; font-size:15px;
}
textarea{ min-height:120px; resize:vertical; }

/* Cart (tables) */
.table{ width:100%; border-collapse:collapse; }
.table th, .table td{ border-bottom:1px solid var(--border); padding:10px; text-align:left; }
.table th{ color:var(--charcoal); font-weight:600; }
.qty-btn{
  padding:6px 10px; border-radius:8px; background:#fff; border:1px solid var(--border); cursor:pointer;
}
.qty-btn:hover{ background: var(--brand-subtle); border-color:#BEDCCA; }

/* ---- Old footer (kept if any page uses) ---- */
.footer{
  margin-top: 28px; padding: 22px 18px; background:#FFF;
  border-top:1px solid var(--border);
  color:var(--muted);
}

/* ==== New Site Footer ==== */
.site-footer{
  background: var(--label-green);
  color: #fff;
  margin-top: 40px;
  padding: 38px 18px 16px;
}
.site-footer a{ color: #fff; opacity: .95; }
.site-footer a:hover{ opacity: 1; text-decoration: underline; }

.footer-wrap{ max-width: var(--container); margin: 0 auto; }

.footer-grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 24px;
}

.foot-title{ margin: 0 0 10px; font-size: var(--step-1); }
.foot-sub{ margin: 4px 0 10px; font-size: var(--step-1); }

.foot-list{ display: grid; gap: 10px; }
.foot-row{ display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; }
.icon{ line-height: 0; color: #FFF8; }

.foot-note{
  margin-top: 10px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  padding: 10px 12px;
  border-radius: 10px;
}

.foot-links{ list-style: none; margin: 0; padding: 0; display:grid; gap:8px; }
.foot-links li a{ display:inline-block; padding: 4px 0; }

.socials{ display:flex; gap:10px; margin-top:6px; flex-wrap:wrap; }
.social{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
}
.social:hover{ background: rgba(255,255,255,.18); }

.foot-bottom{
  display:flex; align-items:center; justify-content:space-between;
  gap: 12px; padding-top: 18px; margin-top: 22px;
  border-top: 1px solid rgba(255,255,255,.25);
  font-size: 14px; color: #F3FFF5;
  flex-wrap: wrap;
}
.foot-mini-links{ display:flex; gap:14px; flex-wrap:wrap; }
.foot-mini-links a{ opacity:.9; }
.foot-mini-links a:hover{ opacity:1; }

/* ==== Founder: Image left, info right (final) ==== */
.founder-side{
  display:grid;
  grid-template-columns: 500px 1fr;
  gap: 26px;
  align-items: center;
  padding: 22px;
  border-radius: var(--radius-lg);
  background:
    radial-gradient(1200px 600px at -20% -30%, rgba(255,215,96,.08), transparent 60%),
    linear-gradient(180deg, #fff 0%, #FFF7E8 100%);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.fs-media{ width:100%; }
.fs-photo{
  width:100%;
  height:auto;
  aspect-ratio: 5 / 6;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 18px;
  background:#fff;
  box-shadow: 0 14px 36px rgba(31,31,31,.10);
}

.fs-meta{ display:flex; flex-direction:column; gap:12px; }
.fs-head{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.fs-name{ margin:0; font-size: var(--step-2); }
.fs-tag{ color: var(--brand-strong); font-weight:600; }
.fs-copy{ margin:0; color: var(--muted); }
.fs-ticks{
  list-style:none; margin:6px 0 0; padding:0; display:grid; gap:6px;
}
.fs-ticks li{
  position:relative; padding:10px 12px 10px 34px;
  background:#fff; border:1px solid var(--border); border-radius:12px;
}
.fs-ticks li::before{
  content:"✓"; position:absolute; left:10px; top:10px;
  width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:700; color: var(--brand-strong); background: var(--brand-subtle);
  border-radius:6px;
}

.fs-stats{ display:grid; grid-template-columns: repeat(3,1fr); gap:10px; }
.fs-stat{
  background:#fff; border:1px solid var(--border); border-radius:12px;
  padding:10px 12px; text-align:center; box-shadow: var(--shadow);
}
.fs-stat .num{ font-size: var(--step-2); font-weight:800; color: var(--ghana-green); line-height:1; }
.fs-stat .lbl{ font-size:12px; color: var(--muted); margin-top:4px; }

.fs-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.btn.btn-ghost{ background:transparent; border:1px dashed var(--brand); color:var(--brand); }

/* Gallery */
.grid.imgs-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.photo{ overflow:hidden; border-radius: var(--radius-lg); border:1px solid var(--border); background:#fff; }
.photo img{ width:100%; height:100%; display:block; object-fit:cover; aspect-ratio: 4 / 3; }

/* Trust points */
.trust-points{
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.trust-points li{
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 10px 12px; display: flex; gap: 8px; align-items: center;
  box-shadow: var(--shadow); line-height: 1.35;
}

/* Blog cards with top image */
.post-card{ padding:0; overflow:hidden; }
.post-thumb{
  width:100%;
  aspect-ratio: 16 / 9;
  object-fit: cover; display:block;
}
.post-body{ padding:14px 16px 16px; }
.post-body h3{ margin:4px 0 6px; font-size: var(--step-1); }
.post-body p{ margin:0 0 10px; color: var(--muted); }
.post-card a.btn{ margin-top:4px; }

/* ======= RESPONSIVE BREAKPOINTS ======= */

/* Large tablets & small laptops */
@media (max-width: 1180px){
  .hero{ grid-template-columns: 1fr 1fr; }
  .footer-grid{ grid-template-columns: 2fr 1fr; }
}

/* Tablets */
@media (max-width: 980px){
  .hero{ grid-template-columns: 1fr; }
  .grid.cols-3{ grid-template-columns: 1fr 1fr; }
  .grid.cols-4{ grid-template-columns: 1fr 1fr; }
  .list{ grid-template-columns: 1fr 1fr; }
  .form .row{ grid-template-columns: 1fr; }
  .founder-side{ grid-template-columns: 1fr; }
  .fs-media{ max-width: 320px; margin: 0 auto; }
  .fs-photo{ border-radius: 16px; }
  /* .founder-split{ */
    /* --media-w: 320px;
    gap: 18px; padding: 18px; min-height: unset; */
    /* grid-template-columns: 1fr;
  } */
  /* .founder-split__photo{ max-height: 460px; }
  .founder-split__body{ padding-left: 0; } */ 

  .footer-grid{ grid-template-columns: 1fr; }
  .foot-bottom{ flex-direction: column; align-items: flex-start; }
}

/* Large phones (≤780px) */
@media (max-width: 780px){
  .grid.cols-3, .grid.cols-4, .grid.cols-2{ grid-template-columns: 1fr 1fr; }
  .grid.imgs-3{ grid-template-columns: 1fr 1fr; }
  .trust-points{ grid-template-columns: 1fr; }
}

/* Phones (≤560px) */
@media (max-width: 560px){
  .grid.cols-3, .grid.cols-4, .list, .grid.cols-2{ grid-template-columns: 1fr; }
  .grid.imgs-3{ grid-template-columns: 1fr; }
  .nav{ padding: 12px 14px; }
  .brand img{ width:36px; height:36px; }
}

/* XS Mobile (≤320px) */
@media (max-width: 320px){

  :root{
    --radius: 10px;
    --radius-lg: 14px;
    --shadow: 0 6px 18px rgba(31,31,31,.07);
  }

  html, body{ font-size: 14px; }

  /* Header / Nav becomes two columns: [logo] [menu] */
  .nav{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 8px 10px;
    gap: 8px;
  }
  .brand img{ width: 32px; height: 32px; }
  .brand span{ display: none; }
  .menu{ gap: 6px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .menu a{ padding: 6px 8px; font-size: 13px; border-radius: 8px; }

  /* Buttons */
  .btn{ padding: 10px 12px; border-radius: 10px; font-size: 14px; }
  .btn.btn-outline{ padding: 9px 11px; }

  /* Panels / Cards */
  .panel{ padding: 12px; border-radius: var(--radius); }
  .card{ padding: 14px; border-radius: var(--radius); }

  /* Hero */
  .hero{ grid-template-columns: 1fr; gap: 14px; padding: 16px 12px 22px; margin-top: 14px; }
  .hero .panel{ padding: 16px; }
  .hero h1{ font-size: 28px; margin-bottom: 8px; }
  .hero p{ margin-bottom: 12px; }

  /* Badges */
  .badge{ font-size: 12px; padding: 5px 8px; }

  /* Sections */
  .section{ padding: 10px 12px 18px; }
  .section h2{ font-size: 20px; margin: 8px 0 10px; }

  /* Product grid & cards */
  .grid, .grid.cols-2, .grid.cols-3, .grid.cols-4{ grid-template-columns: 1fr; gap: 12px; }
  .product{ gap: 10px; }
  .product .img{ border-radius: 10px; }
  .product h3{ font-size: 16px; }
  .product p{ font-size: 13px; }
  .price-tag{ font-size: 12px; padding: 5px 7px; border-radius: 8px; }
  select{ padding: 8px 10px; border-radius: 8px; font-size: 13px; }

  /* Info list */
  .list{ grid-template-columns: 1fr; gap: 8px; }
  .list .li{ padding: 10px; }

  /* Forms / Tables */
  .form .row{ grid-template-columns: 1fr; gap: 10px; }
  input, textarea{ padding: 10px; border-radius: 10px; font-size: 14px; }
  .table th, .table td{ padding: 8px; }

  /* Founder components */
  .founder-side{
    grid-template-columns: 1fr;
    gap: 14px; padding: 14px;
    border-radius: 14px;
  }
  .fs-photo{ border-radius: 14px; max-height: 380px; }
  .fs-name{ font-size: 22px; }
  .fs-stat .num{ font-size: 18px; }

  /* .founder-split{
    --media-w: 100%;
    grid-template-columns: 1fr;
    gap: 14px; padding: 14px; min-height: unset;
  } */
  .founder-split__media{ max-width: 100%; }
  .founder-split__photo{ max-height: 380px; border-radius: 14px; }
  .founder-split__body{ padding-left: 0; }
  .fs-stats{ grid-template-columns: repeat(2,1fr); }

  /* Blog cards */
  .post-body{ padding: 12px; }
  .post-body h3{ font-size: 18px; }

  /* Gallery */
  .grid.imgs-3{ grid-template-columns: 1fr; gap: 12px; }

  /* Footer */
  .site-footer{ padding: 22px 12px 12px; }
  .footer-grid{ grid-template-columns: 1fr; gap: 16px; }
  .foot-title{ font-size: 18px; }
  .foot-sub{ font-size: 16px; }
  .social{ width: 32px; height: 32px; }
  .foot-bottom{ flex-direction: column; align-items: flex-start; gap: 8px; }
  .foot-mini-links{ gap: 10px; }
}

/* Ultra-narrow safety (≈280px) */
@media (max-width: 300px){
  html, body{ font-size: 13px; }
  .menu a{ font-size: 12px; }
}

/* === Founder Split (image left • info right) — balanced === */
/* .founder-split{
  --media-w: clamp(300px, 32vw, 380px);
  display: grid;
  grid-template-columns: var(--media-w) minmax(0,1fr);
  gap: 32px;
  align-items: center;
  padding: 24px;
  border-radius: var(--radius-lg);
  background:
    radial-gradient(1200px 600px at -20% -30%, rgba(255,215,96,.08), transparent 60%),
    linear-gradient(180deg, #fff 0%, #FFF7E8 100%);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  min-height: 360px;
} */
/* .founder-split__media{ max-width: var(--media-w); } */
.founder-split__photo{
  width: 100%; height: auto; aspect-ratio: 5 / 6; max-height: 480px;
  object-fit: cover; object-position: center 18%;
  border-radius: 18px; background: #fff;
  box-shadow: 0 14px 36px rgba(31,31,31,.10);
}
.founder-split__body{ display:flex; flex-direction:column; gap:12px; min-width:0; padding-left: 8px; }
.founder-split__head{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.fs-tag{ color: var(--brand-strong); font-weight:600; }

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
  .btn:hover{ transform:none; }
}

/* End */

/* ===== ABOUT page: make founder section truly responsive (final) ===== */
/* ABOUT: stack founder section vertically on ≤1180px */
@media (max-width: 1180px){
  .founder-split{
    display: block !important;           /* stack */
    padding: 20px !important;
    min-height: unset !important;
  }
  .founder-split__media{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;         /* ⬅️ vertical gap under photo */
  }
  .founder-split__body{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;                /* no extra gap */
    padding-left: 0 !important;
  }

  /* tidy spacing */
  .founder-split > *:last-child{ margin-bottom: 0 !important; }
  .founder-split__head{ margin-bottom: 10px; }
  .fs-stats{ grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 10px; }
  .fs-cta{ gap: 10px; margin-top: 12px; }
}

@media (max-width: 560px){
  .founder-split{ padding: 14px !important; }
  .founder-split__media{ margin-bottom: 22px !important; } /* slightly tighter on phones */
}