/* ARGUS V163 — mobile clarity & premium CTA
   Focus: easier reading on phones + self-explanatory, calmer confidential-form action. */

@media (max-width: 760px) {
  /* Readability: Rajdhani reads optically smaller than a neutral sans-serif at the same px size. */
  body.index-page .hero-premium .lead {
    font-size: 18.25px !important;
    line-height: 1.64 !important;
    letter-spacing: .002em !important;
  }

  body main p:not(.section-label):not(.kicker):not(.argus-v139-kicker):not(.scenario-tag):not(.hero-actions-note),
  body main li {
    font-size: 17.25px !important;
    line-height: 1.64 !important;
  }

  body.index-page .hero-actions-note,
  body.index-page .v41-route-note {
    font-size: 15.75px !important;
    line-height: 1.58 !important;
  }

  body.index-page .v41-route-card span,
  body.index-page .assurance-card span,
  body.index-page .hero-assurance span {
    font-size: 15.8px !important;
    line-height: 1.54 !important;
  }

  body.index-page .faq-list summary {
    font-size: 17.1px !important;
    line-height: 1.46 !important;
  }

  /* The primary hero action should read as a premium interaction card, not a bright ad banner. */
  body.index-page .hero-actions-premium-cta {
    width: 100% !important;
    align-items: center !important;
  }

  body.index-page .hero-enquiry-btn {
    width: min(100%, 356px) !important;
    min-height: 68px !important;
    margin-inline: auto !important;
    padding: 10px 13px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 18px !important;
    gap: 11px !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 17px !important;
    color: #f3e8d4 !important;
    background:
      radial-gradient(circle at 16% 10%, rgba(232,194,116,.13), transparent 31%),
      linear-gradient(138deg, #191712 0%, #111215 54%, #090b0d 100%) !important;
    border: 1px solid rgba(232,194,116,.46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 13px 30px rgba(0,0,0,.25) !important;
    text-decoration: none !important;
  }

  body.index-page .hero-enquiry-btn:hover,
  body.index-page .hero-enquiry-btn:focus-visible {
    color: #fff4df !important;
    border-color: rgba(242,207,136,.76) !important;
    background:
      radial-gradient(circle at 16% 10%, rgba(232,194,116,.18), transparent 34%),
      linear-gradient(138deg, #211c13 0%, #121316 55%, #090b0d 100%) !important;
    transform: translateY(-1px);
  }

  body.index-page .hero-form-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #edc97d;
    border: 1px solid rgba(232,194,116,.52);
    background: linear-gradient(145deg, rgba(232,194,116,.12), rgba(255,255,255,.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  }

  body.index-page .hero-form-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  body.index-page .hero-enquiry-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
  }

  body.index-page .hero-enquiry-copy strong {
    color: #f5e9d4;
    font-size: 16.25px;
    font-weight: 800;
    letter-spacing: .015em;
  }

  body.index-page .hero-enquiry-copy small {
    margin-top: 5px;
    color: #cbbda5;
    font-size: 12.6px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .01em;
  }

  body.index-page .hero-enquiry-arrow {
    color: #edc97d;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }

  /* WhatsApp stays secondary and visually lighter than the form CTA. */
  body.index-page .hero-wa-chip {
    margin-inline: auto !important;
    opacity: .92;
  }

  /* Sticky mobile contact remains functional, but keep all three actions calm and coherent. */
  .v41-mobile-contact-bar a:first-child {
    background: linear-gradient(140deg, rgba(37,31,22,.82), rgba(11,13,15,.985)) !important;
    border-color: rgba(232,194,116,.34) !important;
  }
}

@media (max-width: 390px) {
  body.index-page .hero-premium .lead { font-size: 17.75px !important; }
  body main p:not(.section-label):not(.kicker):not(.argus-v139-kicker):not(.scenario-tag):not(.hero-actions-note),
  body main li { font-size: 16.9px !important; }
  body.index-page .hero-enquiry-btn { min-height: 66px !important; }
  body.index-page .hero-enquiry-copy strong { font-size: 15.8px; }
  body.index-page .hero-enquiry-copy small { font-size: 12.2px; }
}