.segway-cockpit, .segway-details-grid { padding: 43px 20px; font-family: Inter, Arial, sans-serif; }
.segway-cockpit { background: #17263e; color: #fff; }
.segway-details-grid { background: #f1f4f8; color: #233a5f; }
.segway-section-heading { max-width: 620px; margin: 0 auto 22px; }
.segway-section-heading > span { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.segway-cockpit .segway-section-heading > span { color: #aec8eb; }
.segway-section-heading h2 { color: inherit; font: 700 clamp(26px, 7vw, 44px)/1.14 Inter, Arial, sans-serif; letter-spacing: -.045em; margin: 0 0 11px; }
.segway-section-heading p, .segway-display-panel p, .segway-detail-cards p { margin: 0; color: inherit; font-size: 13px; line-height: 1.65; }
.segway-cockpit p { color: #d9e4f2; }
.segway-details-grid p { color: #4e617c; }
.segway-display-switch { max-width: 900px; margin: auto; }
.segway-display-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-bottom: 12px; padding: 4px; background: #263a58; border-radius: 10px; }
.segway-display-tabs[hidden], .segway-display-panel[hidden] { display: none; }
.segway-display-tabs button { border: 0; min-height: 42px; border-radius: 7px; background: transparent; color: #e0eaf7; font: 650 11px Inter, Arial, sans-serif; padding: 6px; cursor: pointer; }
.segway-display-tabs button[aria-selected=true] { color: #233a5f; background: #fff; }
.segway-display-tabs button:focus-visible { outline: 2px solid #b8d8ff; outline-offset: 2px; }
.segway-display-panel { margin: 0 0 12px; border-radius: 12px; overflow: hidden; background: #223653; border: 1px solid #435b7b; }
.segway-display-panel img { display: block; width: 100%; height: auto; aspect-ratio: 1.618; object-fit: cover; background: #111b29; }
.segway-display-panel > div, .segway-detail-cards article > div { padding: 17px 16px; }
.segway-display-panel h3, .segway-detail-cards h3 { color: inherit; font: 700 16px/1.3 Inter, Arial, sans-serif; margin: 0 0 8px; }
.segway-display-panel a { color: #d2e7ff; font-size: 11px; display: inline-block; margin-top: 10px; text-underline-offset: 3px; }
.segway-detail-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 900px; margin: auto; }
.segway-detail-cards article { border: 1px solid #dce4ef; background: white; overflow: hidden; border-radius: 10px; }
.segway-detail-cards img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #e6ebf2; }
.segway-detail-cards article > div { padding: 12px; }
.segway-detail-cards h3 { font-size: 13px; }
.segway-detail-cards p { font-size: 11px; }
@media (min-width: 750px) {
  .segway-section-heading { text-align: center; }
  .segway-cockpit, .segway-details-grid { padding: 60px 28px; }
  .segway-display-panel > div { padding: 23px; }
  .segway-detail-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}