/* ---- Reset ---- */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0B1B46;
  background: #fff;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
:root{
  --blue:#014bad;
  --ink:#0B1B46;
  --muted:#6B7A99;
  --white:#fff;
  --grid:rgba(255,255,255,.16);
  --ink-weak:#6E7A96;
}

/* ---- Helpers ---- */
.wrap{ width: 80vw; margin-inline: auto; }
.btn{
  display:inline-block; font-weight:700; padding:.1rem 1.25rem;
  border:1px solid var(--white); border-radius:10px; color:var(--white);
  text-decoration:none; transition:.2s transform, .2s box-shadow;
  background:transparent;
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 6px 24px rgba(0,0,0,.2); }
.btn--light{ background:var(--white); color:var(--blue); border-color:var(--white); }
.btn--pill{ border-radius:100vw; padding:.45rem .85rem; }
.btn--tiny{ font-size:1rem; font-weight:700; }

/* ---- Grid BG (blueprint) ---- */
.grid-bg{
  position:absolute; inset:0;
  background:
    /* Main grid lines (every 5th line) */
    linear-gradient(0deg, rgba(255,255,255,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px),
    /* Sub-grid lines (every line) */
    linear-gradient(0deg, rgba(255,255,255,.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px);
  background-size: 140px 140px, 140px 140px, 28px 28px, 28px 28px;
  z-index: 0;
  pointer-events:none;
  opacity: .5;
}

/* ---- Nav ---- */
.nav{ inset-inline:0; top:0; z-index:5; }
.nav__inner{ display:flex; align-items:center; justify-content:space-between; padding:22px 0; width:90%; margin:0 auto; }
.brand{ color:#fff; font-weight:800;  font-size:25px; opacity:.95; letter-spacing:-0.06em; text-decoration: none;}
.brand a{ text-decoration: none;color: white;}
.nav__links{ display:flex; gap:24px; align-items:center; }
.nav__links a{ color:#fff; text-decoration:none; font-size:.86rem; font-weight:700; letter-spacing:.01em; opacity:.9; display:inline-block; position:relative; transform: translateZ(0); }
.nav__links a:hover{ opacity:1; text-decoration: underline; }
.nav .btn.btn--pill.btn--tiny{ border-width:2px; padding:0.2rem .42rem; border-radius:999px; font-size:.86rem; }
/* Prevent hover flicker by avoiding movement on header buttons */
.nav .btn:hover{ transform:none; }
/* Ensure Get started button in nav is white with blue text on all pages */
.nav__links .btn{ background:var(--white); color:var(--blue); border-color:var(--white); }
/* Remove underline from the button in nav, even though links have underline on hover */
.nav__links .btn:hover,
.nav__links .btn:focus,
.nav__links .btn:active{ text-decoration:none; }

/* ---- Hero ---- */
.hero{ position:relative; background:var(--blue); overflow:hidden;  }
.hero::before{
  content:''; position:absolute; inset:0;
  background-image:
    radial-gradient(ellipse at 120% -10%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0) 30%);
}
.hero__content{ padding:160px 0 160px 0; text-align:left;  margin:0 auto; position:relative; z-index: 2; }
.contact-hero{ padding:120px 0 120px 0; text-align:left;  margin:0 auto; position:relative; z-index: 2; }
.hero__title{
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(38px, 6.2vw, 72px);
  color:#fff; font-weight:800; line-height:1.43; letter-spacing:-.02em;
}
.hero__kicker{ margin:14px 0 26px; color:white; font-weight:500; font-size:25px; }
.hero .btn--light{ padding:.25rem 1.35rem; font-weight:800; color:var(--blue);  }

/* Blue Separator Section */
.blue-separator {
  background: var(--blue);
  height: 60px;
}

/* Text Content Section */
.text-content-section {
  background: #fefefe;
  padding: 120px 0;
  text-align: center;
}
.partner-flag-text{
  font-weight: 500;
}
.proof-band{ 
  display:none;
  background:#fefefe; 
  padding: 40px 0 60px 0; 
}
.proof-content{  
  padding:20px 0; 
  text-align: center; 
}

.proofshadow-up{
  box-shadow: 0 -10px 20px rgba(0,0,0,0.1);
}

/* PROCESS SECTION - HOW IT WORKS */
.process-section {
  background: var(--blue);

}



.process-flex {
  width: 100%;

  display: flex;
 align-items: center;
  justify-content: space-between;
}

.process-content {
width: 70vw;
margin-left:20vw
}

.quote{
  font-style: italic;
}
.process-title {
  font-family: Antio;
  font-size: 56px;
  font-weight: 300;
  color: white;
  margin-bottom: 50px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.process-steps {
  margin-bottom: 40px;
}

.process-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  gap: 20px;
}

.process-step-icon {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (min-width: 1068px) {
.process-step-icon i{
  font-size: 30px;
}
}
 .process-step .fa-solid::before {
  width: 20px;
  height: 20px;
  color: var(--blue);

}

.process-phone-icon {
  width: 20px;
  height: 20px;
  background: white;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.process-step-text {
  flex: 1;
}

.process-step-title {
  font-size: 20px;
  font-weight: 700;
  color: white;
  margin-bottom: 8px;
  line-height: 1.2;
}

.process-step-desc {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  margin: 0;
}

.process-main-arrow {
  width: 90px;
  height: auto;
  margin: 30px 0 40px 0;
  filter: brightness(0) invert(1);
  opacity: 0.2;
  transform: rotate(-120deg) scaleX(-1);
}

.process-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.process-btn {
  background: white;
  color: var(--blue);
  border-color: white;
  padding: 2px 24px;
  font-weight: 700;
  font-size: 18px;
  border-radius: 8px;
}

.process-btn:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

.process-contact {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 500;
}

.process-contact:hover {
  color: white;
  text-decoration: underline;
}

.process-blueprint {
  position: relative;
  height: 100vh;
  width: 100%!important;

  overflow: hidden;
}

.process-blueprint-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: brightness(0) invert(1);
  opacity: 0.2;
}

/* VISION SECTION - copied from process section */
.vision-section {
  background: white;
  padding: 100px 0;
}

.vision-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vision-content {
  width: 40%;
  height: 40%;
  margin-left: 10vw;
}

.vision-title {
  font-family: 'Antio';
  font-size: 56px;
  font-weight: 300;
  color: var(--blue);
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.vision-subtitle {
  font-size: 24px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 20px;
  line-height: 1.3;
}

.vision-description {
  font-size: 18px;
  color: var(--ink);
  line-height: 1.6;
  margin-bottom: 40px;
}

.vision-item {
  margin-bottom: 60px;
}

.vision-list {
  margin-top: 20px;
}

.vision-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 18px;
}

.vision-number {
  font-size: 18px;
  font-weight: 700;
  color: var(--blue);
  flex-shrink: 0;
  min-width: 30px;
}

.vision-text {
  font-size: 18px;
  color: var(--ink);
  line-height: 1.6;
  margin: 0;
}

.vision-blueprint {
  position: relative;
  height: 100vh;
  width: 30% !important;
  overflow: hidden;
}

.vision-blueprint-mobile {
  position: relative;
  height: 200px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
margin-bottom: 100px;
display: none;
}
.grid-bg-mobile {
  display: none;
}
.vision-blueprint-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;

  opacity: 0.2;
}
.subsection-country{
  font-weight: 700;

}
.proof-intro {
  color: black;
  font-size: 22px;
  margin-bottom: 25px;
  font-weight: 400;
  opacity: 1;
}

.proof-headline {
  font-size: clamp(32px, 4.5vw, 48px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 35px;
  letter-spacing: -0.01em;
}
 .stage-title-number{
  color:black;
 }
.headline-blue {
  color: var(--blue);
}

.headline-black {
  color: var(--ink);
}

.proof-arrow {
  width: 80px;
  height: auto;
  opacity: 0.6;
  margin: 20px auto 40px 250px;
  display: block;
  transform: translateX(-40px) rotate(-15deg);
  filter: brightness(0) saturate(100%);
}
.proof-images{ 
  display:flex; 
  gap:21px; 
  justify-content:space-between; 
  flex-wrap: wrap;
}
.proof-image{
  display:inline-grid; place-items:center; width:80px; height:80px; position:relative;
  border:2px solid #e0e0e0; background:#f8f8f8; color:#666; border-radius:8px; font-size:.8rem;
  text-align:center; font-weight:500;
}
/* Stats Section */
.stats-section{ background:#fff;height: 100vh; display: flex; align-items: center; justify-content: center;}
.stats-content{ 
  display:grid; 
  grid-template-columns: 1fr 1fr; 
  gap:60px; 
  align-items:stretch; 

  height: 100%;
}

/* .price block removed (empty ruleset) */

.stats-text{ 
  display:flex; 
  flex-direction:column; 
  justify-content:center;
  width: 50%;
    margin-left: 10vw;
}
.stats-text .stat{ 
  color: var(--blue); 
  font-weight: 700; 
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1;
  
}

#plan-1 .stats-text .stat__src{
  font-style: italic;
}

.stats-text .stat__src{ 
  color: black; 
  font-size: 18px;

}

#plan-2 .stats-text .stat__src{
  color: white!important; 
  font-size: 18px;
  font-style: normal;
}

#plan-2 .stats-text .stat{
  color: white!important; 
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
}
.stats-section .blueprint-card{
  height: 100%;
  min-height: 500px;
  width: 100%;
}
.stats-section .blueprint-image{
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: .2;
}

/* Remove grid from second and third stats sections */
.stats-section--blue .blueprint-card::before,
.stats-section--no-grid .blueprint-card::before{
  display: none;
}

/* Blue version of stats section */
.stats-section--blue{
  background: var(--blue);
}
.stats-section--blue .stats-text .stat{
  color: #fff !important;
}
.stats-section--blue .stats-text .stat__src{
  color: #B8D4FF !important;
}
.stats-section--blue{
  height: 80vh;
}
.stats-section--blue .blueprint-image{
  filter: brightness(0) invert(1);
}
.stats-section--no-grid{
  height: 80vh;
}

/* ---- Split Layout ---- */
.split{ display:grid; grid-template-columns: 1.1fr .9fr; gap:72px; align-items:center; padding:110px 0; }
.split--reverse{ grid-template-columns: .9fr 1.1fr; }
.split--stat{ padding:84px 0 84px; display:flex; justify-content:center; }
.split--stat .blueprint-card{ max-width:600px; width:100%; }
.split--questions{ grid-template-columns: .95fr 1.05fr; align-items:start; }

.split h2{ font-size: clamp(30px, 4vw, 44px); line-height:1.1; letter-spacing:-.01em; }
.split p{ margin-top:14px; color:var(--muted); max-width:58ch;margin-top:0; }

.split__text--onblue h2, .split__text--onblue p{ color:#fff; }
.split__text--onblue p{ color: #E0E9FF; }

/* ---- Blueprint Card ---- */
.blueprint-card{
  min-height: 360px;  position:relative; overflow:hidden;
 
}
.blueprint-card::before{
  content:''; position:absolute; inset:0; z-index:1;
  background:
    /* Main grid lines (every 5th line) */
    linear-gradient(0deg, rgba(1,75,173,.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1,75,173,.3) 1px, transparent 1px),
    /* Sub-grid lines (every line) */
    linear-gradient(0deg, rgba(1,75,173,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1,75,173,.15) 1px, transparent 1px);
  background-size: 140px 140px, 140px 140px, 28px 28px, 28px 28px;
  pointer-events:none;
}
.blueprint-card--tall{ min-height: 480px; }
.blueprint-card--wide{ min-height: 340px; }

/* Removed overlay effects for cleaner look */
.blueprint-image{
  width:100%; height:100%; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  position:relative; z-index:2;
}

/* ---- Bands ---- */
.band{ position:relative; }
.band--blue{ background:var(--blue); color:#fff; }
.band--blue>.wrap{ position:relative; }
.band--blue::before{ content:''; position:absolute; inset:0; background:
  linear-gradient(0deg, var(--grid) 1px, transparent 1px),
  linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size:28px 28px, 28px 28px;
}
.topics::before{ display: none; }

/* ---- Stat ---- */
.stat{
  font-size: clamp(22px, 3.2vw, 30px); font-weight:700; line-height:1.25;
  color:var(--ink);
}
.stat__src{ margin-top:10px; color:#7B869F; font-size:.95rem; }

/* ---- Topics Banner ---- */
.topics{ 
  text-align:center; 
  padding:20px 0 90px; 
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.topics h3{ color:#fff; }
.hand{
  font-family: 'Antio';
  font-weight: normal;
  font-style: normal;
  font-weight:700;
  font-size: clamp(34px, 5.4vw, 80px);
  line-height:1.05;
  text-transform:none;
  letter-spacing:.01em;
  color: #B8D4FF;
}

h3{
  font-family: 'Poppins', sans-serif;
}

h4{
  font-family: 'Poppins', sans-serif;
}


.arrow{ display:block; }
.arrow--curve{ 
  width:140px; 
  height:70px; 
  margin:18px auto 0; 
  border-bottom:2px solid var(--blue); 
  border-radius:0 0 120px 120px; 
  transform: rotate(-12deg); 
  opacity:.95; 
}
.arrow-image{
  width: 140px;
  height: auto;
  margin: 18px auto 0;
  display: block;
  transform: rotate(132deg) ;
  position: absolute;
  top: 140%;
  left: 35%;
  z-index: 10;
}

/* ---- Questions ---- */
.q-list{ display:grid; gap:64px; padding-block:90px; }
.q h4{ 
  font-size:22px; 
  font-weight: 700; 
}

.q:nth-child(odd) h4{ 
  color: var(--ink); 
}

.q:nth-child(even) h4{ 
  color: var(--blue); 
}
.q p{ color:black; font-size: 18px; }

.calls{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.phone-call{
  width: 100%;
  max-width: 600px;
  height: auto;
  border: 2px solid var(--blue);

}

.arrow-image{
  width: 140px;
  height: auto;
  margin: 18px auto 0;
  display: block;
  transform: rotate(132deg) ;
  position: absolute;
  top: 140%;
  left: 35%;
  z-index: 10;
}

.arrow-questions{
  width: 120px;
  height: auto;
  position: absolute;
  bottom: 60px;
  left: -120px;
  transform: rotateY(180deg) rotate(-155deg);
  filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0.3) ;
  z-index: 1;
}

.arrow-closer{
  width: 100px;
  height: auto;
  display: inline-block;
 
  filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(2000%) hue-rotate(220deg) brightness(0.8);
  margin-right: 20px;
  vertical-align: middle;
  transform: scaleY(-1);
}

/* Blueprint section styles - copied from stats-section */
.blueprint-section {
  height: 65vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--blue);
}

.blueprint-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  height: 100%;
}

.blueprint-text {
  width: 35%;
  margin-left: 10vw;
}

.blueprint-text .stat {
  color: #fff !important;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.3;
  margin-bottom: 20px;
}

.blueprint-text .stat__src {
  color: white !important;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.blueprint-section .blueprint-card {
  height: 100%;
  min-height: 500px;
  width: 15%;
  background: transparent;
  border: none;
  position: relative;
}

.blueprint-section .blueprint-card::before {
  display: none;
}

.blueprint-section .blueprint-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  filter: brightness(0) invert(1);
  opacity: 0.5;
}

.blueprint-section .blueprint-card_alt {
  height: 100%;
  min-height: 500px;
  width: 30%!important;
  background: transparent;
 
  border: none;
  position: relative;
}

.blueprint-section .blueprint-image_alt {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  filter: brightness(0) invert(1);
  opacity: 0.5;
 
}




/* Blueprint section white version */
.blueprint-section--white {
  height: 65vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
}

.blueprint-section--white .blueprint-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.blueprint-section--white .blueprint-text {
  width: 35%;
  margin-left: 10vw;
}

.blueprint-section--white .blueprint-text .stat {
  color: var(--blue) !important;
  font-weight: 700;
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.3;
  margin-bottom: 20px;
}

.blueprint-section--white .blueprint-text .stat__src {
  color:  var(--blue) !important;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.blueprint-section--white .blueprint-card {
  height: 100%;
  min-height: 500px;
  width: 15%;
  background: transparent;
  border: none;
  position: relative;
}

.blueprint-section--white .blueprint-card::before {
  display: none;
}

.blueprint-section--white .blueprint-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  filter: none;
  opacity: 1;
}

/* ---- Quote ---- */
.quote blockquote{ font-size: clamp(22px, 3vw, 28px); font-weight:500; }
.quote cite{ display:block; margin-top:10px; opacity:.9; }

/* ---- Pricing ---- */
.pricing-section{
  text-align:left; 
  padding:96px 0 110px; 
  background: white;
  min-height: auto;
}
.pricing-section h2{
  font-size: clamp(32px, 3vw, 48px);
  color:var(--blue);
  margin: 0 auto 40px auto;
  font-weight:900;
  line-height: 1.2;
  max-width: 1000px;
  text-align: left;
}
.pricing-section h2 strong{
  font-weight:900;
  color: var(--ink);

}
.pricing-section .btn{
  background:var(--blue);
  border-color:var(--blue);
  padding: 2px 24px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}

/* ---- About Section (copied from pricing) ---- */
.about-section{
  text-align:left; 
  padding:236px 0 110px; 
  background: white;
  min-height: auto;
}
.about-section h2{
  font-size: clamp(36px, 4.5vw, 52px);
  color:var(--blue);
  margin-bottom:40px;
  font-weight:900;
  line-height: 1.2;
  
}
.about-section h2 strong{
  font-weight:900;
  color:var(--blue);
  font-size: clamp(36px, 4.5vw, 52px);
}
.about-section .btn{
  background:var(--blue);
  border-color:var(--blue);
  padding: 2px 24px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}

.about-arrow {
  width: 90px;
  height: auto;
  margin: 90px auto 40px 20px;
  display: block;
  filter: brightness(0) saturate(100%);
  opacity: 1;
  transform: rotate(-100deg) scaleX(-1);
}

/* LEGAL PARTNERS SECTION */
.legal-partners {
  padding: 0;
}

.legal-partner {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 60px 0;
  width: 100%;
}

.legal-partner .wrap {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 80vw;
  margin: 0 auto;
}

.legal-partner--blue {
  background: var(--blue);
  color: white;
}

.legal-partner--white {
  background: white;
  color: var(--ink);

}

.partner-visual {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

.partner-logo {
  background: white url('images/navigating-founders.webp') no-repeat center center;
  background-size: contain;
  padding: 30px 25px;
  border-radius: 12px;
  text-align: center;
  min-width: 500px;
  min-height: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
}

.partner-logo--dark {
  background: #333;
  color: white;
  padding: 30px 25px;
  border-radius: 12px;
  min-width: 500px;
  min-height: 200px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.partner-header {
  background: #333;
  padding: 0;
  text-align: center;
  flex: 0 0 auto;
}


.founder{
  background-image: url('images/founders.svg');
  background-color: #323332;
  background-size: contain;
  padding: 30px 25px;
  border-radius: 12px;
  text-align: center;
  min-width: 500px;
  min-height: 350px;
  position: relative;
  display: flex
;
  flex-direction: column;
  justify-content: center;

  background-repeat: no-repeat;
  background-position: center center;
}
.founder img{
  border-radius: 12px;
}

.founder-visual{
  background-color: #323332;
  border-radius: 12px;
}
.partner-flag-container{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.partner-logo h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
  color: var(--blue);
  letter-spacing: 1px;
}

.partner-header h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  color: white;
  letter-spacing: 1px;
}

.partner-header p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  color: white;
  letter-spacing: 1px;
}


.partner-logo--dark h3 {
  color: white;
}

.partner-logo p {
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
  margin: 0;
}

.partner-logo--dark p {
  color: white;
}

.partner-logo-img {
  display: none;
}

.partner-profiles {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.profile-circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e0e0e0;
  border: 2px solid white;
  margin-left: -8px;
}

.profile-circle:first-child {
  margin-left: 0;
}

.partner-flag {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  flex-shrink: 0;
}

.belgium-flag {
  background: linear-gradient(to right, #000 33%, #ffd700 33%, #ffd700 66%, #ff0000 66%);
}

.partner-info {
  flex: 1;
}

.partner-info h4 {
  font-size: 28px;
  font-weight: 700;
  
  color: white;
}

.legal-partner--white .partner-info h4 {
  color: var(--blue);
}

.partner-website {
  font-size: 18px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
}

.legal-partner--white .partner-website {
  color: var(--ink);
}

.partner-description {
  font-size: 18px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.legal-partner--white .partner-description {
  color: var(--ink);
}

/* Pricing Stages */
.pricing-stages {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 40px;
  width: 100%;
}

.pricing-stage {
  margin-bottom: 40px;
  padding: 30px 0;

}

.pricing-stage:last-child {
  border-bottom: none;
}

.stage-header {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  flex-wrap: wrap;
  gap: 18px;
}

.stage-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--blue);
  margin: 0;
  flex-shrink: 0;
}

.stage-line {
  flex: 1;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    var(--blue) 0,
    var(--blue) 8px,
    transparent 8px,
    transparent 18px
  );
  min-width: 100px;
}

.stage-price {
  font-size: 24px;
  font-weight: 700;
  color: var(--blue);
  flex-shrink: 0;
}

.stage-description {
  font-size: 18px;
  color: var(--ink);
  line-height: 1.5;
  margin: 0;
}

/* Stage Subsections */
.stage-subsection {
  margin: 25px 0 0 20px;
  padding-left: 20px;

}

.subsection-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 18px;
}

.subsection-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--blue);
  margin: 0;
  flex-shrink: 0;
}

.subsection-line {
  flex: 1;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    var(--blue) 0,
    var(--blue) 6px,
    transparent 6px,
    transparent 12px
  );
  min-width: 80px;
}

.subsection-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--blue);
  flex-shrink: 0;
}

