/* Direct downloads stay in the headline flow and fit within the first screen. */
.hero {
  min-height:100vh;
  min-height:100svh;
  padding:clamp(240px,35svh,370px) max(64px,calc((100vw - 1312px)/2)) 96px;
}
.hero-copy { position:relative; top:auto; left:auto; width:min(780px,100%); }
.hero h1 { font-size:clamp(48px,5vw,72px); line-height:1.1; }
html[lang="hi"] .hero h1 { line-height:1.22; }
.hero-copy .eyebrow { margin-bottom:16px; }
.hero-lead { margin-top:18px; font-size:17px; line-height:1.65; }
.hero-actions { display:block; margin-top:24px; }
.hero-release-buttons {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:min(420px,100%);
}
.hero-release-button {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  justify-content:center;
  min-height:48px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:14px;
  color:#fff;
  background:rgba(255,255,255,.13);
  box-shadow:none;
  backdrop-filter:blur(12px);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.hero-release-button:hover { background:rgba(255,255,255,.24); transform:translateY(-2px); }
.hero-release-button:focus-visible { outline:3px solid #79e4ff; outline-offset:4px; }
.hero-release-icon { flex:0 0 26px; width:26px; height:26px; object-fit:contain; }
.hero-release-copy { display:flex; flex-direction:row; align-items:baseline; gap:8px; min-width:0; }
.hero-release-button:not(.hero-release-beta) [data-release-status] { display:none; }
.hero-release-copy strong { font-size:14px; font-weight:700; line-height:1.25; }
.hero-release-copy small { font-size:11px; font-weight:500; line-height:1.4; overflow-wrap:anywhere; opacity:.75; }
.hero-release-beta { color:#fff; background:rgba(255,255,255,.13); box-shadow:none; backdrop-filter:blur(12px); }
.hero-release-beta:hover { background:rgba(255,255,255,.24); }
.hero-release-button[aria-disabled="true"] { opacity:.65; cursor:default; transform:none; }
.hero-download-meta { display:flex; align-items:center; flex-wrap:wrap; gap:4px 20px; margin-top:14px; color:rgba(255,255,255,.78); }
.hero-download-meta p { margin:0; font-size:12px; line-height:1.5; }
.hero-download-meta .hero-secondary { padding:0; min-height:24px; gap:10px; font-size:12px; }
.hero-note { bottom:112px; }
.scroll-cue { bottom:36px; }
@media(max-width:1100px) and (min-width:821px) {
  .hero { padding-inline:40px; }
}
@media(max-height:760px) and (min-width:821px) {
  .hero { padding-top:clamp(214px,33svh,250px); padding-bottom:80px; }
  .hero-word { top:108px; font-size:clamp(80px,11.8vw,168px); }
  .hero h1 { font-size:clamp(44px,4.4vw,60px); }
  .hero-lead { margin-top:16px; }
  .hero-actions { margin-top:20px; }
}
@media(max-width:820px) {
  .hero { padding:clamp(196px,27svh,268px) 24px 80px; }
  .hero-word { top:clamp(102px,17svh,144px); }
  .hero-copy { top:auto; left:auto; width:100%; }
  .hero h1 { font-size:clamp(40px,7.5vw,60px); }
  .hero-copy .eyebrow { margin-bottom:14px; }
  .hero-lead { margin-top:16px; font-size:16px; line-height:1.65; }
  .hero-actions { margin-top:22px; }
}
@media(max-width:560px) {
  .hero-release-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:420px; }
  .hero-release-button { min-height:48px; gap:10px; padding:8px 12px; }
  .hero-release-copy small { font-size:10.5px; }
  .hero-release-beta { grid-column:1/-1; justify-content:center; min-height:48px; padding-block:8px; }
  .hero-release-beta .hero-release-copy { flex-direction:row; align-items:baseline; gap:8px; }
  .hero-download-meta { gap:4px 16px; margin-top:12px; }
  .hero-download-meta p,.hero-download-meta .hero-secondary { font-size:11px; }
}
@media(max-width:820px) and (max-height:740px) {
  .hero { padding-top:clamp(148px,26svh,186px); padding-bottom:64px; }
  .hero-word { top:clamp(92px,16svh,118px); }
  .hero h1 { font-size:clamp(36px,9vw,44px); }
  html[lang="zh-Hant"] .hero h1,html[lang="ja"] .hero h1 { font-size:36px; }
  html[lang="hi"] .hero h1 { font-size:34px; line-height:1.18; }
  .hero-copy .eyebrow { margin-bottom:12px; font-size:9px; }
  .hero-lead { margin-top:14px; font-size:14px; line-height:1.6; }
  .hero-actions { margin-top:18px; }
  .hero-release-button { min-height:46px; }
  .hero-release-beta { min-height:46px; }
  .scroll-cue { bottom:24px; }
}
@media(max-width:380px) {
  .hero { padding-inline:16px; }
  .hero h1 { font-size:34px; }
  html[lang="zh-Hant"] .hero h1,html[lang="ja"] .hero h1,html[lang="hi"] .hero h1 { font-size:33px; }
  .hero-release-button { padding-inline:10px; gap:8px; }
  .hero-release-copy strong { font-size:13px; }
  .hero-release-icon { flex-basis:24px; width:24px; height:24px; }
}
@media(min-width:600px) and (max-height:480px) {
  .hero { padding:100px 32px 36px; }
  .hero-word,.hero-note,.scroll-cue { display:none; }
  .hero-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,1.1fr); column-gap:28px; width:100%; }
  .hero-copy .eyebrow,.hero h1,.hero-lead { grid-column:1; }
  .hero-copy .eyebrow { margin-bottom:10px; font-size:9px; }
  .hero h1,html[lang="zh-Hant"] .hero h1,html[lang="ja"] .hero h1,html[lang="hi"] .hero h1 { font-size:clamp(28px,4vw,36px); line-height:1.1; }
  .hero-lead { margin-top:10px; font-size:13px; line-height:1.5; }
  .hero-actions { grid-column:2; grid-row:1/span 3; align-self:center; margin-top:0; }
  .hero-release-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hero-release-button { min-height:44px; padding:8px 12px; gap:10px; }
  .hero-release-beta { grid-column:1/-1; justify-content:center; min-height:44px; }
  .hero-release-beta .hero-release-copy { flex-direction:row; align-items:baseline; gap:8px; }
  .hero-download-meta { margin-top:10px; gap:4px 12px; }
  .hero-download-meta p,.hero-download-meta .hero-secondary { font-size:10px; }
}