.ex-track{height:calc((var(--stops) * 230 + 100) * 1svh)}.ex-stage{background:var(--bg);height:100svh;position:sticky;top:0;overflow:hidden}.ex-layer{opacity:0;will-change:transform, opacity;background-position:50%;background-size:cover;position:absolute;inset:0}.ex-shade{pointer-events:none;background:linear-gradient(#0000 38%,#07090d8c 66%,#07090df0 100%),linear-gradient(#07090d80 0,#0000 120px);position:absolute;inset:0}.ex-copy{left:max(var(--gutter), env(safe-area-inset-left,0px));right:max(var(--gutter), env(safe-area-inset-right,0px));opacity:0;pointer-events:none;gap:10px;max-width:640px;display:grid;position:absolute;bottom:clamp(72px,11vh,110px)}.ex-label{font:500 12.5px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.ex-warm{color:var(--warm-text)}.ex-cool{color:var(--cool-text)}.ex-green{color:var(--green-text)}.ex-h{font:700 clamp(32px, 5.4vw, 64px)/1.04 var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.ex-body{color:#e4e8ee;max-width:34em;margin:0;font-size:clamp(16px,1.6vw,19px)}.ex-note{left:max(var(--gutter), env(safe-area-inset-left,0px));color:var(--muted);margin:0;font-size:13px;position:absolute;bottom:18px}.ex-play{right:max(var(--gutter), env(safe-area-inset-right,0px));min-height:44px;color:var(--text);font:700 14px var(--f-body);cursor:pointer;background:#07090d99;border:1px solid #fff6;border-radius:99px;padding:0 20px;position:absolute;bottom:12px}.ex-play:hover{border-color:#fff}.ex-stack{display:none}.ex-after{padding-block:24px 64px}.ex-playing{scroll-behavior:auto}@media (width<=620px){.ex-note{font-size:12px;right:130px}.ex-shade{background:linear-gradient(#0000 34%,#07090d8c 50%,#07090de6 62%,#07090df7 100%),linear-gradient(#07090d80 0,#0000 120px)}}@media (prefers-reduced-motion:reduce){.ex-track{display:none}.ex-stack{max-width:900px;padding:calc(var(--header) + 24px) max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));gap:32px;margin-inline:auto;display:grid}.ex-stack section{gap:10px;display:grid}.ex-stack img{border-radius:8px;width:100%;height:auto;display:block}.ex-note-plain{color:var(--muted);margin:0}}.ex-links{font-size:max(14px, calc(var(--u,1) * 15px));color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 14px;margin:0;display:flex}.ex-links a{min-height:32px;color:var(--text);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;align-items:center;gap:6px;display:inline-flex}.ex-links a:hover{text-decoration-color:currentColor}@media (pointer:coarse){.ex-links a{min-height:40px}}.hw-examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hw-examples a{border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:10px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.hw-examples a:hover{border-color:var(--cool-text)}.hw-examples figure{aspect-ratio:16/9;margin:0;position:relative;overflow:hidden}.hw-examples img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hw-examples span{gap:4px;padding:14px 16px 16px;display:grid}.hw-examples strong{font:600 18px/1.25 var(--f-display)}.hw-examples small{color:#d0d6de;font-size:14px;line-height:1.45}@media (width<=1000px){.hw-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.hw-examples{grid-template-columns:minmax(0,1fr)}}.ex-links-phone{display:none}@media (width<=1199px),(height<=700px){.stop .ex-links{display:none}.stop .ex-links-phone{display:flex}}@media (width>=861px) and (width<=1199px) and (height<=820px){.stop[data-group=solutions]:has(.ex-links) .sp-points{display:none}}@media (width<=860px) and (height<=600px){.stop .ex-links-phone{display:none}}.hw-concept{color:var(--muted);margin:0;font-size:13px}.ex-after>.hw-concept{max-width:760px;margin-bottom:8px}@media (width<=360px){.ex-copy{bottom:88px}}