/* ── RESPONSIVE: 1024px and below ──────────────────– */
@media(max-width:1024px){
  .wrap{padding:0 28px;}
  .hero-h1{font-size:42px;}
  .sol-grid{grid-template-columns:1fr;}
  .sol-card{flex-direction:row;}
  .sol-card-top{flex:1;}
  .sol-screen{flex:1;border-top:none;border-left:1px solid var(--border);}
}

/* ── RESPONSIVE: 768px and below ───────────────────– */
@media(max-width:768px){
  .wrap{padding:0 20px;}
  .section{padding:56px 0;}
  .nav-links,.nav-cta-d{display:none;}
  .nav-burger{display:flex;}
  #hero{padding:56px 0 0;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-h1{font-size:34px;}
  .hero-sub{font-size:16px;}
  .hero-copy{padding-bottom:40px;}
  .hero-mockup{max-width:100%;}
  .pain-grid{grid-template-columns:1fr;}
  .sol-grid{grid-template-columns:1fr;}
  .sol-card{flex-direction:column;}
  .sol-screen{border-top:1px solid var(--border);border-left:none;}
  .steps-grid{grid-template-columns:1fr;gap:32px;}
  .about-grid{grid-template-columns:1fr;gap:24px;}
  .about-avatar{width:100px;height:100px;font-size:32px;margin:0 auto;}
  .about-quote{font-size:18px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .mob-sticky{display:block;}
  body{padding-bottom:64px;}
  #final-cta .s-h2{font-size:28px;}

  /* ── MOBILE FONT SIZES ─────────────────────────────– */
  .s-label{font-size:12px;}
  .s-h2{font-size:32px;}
  .pain-time{font-size:13px;}
  .sol-num{font-size:11px;}
  .step-num{font-size:16px;}
  .hm-badge{font-size:11px;}
  .sc-ev-badge{font-size:10px;}
  .sd-section{font-size:11px;}
  .sr-section-title{font-size:11px;}
  .sc-ev-label{font-size:11px;}
}

/* ── RESPONSIVE: 414px (large phones) ──────────────– */
@media(max-width:414px){
  .wrap{padding:0 16px;}
  nav{padding:16px 0;}
  main{padding:32px 16px;}
  h1{font-size:28px;margin-bottom:12px;}
  .hero-h1{font-size:28px;}
  .hero-sub{font-size:15px;}
  .tagline{font-size:14px;margin-bottom:36px;}
  .s-h2{font-size:26px;margin-bottom:12px;}
  .s-sub{font-size:15px;}

  /* ── CARDS AND COMPONENTS ──────────────────────────– */
  .card{padding:14px 16px;}
  .beta-form-card{padding:28px 20px;}
  .sol-card-top{padding:20px 18px 16px;}

  /* ── FORMS ─────────────────────────────────────────– */
  .f-input{padding:10px 12px;font-size:14px;}
  .f-label{font-size:12px;margin-bottom:5px;}
  .f-opt{padding:6px 0;font-size:13px;}

  /* ── SPACING ───────────────────────────────────────– */
  .hero-actions{gap:10px;margin-bottom:20px;}
  .section{padding:48px 0;}
  .pain-grid{gap:14px;}
  .sol-grid{gap:16px;}

  /* ── TEXT ──────────────────────────────────────────– */
  .eyebrow{font-size:11px;margin-bottom:16px;}
  .pain-title{font-size:15px;}
  .sol-title{font-size:16px;}
  .step-title{font-size:16px;}
  .faq-q{font-size:15px;padding:16px 0;}

  /* ── FOOTER ────────────────────────────────────────– */
  footer{padding:40px 0 20px;}
}

/* ── RESPONSIVE: 600px and below ───────────────────– */
@media(max-width:600px){
  .wrap{padding:0 20px;}
  h1{font-size:34px;}
  .tagline{font-size:15px;}
  .card{padding:16px 18px;}
}