/* TOBI homepage professional layout — E6 source remains 1364×762 and is always contained, never stretched or cropped. */
body.tobi-home-redesigned #hero {
  min-height: clamp(660px, 52vw, 780px);
  background:
    radial-gradient(circle at 82% 24%, rgba(255, 101, 57, .18), transparent 21%),
    radial-gradient(circle at 18% 82%, rgba(38, 124, 215, .25), transparent 39%),
    linear-gradient(135deg, #061326 0%, #0a2440 58%, #061426 100%) !important;
}
body.tobi-home-redesigned #hero .max-w-3xl {
  max-width: min(100%, 34rem);
  padding-right: 0;
}
body.tobi-home-redesigned #hero [data-dom-id="hero-pillars"] { display: none; }
body.tobi-home-redesigned #hero .tobi-home-hero-device {
  top: clamp(112px, 11vw, 146px);
  right: clamp(-48px, -2.7vw, -8px);
  width: min(53vw, 760px);
  height: auto;
  min-height: 0;
  aspect-ratio: 1364 / 630;
  border-radius: 24px;
  background: #091a2d !important;
  box-shadow: 0 34px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.17);
}
body.tobi-home-redesigned #hero .tobi-home-hero-device::before { opacity: .18; }
body.tobi-home-redesigned #hero .tobi-home-hero-device::after { display: none; }
body.tobi-home-redesigned #hero .tobi-home-hero-device > img.tobi-official-stage__image {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}
body.tobi-home-redesigned #hero .tobi-home-hero-device .tobi-official-stage__eyebrow,
body.tobi-home-redesigned #hero .tobi-home-hero-device .tobi-official-stage__caption { display: none; }
body.tobi-home-redesigned #hero .tobi-home-mobile-device { display: none !important; }

/* A consistently proportioned product-comparison system. */
body.tobi-home-redesigned #devices { background: linear-gradient(180deg, #f5f8fc 0%, #fff 100%) !important; }
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  border-radius: 24px;
  border-color: rgba(74, 120, 166, .18) !important;
  box-shadow: 0 16px 40px rgba(7, 33, 59, .10);
}
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] > .tobi-official-stage,
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] > div:first-child {
  height: auto !important;
  min-height: 0;
  aspect-ratio: 16 / 10;
  padding: 22px !important;
}
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] .tobi-official-stage__image {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] > div:last-child {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
}
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] > div:last-child > a { margin-top: auto; }
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] .tobi-official-stage__eyebrow,
body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 > article[data-dom-id^="device-"] .tobi-official-stage__caption { font-size: 9px; }

@media (max-width: 1100px) {
  body.tobi-home-redesigned #hero { min-height: 680px; }
  body.tobi-home-redesigned #hero .tobi-home-hero-device { opacity: .82; right: -148px; width: min(66vw, 650px); }
}
@media (max-width: 760px) {
  body.tobi-home-redesigned #hero { min-height: auto; padding-bottom: 54px; }
  body.tobi-home-redesigned #hero .tobi-home-hero-device { display: none; }
  body.tobi-home-redesigned #hero .tobi-home-mobile-device {
    display: grid !important;
    width: 100%;
    min-height: 0;
    aspect-ratio: 1364 / 630;
    margin: 30px 0 0;
    border-radius: 18px;
    background: #091a2d !important;
  }
  body.tobi-home-redesigned #hero .tobi-home-mobile-device::after { display: none; }
  body.tobi-home-redesigned #hero .tobi-home-mobile-device > img.tobi-official-stage__image {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
    filter: none !important;
    box-shadow: none !important;
  }
  body.tobi-home-redesigned #hero .tobi-home-mobile-device .tobi-official-stage__eyebrow,
  body.tobi-home-redesigned #hero .tobi-home-mobile-device .tobi-official-stage__caption { display: none; }
  body.tobi-home-redesigned #devices .grid.lg\:grid-cols-3 { gap: 18px; }
}

/* Keep the untouched original E6 frame above the hero's decorative gradient layers. */
body.tobi-home-redesigned #hero .tobi-home-hero-device { z-index: 3 !important; }
@media (max-width: 760px) {
  body.tobi-home-redesigned #hero .tobi-home-mobile-device { z-index: 3 !important; }
}