/* =============================================================================
   Flagship final polish — spacing, containers, close control, density
   Loads LAST. Goal: no idle top/bottom padding, tight containers, premium fit.
   ============================================================================= */

/* Select sheet close button — always tappable above list */
.zatra-select-sheet-close{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  flex:0 0 auto!important;
  cursor:pointer!important;
}
.zatra-select-sheet-backdrop{
  cursor:pointer!important;
  pointer-events:auto!important;
}
.zatra-select-sheet-head{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
}

/* ---- Desktop + mobile: kill idle page chrome ---- */
:root{
  --section-y:clamp(40px,5vw,64px);
  --container-x:clamp(16px,3.2vw,28px);
}

body{
  padding-bottom:0!important;
}
main{
  padding-bottom:0!important;
}

.section,
.page-intro-section{
  padding-top:var(--section-y)!important;
  padding-bottom:var(--section-y)!important;
}

.page-hero-fill,
#page-overview.page-hero-fill,
#pricing-overview.page-hero-fill,
.legal-hero.page-hero-fill{
  padding-top:clamp(72px,7vw,96px)!important;
  padding-bottom:clamp(28px,4vw,48px)!important;
}

.page-flow-nav{
  margin:8px auto 12px!important;
  padding:8px 0!important;
}

.zatra-premium-footer{
  padding-top:0!important;
  padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
  margin-top:0!important;
}
.zatra-premium-footer .zatra-footer-shell{
  padding-top:clamp(28px,4vw,48px)!important;
  padding-bottom:clamp(20px,3vw,32px)!important;
}

.floating-whatsapp{
  margin-bottom:16px!important;
}

.container,
.page-intro-shell,
.pricing-decision-shell{
  max-width:1200px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* Cards / panels: consistent containment */
.card,
.package-card,
.premium-offer-card,
.service-card,
.faq-card,
.proof-card,
.doc-card,
.contact-box,
.team-card,
.answer-card,
.fee-calculator,
.cta-wrap,
.documents-shell{
  max-width:100%!important;
  box-sizing:border-box!important;
}

img,
svg,
video{
  max-width:100%!important;
}

/* Contact form stays visible for custom selects */
#contact .cta-wrap,
#contact #setup-form,
#contact .cta-wrap form,
#contact .form-grid{
  overflow:visible!important;
}

@media (max-width:980px){
  :root{
    --section-y:22px!important;
    --zatra-mobile-section-y:22px!important;
    --container-x:16px!important;
  }

  body{
    padding-bottom:0!important;
  }

  .section,
  .page-intro-section{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }

  .page-hero-fill,
  #page-overview.page-hero-fill,
  #pricing-overview.page-hero-fill,
  .legal-hero.page-hero-fill{
    padding-top:clamp(52px,11vw,68px)!important;
    padding-bottom:clamp(16px,4vw,26px)!important;
  }

  .topbar .nav,
  .topbar .container.nav{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  .zatra-premium-footer{
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  .zatra-premium-footer .zatra-footer-shell{
    padding-top:24px!important;
    padding-bottom:16px!important;
  }

  .floating-whatsapp{
    margin-top:8px!important;
    margin-bottom:12px!important;
  }

  .page-flow-nav{
    margin:4px auto 8px!important;
    padding:4px 0!important;
  }

  .contact-strip{
    margin-top:14px!important;
    gap:10px!important;
  }

  /* Nav + notice already polished in mobile-polish; reinforce scroll */
  #primary-nav.navlinks.is-open{
    max-height:min(76dvh, calc(100dvh - 56px))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .zatra-live-popup.is-open .zatra-notice-inner{
    max-height:min(76dvh, 620px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.in-wix-frame body,
  body.in-wix-frame{
    padding-bottom:0!important;
  }
}

@media (max-width:680px){
  .section,
  .page-intro-section{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .page-hero-fill,
  #page-overview.page-hero-fill,
  #pricing-overview.page-hero-fill,
  .legal-hero.page-hero-fill{
    padding-top:clamp(48px,12vw,60px)!important;
    padding-bottom:16px!important;
  }
}

/* Home hero: pull “TANZANIA MARKET-ENTRY ROUTE CLARITY” closer to the top */
.hero.hero-editorial#top,
section#top.hero.hero-editorial{
  padding-top:clamp(28px,3.2vw,48px)!important;
  padding-bottom:clamp(36px,4.5vw,64px)!important;
  min-height:auto!important;
}
#top .hero-editorial-copy,
.hero.hero-editorial#top .hero-editorial-copy,
body.home-page #top .hero-editorial-copy{
  padding-top:clamp(16px,2vw,24px)!important;
  padding-bottom:clamp(20px,2.4vw,32px)!important;
}
#top .hero-eyebrow,
.hero.hero-editorial#top .hero-eyebrow,
body.home-page #top .hero-eyebrow{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.hero-editorial .hero-copy{
  padding-top:0!important;
}

@media (max-width:980px){
  .hero.hero-editorial#top,
  section#top.hero.hero-editorial{
    padding-top:clamp(28px,6.5vw,40px)!important;
    padding-bottom:28px!important;
  }
  #top .hero-editorial-copy,
  .hero.hero-editorial#top .hero-editorial-copy,
  body.home-page #top .hero-editorial-copy{
    padding-top:8px!important;
    padding-bottom:18px!important;
  }
}

