/* Features page — compact header, offer cards, photo mosaic. */
.hero.hero-page{
  min-height:0;
  justify-content:flex-end;
  padding-bottom:32px;
}
.hero.hero-page .logo{margin:0 0 18px;width:min(86%,380px)}
.hero.hero-page .hero-inner{padding-top:calc(72px + env(safe-area-inset-top))}
.hero.hero-page h1{max-width:18ch}

.whats-new{
  margin:0;
  padding:28px 20px 8px;
  border-top:0;
}
.whats-new .kicker{margin-bottom:.7rem}
.news-strip{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:2px 2px 14px;
  margin:0 -20px;
  padding-left:20px;
  padding-right:20px;
  max-width:none !important;
}
.news-strip::-webkit-scrollbar{height:6px}
.news-strip::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.news-card{
  flex:0 0 min(78%,280px);
  scroll-snap-align:start;
  background:var(--news-card);
  border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);
  border-radius:16px;
  padding:16px 16px 14px;
  box-shadow:var(--shadow);
}
.news-card p{margin:.45rem 0 0;color:var(--text-soft);font-size:.95rem}
.news-card .ver,.news-card .tag{
  display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:999px;
  padding:1px 8px;font-weight:700;font-size:.78rem;color:var(--accent);letter-spacing:.02em
}
.news-card .tag{color:var(--orange);border-color:color-mix(in srgb, var(--orange) 45%, transparent)}

.offers{padding-top:36px}
.offer-grid{display:grid;gap:16px;grid-template-columns:1fr;max-width:1080px;margin:0 auto}
.offer{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px 20px 18px;
  display:flex;
  flex-direction:column;
  min-width:0;
  box-shadow:var(--shadow);
}
.offer .ico-wrap{
  width:44px;height:44px;border-radius:12px;margin:0 0 12px;
  display:flex;align-items:center;justify-content:center;
  background:var(--panel2);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  color:var(--accent);
}
.offer .ico-wrap svg{width:24px;height:24px;display:block}
.offer h3{font-size:1.15rem;margin:0 0 .4rem}
.offer p{margin:0;color:var(--text-soft)}
.offer .chips{margin-top:12px}
.offer .phone{width:min(72%,260px);margin:18px auto 4px}

.offer.wide .pair{
  display:flex;justify-content:center;align-items:flex-start;gap:0;margin-top:18px;
}
.offer.wide .pair .phone{width:min(48%,230px);margin:0}
.offer.wide .pair .phone + .phone{margin-left:-18px;margin-top:28px;z-index:1;position:relative}

.scene-mosaic{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;
}
.scene-mosaic figure{
  margin:0;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;background:var(--hero-fallback)
}
.scene-mosaic img{width:100%;height:100%;max-width:none;object-fit:cover}
.scene-mosaic figcaption{left:8px;bottom:8px;font-size:.72rem}

.page-foot-cta{padding-bottom:48px}

@media (min-width:760px){
  .hero.hero-page{min-height:0;padding-bottom:48px}
  .hero.hero-page .hero-inner{padding-top:calc(40px + env(safe-area-inset-top))}
  .news-strip{margin:0;padding-left:0;padding-right:0}
  .news-card{flex-basis:240px}
  .offer-grid{grid-template-columns:1fr 1fr}
  .offer.wide{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:28px 28px 24px}
  .offer.wide .pair{margin-top:0}
  .offer.wide .pair .phone{width:240px}
  .offer.wide .pair .phone + .phone{width:200px;margin-left:-48px;margin-top:36px}
}
@media (prefers-reduced-motion:reduce){
  .news-strip{scroll-snap-type:none}
}

/* v2.7.9: hide Netlify's injected "Powered by Netlify" HUD badge. */
#nl-badge-frame, #nl-hud-frame, iframe[title="Powered by Netlify"] {
  display: none !important; visibility: hidden !important; pointer-events: none !important;
  opacity: 0 !important; width: 0 !important; height: 0 !important;
  position: fixed !important; left: -9999px !important;
}