.subsection-description {
  font-size: 18px;
  color: var(--ink);
  line-height: 1.5;
  margin: 0 0 18px 0;
}

/* Legal Rates */
.legal-rates {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}

.rate-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: var(--ink);
}

.flag {
  width: 20px;
  height: 14px;
  border-radius: 2px;
  flex-shrink: 0;
}

.belgium-flag {
  background: linear-gradient(to right, #000 33%, #ffd700 33%, #ffd700 66%, #ff0000 66%);
}

.netherlands-flag {
  background: linear-gradient(to bottom, #ff0000 33%, #fff 33%, #fff 66%, #0033a0 66%);
}

.denmark-flag {
  background: #ff0000;
  position: relative;
}

.denmark-flag::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 10px;
  background: #fff;
}

.denmark-flag::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background: #fff;
}

/* Responsive Design */
@media (max-width: 768px) {
  .stage-header,
  .subsection-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-bottom:5px;
    margin-top:5px;
  }
  
  .stage-line,
  .subsection-line {
    width: 100%;
    min-width: auto;
    display: none;
  }
  
  .stage-title,
  .subsection-title {
    font-size: 18px;
  }
  
  .stage-price,
  .subsection-price {
    font-size: 20px;
  }
  
  .legal-rates {
    margin-top: 10px;
  }
  
  /* Text Content Section Responsive */
  .text-content-section {
    padding: 40px 0;
  }
  
  /* Proof Band Responsive */
  .proof-band {
    padding: 30px 0 40px 0;
  }
  
  .proof-intro {
    font-size: 14px;
    margin-bottom: 20px;
  }
  
  .proof-headline {
    font-size: clamp(26px, 5vw, 36px);
    margin-bottom: 30px;
  }
  
  .proof-arrow {
    width: 65px;
    margin-bottom: 30px;
    transform: translateX(-30px) rotate(-120deg);
  }
  
  /* Process Section Mobile Responsive */
  .process-section {
    padding: 60px 0;
  }
  
  .process-flex {
    flex-direction: column;
    gap: 40px;
  }
  
  .process-content {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
  }
  
  .process-title {
    font-size: 36px;
    margin-bottom: 30px;
  }
  
  .process-step {
    margin-bottom: 25px;
    gap: 18px;
  }
  
  .process-step-icon {
    width: 40px;
    height: 40px;
  }
  
  .process-step .fa-solid::before {
    font-size: 18px;
  }
  
  .process-step-title {
    font-size: 18px;
  }
  
  .process-step-desc {
    font-size: 14px;
  }
  
  .process-main-arrow {
    width: 50px;
    margin: 25px 0 30px 0;
    transform: rotate(-90deg) scaleX(-1);
  }
  
  .process-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
  
  .process-blueprint {
    height: 300px;
    width: 100%;
  }
}

