:root {
    --navy: #1e2245;
    --navy-deep: #1e2245;
    --navy-mid: #262b52;
    --blue: #4a7ab5;
    --blue-light: #6b9fd4;
    --blue-pale: #c8ddf0;
    --gold: #c9a84c;
    --gold-light: #e2c97e;
    --white: #ffffff;
    --off-white: #f4f6f9;
    --text-muted: #8a93b2;
    --border: rgba(74,122,181,0.2);
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:'DM Sans',sans-serif; background:var(--navy-deep); color:var(--white); overflow-x:hidden; }

  /* ── LANG BAR ── */
  .lang-bar {
    position:fixed; top:0; left:0; right:0; z-index:200;
    background:rgba(20,23,55,0.99);
    border-bottom:1px solid rgba(74,122,181,0.15);
    height:36px;
    display:flex; align-items:center; justify-content:flex-end;
    padding:0 48px; gap:6px;
  }
  .lang-btn {
    display:flex; align-items:center; gap:6px;
    padding:4px 12px; border-radius:3px;
    font-size:0.72rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase;
    cursor:pointer; border:1px solid transparent;
    color:var(--text-muted); background:transparent;
    transition:all 0.2s;
  }
  .lang-btn:hover { color:var(--white); border-color:var(--border); }
  .lang-btn.active { color:var(--white); border-color:var(--blue); background:rgba(74,122,181,0.12); }
  .lang-flag { font-size:1rem; }

  /* ── NAV ── */
  nav {
    position:fixed; top:36px; left:0; right:0; z-index:100;
    background:rgba(30,34,69,0.98);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border);
    display:flex; align-items:center; justify-content:space-between;
    padding:0 48px;
    height:68px;
  }
  .nav-logo { display:flex; align-items:center; cursor:pointer; }
  .nav-logo img { height:32px; width:auto; object-fit:contain; }
  .nav-links { display:flex; align-items:center; gap:36px; list-style:none; }
  .nav-links a {
    color:var(--text-muted); text-decoration:none; font-size:0.85rem;
    font-weight:500; letter-spacing:0.08em; text-transform:uppercase;
    transition:color 0.2s; cursor:pointer;
  }
  .nav-links a:hover, .nav-links a.active { color:var(--white); }
  .nav-cta {
    background:var(--blue); color:var(--white) !important;
    padding:9px 22px; border-radius:4px; font-size:0.82rem !important;
    transition:background 0.2s !important;
  }
  .nav-cta:hover { background:var(--blue-light) !important; }

  /* ── PAGES ── */
  .page { display:none; padding-top:104px; min-height:100vh; }
  .page.active { display:block; }

  /* ── HERO ── */
  .hero {
    min-height:88vh; display:flex; align-items:center;
    position:relative; overflow:hidden; padding:80px 48px;
  }
  .hero-bg {
    position:absolute; inset:0;
    background:
      radial-gradient(ellipse 60% 80% at 80% 50%, rgba(74,122,181,0.12) 0%, transparent 70%),
      radial-gradient(ellipse 40% 60% at 10% 80%, rgba(201,168,76,0.06) 0%, transparent 60%),
      var(--navy-deep);
  }
  .hero-grid {
    position:absolute; inset:0; opacity:0.04;
    background-image:linear-gradient(var(--blue) 1px, transparent 1px),
      linear-gradient(90deg, var(--blue) 1px, transparent 1px);
    background-size:60px 60px;
  }
  .hero-content { position:relative; z-index:2; max-width:680px; }
  .hero-eyebrow {
    font-size:0.75rem; font-weight:500; letter-spacing:0.2em; text-transform:uppercase;
    color:var(--gold); margin-bottom:24px;
    display:flex; align-items:center; gap:12px;
  }
  .hero-eyebrow::before { content:''; display:inline-block; width:32px; height:2px; background:var(--gold); }
  .hero h1 {
    font-family:'Cormorant Garamond',serif;
    font-size:clamp(2.8rem,5vw,4.4rem); font-weight:600; line-height:1.1;
    margin-bottom:28px;
  }
  .hero h1 em { font-style:normal; color:var(--blue-light); }
  .hero p { font-size:1.1rem; color:var(--text-muted); line-height:1.75; margin-bottom:44px; max-width:540px; }
  .btn-primary {
    display:inline-block; background:var(--blue); color:var(--white);
    padding:15px 36px; border-radius:4px; font-size:0.9rem; font-weight:600;
    letter-spacing:0.06em; text-transform:uppercase; cursor:pointer; border:none;
    transition:background 0.2s, transform 0.2s; text-decoration:none;
  }
  .btn-primary:hover { background:var(--blue-light); transform:translateY(-1px); }
  .btn-secondary {
    display:inline-block; background:transparent; color:var(--white);
    padding:14px 32px; border-radius:4px; font-size:0.9rem; font-weight:500;
    letter-spacing:0.06em; text-transform:uppercase; cursor:pointer;
    border:1px solid var(--border); transition:border-color 0.2s, color 0.2s;
    text-decoration:none; margin-left:16px;
  }
  .btn-secondary:hover { border-color:var(--blue-light); color:var(--blue-light); }
  .hero-float {
    position:absolute; right:48px; top:50%; transform:translateY(-50%);
    z-index:2; display:flex; flex-direction:column; gap:16px;
  }
  .stat-card {
    background:rgba(255,255,255,0.04); border:1px solid var(--border);
    border-radius:8px; padding:20px 28px; min-width:200px; backdrop-filter:blur(8px);
  }
  .stat-card .stat-num { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:700; color:var(--white); line-height:1; }
  .stat-card .stat-label { font-size:0.78rem; color:var(--text-muted); margin-top:4px; letter-spacing:0.05em; }
  .stat-card .stat-accent { color:var(--gold); }

  /* ── SECTIONS ── */
  section { padding:96px 48px; }
  .section-label { font-size:0.72rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--gold); margin-bottom:12px; }
  .section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,3.5vw,3rem); font-weight:600; line-height:1.15; margin-bottom:20px; }
  .section-subtitle { font-size:1rem; color:var(--text-muted); line-height:1.75; max-width:560px; margin-bottom:56px; }
  .bg-alt { background:var(--navy-mid); }

  /* ── AUDIENCE CARDS ── */
  .audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1100px; margin:0 auto; }
  .audience-card {
    background:var(--navy-mid); border:1px solid var(--border); border-radius:10px;
    padding:48px 40px; position:relative; overflow:hidden; transition:border-color 0.3s;
  }
  .audience-card:hover { border-color:var(--blue); }
  .audience-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
  .audience-card.usa::before { background:var(--blue); }
  .audience-card.latam::before { background:var(--gold); }
  .audience-tag { display:inline-block; font-size:0.7rem; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; padding:5px 12px; border-radius:2px; margin-bottom:24px; }
  .usa .audience-tag { background:rgba(74,122,181,0.15); color:var(--blue-light); }
  .latam .audience-tag { background:rgba(201,168,76,0.15); color:var(--gold-light); }
  .audience-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.9rem; font-weight:600; margin-bottom:16px; line-height:1.2; }
  .audience-card p { color:var(--text-muted); font-size:0.93rem; line-height:1.7; margin-bottom:28px; }
  .audience-list { list-style:none; margin-bottom:36px; }
  .audience-list li { color:var(--text-muted); font-size:0.88rem; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.05); display:flex; align-items:center; gap:10px; }
  .audience-list li::before { content:'→'; color:var(--blue-light); font-size:0.85rem; flex-shrink:0; }
  .latam .audience-list li::before { color:var(--gold); }
  .audience-cta { display:inline-block; font-size:0.83rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; cursor:pointer; text-decoration:none; color:var(--white); border-bottom:1px solid var(--blue); padding-bottom:2px; transition:color 0.2s; }
  .latam .audience-cta { border-color:var(--gold); }

  /* ── TRUST BAR ── */
  .trust-bar { background:var(--navy-mid); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:40px 48px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:32px; }
  .trust-item { text-align:center; flex:1; min-width:150px; }
  .trust-num { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:700; color:var(--white); }
  .trust-label { font-size:0.78rem; color:var(--text-muted); margin-top:4px; letter-spacing:0.05em; }
  .trust-divider { width:1px; height:50px; background:var(--border); }

  /* ── SERVICES ── */
  .offer-hero { background:linear-gradient(135deg, var(--navy-mid) 0%, var(--navy-deep) 100%); border:1px solid var(--border); border-radius:12px; padding:64px; margin-bottom:48px; position:relative; overflow:hidden; }
  .offer-hero::after { content:''; position:absolute; right:-40px; top:-40px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(74,122,181,0.15) 0%, transparent 70%); }
  .offer-badge { display:inline-block; background:var(--blue); color:var(--white); font-size:0.7rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; padding:6px 14px; border-radius:2px; margin-bottom:24px; }
  .offer-badge.gold { background:var(--gold); color:var(--navy-deep); }
  .offer-hero h2, .offer-latam h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,3vw,2.8rem); font-weight:700; margin-bottom:16px; }
  .offer-hero p, .offer-latam p { font-size:1rem; color:var(--text-muted); line-height:1.75; max-width:580px; margin-bottom:36px; }
  .price-display { display:flex; align-items:baseline; gap:8px; margin-bottom:36px; }
  .price-from { font-size:0.85rem; color:var(--text-muted); }
  .price-amount { font-family:'Cormorant Garamond',serif; font-size:3.2rem; font-weight:700; color:var(--white); }
  .price-period { font-size:1rem; color:var(--text-muted); }
  .offer-includes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:36px; }
  .offer-item { display:flex; align-items:center; gap:10px; font-size:0.88rem; color:var(--text-muted); }
  .offer-item::before { content:'✓'; width:20px; height:20px; background:rgba(74,122,181,0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.7rem; color:var(--blue-light); flex-shrink:0; }
  .offer-latam { background:linear-gradient(135deg, rgba(201,168,76,0.08) 0%, var(--navy-mid) 100%); border:1px solid rgba(201,168,76,0.25); border-radius:12px; padding:64px; margin-bottom:48px; position:relative; overflow:hidden; }
  .offer-latam::after { content:''; position:absolute; right:-40px; top:-40px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(201,168,76,0.1) 0%, transparent 70%); }
  .offer-latam .offer-item::before { background:rgba(201,168,76,0.15); color:var(--gold-light); }
  .services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; }
  .service-mini { background:var(--navy-mid); border:1px solid var(--border); border-radius:8px; padding:28px 24px; transition:border-color 0.3s; }
  .service-mini:hover { border-color:var(--blue); }
  .service-mini-icon { font-size:1.4rem; margin-bottom:14px; }
  .service-mini h4 { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:600; margin-bottom:8px; }
  .service-mini p { font-size:0.82rem; color:var(--text-muted); line-height:1.6; }

  /* ── VALUES ── */
  .values-row { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:16px; }
  .value-item { text-align:center; padding:28px 20px; background:var(--navy-mid); border:1px solid var(--border); border-radius:8px; }
  .value-icon { font-size:1.8rem; margin-bottom:12px; }
  .value-item h4 { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:600; margin-bottom:8px; }
  .value-item p { font-size:0.82rem; color:var(--text-muted); }

  /* ── STEPS ── */
  .steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
  .step-card { background:var(--navy-mid); border:1px solid var(--border); border-radius:10px; padding:36px 28px; position:relative; }
  .step-num { font-family:'Cormorant Garamond',serif; font-size:3rem; font-weight:700; color:var(--gold); opacity:0.3; position:absolute; top:20px; right:24px; line-height:1; }
  .step-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:600; margin-bottom:12px; }
  .step-card p { font-size:0.87rem; color:var(--text-muted); line-height:1.65; }

  /* ── COUNTRY FLAGS ── */
  .speaks-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(201,168,76,0.15); border:1px solid rgba(201,168,76,0.4); border-radius:4px; padding:8px 18px; font-size:0.82rem; font-weight:600; color:var(--gold-light); letter-spacing:0.08em; margin-bottom:32px; }
  .country-flags { display:flex; gap:12px; margin-top:36px; flex-wrap:wrap; }
  .flag-pill { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.05); border:1px solid var(--border); border-radius:30px; padding:8px 18px; font-size:0.82rem; color:var(--text-muted); }

  /* ── BLOG ── */
  .blog-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:48px; }
  .blog-card { background:var(--navy-mid); border:1px solid var(--border); border-radius:10px; overflow:hidden; cursor:pointer; transition:border-color 0.3s, transform 0.3s; }
  .blog-card:hover { border-color:var(--blue); transform:translateY(-4px); }
  .blog-thumb { height:200px; display:flex; align-items:center; justify-content:center; font-size:3rem; }
  .blog-thumb.blue-bg { background:linear-gradient(135deg, var(--navy-mid) 0%, rgba(74,122,181,0.3) 100%); }
  .blog-thumb.gold-bg { background:linear-gradient(135deg, var(--navy-mid) 0%, rgba(201,168,76,0.2) 100%); }
  .blog-meta { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
  .blog-tag { font-size:0.68rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; padding:4px 10px; border-radius:2px; }
  .blog-tag.us { background:rgba(74,122,181,0.15); color:var(--blue-light); }
  .blog-tag.latam { background:rgba(201,168,76,0.15); color:var(--gold-light); }
  .blog-date { font-size:0.78rem; color:var(--text-muted); }
  .blog-body { padding:32px; }
  .blog-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.45rem; font-weight:600; margin-bottom:12px; line-height:1.3; }
  .blog-card p { font-size:0.87rem; color:var(--text-muted); line-height:1.7; }
  .blog-read { display:inline-block; margin-top:20px; font-size:0.82rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--blue-light); border-bottom:1px solid var(--blue); padding-bottom:2px; }

  /* ── ABOUT ── */
  .about-hero { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding:96px 48px; }
  .about-visual { background:var(--navy-mid); border:1px solid var(--border); border-radius:12px; height:480px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px; position:relative; overflow:hidden; }
  .about-visual::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg, transparent 60%, rgba(74,122,181,0.15) 100%); }
  .years-badge { background:var(--blue); border-radius:8px; padding:20px 28px; text-align:center; margin-top:8px; }
  .years-badge .years-num { font-family:'Cormorant Garamond',serif; font-size:3rem; font-weight:700; color:var(--white); line-height:1; }
  .years-badge .years-label { font-size:0.8rem; color:rgba(255,255,255,0.75); margin-top:4px; }

  /* ── CONTACT ── */
  .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
  .contact-info h2 { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:600; margin-bottom:20px; }
  .contact-info p { color:var(--text-muted); line-height:1.75; margin-bottom:36px; }
  .contact-detail { display:flex; align-items:center; gap:14px; margin-bottom:20px; color:var(--text-muted); font-size:0.9rem; }
  .contact-icon { width:40px; height:40px; background:rgba(74,122,181,0.12); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
  .contact-form { background:var(--navy-mid); border:1px solid var(--border); border-radius:12px; padding:48px; }
  .form-group { margin-bottom:20px; }
  .form-group label { display:block; font-size:0.78rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
  .form-group input, .form-group select, .form-group textarea { width:100%; background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:6px; padding:13px 16px; font-family:'DM Sans',sans-serif; font-size:0.9rem; color:var(--white); outline:none; transition:border-color 0.2s; appearance:none; }
  .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--blue); }
  .form-group textarea { min-height:100px; resize:vertical; }
  .form-group select option { background:var(--navy-mid); }

  /* ── CALC BANNER ── */
  .calc-banner { background:linear-gradient(90deg, var(--blue) 0%, var(--blue-light) 100%); padding:28px 48px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
  .calc-banner p { font-size:1rem; font-weight:500; color:var(--white); }
  .btn-white { background:var(--white); color:var(--navy-deep); padding:12px 28px; border-radius:4px; font-size:0.88rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; cursor:pointer; border:none; text-decoration:none; transition:opacity 0.2s; flex-shrink:0; }
  .btn-white:hover { opacity:0.9; }

  /* ── FOOTER ── */
  footer { background:var(--navy-deep); border-top:1px solid var(--border); padding:48px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:24px; }
  .footer-copy { font-size:0.82rem; color:var(--text-muted); }
  .footer-links { display:flex; gap:28px; list-style:none; }
  .footer-links a { font-size:0.82rem; color:var(--text-muted); text-decoration:none; cursor:pointer; transition:color 0.2s; }
  .footer-links a:hover { color:var(--white); }

  /* ── BLOG POST ── */
  .blog-post-page { display:none; padding-top:104px; }
  .blog-post-page.active { display:block; }
  .blog-post-header { padding:80px 48px 48px; max-width:800px; margin:0 auto; }
  .blog-post-body { max-width:800px; margin:0 auto; padding:0 48px 96px; font-size:1rem; color:#c0c8de; line-height:1.85; }
  .blog-post-body h2 { font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:600; color:var(--white); margin:40px 0 16px; }
  .blog-post-body p { margin-bottom:20px; }
  .blog-back { display:inline-flex; align-items:center; gap:8px; font-size:0.82rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-muted); cursor:pointer; margin-bottom:32px; transition:color 0.2s; }
  .blog-back:hover { color:var(--white); }

  /* ── LATAM HERO ── */
  .latam-hero-section { background:linear-gradient(135deg, var(--navy-deep) 0%, rgba(201,168,76,0.05) 100%); padding:96px 48px; position:relative; overflow:hidden; }
  .latam-hero-section::before { content:''; position:absolute; right:0; bottom:0; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(201,168,76,0.08) 0%, transparent 70%); }

  /* ── RESPONSIVE ── */
  
  /* ══ HAMBURGER MENU ══ */
  .hamburger {
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    padding:8px;
    background:none;
    border:none;
    z-index:300;
  }
  .hamburger span {
    display:block;
    width:24px;
    height:2px;
    background:var(--white);
    border-radius:2px;
    transition:all 0.3s;
  }
  .mobile-menu {
    display:none;
    position:fixed;
    top:104px;
    left:0; right:0;
    background:rgba(30,34,69,0.99);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
    z-index:99;
    padding:16px 0 24px;
    flex-direction:column;
  }
  .mobile-menu.open { display:flex; }
  .mobile-menu a {
    padding:14px 28px;
    color:var(--text-muted);
    text-decoration:none;
    font-size:0.95rem;
    font-weight:500;
    letter-spacing:0.06em;
    text-transform:uppercase;
    cursor:pointer;
    border-bottom:1px solid rgba(255,255,255,0.05);
    transition:color 0.2s;
  }
  .mobile-menu a:hover { color:var(--white); }
  .mobile-menu a.mob-cta {
    margin:16px 28px 0;
    background:var(--blue);
    color:var(--white);
    border-radius:4px;
    text-align:center;
    border-bottom:none;
    padding:14px 28px;
  }

  /* ══ TABLET: 768px – 1024px ══ */
  @media (max-width:1024px) and (min-width:769px) {
    nav { padding:0 32px; }
    .nav-links { gap:20px; }
    .nav-links a { font-size:0.78rem; letter-spacing:0.05em; }
    .hero { padding:70px 32px; }
    .hero-float { right:24px; }
    .hero-float .stat-card { min-width:170px; padding:16px 20px; }
    .stat-card .stat-num { font-size:1.9rem; }
    section { padding:72px 32px; }
    .audience-grid { gap:16px; }
    .audience-card { padding:36px 28px; }
    .services-grid { grid-template-columns:repeat(2,1fr); }
    .steps-grid { grid-template-columns:repeat(2,1fr); }
    .offer-hero, .offer-latam { padding:48px 40px; }
    .blog-grid { gap:20px; }
    .about-hero { gap:48px; padding:72px 32px; }
    .contact-grid { gap:40px; }
    .trust-bar { padding:32px; gap:20px; }
    .values-row { gap:16px; }
    footer { padding:36px 32px; }
    .lang-bar { padding:0 32px; }
    .calc-banner { padding:24px 32px; }
    .founder-grid-resp { grid-template-columns:220px 1fr !important; gap:32px !important; }
    .values-grid-3 { gap:16px !important; }
  }

  /* ══ MOBILE: max 768px ══ */
  @media (max-width:768px) {
    /* Layout basics */
    .lang-bar { padding:0 16px; height:32px; }
    .lang-btn { padding:3px 8px; font-size:0.68rem; }
    nav { padding:0 16px; height:60px; top:32px; }
    .nav-logo img { height:28px; }
    .nav-links { display:none; }
    .hamburger { display:flex; }
    .mobile-menu { top:92px; }
    .page { padding-top:92px; }
    .blog-post-page { padding-top:92px; }

    /* Hero */
    .hero { padding:48px 20px 60px; min-height:auto; }
    .hero-float { display:none; }
    .hero h1 { font-size:clamp(2.2rem,8vw,3rem); margin-bottom:20px; }
    .hero p { font-size:0.95rem; margin-bottom:32px; }
    .hero-eyebrow { font-size:0.68rem; margin-bottom:16px; }
    .btn-primary { padding:13px 28px; font-size:0.85rem; }
    .btn-secondary { padding:12px 24px; font-size:0.85rem; margin-left:0; margin-top:12px; display:block; text-align:center; }

    /* Sections */
    section { padding:52px 20px; }
    .section-title { font-size:clamp(1.7rem,6vw,2.4rem); }
    .section-subtitle { font-size:0.92rem; margin-bottom:36px; }
    .section-label { font-size:0.68rem; }

    /* Grids → single column */
    .audience-grid,
    .blog-grid,
    .contact-grid,
    .about-hero,
    .services-grid,
    .values-row,
    .steps-grid,
    .founder-grid-resp,
    .values-grid-3 { grid-template-columns:1fr !important; gap:16px !important; }

    /* Audience cards */
    .audience-card { padding:32px 24px; }
    .audience-card h3 { font-size:1.5rem; }

    /* Trust bar */
    .trust-bar { padding:28px 20px; flex-direction:column; gap:20px; text-align:center; }
    .trust-divider { display:none; }
    .trust-num { font-size:1.8rem; }

    /* Calc banner */
    .calc-banner { padding:24px 20px; flex-direction:column; text-align:center; }
    .calc-banner p { font-size:0.92rem; }
    .btn-white { width:100%; text-align:center; }

    /* Services */
    .offer-hero, .offer-latam { padding:32px 20px; }
    .offer-hero h2, .offer-latam h2 { font-size:1.7rem; }
    .offer-includes { grid-template-columns:1fr; gap:8px; }
    .offer-item { font-size:0.85rem; }
    .offer-badge { font-size:0.65rem; }

    /* CTA block */
    .cta-block { padding:36px 20px; }
    .cta-block h2 { font-size:1.7rem; }
    .cta-block div[style*="flex"] { flex-direction:column; align-items:center; }

    /* Blog */
    .blog-thumb { height:160px; }
    .blog-body { padding:24px; }
    .blog-card h3 { font-size:1.2rem; }

    /* Blog post */
    .blog-post-header { padding:40px 20px 28px; }
    .blog-post-body { padding:0 20px 64px; font-size:0.93rem; }
    .blog-back { font-size:0.75rem; }
    .blog-post-body h2 { font-size:1.4rem; }

    /* About */
    .about-hero { padding:52px 20px; gap:32px; }
    .founder-grid-resp { padding:24px 20px !important; }
    .founder-bio p { font-size:0.88rem; }
    .vision-block { padding:52px 20px; }
    .vision-values-grid { grid-template-columns:1fr !important; gap:16px !important; }

    /* Contact */
    .contact-form { padding:28px 20px; }
    .contact-info h2 { font-size:1.9rem; }
    .form-group input,
    .form-group select,
    .form-group textarea { font-size:16px; } /* prevents iOS zoom */

    /* LatAm */
    .latam-hero-section { padding:52px 20px; }
    .country-flags { gap:8px; }
    .flag-pill { font-size:0.75rem; padding:6px 12px; }
    .speaks-badge { font-size:0.75rem; padding:6px 14px; }

    /* Calculator */
    #calc-tool .form-group input { font-size:16px; }
    #calc-tool div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
    #risk-items { grid-template-columns:1fr !important; }
    .gate-fields { grid-template-columns:1fr !important; }

    /* Footer */
    footer { padding:32px 20px; flex-direction:column; align-items:flex-start; gap:20px; }
    .footer-links { flex-wrap:wrap; gap:16px; }
    .footer-copy { font-size:0.75rem; }

    /* Ready to start buttons */
    div[style*="display:flex;gap:16px;justify-content:center"] { flex-direction:column; align-items:center; }

    /* Vision section */
    .vision-block div[style*="max-width:1100px"] { padding:0; }

    /* ── MOBILE COLOR FIXES: ensure dark bg / light text everywhere ── */

    /* Why-grid text panel: explicitly set dark bg so it doesn't go white */
    .why-grid > div:first-child {
      background: var(--navy-mid);
      color: var(--white);
    }

    /* All section headings and text stay light on dark bg */
    .page section, .page .bg-alt, .page .latam-hero-section {
      background: var(--navy-mid);
      color: var(--white);
    }

    /* Alternating sections */
    .page section:nth-child(odd) { background: var(--navy-deep); }
    .page section:nth-child(even) { background: var(--navy-mid); }

    /* Ensure all headings are white on mobile */
    .section-title, .section-label, h1, h2, h3, h4 { color: var(--white); }

    /* Paragraph text stays readable */
    p { color: var(--text-muted); }

    /* Cards stay dark */
    .audience-card, .service-mini, .step-card, .blog-card,
    .vision-card, .value-item, .stat-card, .offer-hero, .offer-latam,
    .contact-form, .cta-block {
      background: var(--navy-mid);
      color: var(--white);
    }

    /* Blog post body text */
    .blog-post-body { color: #c0c8de; background: var(--navy-deep); }
    .blog-post-header { background: var(--navy-deep); }

    /* Trust bar */
    .trust-bar { background: var(--navy-mid); }
    .trust-num, .trust-label { color: var(--white); }

    /* Mobile menu links */
    .mobile-menu { background: rgba(30,34,69,0.99); }
    .mobile-menu a { color: var(--text-muted); }

    /* Form inputs */
    .form-group input, .form-group select, .form-group textarea {
      background: rgba(255,255,255,0.06);
      color: var(--white);
      border-color: var(--border);
    }
    .form-group label { color: var(--text-muted); }

    /* Calculator */
    #calc-gate, #calc-tool > div { background: var(--navy-mid); }

    /* Founder section */
    .founder-grid-resp { background: var(--navy-mid); }
    .founder-bio p { color: var(--text-muted); }

    /* Footer always dark */
    footer { background: var(--navy-deep); }
    .footer-copy, .footer-links a { color: var(--text-muted); }

    /* About hero */
    .about-hero { background: var(--navy-deep); }

    /* Vision block */
    .vision-block { background: var(--navy-mid); }

    /* LatAm hero */
    .latam-hero-section { background: var(--navy-deep); }

    /* Speaks badge text */
    .speaks-badge { color: var(--gold-light); }

    /* Section labels */
    .section-label { color: var(--gold); }

    /* Audience list items */
    .audience-list li { color: var(--text-muted); }

    /* Offer items */
    .offer-item { color: var(--text-muted); }

    /* Blog dates and tags */
    .blog-date { color: var(--text-muted); }
    .blog-card p { color: var(--text-muted); }

    /* Contact details */
    .contact-detail { color: var(--text-muted); }

    /* calc-banner stays blue gradient — text already white */
    .calc-banner { background: linear-gradient(90deg, var(--blue) 0%, var(--blue-light) 100%); }

    /* Step cards */
    .step-card h3, .step-card p { color: var(--white); }
    .step-card p { color: var(--text-muted); }

    /* Service mini cards */
    .service-mini h4 { color: var(--white); }
    .service-mini p { color: var(--text-muted); }

    /* Score bar container */
    #calc-results { background: var(--navy-deep); }
  }

  /* ══ SMALL PHONES: max 420px ══ */
  @media (max-width:420px) {
    .hero h1 { font-size:2rem; }
    .section-title { font-size:1.6rem; }
    .audience-card h3 { font-size:1.35rem; }
    .offer-hero h2, .offer-latam h2 { font-size:1.5rem; }
    .btn-primary, .btn-secondary { width:100%; text-align:center; margin-left:0; }
    .hero .btn-secondary { margin-top:12px; }
    .trust-num { font-size:1.6rem; }
    .stat-card .stat-num { font-size:1.8rem; }
  }

  @media (max-width:768px) {
    .why-grid { grid-template-columns:1fr !important; }
    .why-grid > div:last-child { min-height:200px !important; }
    .latam-hero-img { display:none !important; }
    .latam-hero-content { max-width:100% !important; }
  }
  @media (max-width:1024px) and (min-width:769px) {
    .why-grid { grid-template-columns:1fr 1fr !important; }
    .latam-hero-img { width:40% !important; }
    .latam-hero-content { max-width:60% !important; }
  }