html{scroll-behavior:smooth;scroll-padding-top:110px}
#se-motion-demo{overflow:clip!important}
#se-motion-demo [id]{scroll-margin-top:110px}
.motion-control-bar{min-height:0;padding:0;border:0;justify-content:flex-end}
.motion-control-bar:has(button){padding:8px 24px}
#se-motion-demo .se-top{position:sticky;top:0;z-index:20;max-width:none;padding:18px max(24px,calc((100% - 1440px)/2));background:color-mix(in srgb,var(--scene-bg) 94%,transparent);backdrop-filter:blur(16px)}
#se-motion-demo .se-nav a{position:relative;padding-block:12px;white-space:nowrap}
#se-motion-demo .se-nav a[aria-current=location]{color:var(--accent)}
#se-motion-demo .se-nav a[aria-current=location]:after{content:'';height:2px;position:absolute;bottom:4px;left:0;right:0;background:var(--accent)}
#se-motion-demo .se-hero{padding-top:65px}
#se-motion-demo .availability-label{display:block;color:var(--accent);font:11px/1.6 ui-monospace,monospace;letter-spacing:.1em;margin-bottom:7px}
#se-motion-demo .se-primary{min-height:48px}
#se-motion-demo .se-quiet{min-height:44px;cursor:pointer}
#se-motion-demo .operation-grid{position:relative;isolation:isolate}
#se-motion-demo .signal-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
#se-motion-demo .signal-connections path{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:0;filter:drop-shadow(0 0 4px var(--accent))}
#se-motion-demo .se-console[data-step="2"] .signal-connections path,#se-motion-demo .se-console[data-step="3"] .signal-connections path{opacity:.75;stroke-dasharray:1;stroke-dashoffset:0;animation:connect-rosters 1.2s ease-out both}
@keyframes connect-rosters{from{stroke-dashoffset:1;opacity:.15}to{stroke-dashoffset:0;opacity:.75}}
#se-motion-demo .se-team{transition:background .3s}
#se-motion-demo .briefing-steps button{min-height:64px}
#se-motion-demo .se-team b{font-size:14px}
#se-motion-demo .team-status,#se-motion-demo .se-team small{font-size:12px}
#se-motion-demo .signal-pane p,#se-motion-demo .briefing-outcome p{font-size:14px}
#se-motion-demo .briefing-outcome{min-height:118px}
#se-motion-demo .platform-section{padding:70px max(24px,calc((100% - 1240px)/2));background:var(--scene-panel);border-block:1px solid var(--scene-line)}
#se-motion-demo .platform-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-.045em;margin:20px 0}
#se-motion-demo .platform-heading>p:last-child{font-size:17px;line-height:1.7;color:#afc0cd;max-width:650px}
#se-motion-demo .platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}
#se-motion-demo .platform-grid article{background:var(--scene-bg);border:1px solid var(--scene-line);border-radius:6px;padding:27px}
#se-motion-demo .platform-monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--scene-line);color:var(--accent);font:18px ui-monospace,monospace;border-radius:5px;margin-bottom:24px}
#se-motion-demo .platform-grid h3{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}
#se-motion-demo .platform-status{font:12px/1.5 ui-monospace,monospace;color:var(--accent);display:block;margin-bottom:14px}
#se-motion-demo .platform-grid p{color:#a5b7c4;font-size:15px;line-height:1.7}
#se-motion-demo .platform-note{font-size:12px;color:#9dafbd;margin-top:23px}
@media(max-width:800px){#se-motion-demo .se-top{flex-wrap:wrap;gap:12px;padding:14px 20px}#se-motion-demo .se-nav{width:100%;gap:18px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}#se-motion-demo .se-nav a,#se-motion-demo .se-nav a:first-child{display:inline-block;font-size:12px}#se-motion-demo .platform-grid{grid-template-columns:1fr}.platform-grid article{padding:23px}html{scroll-padding-top:150px}#se-motion-demo [id]{scroll-margin-top:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#se-motion-demo .signal-connections path{animation:none!important}}