/* Additional mobile optimizations */
@media (max-width: 480px) {
  .process-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  
  /* About Page Extra Small Mobile */
  .about-section {
    padding: 80px 0 40px;
  }
  
  .about-section h2 {
    font-size: clamp(24px, 8vw, 32px);
    margin-bottom: 20px;
  }
  
  .about-arrow {
    width: 50px;
    margin: 30px auto 18px;
  }
  
  .legal-partner {
    padding: 30px 0;
  }
  
  .legal-partner .wrap {
    max-width: 98vw;
    gap: 20px;
    padding: 0 18px;
  }
  
  .partner-logo {
    min-height: 200px;
    padding: 18px 10px;
    max-width: 100%;
    width: 100%;
  }
  
  .partner-logo--dark {
    min-height: 180px;
    max-width: 100%;
    width: 100%;
    padding: 18px 10px;
  }
  
  
  .partner-info h4 {
    font-size: 18px;
  }
  
  .partner-website {
    font-size: 13px;
  }
  
  .partner-description {
    font-size: 13px;
  }
  
  .vision-section {
    padding: 40px 0;
  }
  
  .vision-title {
    font-size: 24px;
  }
  
  .vision-subtitle {
    font-size: 18px;
  }
  
  .vision-description {
    font-size: 14px;
  }
  
  .vision-list-item {
    gap: 10px;
  }
  
  .vision-number {
    font-size: 18px;
  }
  
  .vision-text {
    font-size: 13px;
  }
  
  .vision-blueprint {
    height: 200px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vision-blueprint-mobile {
    display: block;
  }
  
  .process-step {
    margin-bottom: 20px;
    gap: 12px;
  }
  
  .process-step-icon {
    width: 35px;
    height: 35px;
  }
  
  .process-step .fa-solid::before {
    font-size: 14px;
  }
  
  .process-step-title {
    font-size: 18px;
  }
  
  .process-step-desc {
    font-size: 13px;
  }
  
  .process-main-arrow {
    width: 40px;
    margin: 20px 0 25px 0;
  }
  
  .process-btn {
    padding: 8px 18px;
    font-size: 13px;
  }
  
  .process-blueprint {
    height: 250px;
  }
  
  /* Vision Section Mobile */
  .vision-section {
    padding: 60px 0;
  }
  
  .vision-flex {
    flex-direction: column;
    gap: 40px;
  }
  
  .vision-content {
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    max-width: 100%;
  }
  
  .vision-title {
    font-size: 36px;
    margin-bottom: 18px;
  }
  
  .vision-subtitle {
    font-size: 20px;
    margin-bottom: 18px;
  }
  
  .vision-description {
    font-size: 18px;
    margin-bottom: 30px;
  }
  
  .vision-item {
    margin-bottom: 40px;
  }
  
  .vision-list-item {
    margin-bottom: 18px;
    gap: 10px;
  }
  
  .vision-number {
    font-size: 18px;
    min-width: 25px;
  }
  
  .vision-text {
    font-size: 14px;
  }
  
  .vision-blueprint {
    height: 300px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .vision-blueprint-img {
    background-image: url('images/plan-mobile.png') !important;
  }
  
  /* About Section Mobile */
  .about-section {
    padding: 120px 0 60px;
    text-align: center;
  }
  
  .about-section h2 {
    font-size: clamp(28px, 6vw, 42px);
    margin-bottom: 30px;
  }
  
  .about-arrow {
    width: 60px;
    margin: 40px auto 20px;
    transform: rotate(-90deg) scaleX(-1);
  }
  
  /* Legal Partners Mobile */
  .legal-partner .wrap {
    flex-direction: column;
    text-align: center;
    gap: 30px;
    max-width: 95vw;
    padding: 0 20px;
  }
  
  .legal-partner {
    padding: 40px 0;
  }
  
  .partner-visual {
    flex-direction: column;
    gap: 18px;
    align-items: center;
    width: 100%;
  }
  
  .partner-logo {
    min-width: auto;
    width: 100%;
    max-width: 100%;
    min-height: 250px;
    padding: 20px 18px;
    margin: 0;
  }
  
  .partner-logo--dark {
    min-width: auto;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    margin: 0;
    padding: 20px 18px;
  }
  
  
  .partner-profiles {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    margin-top: 0;
  }
  
  .profile-circle {
    margin-left: 0;
    margin-right: -8px;
  }
  
  .partner-info {
    text-align: center;
    width: 100%;
  }
  
  .partner-info h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  
  .partner-website {
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  .partner-description {
    font-size: 14px;
    line-height: 1.4;
  }
}
/* ---- Closer ---- */
.closer{ 
  text-align:center; 
  padding:96px 0 110px; 
  background: white;
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.closer h2{ 
  font-size: clamp(32px, 4vw, 48px); 
  color:var(--ink); 
  margin-bottom:26px; 

  line-height: 1.2;

  font-weight:900; 
}
.closer h2 strong{ 
  font-weight:900; 
  color: var(--blue);
  font-size: clamp(36px, 4.5vw, 52px);
  
}

 .loic{
  background-image: url('images/loic.webp');
background-size: contain;
}
.ruben{
  background-image: url('images/ruben.webp');
  background-size: contain;
}
 .max{
  background-image: url('images/max.webp');
  background-size: contain;
}
.lauren{
  background-image: url('images/lauren.webp');
  background-size: contain;
}

.founderav{
  background-image: url('images/founder.webp');
  background-size: contain;
}
.zebraav{
  background-image: url('images/zebraav.webp');
  background-size: contain;
}

.zebraav2{
  background-image: url('images/zebraav2.webp');
  background-size: contain;
}
 .macedk1{
      background-image: url('images/macedk1.webp');
      background-size: contain;
    }
.macedk2{
  background-image: url('images/macedk2.jpeg');
  background-size: contain;
}
.zebra{
  background: white url('images/zebra.webp') no-repeat center center;
  background-size: cover;
  padding: 30px 25px;
  border-radius: 12px;
  text-align: center;
 
  min-height: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;

}

.macedk{
  border: 3px solid #004bac;
}
.closer-actions{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.closer .btn{ 
  background:var(--blue); 
  border-color:var(--blue); 
  padding: 2px 24px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}

/* ---- Contact Page Styles ---- */
.contact-layout {
  display: flex;
  align-items: center;
  gap: 60px;
  min-height: 60vh;
}

.contact-info {
  flex: 1;
}

.contact-title {
  font-family: 'Antio', sans-serif;
  font-size: 4rem;
  font-weight: 900;
  color: #fff;
  margin: 0 0 40px 0;
  line-height: 1.1;
  
}

.contact-subtitle {
  font-size: 1.2rem;
  color: #fff;
  margin: 0 0 40px 0;
  opacity: 0.2;
}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #fff;
  font-size: 1.1rem;
}

.contact-icon {
  font-size: 1.3rem;
  width: 20px;
  text-align: center;
}

.contact-meme {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.meme-image {
  width: 100%;
  max-width: 400px;
  height: auto;

  border: 3px solid #fff;
}

.meme-placeholder {
  width: 100%;
  max-width: 400px;
  height: 300px;
  background: linear-gradient(135deg, #2c3e50, #34495e);
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
}

.meme-text-top,
.meme-text-bottom {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
  text-align: center;
  width: 100%;
}

.meme-text-top {
  top: 20px;
}

.meme-text-bottom {
  bottom: 20px;
}

/* ---- Footer ---- */
.footer{ background:var(--blue); color:#fff; position:relative; }
.footer::before{ 
  content:''; 
  position:absolute; 
  inset:0; 
  background:
    /* Main grid lines (every 5th line) */
    linear-gradient(0deg, rgba(255,255,255,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px),
    /* Sub-grid lines (every line) */
    linear-gradient(0deg, rgba(255,255,255,.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px);
  background-size: 140px 140px, 140px 140px, 28px 28px, 28px 28px;
  z-index: 0;
}
.footer__grid{ position:relative; display:grid; grid-template-columns: repeat(4,1fr); gap:38px; padding:54px 0; }
.footer h5{ font-size:14px; letter-spacing:.06em; margin-bottom:10px; text-transform:uppercase; }
.footer ul{ list-style:none; display:grid; gap:6px; }
.footer a{ color:#fff; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }

/* ---- Hamburger Menu Styles ---- */
.nav-toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
  padding: 8px;
  background: none;
  border: none;
  z-index: 1000;
}

.hamburger-line {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 3px 0;
  transition: 0.3s ease;
  border-radius: 2px;
}

.nav-toggle.active .hamburger-line:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.nav-toggle.active .hamburger-line:nth-child(2) {
  opacity: 0;
}

.nav-toggle.active .hamburger-line:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
}
.filler-mobile{
  display: none;
}
/* ---- Mobile Responsive Styles ---- */
@media (max-width: 768px) {
  /* General Mobile Reset */
  .blueprint-card{
    display: none;
  }

  .filler-mobile{
    display: block;
    height: 200px;
    background-image: url('images/plan-mobile.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .2;
    margin: 50px 0;
  }


  .wrap {
    width: 95%;
    padding: 0 18px;
  }
  
  /* Hide complex backgrounds on mobile */
  .grid-bg::before {
    display: none;
  }

  .grid-bg-mobile{
    display: block;
    position:absolute; inset:0;
    background:
      /* Main grid lines (every 5th line) */
      linear-gradient(0deg, rgba(255,255,255,.4) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px),
      /* Sub-grid lines (every line) */
      linear-gradient(0deg, rgba(255,255,255,.2) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px);
    background-size: 140px 140px, 140px 140px, 28px 28px, 28px 28px;
    z-index: 0;
    pointer-events:none;
    opacity: .5;
  }
  
  /* Navigation */
  .nav__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
  }
  
  .brand {
    font-size: 20px;
    z-index: 1001;
  }
  
  .nav-toggle {
    display: flex;
  }
  
  .nav__links {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: var(--blue);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    transition: left 0.3s ease;
    z-index: 998;
  }
  
  .nav__links.active {
    left: 0;
  }
  
  .nav__links a {
    font-size: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    width: 80%;
    text-align: center;
  }
  
  .nav__links .btn {
    border: 2px solid white;
    padding: 18px 30px;
    margin-top: 20px;
  }
  
  /* Hero Section */
  .hero {
    height: 70vh;
    padding: 20px 0;
  }
  .price{
    height: 8vh !important;
  }
  
  .hero__content {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0 40px;
    text-align: left;
  }

  
  .hero__title {
    font-size: clamp(24px, 7vw, 40px);
    line-height: 1.2;
    margin-bottom: 20px;
  }
  
  .hero__kicker {
    font-size: clamp(18px, 4vw, 20px);
    margin-bottom: 30px;
  }
  
  .btn {
    padding: 12px 24px;
    font-size: 14px;
  }
  
  /* Proof Section */
  .proof-content {
    width: 100%;
    padding: 0 20px;
  }


  
  .proof-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 20px;
    align-items: center;
    justify-items: center;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .proof-image {
    width: 140px;
    height: 70px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 8px;

  }
  
  /* Stats Sections */
  .stats-section {
    height: auto;
    padding: 60px 0;
  }
  
  .stats-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
    margin: 5vh 0;
  }
  
  .stats-text {
    width: 100%;
    margin-left: 0;
    text-align: center;
    order: 1;
  }
  
  .stats-section .blueprint-card {
    min-height: 300px;
    width: 100%;
    order: 2;
  }
  
  /* Plan 1 - First stats section */
  #plan-1 .blueprint-image[style*="background-image"] {
    background-size: 350% !important;
    background-position: 5% 10% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  .stats-section--blue {
    height: auto;
    padding: 40px 0;
  }
  
  /* Plan 2 - Blue stats section */
  #plan-2 .blueprint-image[style*="background-image"] {
    background-size: 200% !important;
    background-position: 90% 5% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  .stats-section--no-grid {
    height: auto;
    padding: 40px 0;
  }
  
  /* Plan 3 - No-grid stats section */
  #plan-3 .blueprint-image[style*="background-image"] {
    background-size: 250% !important;
    background-position: 50% 85% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  /* Blueprint Sections */
  .blueprint-section {
    height: auto;
    padding: 60px 0;
  }
  
  .blueprint-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
  }
  
  .blueprint-text {
    width: 100%;
    margin-left: 0;
    text-align: center;
    order: 1;
  }
  
  .blueprint-section .blueprint-card,
  .blueprint-section .blueprint-card_alt {
    width: 100% !important;
    min-height: 300px;
    order: 2;
  }
  
  /* Plan 4 - Blueprint section */
  #plan-4 .blueprint-image[style*="background-image"] {
    background-size: 280% !important;
    background-position: 75% 30% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  /* Plan 5 - Blueprint alt section - Hidden on mobile */

  
  .blueprint-section--white {
    height: auto;
    padding: 40px 0;
  }
  
  /* White blueprint section - unique positioning */
  .blueprint-section--white .blueprint-image[style*="background-image"] {
    background-size: 420% !important;
    background-position: 60% 5% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  /* Topics Section */
  .topics {
    height: auto;
    padding: 40px 18px;
    text-align: center;
  }
  
  .hand {
    font-size: clamp(24px, 6vw, 36px);
    line-height: 1.2;
    margin-bottom: 20px;
  }
  
  .arrow-image {
    width: 80px;
    position: static;
    margin: 20px auto 0;
    transform: rotate(132deg);
  }
  
  /* Questions Section */
  .split--questions {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 40px 18px;
  }
  
  .q-list {
    padding: 0 20px;
    gap: 10px !important
  }
  
  .q {
    margin-bottom: 20px;
  }
  
  .q h4 {
    font-size: clamp(18px, 4vw, 20px);
    line-height: 1.3;
  }
  
  .q p {
    font-size: 14px;
    margin-top: 8px;
  }
  
  .calls {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
  }
  
  .phone-call {
    max-width: 580px;
    width: 100%;
  }
  
  .arrow-questions {
    position: static;
    transform: rotateY(180deg) rotate(-155deg);
    margin: 0;
    width: 80px;
  }
  
  /* Closer Section */
  .closer {
    height: auto;
    padding: 60px 18px;
  }
  
  .closer h2 {
    font-size: clamp(24px, 6vw, 36px);
    line-height: 1.2;
    margin-bottom: 30px;
  }
  
  .closer h2 strong {
    font-size: clamp(28px, 7vw, 42px);
    display: block;
    margin-top: 10px;
  }
  
  .closer-actions {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  
  .arrow-closer {
    width: 80px;
    margin: 0;
    transform: scaleY(-1) rotate(-12deg);
  }
  
  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
    padding: 40px 18px;
  }
  
  .footer h5 {
    font-size: 18px;
    margin-bottom: 18px;
  }
  
  .footer ul {
    gap: 8px;
  }
  
  .footer a {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  /* Extra small screens */
  .wrap {
    width: 98%;
    padding: 0 10px;
  }
  
  .hero {
    height: 60vh;
  }
  .price{
    height: 8vh !important;
  }
  
  .hero__content {
    padding: 40px 0 30px;
  }
  
  .hero__title {
    font-size: clamp(20px, 8vw, 28px);
  }
  
  .hero__kicker {
    font-size: clamp(14px, 5vw, 18px);
  }
  
  .proof-image {
    width: 100px;
    height: 50px;
    font-size: 10px;
  }
  
  .stats-section,
  .blueprint-section,
  .blueprint-section--white {
    padding: 30px 0;
  }
  
  .stats-section .blueprint-card,
  .blueprint-section .blueprint-card,
  .blueprint-section .blueprint-card_alt {
    min-height: 200px;
    width: 100% !important;
  }
  
  .stats-section .blueprint-image[style*="background-image"],
  .blueprint-section .blueprint-image[style*="background-image"],
  .blueprint-section .blueprint-image_alt[style*="background-image"] {
    background-size: 300% !important;
    background-position: 23% 25% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  .topics {
    padding: 30px 10px;
  }
  
  .hand {
    font-size: clamp(20px, 8vw, 28px);
  }
  
  .q h4 {
    font-size: clamp(14px, 5vw, 18px);
  }
  
  .q p {
    font-size: 13px;
  }
  
  .phone-call {
    max-width: 250px;
  }
  
  .closer {
    padding: 40px 10px;
  }
  
  .closer h2 {
    font-size: clamp(20px, 8vw, 28px);
  }
  
  .closer h2 strong {
    font-size: clamp(24px, 9vw, 32px);
  }
  
  .footer__grid {
    padding: 30px 10px;
  }
}

/* ---- Responsiveness ---- */
@media (max-width: 980px){
  .split, .split--questions{ grid-template-columns:1fr; }
  .hero__content{ padding:140px 0 64px; }
  .hero__stamps{ padding:30px 0 54px; }
  .footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .footer__grid{ grid-template-columns:1fr; }
  .hero__title{ font-size:34px; }
}
.nav-toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
  padding: 8px;
  background: none;
  border: none;
  z-index: 1000;
}

.hamburger-line {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 3px 0;
  transition: 0.3s ease;
  border-radius: 2px;
}

.nav-toggle.active .hamburger-line:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.nav-toggle.active .hamburger-line:nth-child(2) {
  opacity: 0;
}

.nav-toggle.active .hamburger-line:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
}

/* ---- Mobile Navigation Styles ---- */
@media (max-width: 768px) {

  .nav{
    top:18px!important;
  }
  /* Show hamburger menu */
  .nav-toggle {
    display: flex;
  }
  
  /* Brand adjustments */
  .brand {
    font-size: 20px;
  }
  
  /* Mobile menu */
  .nav__links {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: var(--blue);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    transition: left 0.3s ease;
    z-index: 998;
  }
  
  .nav__links.active {
    left: 0;
  }
  
  .nav__links a {
    font-size: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    width: 80%;
    text-align: center;
  }
  
  .nav__links .btn {
    border: 2px solid white;
    padding: 18px 30px;
    margin-top: 20px;
  }
}

/* ---- Mobile Responsive Overrides ---- */
@media (max-width: 768px) {
  /* General spacing */
  .wrap {
    width: 95%;
    padding: 0 18px;
  }
  
  /* Hero section mobile */
  .hero {
    height: auto;
    min-height: 70vh;
  }
  .price{
    height: 8vh !important;
  }
  
  .hero__content {
    padding: 120px 0 60px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  
  .hero__title {
    font-size: clamp(28px, 8vw, 48px);
    line-height: 1.2;
    margin-bottom: 20px;
  }
  
  .hero__kicker {
    font-size: clamp(18px, 4vw, 20px);
    margin: 20px 0 30px;
  }
  
  /* Proof section mobile */
  .proof-images {
    justify-content: center;
    gap: 18px;
  }
  
  .proof-image {
    width: 60px;
    height: 60px;
    font-size: 10px;
    flex: 0 0 auto;
  }
  
  /* Stats sections mobile */
  .stats-section {
    height: auto;
    padding: 60px 0;
  }
  
  .stats-content {
    grid-template-columns: 1fr;
    gap: 40px;
    height: auto;
  }
  
  .stats-text {
    width: 100%;
    margin-left: 0;
    text-align: center;
    order: 1;
  }
  
  .stats-section .blueprint-card {
    min-height: 250px;
    height: 250px;
    order: 2;
  }
  
  .stats-section--blue {
    height: auto;
  }
  
  .stats-section--no-grid {
    height: auto;
  }
  
  /* Topics section mobile */
  .topics {
    height: auto;
    padding: 60px 0;
  }
  
  .hand {
    font-size: clamp(24px, 7vw, 48px);
    line-height: 1.1;
  }
  
  .arrow-image {
    width: 50px;
    position: static;
    margin: 30px auto 0;
    transform: rotate(132deg);
  }
  
  /* Questions section mobile */
  .split--questions {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 60px 0;
  }
  
  .q-list {
    
    padding: 0 20px;
  }
  
  .q {
    margin-bottom: 25px;
  }
  
  .q h4 {
    font-size: clamp(18px, 4vw, 20px);
    line-height: 1.3;
  }
  
  .q p {
    font-size: clamp(14px, 3vw, 18px);
    margin-top: 8px;
  }
  
  .calls {
    order: 1;
    margin-bottom: 40px;
  }
  
  .phone-call {
    max-width: 280px;
    width: 100%;
  }
  
  .arrow-questions {
    display: none; /* Hide complex positioned arrows on mobile */
  }
  
  /* Blueprint sections mobile */
  .blueprint-section {
    height: auto;
    padding: 60px 0;
  }
  
  .blueprint-content {
    flex-direction: column;
    gap: 40px;
    height: auto;
  }
  
  .blueprint-text {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  
  .blueprint-section .blueprint-card,
  .blueprint-section .blueprint-card_alt {
    width: 100%;
    height: 200px;
    min-height: 200px;
    max-width: 300px;
    margin: 0 auto;
  }
  
  .blueprint-section--white {
    height: auto;
    padding: 60px 0;
  }
  
  .blueprint-section--white .blueprint-content {
    flex-direction: column;
    gap: 40px;
  }
  
  .blueprint-section--white .blueprint-text {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  
  /* Closer section mobile */
  .closer {
    height: auto;
    padding: 80px 0;
  }
  
  .closer h2 {
    font-size: clamp(24px, 6vw, 36px);
    line-height: 1.2;
    margin-bottom: 40px;
  }
  
  .closer h2 strong {
    display: block;
    margin-top: 10px;
    font-size: clamp(28px, 7vw, 42px);
  }
  
  .closer-actions {
    flex-direction: column;
    gap: 25px;
    margin-top: 40px;
  }
  
  .arrow-closer {
    width: 60px;
    margin: 0;
    margin-left:-150px;
    transform: rotate(20deg);
  }
  
  /* Contact page mobile */
  .contact-layout {
    flex-direction: column;
    gap: 40px;
    text-align: center;
  }
  
  .contact-title {
    font-size: 2.5rem;
  }
  
  .contact-subtitle {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  
  .contact-details {
    gap: 20px;
  }
  
  .contact-item {
    justify-content: center;
    font-size: 1rem;
  }
  
  .meme-image {
    max-width: 300px;
  }
  
  .meme-text-top,
  .meme-text-bottom {
    font-size: 1rem;
  }

  /* Footer mobile */
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 50px 0;
  }
  
  .footer h5 {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

/* ---- Extra Small Mobile (480px and below) ---- */
@media (max-width: 480px) {
  .wrap {
    width: 98%;
    padding: 0 10px;
  }
  
  .hero {
    min-height: 60vh;
  }
  .price{
    height: 8vh !important;
    min-height: 8vh !important;
  }
  
  .hero__content {
    padding: 100px 0 50px;
    text-align: left;
    width: 80%;
    margin: 0 auto;
  }
  
  .hero__title {
    font-size: clamp(24px, 9vw, 36px);
  }
  
  .hero__kicker {
    font-size: clamp(14px, 5vw, 18px);
  }
  
  .proof-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
    align-items: center;
    justify-items: center;
  }
  
  .proof-image {
    width: 100px;
    height: 50px;
    font-size: 10px;
  }
  
  .stats-section,
  .blueprint-section,
  .blueprint-section--white {
    padding: 40px 0;
  }
  
  .stats-section .blueprint-card,
  .blueprint-section .blueprint-card,
  .blueprint-section .blueprint-card_alt {
    height: 180px;
    min-height: 180px;
    width: 100% !important;
  }
  
  .stats-section .blueprint-image[style*="background-image"],
  .blueprint-section .blueprint-image[style*="background-image"],
  .blueprint-section .blueprint-image_alt[style*="background-image"] {
    background-size: 200% !important;
    background-position: 45% 25% !important;
    background-repeat: no-repeat !important;
    background-image: url('images/plan-mobile.png') !important;
  }
  
  .topics {
    padding: 40px 0;
  }
  
  .hand {
    font-size: clamp(20px, 8vw, 32px);
    text-align: center;
  }
  
  .split--questions {
    padding: 40px 0;
  }
  
  .q h4 {
    font-size: clamp(14px, 5vw, 18px);
  }
  
  .q p {
    font-size: clamp(12px, 4vw, 14px);
  }
  
  .phone-call {
    max-width: 420px;
  }
  
  .closer {
    padding: 60px 0;
  }
  
  .closer h2 {
    font-size: clamp(20px, 7vw, 28px);
  }
  
  .closer h2 strong {
    font-size: clamp(24px, 8vw, 32px);
  }
  
  .footer__grid {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 40px 0;
  }
  
  .nav__links {
    width: 100%;
  }
  
  .nav__links a {
    font-size: 18px;
  }
}

/* ---- Mobile Text Alignment Overrides (enforce left alignment for readability) ---- */
@media (max-width: 768px) {
  .hero__content,
  .stats-text,
  .blueprint-text,
  .topics,
  .q-list,
  .q,
  .pricing-section .wrap,
  .text-content-section .wrap,
  .proof-content,
  .process-content,
  .vision-content,
  .about-section,
  .closer,
  .partner-info,
  .contact-info,
  .contact-details {
    text-align: left;
  }
  /* Keep footer centered on mobile */
  .footer__grid { text-align: center; }
  /* Higher specificity to override earlier mobile rule */
  .blueprint-section--white .blueprint-text { text-align: left; }
  /* Ensure topics header text aligns left on mobile */
  .hand { text-align: left; }
  /* Disable margins on pricing stage subsections for mobile */
  .stage-subsection { margin: 0; }
}

@media (max-width: 480px) {
  .hero__content,
  .stats-text,
  .blueprint-text,
  .topics,
  .q-list,
  .q,
  .pricing-section .wrap,
  .text-content-section .wrap,
  .proof-content,
  .process-content,
  .vision-content,
  .about-section,
  .closer,
  .partner-info,
  .contact-info,
  .contact-details {
    text-align: left;
  }
  /* Keep footer centered on extra small mobile */
  .footer__grid { text-align: center; }
  /* Higher specificity to override earlier mobile rule */
  .blueprint-section--white .blueprint-text { text-align: left; }
  /* Ensure topics header text aligns left on small mobile */
  .hand { text-align: left; }
  /* Disable margins on pricing stage subsections for extra small mobile */
  .stage-subsection { margin: 0; }
}