.release-home { --bg: #f5f7f5; --paper: #fff; }
.release-home .phone { height: auto; padding: 6px; }
.release-home .phone picture, .release-home .phone img { height: auto; }
.release-home .phone img { object-fit: contain; }
.release-home .phone-speaker { display: none; }
.release-home .store-availability { color: var(--muted); font-size: .875rem; line-height: 1.5; max-width: 46rem; }
.release-home .download-box > .store-availability { grid-column: 1 / -1; }
.release-home .hero-media { min-height: 300px; }
.release-home .phone-main { width: 138px; aspect-ratio: auto; }
.release-home .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.release-home h2, .release-home h3 { overflow-wrap: break-word; }
.release-home figure { margin: 0; }
.release-tracks { border-top: 1px solid var(--line); }
.release-track-grid { display: grid; gap: 32px; }
.release-track { display: grid; grid-template-columns: minmax(0, 1fr) 126px; gap: 18px; align-items: center; }
.release-track-copy { display: grid; gap: 12px; }
.release-track-copy h3 { font-size: 1.25rem; }
.release-track-copy p, .car-platform-grid p, .car-platform-grid li { color: var(--muted); }
.release-track .phone { width: 126px; border-radius: 20px; box-shadow: 0 8px 24px rgba(25,37,29,.1); }
.release-track .phone img { border-radius: 14px; }
.car-experience { background: #eaf1ed; border-block: 1px solid var(--line); }
.car-capture picture { display: block; aspect-ratio: 8 / 3; }
.car-capture img { width: 100%; height: auto; border-radius: 8px; }
.car-capture figcaption { margin-top: 10px; color: var(--muted); font-size: .85rem; }
.car-platform-grid { display: grid; gap: 26px; margin-top: 28px; }
.car-platform-grid article { display: grid; gap: 10px; align-content: start; padding-top: 18px; border-top: 1px solid #bdcfc2; }
.car-platform-grid h3 { font-size: 1.45rem; }
.car-platform-grid ul { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.car-platform-grid .platform-status { color: var(--green-dark); font-size: .82rem; font-weight: 700; }
.car-platform-grid .platform-note { font-size: .9rem; }
.car-preparation { margin-top: 28px; padding-top: 20px; color: var(--muted); font-size: .9rem; border-top: 1px solid #bdcfc2; }
.release-home .offline-phones { min-height: 386px; }
.release-home .places-phones { min-height: 420px; }
@media (max-width: 359px) {
  .release-home .feature-grid { grid-template-columns: 1fr; }
  .release-track { grid-template-columns: minmax(0, 1fr) 112px; gap: 12px; }
  .release-track .phone { width: 112px; }
  .release-home .phone-offline { width: 148px; }
  .release-home .phone-offline-regions { left: calc(50% - 132px); }
  .release-home .phone-offline-map { right: calc(50% - 132px); }
  .release-home .store-link { grid-template-columns: 22px minmax(0, 1fr); padding: 6px; gap: 6px; min-height: 44px; }
  .release-home .store-mark { width: 22px; height: 22px; }
  .release-home .store-text strong { font-size: .78rem; overflow-wrap: normal; white-space: nowrap; }
  .release-home .store-text span { font-size: .62rem; }
}
@media (max-width: 559px) and (max-height: 700px) {
  .release-home .hero { padding-top: 10px; padding-bottom: 0; gap: 8px; }
  .release-home .hero-media { min-height: 178px; }
  .release-home .phone-main { width: 82px; }
  .release-home .hero-copy { gap: 4px; }
  .release-home .hero h1 { font-size: 2rem; }
  .release-home .hero .lead { font-size: .82rem; }
}
@media (min-width: 560px) {
  .release-home .hero h1 { font-size: 3rem; }
  .release-home .hero-media { min-height: 370px; }
  .release-home .phone-main { width: 165px; }
  .release-home .hero-media .phone-secondary { width: 138px; }
  .release-home .offline-phones { min-height: 456px; }
  .release-home .places-phones { min-height: 474px; }
  .release-track { grid-template-columns: minmax(0, 1fr) 190px; }
  .release-track .phone { width: 190px; }
}
@media (min-width: 760px) {
  .release-home .hero h1 { font-size: 3.5rem; }
  .release-home .hero-media { min-height: 496px; }
  .release-home .phone-main { width: 220px; }
  .release-home .hero-media .phone-secondary { width: 158px; }
  .release-home .offline-phones { min-height: 434px; }
  .release-home .places-phones { min-height: 500px; }
  .release-home .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .car-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
  .release-track-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
  .release-track { grid-template-columns: 1fr; align-items: start; }
  .release-track-copy { min-height: 170px; }
  .release-track .phone { width: 208px; justify-self: center; }
}
@media (min-width: 980px) {
  .release-home .hero { padding-top: 32px; padding-bottom: 28px; }
  .release-home .offline-phones { min-height: 492px; }
  .release-home .places-phones { min-height: 536px; }
  .release-home .feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .release-home .feature-card { min-height: 160px; }
}
@media (min-width: 1160px) {
  .release-home .hero h1 { font-size: 4.5rem; }
  .release-home .hero-media { min-height: 568px; }
  .release-home .phone-main { width: 254px; }
  .release-home .hero-media .phone-photo { width: 190px; }
  .release-track .phone { width: 224px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .release-home .store-link { transition: none; }
}