/* A0019098: styles for .home-router / .home-private-help-launcher / .home-device-launch-grid
   and the bare .eyebrow used on the homepage. These classes existed in index.php with no
   matching CSS anywhere in the codebase, so the "Prefer to start with the device?" section
   rendered as unstyled default browser text (plain underlined links, no card layout). */

.eyebrow{display:inline-block;color:#0b5f46;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}

.home-router{padding:54px 0}
.home-router-head{max-width:720px;margin:0 auto 28px;text-align:center}
.home-router-head h2{margin:.35rem 0 .6rem;font-family:"Barlow Condensed",Barlow,sans-serif;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.05;color:#10233f}
.home-router-head p{margin:0;color:#536475;font-size:1.05rem;line-height:1.5}

.home-device-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto;max-width:1080px}
.home-device-launch-grid a{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid rgba(16,35,63,.12);border-radius:18px;background:linear-gradient(180deg,#fff 0,#f7fafb 100%);box-shadow:0 10px 24px rgba(9,29,46,.06);color:#10233f;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.home-device-launch-grid a:hover,.home-device-launch-grid a:focus-visible{border-color:#0b5f46;transform:translateY(-2px);box-shadow:0 14px 28px rgba(9,29,46,.1);outline:0}
.home-device-launch-grid strong{font-size:1.08rem;line-height:1.2;color:#10233f}
.home-device-launch-grid span{color:#536475;font-size:.9rem;line-height:1.45}

.home-launch-note{max-width:720px;margin:22px auto 0;text-align:center;color:#6b7885;font-size:.86rem;line-height:1.5}

@media(max-width:900px){.home-device-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-router{padding:38px 0}.home-device-launch-grid{grid-template-columns:1fr}}