.sg-media { color: #fff; word-break: keep-all; overflow-wrap: break-word; }
.sg-media *, .sg-media *::before, .sg-media *::after { box-sizing: border-box; }
.sg-media [hidden] { display: none !important; }
.sg-media button { font: inherit; cursor: pointer; }
.sg-media button:focus-visible, .sg-media a:focus-visible, .sg-media video:focus-visible { outline: 3px solid #FFD27D; outline-offset: 5px; }
.sg-demo { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; align-items: center; padding-top: 36px; border-top: 1px solid #ffffff20; }
.sg-player-column { min-width: 0; }
.sg-player { position: relative; background: #060e19; border: 1px solid #ffffff24; border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 9; }
.sg-player--simulation { aspect-ratio: 854 / 480; }
.sg-player video { display: block; width: 100%; height: 100%; object-fit: contain; }
.sg-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #ffffff80; border-radius: 999px; color: #fff; background: #0a1424ed; padding: 15px 22px; min-height: 48px; white-space: nowrap; box-shadow: 0 4px 24px #0004; font-weight: 700 !important; }
.sg-play:hover { background: #E5402B; }
.sg-caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 13px 0 0; font-size: 12px; line-height: 1.6; color: #9AA7BA; }
.sg-caption strong { color: #FFD27D; font-weight: 600; }
.sg-kicker { color: #FFD27D; font-family: 'Space Grotesk', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0; margin: 0 0 16px; }
.sg-demo h3 { color: #fff; font-size: 29px; line-height: 1.4; letter-spacing: 0; margin: 0 0 18px; }
.sg-demo p.sg-description, .sg-sim-copy p { color: #B7C3D4; font-size: 15px; line-height: 1.8; margin: 0 0 22px; }
.sg-media-link { display: inline-block; color: #fff; text-decoration: none; padding: 12px 0 6px; border-bottom: 1px solid #E5402B; font-size: 14px; font-weight: 650; }
.sg-media-link:hover { color: #FFD27D; }
.sg-simulation { background: #0F2138; padding: 88px 0; scroll-margin-top: 96px; }
.sg-media-inner { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.sg-sim-heading { margin-bottom: 36px; max-width: 780px; }
.sg-sim-heading h2 { font-size: 34px; line-height: 1.35; letter-spacing: 0; margin: 0 0 16px; color: #fff; }
.sg-sim-heading > p:last-child { color: #9AA7BA; line-height: 1.7; font-size: 15px; margin: 0; }
.sg-sim-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.sg-tabs { display: flex; gap: 8px; margin: 18px 0 0; }
.sg-tab { flex: 1; min-width: 0; min-height: 52px; background: #ffffff06; border: 1px solid #ffffff29; border-radius: 8px; color: #B7C3D4; padding: 13px 8px; font-size: 14px !important; font-weight: 650 !important; line-height: 1.5; }
.sg-tab span { color: #8b9cb4; font: 12px 'Space Grotesk', sans-serif; margin-right: 8px; }
.sg-tab[aria-selected="true"] { background: #FFB02016; border-color: #FFB020a0; color: #FFD27D; }
.sg-tab[aria-selected="true"] span { color: #FFD27D; }
.sg-tab:hover { border-color: #FFD27D; }
.sg-sim-copy { padding-bottom: 36px; min-width: 0; }
.sg-sim-count { font: 13px 'Space Grotesk', sans-serif; letter-spacing: 0; color: #FFD27D; margin-bottom: 20px; }
.sg-sim-copy h3 { font-size: 25px; line-height: 1.45; letter-spacing: 0; margin: 0 0 18px; color: #fff; }
.sg-sim-copy .sg-sim-note { border-top: 1px solid #ffffff20; padding-top: 18px; font-size: 12px; line-height: 1.8; color: #9AA7BA; margin-bottom: 0; }
.sg-media-error { margin: 12px 0 0; font-size: 13px; color: #FFD27D; line-height: 1.7; }
.sg-full { max-width: 960px; margin: 0 auto 56px; color: #0F2138; scroll-margin-top: 100px; }
.sg-full-heading h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.4; letter-spacing: 0; }
.sg-full-heading p, .sg-full-copy p { margin: 0; font-size: 14px; line-height: 1.7; color: #596575; }
.sg-full .sg-tabs--full { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 20px 0 16px; }
.sg-full .sg-tab { background: #fff; color: #435368; border-color: #CCD1D7; }
.sg-full .sg-tab[aria-selected="true"] { background: #0F2138; color: #fff; border-color: #0F2138; }
.sg-full .sg-caption, .sg-full .sg-caption strong { color: #435368; }
.sg-full-copy { margin-top: 18px; }
.sg-full-copy h4 { font-size: 17px; line-height: 1.5; margin: 0 0 6px; }
.sg-full .sg-media-error { color: #B42318; }
.sg-full button:focus-visible { outline-color: #E5402B; }
.sg-news-media { max-width: 620px; }
.sg-news-media .sg-caption, .sg-news-media .sg-caption strong { color: #596575; }
.sg-news-media .sg-media-error { color: #B42318; }
.sg-news-item { word-break: keep-all; overflow-wrap: anywhere; }
.sg-news-photo { display: block; width: 100%; max-width: 620px; height: auto; border-radius: 8px; }
.sg-news-photo--prototype { max-width: 400px; aspect-ratio: 1; }
@media (max-width: 960px) {
  .sg-demo { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 26px; }
  .sg-sim-layout { grid-template-columns: 1fr; gap: 26px; }
  .sg-sim-copy { padding-bottom: 0; max-width: 720px; }
  .sg-sim-copy h3 { font-size: 24px; }
  .sg-sim-count { margin-bottom: 10px; }
}
@media (max-width: 760px) {
  .sg-demo { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-top: 26px; }
  .sg-media-inner { padding: 0 18px; }
  .sg-simulation { padding: 62px 0; scroll-margin-top: 120px; }
  .sg-sim-heading { margin-bottom: 26px; }
  .sg-sim-heading h2 { font-size: 27px; }
  .sg-tabs { gap: 6px; margin-top: 14px; }
  .sg-tab { font-size: 12px !important; padding: 12px 4px; min-height: 48px; }
  .sg-tab span { display: block; margin: 0 0 2px; font-size: 10px; }
  .sg-play { font-size: 13px !important; padding: 12px 18px; }
  .sg-demo h3, .sg-sim-copy h3 { font-size: 23px; }
  .sg-sim-copy p { font-size: 14px; }
  .sg-full .sg-tabs--full { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .sg-full-heading h3 { font-size: 22px; }
  .sg-full { margin-bottom: 36px; }
  .sg-news-item h2 { font-size: 20px !important; line-height: 1.5 !important; }
}