/* Homepage presentation enhancements. The supplied copy and images are unchanged. */
.hd-header .hd-brand { width:136px; flex-basis:136px; }
.hd-header .hd-bar { grid-template-columns:minmax(145px,1fr) auto minmax(190px,1fr); }
.sequence-track { position:relative; min-width:0; }
.sequence-frame { position:relative; min-width:0; padding-top:40px; }
.sequence-track.is-pinned { height:calc(var(--sequence-height) + var(--sequence-travel)); }
.sequence-track.is-pinned .sequence-frame { position:sticky; top:var(--sequence-top,88px); }
.sequence-controls { position:absolute; right:0; top:0; display:flex; align-items:center; gap:10px; }
.sequence-toggle { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--line); border-radius:50%; background:var(--white); color:var(--ink); cursor:pointer; }
.sequence-toggle svg { width:14px; height:14px; }
.sequence-toggle:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.sequence-toggle:hover { background:var(--orange-soft); }
.sequence-progress { width:76px; height:3px; border-radius:4px; background:var(--line); overflow:hidden; }
.sequence-progress::after { content:""; display:block; width:100%; height:100%; background:var(--orange); transform-origin:left; transform:scaleX(var(--sequence-progress,0)); }
.sequence-frame .platform-panels,.sequence-frame .maintain-display { display:grid; min-width:0; }
.sequence-frame .platform-panel { grid-area:1/1; }
.sequence-frame .maintain-screen { grid-area:1/1; min-width:0; }
.sequence-frame .platform-panel[hidden] { display:grid; visibility:hidden; pointer-events:none; }
.sequence-frame .maintain-screen[hidden] { display:flex; visibility:hidden; pointer-events:none; }
.sequence-frame .platform-tab,.sequence-frame .maintain-step { position:relative; }
.sequence-frame .platform-tab::after,.sequence-frame .maintain-step::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--orange); transform:scaleX(0); transform-origin:left; }
.sequence-frame .platform-tab[aria-selected="true"]::after,.sequence-frame .maintain-step.is-active::after { transform:scaleX(var(--sequence-progress,0)); }
.sequence-frame .platform-panel .panel-copy { padding:28px; }
.sequence-frame .platform-panel .panel-copy h3 { font-size:clamp(1.9rem,2.7vw,2.8rem); }
.sequence-frame .platform-tab { min-width:0; }
.sequence-frame .real-shot img { max-height:clamp(190px,calc(100svh - 380px),420px); object-fit:contain; }
.sequence-frame .maintain-content { padding:12px 0 6px; }
.sequence-frame .maintain-content h3 { font-size:clamp(1.8rem,2.7vw,2.6rem); }
.sequence-frame .maintain-content p { margin:10px 0; }
.sequence-frame .maintain-screen { padding:20px; }
.sequence-frame .maintain-content .real-shot { margin-top:16px; }
.sequence-frame .maintain-content .real-shot img { max-height:clamp(180px,calc(100svh - 440px),370px); }
@media(max-width:1100px) {
  .hd-header .hd-bar { display:flex; }
  .hd-header .hd-brand { width:130px; flex-basis:130px; }
}
@media(max-width:950px) {
  .sequence-frame .platform-panel { grid-template-columns:1fr; align-content:start; }
  .sequence-frame .platform-panel .panel-copy { padding:24px 24px 0; }
  .sequence-frame .platform-panel .panel-copy h3 { font-size:2rem; }
  .sequence-frame .panel-copy p { margin:14px 0; }
  .sequence-frame .panel-copy .learn { margin-top:4px; }
  .sequence-frame .panel-shot { margin:20px 24px 24px; }
  .sequence-frame .maintain-grid { grid-template-columns:1fr; }
  .sequence-frame .maintain-steps { flex-direction:row; }
  .sequence-frame .maintain-step { grid-template-columns:1fr; gap:6px; padding:14px 12px; min-width:0; }
  .sequence-frame .maintain-step + .maintain-step { border-left:1px solid var(--line); }
  .sequence-frame .maintain-step strong { font:600 .9rem/1.3 var(--sans); }
  .sequence-frame .maintain-step > span:first-child { margin:0; }
  .sequence-frame .maintain-step > span:last-child { display:none; }
  .sequence-frame .maintain-step small { font-size:.75rem; }
  .sequence-frame .real-shot img { max-height:260px; }
}
@media(max-width:600px) {
  .hd-header .hd-brand { width:124px; flex-basis:124px; }
  .sequence-frame .platform-tabs { gap:3px; margin-inline:0; scroll-behavior:smooth; }
  .sequence-frame .platform-tab { flex:0 0 auto; min-width:145px; min-height:52px; }
  .sequence-frame .platform-panel .panel-copy { padding:20px 18px 0; }
  .sequence-frame .platform-panel .panel-copy h3 { font-size:1.85rem; }
  .sequence-frame .panel-copy p { font-size:.9rem; line-height:1.5; }
  .sequence-frame .panel-shot { margin:18px 12px; }
  .sequence-frame .maintain-step { padding:12px 8px; }
  .sequence-frame .maintain-step strong { font-size:.8rem; }
  .sequence-frame .maintain-step small { font-size:.69rem; line-height:1.4; }
  .sequence-frame .maintain-screen { padding:16px; }
  .sequence-frame .maintain-content h3 { font-size:1.8rem; }
  .sequence-frame .real-shot img { max-height:220px; }
  .sequence-frame .mini-screen-head { gap:12px; flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
  .sequence-frame .platform-tabs { scroll-behavior:auto; }
}