/* Keep the angled divider behind every piece of hero content. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.hero:after {
  z-index: 1;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 92px;
  transform: none;
  clip-path: polygon(0 72%, 100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.hero-grid { z-index: 3; }
.hero-copy,
.hero-note { position: relative; z-index: 5; }
.hero-copy > p { max-width: 490px; }

.site-header .admin-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, .22);
  color: #f3d987;
}
.site-header .admin-link:hover { color: #fff; }

.hero-model {
  position: absolute;
  z-index: 1;
  right: -80px;
  bottom: 25px;
  width: 330px;
  max-height: 560px;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 30px 30px rgba(43, 4, 13, .28));
}

.phone { z-index: 3; transform: translateX(-55px); }
.hero-capabilities {
  position: absolute;
  z-index: 6;
  left: -145px;
  top: 92px;
  width: 168px;
  display: grid;
  gap: 12px;
}
.hero-capabilities .floating-card {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 78px;
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  text-align: left;
  gap: 0;
}

.showcase-video {
  align-self: center;
  position: relative;
  z-index: 4;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(244, 211, 126, .38);
  border-radius: 22px;
  background: #2b1118;
  box-shadow: 0 28px 55px rgba(31, 4, 10, .38);
}

.showcase-video video {
  display: block;
  width: 100%;
  max-height: 390px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 15px;
  background: #170a0d;
}
.showcase-video video::-webkit-media-controls { display: none !important; }
.showcase-video video { pointer-events: none; }

.store-icon svg { width: 26px; height: 26px; fill: #1f1a18; }
.store-icon.play svg { width: 30px; height: 30px; }

.about-art { place-items: end center; }
.about-art > img {
  width: auto;
  height: 94%;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 20px 28px rgba(37, 5, 12, .32));
}
.about-number {
  z-index: 3;
  padding: 8px 15px;
  border-radius: 14px;
  background: rgba(73, 10, 22, .76);
  backdrop-filter: blur(8px);
}

@media (max-width: 900px) {
  .site-header .admin-link {
    padding: 12px 0;
    border-left: 0;
    border-top: 1px solid #D7E3DF;
    color: #A30405;
  }
  .hero-model { right: 0; width: 290px; opacity: .86; }
  .phone { transform: translateX(-70px); }
  .hero-copy > p { max-width: 610px; }
  .showcase-card { grid-template-columns: 1fr; gap: 30px; min-height: auto; }
  .showcase-video { width: min(100%, 620px); }
  .hero-capabilities { left: -90px; width: 155px; }
}

@media (max-width: 600px) {
  .hero:after { height: 58px; }
  .hero-grid { width: 100%; }
  .hero-copy { min-width: 0; }
  .hero-model { right: -40px; bottom: 15px; width: 250px; opacity: .72; }
  .phone-stage {
    width: 100%;
    margin-inline: 0;
    transform: none;
  }
  .phone { transform: translateX(-30px) scale(.88); }
  .hero-capabilities {
    left: 50%;
    top: auto;
    bottom: -25px;
    width: min(390px, calc(100% - 8px));
    grid-template-columns: 1fr 1fr;
    transform: translateX(-50%);
    gap: 8px;
  }
  .hero-capabilities .floating-card { padding: 10px 12px; }
  .showcase-card { min-height: auto; }
  .showcase-video video { aspect-ratio: 9 / 12; }
  .about-art > img { height: 92%; }
}
.partner-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin-top:38px}.partner-logo-card{min-height:150px;padding:24px;background:#fff;border:1px solid rgba(128,21,47,.12);border-radius:20px;box-shadow:0 12px 35px rgba(67,10,25,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.partner-logo-card img{width:100%;max-width:150px;height:72px;object-fit:contain}.partner-logo-card strong{color:#661126;font-size:15px}.official-partners{background:linear-gradient(180deg,#fffaf4,#fff)}