/* About hero: pull “Compliance-first execution” closer to the top */
#page-overview.about-premium-hero,
section#page-overview.about-premium-hero{
  padding-top:clamp(28px,3.2vw,48px)!important;
  padding-bottom:clamp(36px,4.5vw,64px)!important;
  min-height:auto!important;
}
#page-overview.about-premium-hero .about-hero-shell,
#page-overview.about-premium-hero .about-hero-copy{
  padding-top:0!important;
}
#page-overview.about-premium-hero .retention-kicker,
#page-overview.about-premium-hero .about-hero-copy .retention-kicker{
  margin-top:0!important;
  margin-bottom:12px!important;
}

@media (max-width:980px){
  #page-overview.about-premium-hero,
  section#page-overview.about-premium-hero{
    padding-top:clamp(28px,6.5vw,40px)!important;
    padding-bottom:28px!important;
  }
  #page-overview.about-premium-hero .about-hero-copy{
    padding-top:8px!important;
    padding-bottom:18px!important;
  }
}

/* About VM + values + method cards: shared icon + title row (uniform sizes) */
.about-vm-grid article,
.about-values-grid article,
.about-method-grid article{
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-height:0!important;
}
.about-vm-grid .about-vm-head,
.about-values-grid .about-values-head,
.about-method-grid .about-method-head{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 14px!important;
  width:100%!important;
}
.about-vm-grid article .icon-badge,
.about-vm-grid article .about-vm-head .icon-badge,
.about-values-grid article .icon-badge,
.about-values-grid article .about-values-head .icon-badge,
.about-method-grid .about-method-icon,
.about-method-grid .about-method-head .about-method-icon{
  margin:0!important;
  flex:0 0 auto!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:16px!important;
}
.about-vm-grid article .icon-badge .svg,
.about-vm-grid article .about-vm-head .icon-badge .svg,
.about-values-grid article .icon-badge .svg,
.about-values-grid article .about-values-head .icon-badge .svg,
.about-method-grid .about-method-icon .svg,
.about-method-grid .about-method-head .about-method-icon .svg,
.about-method-grid .about-method-icon svg,
.about-method-grid .about-method-head .about-method-icon svg{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
}
.about-vm-grid article h3,
.about-vm-grid .about-vm-head h3,
.about-values-grid article h3,
.about-values-grid .about-values-head h3,
.about-method-grid article h3,
.about-method-grid .about-method-head h3{
  margin:0!important;
  padding-right:0!important;
  text-align:left!important;
  color:#101828!important;
}
.about-vm-grid article p,
.about-values-grid article p,
.about-method-grid article p{
  margin:0!important;
  max-width:none!important;
  text-align:left!important;
  width:100%!important;
}

