/* =========================================================
   RUTSS HOMEPAGE MOBILE HERO
   ONE CLEAN OUTER CARD ONLY
   ========================================================= */

@media (max-width:900px){

  body.page-index .hero{
    padding:14px 0 22px !important;
    margin:0 !important;
    background:transparent !important;
  }

  /* MAIN HERO WRAPPER */
  body.page-index .hero .container.hero-inner{
    width:calc(100% - 16px) !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 8px !important;
    padding:20px 18px !important;

    display:block !important;

    background:#ffffff !important;

    border:1px solid #d5e1ec !important;
    border-radius:22px !important;
    box-shadow:none !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* REMOVE THE INNER COPY CARD COMPLETELY */
  body.page-index .hero-copy{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
    filter:none !important;

    box-sizing:border-box !important;
  }

  body.page-index .hero-copy::before,
  body.page-index .hero-copy::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* HERO TEXT USES THE WHOLE CARD */
  body.page-index .hero-copy .badge{
    margin:0 0 18px !important;
  }

  body.page-index .hero-copy h1{
    width:100% !important;
    max-width:100% !important;

    margin:0 0 18px !important;

    font-size:31px !important;
    line-height:1.12 !important;

    color:#071f3d !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  body.page-index .hero-copy > p{
    width:100% !important;
    max-width:100% !important;

    margin:0 0 24px !important;

    font-size:17px !important;
    line-height:1.7 !important;

    color:#5a7490 !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  /* LOGIN GATE - NO INNER CARD */
  body.page-index .scan-login-gate{
    width:100% !important;
    max-width:100% !important;

    margin:22px 0 0 !important;
    padding:0 !important;

    display:block !important;

    background:transparent !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
  }

  body.page-index .scan-login-gate > div{
    margin:0 0 16px !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.page-index .scan-login-gate b{
    display:block !important;
    margin-bottom:6px !important;
  }

  body.page-index .scan-login-gate span{
    display:block !important;
  }

  body.page-index .scan-login-gate .btn{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* HIDE SECOND HERO PANEL ON MOBILE
     This is the demo-score/report card shown underneath.
     Desktop remains unchanged. */
  body.page-index .hero-panel{
    display:none !important;
  }

  /* HERO LINKS */
  body.page-index .hero-links{
    width:100% !important;
    margin-top:18px !important;

    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  body.page-index .hero-links a{
    max-width:100% !important;
  }
}

/* HOMEPAGE MOBILE — COLOR / READABILITY ONLY */
@media (max-width:900px){

  /* top badge */
  body.page-index .hero-copy .badge{
    color:#4a6b19 !important;
    background:#f1fae8 !important;
    border-color:#b7d98a !important;
    font-weight:700 !important;
  }

  /* hero paragraph */
  body.page-index .hero-copy > p{
    color:#4f6f8e !important;
  }

  /* login helper text */
  body.page-index .scan-login-gate b{
    color:#0b2746 !important;
    font-weight:600 !important;
  }

  body.page-index .scan-login-gate span{
    color:#6a8198 !important;
  }

  /* bottom links */
  body.page-index .hero-links .ghost-link{
    color:#315b84 !important;
    opacity:1 !important;
    font-weight:500 !important;
  }

  body.page-index .hero-links .ghost-link:hover{
    color:#173f69 !important;
  }

}

/* DARK SECTION MOBILE TEXT VISIBILITY */
@media (max-width:900px){

  body.page-index .dark-section .eyebrow{
    color:#9ab6d3 !important;
  }

  body.page-index .dark-section h2{
    color:#f4f8fc !important;
  }

  body.page-index .dark-section p{
    color:#b9c9da !important;
  }

}

/* MOBILE — REDUCE FONT WEIGHT ON UI ELEMENTS */
@media (max-width:900px){

  /* Main green CTA buttons */
  body.page-index .btn.lime,
  body.page-index .scan-login-gate .btn,
  body.page-index .dark-section .btn.lime{
    font-weight:600 !important;
  }

  /* Tool cards */
  body.page-index .tool-cloud a b{
    font-weight:600 !important;
  }

  /* Stack / evidence values */
  body.page-index .stack-card strong,
  body.page-index .stack-card .good,
  body.page-index .stack-card .warn{
    font-weight:600 !important;
  }

  /* Numeric values */
  body.page-index .stack-card strong{
    letter-spacing:0 !important;
  }

  /* Section headings slightly softer */
  body.page-index .section-head h2{
    font-weight:600 !important;
  }

}