/* Reference typography adapted to our copy and two statistics.
   Hero frame, encoder, product dock and bottom anchoring remain in styles.css. */
.home-glass .glass-copy h1,
.home-information dd { font-family:"Helvetica Neue",Arial,sans-serif; font-synthesis:none; }
.home-glass .glass-copy h1 { font-weight:360; letter-spacing:-.035em; line-height:.94; }
.home-information { container-type:inline-size; display:flex; align-items:center; gap:clamp(16px,2vw,28px); }
.home-information dl { display:flex; flex:0 1 auto; align-items:center; justify-content:flex-start; gap:calc(40 * var(--u)); min-width:0; margin:0; color:var(--ink,#020c21); }
.home-information dl > div { position:relative; display:flex; flex-direction:row-reverse; align-items:center; gap:calc(12 * var(--u)); }
.home-information dl > div + div { padding-left:calc(40 * var(--u)); }
.home-information dl > div + div::before { content:""; position:absolute; left:0; top:50%; width:1px; height:calc(75 * var(--u)); background:#a7b4c6; transform:translateY(-50%) rotate(17deg); }
.home-information dt { max-width:4.4em; font-size:clamp(12px,calc(19 * var(--u)),19px); font-weight:400; line-height:1.24; letter-spacing:-.02em; color:#39455f; }
.home-information dd { margin:0; font-size:min(calc(100 * var(--u)),10cqw); font-weight:200; line-height:1; letter-spacing:-.035em; white-space:nowrap; }
html[lang="zh-CN"] .home-information dt { max-width:2em; }
.home-information .process-play-toggle { cursor:pointer; color:#354b68; }
.home-information .process-play-toggle:focus-visible { outline:2px solid #4a78b0; outline-offset:4px; }
@media (min-width:801px) and (min-aspect-ratio:4/5) {
 .home-glass .glass-copy { top:calc(50% - 211.2 * var(--u)); }
 .home-glass .glass-copy .eyebrow { font-size:calc(16 * var(--u)); font-weight:470; line-height:1; letter-spacing:-.015em; margin-bottom:calc(26 * var(--u)); }
 .home-glass .glass-copy h1 { font-size:min(calc(98 * var(--u)),6.45vw); line-height:.9184; margin-bottom:calc(30 * var(--u)); }
 html[lang="zh-CN"] .home-glass .glass-copy h1 { font-size:min(calc(98 * var(--u)),5.6vw); line-height:1.06; }
 .home-glass .glass-lead { font-size:calc(24 * var(--u)); font-weight:470; line-height:1.4; letter-spacing:-.03em; }
}
@media (max-width:1100px) {
 .home-information dl { gap:16px; }
 .home-information dl > div { flex-direction:column-reverse; align-items:flex-start; gap:8px; }
 .home-information dl > div + div { padding-left:18px; }
 .home-information dl > div + div::before { height:52px; }
 .home-information dd { font-size:min(12cqw,76px); }
 .home-information dt { max-width:none; font-size:12px; line-height:1.4; letter-spacing:0; }
 html[lang="zh-CN"] .home-information dt,
 html[lang="zh-CN"] .home-information dl > div:first-child dt { max-width:none; }
}
@media (max-width:800px), (max-aspect-ratio:4/5) {
 .home-glass .glass-copy h1 { line-height:.98; letter-spacing:-.035em; }
 html[lang="zh-CN"] .home-glass .glass-copy h1 { line-height:1.08; }
 .home-information dl > div { flex-direction:column-reverse; align-items:flex-start; }
 .home-information dt { max-width:none; }
 html[lang="zh-CN"] .home-information dt,
 html[lang="zh-CN"] .home-information dl > div:first-child dt { max-width:none; }
}
@media (max-width:600px) {
 .home-information { gap:12px; }
 .home-information dl { gap:12px; }
 .home-information dl > div + div { padding-left:12px; }
 .home-information dl > div + div::before { height:42px; }
 .home-information dd { font-size:min(12cqw,52px); }
 .home-information dt { font-size:11px; }
}
@media (prefers-reduced-motion:no-preference) {
 html.home-entrance-pre .home-information dd { clip-path:inset(100% 0 -14% 0); }
 html.home-entrance-pre .home-information dt { opacity:0; }
}