@media (max-width:680px){
  .about-vm-grid article .icon-badge,
  .about-vm-grid article .about-vm-head .icon-badge,
  .about-values-grid article .icon-badge,
  .about-values-grid article .about-values-head .icon-badge,
  .about-method-grid .about-method-icon,
  .about-method-grid .about-method-head .about-method-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
  }
  .about-vm-grid .about-vm-head,
  .about-values-grid .about-values-head,
  .about-method-grid .about-method-head{
    gap:12px!important;
    margin-bottom:12px!important;
  }
}

/* About story copy: clear hierarchy + breathing room */
.about-story-section .about-story-shell{
  align-items:start!important;
  gap:clamp(28px,3.6vw,48px)!important;
}
.about-story-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  max-width:640px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
  gap:0!important;
}
.about-story-copy .retention-kicker{
  display:inline-flex!important;
  margin:0 0 18px!important;
  padding:8px 12px!important;
  box-shadow:none!important;
}
.about-story-copy h2,
.about-story-copy #about-story-title{
  margin:0 0 20px!important;
  max-width:34ch!important;
  width:100%!important;
  color:#101828!important;
  text-align:left!important;
}
.about-story-lede{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  max-width:54ch!important;
}
.about-story-copy p,
.about-story-lede p{
  margin:0!important;
  max-width:none!important;
  color:#475467!important;
  font-size:clamp(15.5px,1.05vw,17.5px)!important;
  font-weight:450!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  text-align:left!important;
}
.about-story-flow{
  width:100%!important;
  margin-top:28px!important;
  padding-top:24px!important;
  border-top:1px solid rgba(16,24,40,.10)!important;
  gap:12px!important;
}
.about-story-flow span{
  min-height:0!important;
  align-items:center!important;
  padding:14px 16px!important;
  text-align:left!important;
}

@media (max-width:980px){
  .about-story-copy{
    max-width:100%!important;
  }
  .about-story-copy .retention-kicker{
    margin-bottom:14px!important;
  }
  .about-story-copy h2,
  .about-story-copy #about-story-title{
    margin-bottom:16px!important;
    max-width:100%!important;
  }
  .about-story-lede{
    max-width:100%!important;
    gap:14px!important;
  }
  .about-story-copy p,
  .about-story-lede p{
    font-size:15.5px!important;
    line-height:1.68!important;
  }
  .about-story-flow{
    margin-top:22px!important;
    padding-top:20px!important;
  }
}

/* About CTA: keep headline + support copy left-aligned */
.about-cta-shell,
.about-cta-shell .about-cta-copy,
#about-start .about-cta-copy{
  text-align:left!important;
}
.about-cta-shell .about-cta-copy,
#about-start .about-cta-copy{
  align-items:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
}
.about-cta-copy h2,
.about-cta-copy #about-cta-title,
.about-cta-shell h2,
#about-start .about-cta-copy h2{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.about-cta-copy p,
.about-cta-shell p,
#about-start .about-cta-copy p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  max-width:42ch!important;
}
.about-cta-copy .about-cta-kicker,
.about-cta-actions{
  margin-left:0!important;
  margin-right:0!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
}

@media (max-width:980px){
  .about-cta-shell .about-cta-copy,
  #about-start .about-cta-copy{
    align-items:flex-start!important;
    text-align:left!important;
    padding-top:0!important;
  }
  .about-cta-copy h2,
  .about-cta-copy #about-cta-title,
  .about-cta-copy p{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .about-cta-actions .btn{
    width:auto!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
}

/* Setup route lede: normal body paragraph — beat #setup .setup-copy .section-head.compact>p */
#setup .setup-copy .section-head.compact>p,
#setup .setup-copy .section-head.compact > p,
#setup .setup-copy .section-head.compact>p.setup-route-normal,
#setup .setup-copy .section-head.compact>p.setup-route-plain,
#setup .setup-route-normal,
#setup .setup-route-plain{
  font-family:var(--body)!important;
  font-size:15.5px!important;
  font-weight:400!important;
  line-height:1.62!important;
  letter-spacing:0!important;
  color:#475467!important;
  text-transform:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  font-synthesis-weight:none!important;
}

