/* Contact: phones and tablets (up to 960px) */
.ct-mob { display: none; }
.ct-stripe { display: none !important; }
.ct-reels-cta { display: none; }
@media (max-width: 960px) {
  /* the closing card lives inside Learner Shorts; the separate band below is not shown */
  .ct-reels-cta { display: block; margin-top: calc(28px + (100vw - 320px) * 0.02); }
  .cta-band { display: none !important; }
}

/* 1024 and desktop: the closing band sits at the end of Learner Shorts */
@media (min-width: 961px) {
  .reels-sec .cta-band { padding: 48px 0 0 !important; }
  .reels-sec .cta-band .cta-actions { display: none !important; }
  .reels-sec .cta-band .cta-inner p { margin-bottom: 0 !important; }
  /* sentence on one row, sized to the card */
  .reels-sec .cta-band .cta-inner { container-type: inline-size; }
  .reels-sec .cta-band .cta-inner .ct-cta-p { max-width: none !important; white-space: nowrap !important; font-size: min(17px, calc(100cqw / 60)) !important; }
  .reels-sec .cta-band .cta-inner { box-sizing: border-box; width: calc(100% - 2 * var(--spk-gutter, 32px)) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
}

/* 1024 and desktop (961px and up): the phone hero design in the desktop two-column layout, left-aligned */
@media (min-width: 961px) {
  .hero-content { container-type: inline-size; min-width: 0; }
  .hero-content .ct-desk { display: none !important; }
  .hero-content .ct-mob { display: inline; }
  .hero-grid { align-items: center !important; }

  .status-pill { gap: 8px !important; padding: 0 !important; white-space: nowrap; border: 0 !important; border-radius: 0 !important; background: none !important; font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; font-size: 14px !important; letter-spacing: 0 !important; }
  .status-pill .live-dot { width: 8px; height: 8px; flex: none; }
  .status-pill .ct-on { color: #fff; font-weight: 700; }
  .status-pill .ct-sep, .status-pill .ct-off { color: rgba(255, 255, 255, 0.68); font-weight: 500; }
  .status-pill .ct-sep { white-space: pre; }

  .hero-title { line-height: 1.1 !important; letter-spacing: -0.02em; font-weight: 800 !important; font-size: min(60px, calc(100cqw / 8.65)) !important; }
  .hero-title .ct-desk-br { display: none; }
  .hero-title .ct-row1, .hero-title .ct-row2 { display: block; white-space: nowrap; }
  .hero-title .ct-row2 { color: var(--red, #EF4444); }

  .hero-sub { max-width: none !important; line-height: 1.5 !important; font-size: min(19px, calc(100cqw / 20.5)) !important; }
  .hero-sub .ct-r { display: block; white-space: nowrap; }

  .hero-actions { display: flex !important; flex-wrap: nowrap !important; gap: 12px !important; }
  .hero-actions .btn { flex: 0 1 210px !important; min-width: 0 !important; justify-content: center; gap: 8px !important; white-space: nowrap; }
  .hero-actions .btn .ci { flex: none; margin: 0 !important; }
  #heroWhatsApp { background: #1DA851 !important; background-image: none !important; border-color: #1DA851 !important; color: #fff !important; box-shadow: 0 8px 22px rgba(29, 168, 81, 0.28) !important; }
  #heroCall { background: #fff !important; background-image: none !important; border-color: #fff !important; color: #0F1530 !important; }
  #heroCall .ci { color: #0F1530 !important; }

  .hero-content .chips { display: none !important; }
  .hero-content .trust { flex-wrap: nowrap !important; white-space: nowrap; font-size: min(15px, calc(100cqw / 34)) !important; }
}

/* Tablets: hero sentence on one row */
@media (min-width: 600px) and (max-width: 960px) {
  .hero-content .hero-sub .ct-r { display: inline !important; }
  .hero-content .hero-sub { white-space: nowrap !important; font-size: min(18px, calc(100cqw / 37)) !important; }
}

/* Learner shorts heading: "Real Learners" / "Real Placements", two rows on every screen */
.ct-reels-h .ct-row { display: block; white-space: nowrap; }
@media (min-width: 961px) {
  /* 1024 and desktop: "Real Learners Real Placements" on one row */
  .ct-reels-h { white-space: nowrap; }
  .ct-reels-h .ct-row { display: inline; }
}
@media (max-width: 960px) {
  .reels-head { container-type: inline-size; max-width: none !important; }
  .ct-reels-h { line-height: 1.12 !important; font-weight: 800 !important; font-size: calc(100cqw / 8.17) !important; }
}

/* Form privacy note: no "Privacy Policy" link, always one row, sized to the form */
:has(> .spk-consent) { container-type: inline-size; }
.spk-consent a { display: none !important; }
.spk-consent { white-space: nowrap !important; overflow: hidden; font-size: min(12px, calc(100cqi / 27)) !important; }

@media (max-width: 960px) {
  .ct-desk { display: none !important; }
  .ct-mob { display: inline; }
  .hero-content { container-type: inline-size; min-width: 0; }

  /* Online line: plain text, no pill - pulsing green dot, "Online now" in white, "· replies same day" in grey */
  .status-pill { gap: 8px !important; padding: 0 !important; white-space: nowrap; border: 0 !important; border-radius: 0 !important; background: none !important; font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; font-size: min(13.5px, calc((100vw - 40px) / 21)) !important; letter-spacing: 0 !important; }
  .status-pill .live-dot { width: 8px; height: 8px; flex: none; }
  .status-pill .ct-on { color: #fff; font-weight: 700; }
  .status-pill .ct-sep, .status-pill .ct-off { color: rgba(255, 255, 255, 0.68); font-weight: 500; }
  .status-pill .ct-sep { white-space: pre; }

  /* "Contact us" eyebrow: centred, like the homepage eyebrows */
  .hero-content .eyebrow { display: flex !important; justify-content: center !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

  /* "Popular:" quick-question pills are not shown on phones and tablets */
  .hero-content .chips { display: none !important; }

  /* Heading: "Have questions?" / "We're here to help" (red), each on one row, no typing */
  .hero-title { line-height: 1.12 !important; letter-spacing: -0.02em; font-weight: 800 !important; font-size: calc(100cqw / 8.65) !important; }
  .hero-title .ct-desk-br { display: none; }
  .hero-title .ct-row1, .hero-title .ct-row2 { display: block; white-space: nowrap; }
  .hero-title .ct-row2 { color: var(--red, #EF4444); }

  /* Sentence: two rows, each on one line */
  .hero-sub { max-width: none !important; line-height: 1.5 !important; font-size: min(17px, calc(100cqw / 20.5)) !important; }
  .hero-sub .ct-r { display: block; white-space: nowrap; }

  /* WhatsApp / Call: side by side, equal widths, labels on one line */
  .hero-actions { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; gap: 10px !important; }
  .hero-actions .btn { flex: 1 1 0 !important; min-width: 0 !important; max-width: 260px; justify-content: center; white-space: nowrap; padding-left: 12px !important; padding-right: 12px !important; font-size: min(16px, calc((100cqw - 60px) / 16.5)) !important; }
  .hero-actions .btn { gap: 7px !important; }
  /* WhatsApp in WhatsApp green */
  #heroWhatsApp { background: #1DA851 !important; background-image: none !important; border-color: #1DA851 !important; color: #fff !important; box-shadow: 0 8px 22px rgba(29, 168, 81, 0.28) !important; }
  #heroWhatsApp:hover { background: #18934A !important; }
  /* Call now: solid white with dark text */
  #heroCall { background: #fff !important; background-image: none !important; border-color: #fff !important; color: #0F1530 !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25) !important; }
  #heroCall:hover { background: #EEF0F6 !important; }
  #heroCall .ci { color: #0F1530 !important; stroke: currentColor; }
  .hero-actions .btn .ci { flex: none; margin: 0 !important; }

  /* Bottom CTA card: big two-row heading, two-row sentence, the same two buttons as the hero */
  .cta-inner { container-type: inline-size; box-sizing: border-box !important; width: calc(100% - 32px) !important; max-width: 640px !important; margin-left: auto !important; margin-right: auto !important; padding: calc(28px + (100vw - 320px) * 0.02) calc(18px + (100vw - 320px) * 0.03) !important; border-radius: 22px !important; }
  .cta-inner .ct-cta-h { margin-bottom: 12px !important; line-height: 1.1 !important; letter-spacing: -0.02em; font-weight: 800 !important; font-size: min(44px, calc(100cqw / 9.4)) !important; }
  .cta-inner .ct-cta-h .ct-row1, .cta-inner .ct-cta-h .ct-row2 { display: block; white-space: nowrap; }
  .cta-inner .ct-cta-h .ct-row2 { color: var(--red, #EF4444); }
  .cta-inner .ct-cta-p { max-width: none !important; margin-bottom: 20px !important; line-height: 1.5 !important; font-size: min(16px, calc(100cqw / 21.6)) !important; }
  .cta-inner .ct-cta-p .ct-r { display: block; white-space: nowrap; }
  .cta-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; gap: 10px !important; }
  .cta-actions .btn { flex: 1 1 0 !important; min-width: 0 !important; max-width: 260px; width: auto !important; margin: 0 !important; justify-content: center; gap: 7px !important; white-space: nowrap; padding: 13px 10px !important; font-size: min(16px, calc((100cqw - 50px) / 15)) !important; }
  .cta-actions .btn .ci { flex: none; margin: 0 !important; }
  #ctaWhatsApp { background: #1DA851 !important; background-image: none !important; border-color: #1DA851 !important; color: #fff !important; box-shadow: 0 8px 22px rgba(29, 168, 81, 0.28) !important; }
  #ctaForm { background: #fff !important; background-image: none !important; border-color: #fff !important; color: #0F1530 !important; }
  #ctaForm .ci { color: #0F1530 !important; }
  /* red stripe across the top, one-row sentence, online line under the buttons */
  .cta-inner { position: relative; overflow: hidden; }
  .cta-inner .ct-stripe { display: block !important; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--red, #EF4444); z-index: 2; }
  /* closing card: warm red glow from the top, two-row sentence with a bold white punchline */
  .cta-band { padding-top: 24px !important; }
  .cta-inner { background: radial-gradient(120% 90% at 50% 0%, rgba(239, 68, 68, 0.22), rgba(239, 68, 68, 0) 60%), linear-gradient(180deg, #161D3D, #10162F) !important; border: 1px solid rgba(239, 68, 68, 0.28) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important; text-align: center !important; }
  .cta-inner::before { display: none !important; }
  .cta-inner .ct-cta-p { color: rgba(255, 255, 255, 0.72) !important; font-size: min(18px, calc(100cqw / 22.8)) !important; white-space: nowrap !important; }
  .cta-inner .ct-cta-p .ct-r { display: inline !important; }
  .cta-inner .ct-cta-p .ct-r + .ct-r { color: #fff; font-weight: 700; }
  /* no buttons in this card on phones and tablets */
  .cta-inner .cta-actions { display: none !important; }
  .cta-inner .ct-cta-p { margin-bottom: 0 !important; }
}