/* Homepage styles; shared account and admin styles remain in styles.css. */
body[data-page="home"] { --brand:#2454d6; --ink:#182338; --muted:#526079; background:#fff; min-height:100dvh; display:flex; flex-direction:column; }
body[data-page="home"] header { position:relative; border-color:#edf0f5; }
body[data-page="home"] .nav { max-width:1700px; padding:1.1rem 2.5rem; flex-wrap:wrap; }
body[data-page="home"] p, body[data-page="home"] h1, body[data-page="home"] h2, body[data-page="home"] a { overflow-wrap:anywhere; }
body[data-page="home"] .brand img { width:58px; height:58px; border-radius:14px; }
body[data-page="home"] .nav-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; width:min(100%,820px); align-items:stretch; }
body[data-page="home"] .platforms { display:contents; }
body[data-page="home"] .nav-links > .button, body[data-page="home"] .platform { width:100%; min-width:0; min-height:80px; height:100%; padding:.65rem 1rem; border:1px solid transparent; border-radius:12px; gap:.65rem; text-align:left; overflow-wrap:anywhere; }
body[data-page="home"] .platform > span:first-child { font-size:1.5rem; }
body[data-page="home"] .ghost { background:#fff; border:1px solid #bcc9df; }
body[data-page="home"] .secondary { color:var(--ink); background:#f1f4f9; min-height:64px; text-align:left; }
.button-english { display:block; font-size:1rem; font-weight:500; line-height:1.5; }
body[data-page="home"] main { width:100%; max-width:1700px; padding:0 1.5rem; flex:1 0 auto; }
.home-hero { text-align:center; padding:1.5rem 1rem 2.5rem; }
.home-hero .download-box { max-width:1450px; margin:0 auto; }
.product-video { width:100%; aspect-ratio:16/9; border-radius:20px; overflow:hidden; background:#172033; box-shadow:0 16px 40px #1720331c; }
.product-video iframe { display:block; width:100%; height:100%; border:0; }
.home-hero .video-title { margin:1.5rem 0 0; max-width:none; text-align:left; font-size:clamp(1.6rem,3vw,2.25rem); line-height:1.45; letter-spacing:-.025em; }
.doctor-page-content { margin:2rem auto 0; max-width:1100px; text-align:left; display:grid; gap:1rem; }
.doctor-page-content[hidden] { display:none; }
.doctor-page-content article { padding:1.25rem 1.5rem; border:1px solid #dbe3ef; border-radius:16px; background:#f8fafc; }
.doctor-page-content h2 { margin:0 0 .5rem; font-size:clamp(1.25rem,2vw,1.75rem); }
.doctor-page-content p { margin:.25rem 0 .8rem; white-space:pre-wrap; line-height:1.7; }
.doctor-page-content a { display:inline-block; min-height:44px; color:#2454d6; font-weight:700; }
.video-title > span { display:inline; }
.video-title-translation { margin:0; }
.translation-label { font-size:1rem; font-weight:500; letter-spacing:0; }
.home-hero form { text-align:left; margin:1.5rem auto; padding:1.5rem; max-width:600px; border:1px solid var(--line); background:#fff; border-radius:16px; }
.home-hero .consent-label { display:flex; gap:.7rem; font-weight:400; margin:1rem 0; }
.home-hero .consent-label input { width:22px; min-width:22px; min-height:22px; height:22px; margin:.25rem 0 0; padding:0; }
.home-hero .notice { text-align:left; margin-top:1rem; overflow-wrap:anywhere; }
body[data-page="home"] footer { margin:0; background:#fff; color:var(--muted); border-top:1px solid #e2e7f0; }
body[data-page="home"] footer .wrap { max-width:1450px; padding:1.15rem 1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.7rem 1.5rem; }
.footer-links { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem 1.2rem; }
body[data-page="home"] footer a { color:var(--muted); text-decoration:none; display:inline-flex; align-items:center; min-height:44px; }
body[data-page="home"] a:hover { text-decoration:underline; }
body[data-page="home"] button:hover { filter:brightness(.95); }
body[data-page="home"] button:disabled { opacity:.65; cursor:wait; }
body[data-page="home"] [hidden] { display:none!important; }
@media (max-width:1050px) {
  body[data-page="home"] .nav { padding:1rem 1.25rem; }
  body[data-page="home"] .nav-links { width:100%; }
}
@media (max-width:600px) {
  body[data-page="home"] .nav { padding:.8rem 1rem; }
  body[data-page="home"] .nav-links { width:100%; }
  body[data-page="home"] .nav-links { grid-template-columns:1fr; }
  body[data-page="home"] .platform { width:100%; min-width:0; padding:.7rem; overflow-wrap:anywhere; }
  body[data-page="home"] .platform > span:first-child { display:none; }
  body[data-page="home"] main { padding:0 1rem; }
  .home-hero { padding:1rem 0 1.5rem; }
  .product-video { border-radius:12px; }
  .home-hero .video-title { font-size:1.6rem; margin-top:1rem; }
  .home-hero form { padding:1rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Mobile devices keep the email entry and hide both desktop installers. */
body[data-page="home"][data-device="mobile"] .platforms { display:none; }
body[data-page="home"][data-device="mobile"] .nav-links { grid-template-columns:1fr; width:min(100%,260px); }

body[data-page="home"] .nav-links .primary { background:var(--brand); color:#fff; border-color:transparent; }

body[data-page="home"] .brand-group { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.site-qr { margin:0; text-align:center; }
.site-qr a { display:block; width:122px; margin:auto; border:1px solid #d7deea; border-radius:10px; background:#fff; }
.site-qr img { display:block; width:120px; height:120px; }
.site-qr figcaption { margin-top:.3rem; font-size:16px; font-weight:600; line-height:1.5; }
.site-qr figcaption span { display:block; }

body[data-page="home"] .footer-links { margin-left:auto; justify-content:flex-end; }