@media (max-width:980px){
  #setup .setup-copy .section-head.compact>p,
  #setup .setup-copy .section-head.compact > p,
  #setup .setup-copy .section-head.compact>p.setup-route-normal,
  #setup .setup-copy .section-head.compact>p.setup-route-plain,
  #setup .setup-route-normal,
  #setup .setup-route-plain{
    font-size:15px!important;
    line-height:1.6!important;
    font-weight:400!important;
  }
}

/* =============================================================================
   Home cards: icon/number + title on one row (proof, setup, scenarios)
   Desktop + mobile — left-aligned like Vision / Mission
   ============================================================================= */
.proof-row .proof,
.hero-proof-row .proof,
.setup-cards .card,
.story-scenario-card{
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}

.proof-head,
.setup-cards .card-head,
.scenario-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 12px!important;
  width:100%!important;
}

.proof-head i,
.hero-proof-row .proof .proof-head i,
.proof-row .proof .proof-head i{
  margin:0!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.proof-head strong,
.hero-proof-row .proof .proof-head strong,
.proof-row .proof .proof-head strong{
  margin:0!important;
  display:block!important;
  text-align:left!important;
  line-height:1.2!important;
}

.proof-row .proof > small,
.hero-proof-row .proof > small{
  display:block!important;
  margin:0!important;
  text-align:left!important;
}

.setup-cards .card-head .icon-badge,
.setup-cards .card .card-head .icon-badge{
  margin:0!important;
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
}

.setup-cards .card-head h3,
.setup-cards .card .card-head h3{
  margin:0!important;
  text-align:left!important;
  line-height:1.2!important;
}

.setup-cards .card > p{
  margin:0!important;
  text-align:left!important;
}

.scenario-head .scenario-number,
.scenario-head .scenario-number.scenario-icon,
.story-scenario-card .scenario-head .scenario-icon{
  margin:0!important;
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
}

.scenario-head .scenario-title,
.story-scenario-card .scenario-head .scenario-title{
  margin:0!important;
  min-height:0!important;
  text-align:left!important;
  line-height:1.22!important;
  display:block!important;
  align-items:unset!important;
}

.story-scenario-card .scenario-body,
.story-scenario-card .scenario-closing{
  text-align:left!important;
}

/* Scenario cards: no top divider above “Your route” */
#scenarios .story-scenario-card .scenario-closing,
#scenarios .story-scenario-card .micro-outcome,
.story-scenario-card .scenario-closing,
.story-scenario-card .micro-outcome{
  border-top:0!important;
  padding-top:0!important;
  margin-top:8px!important;
}


@media (max-width:980px){
  .proof-row,
  .hero-proof-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .proof-row .proof,
  .hero-proof-row .proof{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .proof-head,
  .setup-cards .card-head,
  .scenario-head{
    gap:12px!important;
    margin-bottom:10px!important;
  }
  .setup-cards .card-head .icon-badge,
  .scenario-head .scenario-number,
  .scenario-head .scenario-number.scenario-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .story-scenario-card .scenario-title{
    min-height:0!important;
    font-size:var(--zatra-h3,1.15rem)!important;
  }
  .story-scenario-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
}

/* Kill scenario top gradient bar (::before) */
#scenarios .story-scenario-card::before,
#scenarios .scenario-reason-card::before,
.story-scenario-card::before,
.scenario-reason-card::before{
  display:none!important;
  content:none!important;
  height:0!important;
  width:0!important;
  background:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* Conversion band: no accent/decorator line */
.conversion-band .conversion-band-shell::before,
.conversion-band .conversion-band-shell::after,
.conversion-band-shell::before,
.conversion-band-shell::after{
  display:none!important;
  content:none!important;
  background:none!important;
  width:0!important;
  height:0!important;
}