.app-showcase { background: #fff; color: #111; overflow: hidden; }
.app-showcase__inner { margin: 0 auto; max-width: 1280px; padding: clamp(45px, 5.6vw, 86px) 24px clamp(38px, 4.8vw, 72px); text-align: center; }
.app-showcase__intro h2 { font-family: var(--font-display); font-size: clamp(28px, 3.2vw, 46px); font-weight: 400; line-height: 1.1; margin: 0; }.app-showcase__intro p { color: #777; font-size: clamp(11px, 0.85vw, 14px); margin: 11px 0 0; }
.app-showcase__tabs { background: #f2f2f3; border-radius: 999px; display: inline-grid; gap: 4px; grid-template-columns: repeat(3, 1fr); margin-top: clamp(22px, 2.4vw, 35px); padding: 4px; }.app-showcase__tabs button { background: transparent; border: 0; border-radius: 999px; color: #393939; cursor: pointer; font: inherit; padding: 8px clamp(13px, 1.6vw, 27px); white-space: nowrap; }.app-showcase__tabs button[aria-selected="true"] { background: #050505; color: #fff; }
.app-showcase__panel { box-sizing: border-box; display: none; min-height: clamp(500px, 39vw, 584px); padding-top: clamp(34px, 4vw, 60px); }.app-showcase__panel.is-active { display: block; }.app-showcase__panel--control { margin: 0 auto; max-width: 800px; text-align: left; }.app-smart-control__item { align-items: center; display: grid; gap: clamp(28px, 4vw, 60px); grid-template-columns: minmax(280px, 1fr) 190px; margin: 0 auto clamp(26px, 3vw, 44px); max-width: 700px; }.app-smart-control__item h3 { font-size: clamp(18px, 1.4vw, 24px); font-weight: 500; margin: 0; }.app-smart-control__item p { color: #666; font-size: clamp(12px, .9vw, 14px); line-height: 1.5; margin: 14px 0 0; max-width: 44ch; }.app-smart-control__image { align-items: center; aspect-ratio: 1.35; background: linear-gradient(135deg, #dfe6e9, #aeb8bd); border-radius: 12px; color: rgba(0,0,0,.45); display: flex; font-size: 12px; justify-content: center; overflow: hidden; }
.app-showcase__panel--insights { height: clamp(500px, 39vw, 584px); margin: 0 auto; max-width: 1100px; }.app-ai-sequence { height: 100%; position: relative; }.app-ai-sequence__transition { display: block; height: 100%; object-fit: contain; opacity: 1; transition: opacity 1000ms ease; width: 100%; }.app-ai-sequence.is-transition-fading .app-ai-sequence__transition { opacity: 0; }.app-insights-feature { align-items: end; display: grid; gap: clamp(28px, 5.5vw, 78px); grid-template-columns: minmax(390px, 536px) minmax(364px, 1fr); height: 100%; left: 64px; position: relative; text-align: left; }.app-ai-sequence__p2 { inset: 0; opacity: 0; pointer-events: none; position: absolute; visibility: hidden; }.app-ai-sequence__p2 .app-insights-feature__media, .app-ai-sequence__p2 .app-insights-feature__content { opacity: 0; }.app-ai-sequence__p2 .app-insights-feature__media { transform: translateY(10px); }.app-ai-sequence__p2 .app-insights-feature__content { transform: translate(22px, -96px); }.app-ai-sequence.is-p2-active .app-ai-sequence__p2 { opacity: 1; pointer-events: auto; visibility: visible; }.app-ai-sequence.is-p2-active .app-insights-feature__media { animation: app-ai-media-in 720ms cubic-bezier(.22,1,.36,1) forwards; }.app-ai-sequence.is-p2-active .app-insights-feature__content { animation: app-ai-copy-in 760ms cubic-bezier(.22,1,.36,1) 180ms forwards; }.app-insights-feature__media { align-self: stretch; background: #fff; justify-self: center; left: 0; max-width: 536px; overflow: hidden; position: relative; width: 100%; }.app-insights-feature__video { display: block; height: 100%; margin-inline: auto; max-width: 100%; object-fit: contain; object-position: bottom; transform: scale(1.03); transform-origin: center; width: auto; }.app-insights-feature__content { transform: translateY(-96px); }.app-insights-feature__content h3 { font-size: clamp(18px, 1.65vw, 25px); font-weight: 500; letter-spacing: -.035em; line-height: 1.18; margin: 0; }.app-insights-feature__content p { color: #686868; font-size: clamp(11px, .82vw, 13px); line-height: 1.34; margin: 20px 0 0; max-width: 45ch; }.app-insights-feature__content p + p { margin-top: 18px; }@keyframes app-ai-media-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }@keyframes app-ai-copy-in { from { opacity: 0; transform: translate(22px, -96px); } to { opacity: 1; transform: translateY(-96px); } }
.app-smart-page { display: none; }.app-smart-page.is-active { animation: app-smart-page-in 360ms cubic-bezier(.22,1,.36,1); display: block; }.app-smart-page--detail { align-items: center; gap: clamp(42px, 6vw, 96px); grid-template-columns: 250px minmax(320px, 1fr); margin: 0 auto; max-width: 760px; }.app-smart-page--detail.is-active { display: grid; }.app-smart-detail__phone { align-items: center; aspect-ratio: .52; background: linear-gradient(160deg, #1e2328, #050607); border: 5px solid #16191c; border-radius: 34px; box-shadow: 0 14px 22px rgba(0,0,0,.16); color: rgba(255,255,255,.56); display: flex; font-size: 13px; justify-content: center; line-height: 1.45; text-align: center; }.app-smart-detail__content h3 { font-size: clamp(18px, 1.4vw, 24px); font-weight: 500; line-height: 1.18; margin: 0; }.app-smart-detail__content p { color: #666; font-size: clamp(12px, .85vw, 14px); line-height: 1.45; margin: 26px 0 0; max-width: 55ch; }.app-smart-detail__images { display: grid; gap: 18px; grid-template-columns: repeat(2, 1fr); margin-top: 30px; }.app-smart-detail__images div { align-items: center; aspect-ratio: 1.4; background: linear-gradient(135deg, #dfe5e4, #abb5b1); border-radius: 16px; color: rgba(0,0,0,.45); display: flex; font-size: 12px; justify-content: center; }.app-smart-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 28px; }.app-smart-pagination button { background: #949494; border: 0; border-radius: 999px; cursor: pointer; height: 10px; padding: 0; transition: background 180ms ease, width 180ms ease; width: 10px; }.app-smart-pagination button[aria-selected="true"] { background: #050505; width: 32px; }@keyframes app-smart-page-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.app-showcase__stage { height: clamp(336px, 34.4vw, 496px); margin-top: 0; position: relative; }.app-showcase__phone { bottom: 0; filter: drop-shadow(0 16px 16px rgba(0,0,0,.18)); height: min(100%, 470px); left: 50%; object-fit: contain; position: absolute; transform: translateX(-50%); z-index: 1; }
.app-showcase__rail-shell { --app-card-size: clamp(140px, 15vw, 224px); background: transparent; left: 50%; overflow: visible; position: absolute; top: 36%; transform: translate(-50%, -18%); width: 100vw; z-index: 2; }.app-showcase__rail { align-items: center; background: transparent; cursor: grab; display: flex; gap: clamp(10px, 1vw, 19px); overflow-x: auto; padding: 10px max(24px, calc(50vw - (var(--app-card-size) / 2))); scroll-padding-inline: max(24px, calc(50vw - (var(--app-card-size) / 2))); scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x mandatory; touch-action: pan-y; user-select: none; }.app-showcase__rail::-webkit-scrollbar { display: none; }.app-showcase__rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.app-content-card { background: #8299ca; border-radius: 16px; display: flex; flex: 0 0 var(--app-card-size); height: var(--app-card-size); overflow: hidden; position: relative; scroll-snap-align: center; }.app-content-card picture { display: block; height: 100%; width: 100%; }.app-content-card__image { height: 100%; object-fit: cover; pointer-events: none; user-select: none; width: 100%; }.app-content-card__audio { align-items: center; background: transparent; border: 0; bottom: 4px; cursor: pointer; display: flex; gap: 0; left: 0; opacity: 0; padding: 0; position: absolute; transition: opacity 220ms ease; }.app-content-card:hover .app-content-card__audio, .app-content-card:focus-within .app-content-card__audio, .app-content-card__audio.is-playing { opacity: 1; }.app-content-card__audio-icon { align-items: center; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.75); border-radius: 50%; display: grid; height: 32px; justify-content: center; margin: 12px; place-items: center; width: 32px; }.app-content-card__audio-icon img { display: block; height: 32px; width: 32px; }.app-content-card__audio.is-playing .app-content-card__audio-icon::after { background: url("/sections/app-showcase/images/icon-audio-pause.png") center / contain no-repeat; content: ""; height: 20px; width: 10px; }.app-content-card__audio.is-playing .app-content-card__audio-icon img { display: none; }.app-content-card__audio i { background: rgba(255,255,255,.45); border-radius: 999px; display: block; height: 7px; position: relative; width: 136px; }.app-content-card__audio i::before { background: #fff; border-radius: inherit; content: ""; inset: 0 auto 0 0; position: absolute; width: var(--audio-progress, 0%); }
.app-showcase__rail.is-dragging { scroll-behavior: auto; }

@media (min-width: 641px) {
  .app-showcase__panel[data-app-panel="library"] .app-content-card {
    transform: scale(.8);
    transform-origin: center;
    transition: transform 280ms ease;
  }
  .app-showcase__panel[data-app-panel="library"] .app-content-card.is-centered {
    transform: scale(1);
    z-index: 1;
  }
}

@media (min-width: 641px) and (prefers-reduced-motion: reduce) {
  .app-showcase__panel[data-app-panel="library"] .app-content-card { transition: none; }
}

/* Fit inside the bordered circle; offset the triangle for optical centering. */
.app-content-card__audio-icon img {
  height: 100%;
  width: 100%;
  transform: translateX(1px);
}

/* Both Smart Control pages reserve the same stage so their pagination never shifts. */
@media (min-width: 641px) and (max-width: 1023px) {
  .app-insights-feature { gap: 24px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); left: 0; }
  .app-showcase .app-insights-feature__media { left: 0; min-width: 0; }
  .app-insights-feature__content { min-width: 0; }
}

.app-showcase__panel--control {
  height: clamp(620px, 44vw, 720px);
  position: relative;
}

.app-showcase__panel--control .app-smart-pagination {
  background: #f2f2f2;
  border-radius: 999px;
  bottom: 96px;
  left: 50%;
  margin-top: 0;
  padding: 5px 7px;
  position: absolute;
  right: auto;
  transform: translateX(-50%);
  width: max-content;
}

.app-smart-page--detail.is-active {
  position: relative;
  /* Keep the Smart Control detail heading on the same horizontal line as
     the first Smart Control page when the tab switches. */
  top: -32px;
}

/* Give the two Smart Home overview rows more breathing room below the tabs. */
.app-smart-page[data-smart-page="0"].is-active {
  position: relative;
  top: 32px;
}

@media (max-width: 640px) { .app-showcase__inner { padding-inline: 14px; }.app-showcase__tabs { display: flex; gap: 2px; width: 100%; }.app-showcase__tabs button { font-size: 11px; flex: 1; padding: 9px 4px; }.app-showcase__panel { min-height: 0; padding-top: 24px; }.app-showcase__panel--insights { height: auto; }.app-ai-sequence { height: 390px; }.app-insights-feature { gap: 20px; grid-template-columns: 1fr; height: auto; left: 0; text-align: center; }.app-insights-feature__media { align-self: auto; left: 0; max-width: 290px; }.app-insights-feature__video { height: auto; width: 100%; }.app-insights-feature__content p { margin-inline: auto; }.app-smart-control__item { gap: 18px; grid-template-columns: 1fr 120px; }.app-smart-control__item p { font-size: 11px; }.app-smart-page--detail { gap: 28px; grid-template-columns: 120px 1fr; }.app-smart-detail__phone { border-radius: 20px; border-width: 3px; font-size: 9px; }.app-smart-detail__content h3 { font-size: 19px; }.app-smart-detail__content p { font-size: 12px; margin-top: 14px; }.app-smart-detail__images { gap: 8px; margin-top: 16px; }.app-showcase__stage { height: 390px; }.app-showcase__phone { height: 355px; }.app-showcase__rail-shell { --app-card-size: 132px; transform: translate(-50%, -10%); }.app-showcase__rail { padding-inline: calc(50vw - 66px); }.app-content-card { flex-basis: 132px; height: 132px; }.app-showcase__controls { display: none; } }

@media (max-width: 640px) {
  .app-showcase__panel--control { height: auto; }
  .app-showcase__panel--control .app-smart-pagination { bottom: auto; left: auto; margin-top: 28px; position: static; transform: none; }
  .app-smart-page--detail.is-active { top: 0; }
}

/* The AI detail state is a stacked editorial layout on phones.  It must not
   inherit the desktop overlay offsets, which put the device on top of the tabs. */
@media (max-width: 640px) {
  .app-showcase__inner { padding: 40px var(--page-pad-x) 48px; }
  .app-showcase__intro { text-align: left; }
  .app-showcase__intro h2 { font-size: 30px; line-height: 1.08; }
  .app-showcase__intro p { font-size: 12px; line-height: 1.35; margin-top: 10px; max-width: 36ch; }
  .app-showcase__tabs { margin-top: 14px; }
  .app-showcase__tabs button { font-size: 10px; padding-block: 6px; }

  .app-showcase__panel--insights { padding-top: 32px; }
  .app-ai-sequence { height: 690px; }
  .app-ai-sequence__p2 { display: grid; inset: 0; opacity: 0; pointer-events: none; }
  .app-ai-sequence.is-p2-active { height: auto; }
  .app-ai-sequence.is-p2-active .app-ai-sequence__p2 { inset: auto; min-height: 0; opacity: 1; pointer-events: auto; position: static !important; }
  .app-ai-sequence.is-p2-active .app-ai-sequence__transition { display: none; }
  .app-insights-feature { align-content: start; gap: 0; grid-template-columns: 1fr; left: 0; padding-top: 0; text-align: center; }
  .app-ai-sequence__p2 .app-insights-feature__content { animation: none; opacity: 1; order: -1; transform: none; }
  .app-ai-sequence__p2 .app-insights-feature__media { animation: none; left: 0; margin: 0 auto; max-width: 320px; opacity: 1; transform: none; }
  .app-insights-feature__content h3 { font-size: 18px; letter-spacing: -.025em; line-height: 1.18; }
  .app-insights-feature__content { width: 100%; }
  .app-insights-feature__content p { font-size: 11px; line-height: 1.45; margin: 18px auto 0; max-width: 100%; }
  .app-insights-feature__content p br { display: none; }
  .app-insights-feature__content p + p { margin-top: 22px; }
  .app-insights-feature__video { display: block; transform: scale(1.03); transform-origin: center; width: 100%; }
  .app-insights-feature__media::after { background: #fff; bottom: 0; content: ""; height: 4px; left: 0; pointer-events: none; position: absolute; width: 100%; z-index: 1; }

  .app-showcase__panel[data-app-panel="library"] {
    margin-inline: calc(-1 * var(--page-pad-x));
    padding-top: 96px;
    width: calc(100% + var(--page-pad-x) * 2);
  }
  .app-showcase__panel[data-app-panel="library"] .app-showcase__stage { height: 470px; }
  .app-showcase__panel[data-app-panel="library"] .app-showcase__phone { bottom: -12px; height: 500px; transform: translateX(-50%) scale(1.1); transform-origin: center bottom; }
  .app-showcase__panel[data-app-panel="library"] .app-showcase__rail-shell { --app-card-size: min(214px, 53vw); top: 29%; }
  .app-showcase__panel[data-app-panel="library"] .app-showcase__rail {
    gap: 18px;
    padding-inline: calc(50vw - (var(--app-card-size) / 2) + var(--app-card-size) * .04);
    scroll-padding-inline: calc(50vw - (var(--app-card-size) / 2) + var(--app-card-size) * .04);
  }
  .app-showcase__panel[data-app-panel="library"] .app-content-card {
    flex-basis: var(--app-card-size);
    height: var(--app-card-size);
    margin-inline: calc(var(--app-card-size) * -.04);
    transform: scale(.8);
    transform-origin: center;
    transition: transform 280ms ease;
  }
  .app-showcase__panel[data-app-panel="library"] .app-content-card.is-centered {
    transform: scale(1);
    z-index: 1;
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .app-showcase__panel[data-app-panel="library"] .app-content-card { transition: none; }
}

/* The desktop AI sequence uses an absolutely-positioned second frame for its
   transition. On mobile we deliberately skip that transition so this content
   remains in normal document flow below the tab bar. */
@media (max-width: 640px) {
  .app-ai-sequence,
  .app-ai-sequence.is-p2-active { height: auto !important; }
  .app-ai-sequence__transition { display: block !important; height: 640px !important; object-fit: contain; object-position: center; opacity: 1; transform: none; width: 100%; }
  .app-ai-sequence__p2,
  .app-ai-sequence.is-p2-active .app-ai-sequence__p2 {
    display: none !important;
    inset: auto !important;
    min-height: 0;
    opacity: 0 !important;
    pointer-events: none;
    position: static !important;
    visibility: hidden !important;
  }
  .app-ai-sequence.is-p2-active .app-ai-sequence__transition {
    display: none !important;
  }
  .app-ai-sequence.is-p2-active .app-ai-sequence__p2 {
    display: grid !important;
    opacity: 1 !important;
    pointer-events: auto;
    visibility: visible !important;
  }
  .app-insights-feature__content,
  .app-ai-sequence__p2 .app-insights-feature__content {
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
  }
  .app-insights-feature__media,
  .app-ai-sequence__p2 .app-insights-feature__media {
    left: auto !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
  }

  /* Keep the AI detail in normal flow when returning from another tab. */
  .app-ai-sequence.is-p2-active .app-insights-feature {
    height: auto !important;
    position: static !important;
    transform: none !important;
  }

  /* Do not restart the desktop entrance animation when this panel is shown
     again after visiting another tab. Its first keyframe moves the copy up. */
  .app-ai-sequence.is-p2-active .app-insights-feature__media,
  .app-ai-sequence.is-p2-active .app-insights-feature__content {
    animation: none !important;
  }
}

@media (min-width: 641px) {
  .app-showcase__panel--insights { margin-top: -20px; margin-bottom: 20px; }
  .app-insights-feature__media { left: 130px; }
  .app-insights-feature__video { transform: scale(.98, .98); transform-origin: center; }
  .app-insights-feature__content h3 { font-size: clamp(16px, 1.45vw, 22px); }
}

.app-smart-control__image video { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; }
.app-smart-detail__images video { aspect-ratio: 1.4; border-radius: 16px; display: block; height: auto; object-fit: cover; width: 100%; }
.app-smart-detail__phone { aspect-ratio: auto; background: transparent; border: 0; border-radius: 0; box-shadow: none; display: block; }
.app-smart-detail__phone { height: auto; object-fit: contain; width: 100%; }

/* Reserve the same space for every desktop tab without enlarging its media. */
@media (min-width: 641px) {
  .app-showcase__panel { height: clamp(620px, 44vw, 720px); min-height: clamp(620px, 44vw, 720px); }
  .app-ai-sequence { height: calc(clamp(500px, 39vw, 584px) - clamp(34px, 4vw, 60px)); }
}

@media (min-width: 641px) {
  .app-smart-control__item {
    grid-template-columns: minmax(280px, 1fr) 200px;
    max-width: 700px;
  }

  .app-smart-control__image {
    aspect-ratio: 1;
  }

  .app-smart-control__image video {
    object-fit: contain;
  }

  .app-smart-control__item:first-child .app-smart-control__image video {
    transform: none;
  }

  .app-smart-control__item:nth-child(2) .app-smart-control__image video {
    transform: none;
  }

  .app-smart-page--detail {
    gap: clamp(24px, 3vw, 48px);
    grid-template-columns: 380px minmax(448px, 1fr);
    max-width: 1028px;
  }

  .app-smart-detail__phone {
    transform: translateY(-8px) scale(1.16);
    transform-origin: center bottom;
  }

  .app-smart-detail__content {
    transform: translateX(-16px);
  }
}

@media (max-width: 640px) {
  .app-smart-control__item {
    grid-template-columns: 1fr 150px;
  }
}

@media (max-width: 640px) {
  /* Reveal controls only for the card aligned with the phone on touch devices. */
  .app-content-card.is-centered .app-content-card__audio { opacity: 1; }
  .app-content-card__audio { transition: none; }

  /* All mobile tab pages share one fixed stage.  This keeps the section
     rhythm and pagination position stable when switching tabs. */
  .app-showcase__panel {
    height: 640px;
    min-height: 640px;
    overflow: hidden;
  }
  .app-showcase__panel--control { min-height: 640px; padding-top: 0; text-align: center; }
  .app-showcase__panel[data-app-panel="control"].is-active {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 20px;
  }
  .app-showcase__panel[data-app-panel="control"] .app-smart-page.is-active { flex: 1; }
  .app-showcase__panel[data-app-panel="library"] { padding-top: 96px; }
  .app-smart-page[data-smart-page="0"].is-active { top: 0; }
  .app-smart-control__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0 auto 16px;
  }
  .app-smart-control__item h3 { font-size: 12px; line-height: 1.3; }
  .app-smart-control__item p { font-size: 10px; line-height: 1.4; margin: 8px auto 8px; max-width: none; width: calc(100% - 32px); }
  .app-smart-control__image { aspect-ratio: 1; flex: 0 0 auto; width: 192px; }
  .app-smart-control__image video { object-fit: contain; }
  .app-showcase__panel--control .app-smart-pagination { background: #f2f2f2; border-radius: 999px; gap: 6px; margin-top: auto; padding: 5px 7px; }
  .app-showcase__panel--control .app-smart-pagination button { height: 8px; width: 8px; }
  .app-showcase__panel--control .app-smart-pagination button[aria-selected="true"] { width: 24px; }
  .app-showcase__panel--control .app-smart-pagination button { position: relative; }
  .app-showcase__panel--control .app-smart-pagination button::before { content: ""; inset: -12px; position: absolute; }

  .app-smart-page--detail.is-active {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: none;
    padding-top: 24px;
    text-align: center;
  }
  .app-smart-detail__content { order: -1; transform: none; }
  .app-smart-detail__content h3 { font-size: 12px; font-weight: 500; line-height: 1.25; }
  .app-smart-detail__content p { font-size: 10px; line-height: 1.4; margin: 8px auto 0; max-width: none; width: calc(100% - 32px); }
  .app-smart-detail__images { gap: 12px; margin: 14px auto 0; max-width: 264px; }
  .app-smart-detail__images video { aspect-ratio: 1.2; border-radius: 8px; }
  .app-smart-detail__phone { margin-top: -62px; transform: none; width: 380px; }
}

.app-content-card__audio.is-loading { opacity: 1; }

/* Fill spacious desktop windows while retaining one shared tab height. */
@media (min-width: 1600px) and (min-height: 900px) and (max-aspect-ratio: 2/1) {
  .app-showcase__inner { max-width: 1440px; }
  .app-showcase__intro h2 { font-size: 54px; }
  .app-showcase__intro p { font-size: 16px; }
  .app-showcase__tabs button { font-size: 17px; padding: 10px 32px; }
  .app-showcase__panel { height: 780px; min-height: 780px; }
  .app-showcase__stage { height: 600px; }
  .app-showcase__phone { height: 570px; }
  .app-showcase__rail-shell { --app-card-size: 268px; }
  .app-showcase__rail { gap: 24px; }
  .app-ai-sequence { height: 630px; }
  .app-showcase__panel--insights { max-width: 1280px; }
  .app-insights-feature { grid-template-columns: minmax(0, 620px) minmax(0, 1fr); left: 0; }
  .app-insights-feature__media { max-width: 620px; }
  .app-insights-feature__content h3 { font-size: 29px; }
  .app-insights-feature__content p { font-size: 15px; }
  .app-showcase__panel--control { max-width: 1120px; }
  .app-smart-control__item { grid-template-columns: minmax(0, 1fr) 240px; max-width: 840px; }
  .app-smart-control__item h3, .app-smart-detail__content h3 { font-size: 28px; }
  .app-smart-control__item p, .app-smart-detail__content p { font-size: 16px; }
}