:root {
  --ap-ink: #101828;
  --ap-muted: #667085;
  --ap-soft: #f5f7fb;
  --ap-line: rgba(16, 24, 40, 0.12);
  --ap-dark: #061016;
  --ap-dark-2: #0b1d26;
  --ap-cyan: #00bfd8;
  --ap-blue: #2f6bff;
  --ap-orange: #ff8a00;
  --ap-green: #128a46;
  --ap-radius: 28px;
  --ap-shadow: 0 28px 80px rgba(16, 24, 40, 0.14);
  --ap-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Google Sans", Roboto, Arial, sans-serif;
}

/* SITE GEOMETRY STABILIZER - keep this as the last layout authority. */
:root {
  --ap-shell: min(100% - 32px, 1340px);
  --ap-content: min(100% - 32px, 1180px);
  --ap-narrow: min(100% - 32px, 920px);
  --ap-gap: clamp(1rem, 1.8vw, 1.6rem);
  --ap-pad: clamp(1rem, 2vw, 1.85rem);
  --ap-section: clamp(3rem, 5vw, 5.5rem);
}

html body .container {
  width: var(--ap-shell) !important;
  max-width: var(--ap-shell) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section) !important;
  padding-bottom: var(--ap-section) !important;
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  width: var(--ap-narrow) !important;
  max-width: var(--ap-narrow) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1.35rem, 2.6vw, 2.4rem) !important;
}

html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(2rem, 3.7vw, 3.7rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.65rem !important;
  text-wrap: balance;
}

html body .section-header .lead,
html body .product-universe-head p,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body .features-header-wrapper .lead {
  max-width: 68ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
}

html body .product-universe-grid {
  width: var(--content-width, var(--ap-content)) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ap-gap) !important;
}

html body .product-universe-card {
  min-height: 260px !important;
  padding: var(--ap-pad) !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  align-content: start !important;
  gap: 0.75rem !important;
  border-radius: 24px !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.45rem, 2vw, 2.1rem) !important;
  margin: 0 !important;
}

html body .product-universe-card p {
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(0.9rem, 0.9vw, 1rem) !important;
}

html body .product-card-logo,
html body .product-logo {
  width: 68px !important;
  height: 68px !important;
  border-radius: 18px !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: var(--ap-gap) !important;
}

html body .allopen-boxes-container.product-boxes-center:not(.two-columns) {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

html body .allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  max-width: 860px !important;
  min-height: 0 !important;
  padding: var(--ap-pad) !important;
  border-radius: 24px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2.2vw, 2.35rem) !important;
  line-height: 1.05 !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  line-height: 1.58 !important;
}

html body .product-buttons,
html body .product-page-cta-buttons,
html body .allvideo-showcase-actions,
html body .allin-platform-cta,
html body .hero-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .why-allin-blocks,
html body .allvideo-showcase-grid,
html body #contact-section .row,
html body form#contactForm {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta,
html body .allin-feature-showcase,
html body .allin-benefits-panel {
  padding: var(--ap-pad) !important;
  border-radius: 26px !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row,
html body .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.82fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(1.9rem, 3.4vw, 3.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(0.94rem, 1vw, 1.08rem) !important;
}

html body .allin-feature-showcase {
  display: grid !important;
  gap: var(--ap-gap) !important;
}

html body .allin-feature-row {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.76fr) minmax(0, 1fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: var(--ap-pad) !important;
  border-radius: 24px !important;
}

html body .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.76fr) !important;
}

html body .allin-feature-row:nth-of-type(even) .allin-feature-media {
  order: 2 !important;
}

html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
  order: 1 !important;
}

html body .allin-feature-copy h4,
html body .allin-benefits-copy h3 {
  font-size: clamp(1.7rem, 3vw, 3.2rem) !important;
  line-height: 1 !important;
}

html body .allin-feature-media img,
html body .allin-main-screen img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  max-height: min(390px, 58vh) !important;
  width: auto !important;
  object-fit: contain !important;
}

/* AllinLocal dedicated repair */
html body.allinlocal-page .allin-hero {
  min-height: clamp(500px, 68vh, 700px) !important;
  padding-top: clamp(3.8rem, 5vw, 5.5rem) !important;
  padding-bottom: clamp(2.8rem, 4vw, 4rem) !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(47, 107, 255, 0.2), transparent 32%),
    radial-gradient(circle at 12% 22%, rgba(255, 138, 0, 0.1), transparent 28%),
    linear-gradient(180deg, #f8fbfd 0%, #eef7fb 100%) !important;
}

html body.allinlocal-page .hero-content-wrapper {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.86fr) !important;
  gap: clamp(1.25rem, 3vw, 3rem) !important;
  align-items: center !important;
}

html body.allinlocal-page .hero-text-section {
  max-width: 620px !important;
}

html body.allinlocal-page .allin-hero-main-text {
  font-size: clamp(2.8rem, 5.6vw, 5.5rem) !important;
  line-height: 0.95 !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body.allinlocal-page .hero-subtitle {
  max-width: 58ch !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: clamp(0.98rem, 1.15vw, 1.12rem) !important;
  font-weight: 700 !important;
}

html body.allinlocal-page .hero-screenshot-section,
html body.allinlocal-page .mobile-screenshots-container {
  min-height: 390px !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(36px) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-36px) translateY(24px) scale(0.94) !important;
}

html body.allinlocal-page #description-section .product-page-main {
  width: var(--ap-content) !important;
}

html body.allinlocal-page #description-section .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
}

html body.allinlocal-page #description-section .row.g-3 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-gap) !important;
}

html body.allinlocal-page .product-page-card {
  min-height: 150px !important;
  padding: clamp(1rem, 1.8vw, 1.5rem) !important;
}

html body.allinlocal-page .product-page-card h4 {
  font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
}

@media (max-width: 980px) {
  html body .product-universe-grid,
  html body .allopen-boxes-container.two-columns,
  html body .allvideo-showcase-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allinlocal-page #description-section .product-page-main .row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-shell: min(100% - 24px, 1340px);
    --ap-content: min(100% - 24px, 1180px);
    --ap-narrow: min(100% - 24px, 920px);
    --ap-section: 2.75rem;
  }

  html body .product-universe-grid,
  html body .allopen-boxes-container.two-columns,
  html body .allvideo-showcase-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card,
  html body .allopen-box,
  html body .tech-card,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    border-radius: 20px !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child,
  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2),
  html body .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
    transform: none !important;
  }

  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ap-ink);
  background:
    linear-gradient(rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    #fbfcff;
  background-size: 48px 48px;
  font-family: var(--ap-font);
  letter-spacing: 0;
}

body:not(.index-page):not(.allin-page):not(.allconnect-page):not(.alltask-page):not(.allinlocal-page) {
  background-color: #fbfcff;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}

.container {
  max-width: 1180px;
}

.custom-navbar {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  width: 100%;
  min-height: 72px;
  background: rgba(250, 252, 255, 0.84) !important;
  border-bottom: 1px solid rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(22px);
  box-shadow: none !important;
}

.custom-navbar .container {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.navbar-brand.logo,
.custom-navbar .logo {
  position: relative;
  color: var(--ap-ink) !important;
  font-size: 1.35rem;
  font-weight: 800;
  text-decoration: none;
}

.navbar-brand.logo::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--ap-ink), transparent);
  opacity: 0.55;
}

.navbar-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(1rem, 2vw, 2rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.navbar-links .nav-link,
.navbar-links a {
  position: relative;
  color: rgba(16, 24, 40, 0.72) !important;
  font-weight: 750;
  font-size: 0.98rem;
  text-decoration: none;
  padding: 0.45rem 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: color 0.22s ease, transform 0.22s ease;
}

.navbar-links .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: center;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green));
  transition: transform 0.24s ease;
}

.navbar-links .nav-link:hover,
.navbar-links .nav-link.active {
  color: var(--ap-ink) !important;
  transform: translateY(-1px);
}

.navbar-links .nav-link:hover::after,
.navbar-links .nav-link.active::after {
  transform: scaleX(1);
}

.dropdown-menu {
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  border-radius: 18px !important;
  padding: 0.65rem !important;
  box-shadow: 0 22px 60px rgba(16, 24, 40, 0.16) !important;
}

.dropdown-item {
  border-radius: 12px;
  color: var(--ap-ink) !important;
  font-weight: 700;
}

.dropdown-item:hover {
  background: rgba(0, 191, 216, 0.1) !important;
}

.burger {
  width: 36px;
  height: 30px;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.burger span {
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: var(--ap-ink);
  transition: transform 0.24s ease, opacity 0.2s ease;
}

.burger.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.burger.active span:nth-child(2) {
  opacity: 0;
}

.burger.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

.loading-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}

.hero.custom-hero-section,
.custom-hero-section {
  position: relative;
  min-height: clamp(560px, 82vh, 790px) !important;
  display: grid;
  place-items: center;
  padding: clamp(6rem, 10vw, 9rem) 1rem clamp(4rem, 8vw, 7rem) !important;
  overflow: hidden;
  color: #fff !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 138, 0, 0.34), transparent 28%),
    radial-gradient(circle at 78% 22%, rgba(0, 191, 216, 0.35), transparent 34%),
    linear-gradient(135deg, #04080d 0%, #071a22 54%, #03100d 100%) !important;
}

.hero.custom-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.86) 62%, transparent 100%);
}

.pixel-grid-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.82;
}

.hero-content {
  position: relative;
  z-index: 3;
  max-width: 840px;
  margin: 0 auto;
}

.hero h1,
.custom-hero-section h1 {
  color: #fff !important;
  font-size: clamp(2.8rem, 7vw, 6.7rem) !important;
  line-height: 0.95 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
}

.hero h1 span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #fff, #b8f6ff 35%, #ffcf91 70%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero .lead,
.custom-hero-section .lead {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 650;
}

.hero-button,
.hero-cta-button,
.tech-button,
.allopen-box-btn,
.antigravity-btn {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.78rem 1.25rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 24, 40, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 38px rgba(16, 24, 40, 0.12) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.hero-button:hover,
.hero-cta-button:hover,
.tech-button:hover,
.allopen-box-btn:hover,
.antigravity-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 191, 216, 0.55) !important;
  box-shadow: 0 18px 48px rgba(0, 191, 216, 0.18), 0 10px 30px rgba(16, 24, 40, 0.14) !important;
}

.btn-app,
a.btn-app,
.product-buttons .btn-app,
.product-page-cta-buttons .btn-app {
  background: #020812 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(0, 191, 216, 0.34) !important;
}

.btn-play,
button.btn-play,
.product-buttons .btn-play,
.product-page-cta-buttons .btn-play {
  background: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(16, 24, 40, 0.16) !important;
}

.btn-app:hover {
  box-shadow: 0 0 0 4px rgba(0, 191, 216, 0.14), 0 18px 48px rgba(0, 191, 216, 0.22) !important;
}

.btn-play:hover {
  box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.14), 0 18px 48px rgba(255, 138, 0, 0.18) !important;
}

.hero-button img,
.btn-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

section {
  position: relative;
}

.product-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(0, 191, 216, 0.12);
  color: #006e7c !important;
  -webkit-text-fill-color: #006e7c !important;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section-header h2,
.product-universe-head h2,
.allin-platform-header h2,
.allvideo-showcase-header h2,
section h2 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2.1rem, 4.5vw, 4.8rem) !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.section-header .lead,
.product-universe-head p,
.allin-platform-tagline,
section .lead {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-weight: 650;
}

.product-universe-section {
  padding: clamp(4rem, 8vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 85% 15%, rgba(0, 191, 216, 0.14), transparent 30%),
    radial-gradient(circle at 8% 65%, rgba(255, 138, 0, 0.1), transparent 28%);
}

.product-universe-head {
  max-width: 760px;
  margin: 0 auto clamp(2rem, 4vw, 3.5rem);
  text-align: center;
}

.product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  width: min(1180px, calc(100vw - 2rem));
  margin-inline: auto;
}

.product-universe-card,
.product-universe-card:link,
.product-universe-card:visited {
  position: relative;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.8rem;
  padding: 1.5rem !important;
  overflow: hidden;
  color: var(--ap-ink) !important;
  text-decoration: none !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: var(--ap-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255,255,255,0.76)),
    radial-gradient(circle at 86% 14%, rgba(0, 191, 216, 0.22), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(255, 138, 0, 0.14), transparent 28%) !important;
  box-shadow: 0 16px 46px rgba(16, 24, 40, 0.08) !important;
  transform: translateZ(0);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.product-universe-card::before,
.allopen-box::before,
.tech-card::before,
.allin-platform-hero::before,
.allvideo-showcase-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green)) top / 100% 3px no-repeat;
}

.product-universe-card:hover {
  transform: translateY(-7px);
  border-color: rgba(0, 191, 216, 0.32) !important;
  box-shadow: var(--ap-shadow) !important;
}

.product-card-logo,
.product-logo {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
  padding: 0.72rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 36px rgba(16, 24, 40, 0.08);
}

.product-universe-card h3,
.allopen-box-title,
.product-page-cta-title,
.product-page-card h4,
.tech-card h3,
.tech-card h4 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
}

.product-universe-card h3 {
  margin: 0.45rem 0 0;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.product-universe-card p,
.allopen-box-desc,
.product-page-intro,
.product-page-cta-desc,
.product-page-card p,
.tech-card p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-weight: 600;
  line-height: 1.7;
  opacity: 1 !important;
  text-shadow: none !important;
}

.product-card-link {
  margin-top: auto;
  color: #007c89 !important;
  -webkit-text-fill-color: #007c89 !important;
  font-weight: 850;
}

.product-section {
  padding: clamp(4.5rem, 8vw, 7rem) 0 !important;
}

.product-theme-light {
  background:
    radial-gradient(circle at 88% 22%, rgba(0, 191, 216, 0.11), transparent 30%),
    #fff !important;
}

.product-theme-dark {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 138, 0, 0.16), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(0, 191, 216, 0.18), transparent 34%),
    linear-gradient(135deg, var(--ap-dark), var(--ap-dark-2)) !important;
  color: #fff !important;
}

.product-theme-dark h2,
.product-theme-dark .section-header h2,
.product-theme-dark .lead,
.product-theme-dark .allopen-box-title,
.product-theme-dark .allopen-box-desc {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.product-theme-dark .lead,
.product-theme-dark .allopen-box-desc {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

.allopen-boxes-container.product-boxes-center,
.product-boxes-center {
  display: grid !important;
  grid-template-columns: minmax(0, 850px);
  justify-content: center;
  gap: 1.25rem;
}

.allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.allopen-box,
.tech-card,
.product-page-main,
.product-page-cta {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: var(--ap-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.16), transparent 32%) !important;
  box-shadow: 0 18px 55px rgba(16, 24, 40, 0.09) !important;
}

.allopen-box {
  min-height: 320px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  padding: clamp(1.35rem, 3vw, 2.35rem) !important;
}

.product-theme-dark .allopen-box {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.045)),
    radial-gradient(circle at 88% 0%, rgba(0, 191, 216, 0.2), transparent 42%) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24) !important;
}

.product-buttons,
.product-page-cta-buttons,
.allvideo-showcase-actions,
.allin-platform-cta {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.85rem !important;
  margin-top: auto;
}

.allin-platform-section,
.allvideo-showcase-section {
  padding: clamp(4.5rem, 8vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.12), transparent 32%),
    radial-gradient(circle at 7% 78%, rgba(255, 138, 0, 0.09), transparent 28%),
    #fbfcff !important;
}

.allin-platform-hero,
.allvideo-showcase-hero,
.allin-benefits-panel,
.allin-feature-row {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: clamp(24px, 4vw, 42px);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.76)),
    radial-gradient(circle at 92% 18%, rgba(0, 191, 216, 0.18), transparent 36%) !important;
  box-shadow: 0 22px 70px rgba(16, 24, 40, 0.1);
}

.allin-platform-hero,
.allvideo-showcase-hero {
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.allin-platform-title,
.allvideo-showcase-copy h3,
.allin-benefits-copy h3,
.allin-feature-copy h4 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 850;
}

.allin-platform-desc,
.allvideo-showcase-copy p,
.allin-feature-copy p,
.allin-benefits-copy p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 650;
}

.allin-screenshot-stage,
.allvideo-screen-stage,
.hero-screenshot-section,
.ac-visual {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.allin-screenshot-stage::before,
.allvideo-screen-stage::before,
.hero-screenshot-section::before,
.ac-visual::before {
  content: "";
  position: absolute;
  inset: 12%;
  z-index: -1;
  border-radius: 46px;
  background:
    radial-gradient(circle at 50% 35%, rgba(0, 191, 216, 0.22), transparent 54%),
    radial-gradient(circle at 70% 70%, rgba(255, 138, 0, 0.14), transparent 44%);
  filter: blur(10px);
}

.allin-main-screen,
.allvideo-screen,
.allin-feature-media,
.allin-hero-preview,
.mobile-screenshot-container,
.mobile-screenshot-wrapper,
.device-frame,
.ac-hero-device,
.product-page-screenshot {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: none !important;
}

.mobile-screenshot,
.mobile-screenshot-container img,
.mobile-screenshot-wrapper img,
.device-frame img,
.ac-hero-device img,
.allin-main-screen img,
.allvideo-screen img,
.allin-feature-media img,
.allin-hero-preview img {
  display: block !important;
  width: auto !important;
  max-width: min(330px, 82vw) !important;
  max-height: min(520px, 68vh) !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 4px solid var(--ap-shot, var(--ap-cyan)) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.18) !important;
}

.allconnect-page,
#allconnect-section {
  --ap-shot: #ff7a00;
}

.alltask-page,
#alltask-section {
  --ap-shot: #ffb26b;
}

.allinlocal-page,
#allin-local-section {
  --ap-shot: #3b7cff;
}

.allin-page,
#allin-details-section {
  --ap-shot: #24d2bd;
}

.allvideo-showcase-section,
#allvideo-section {
  --ap-shot: #5477ff;
}

.allvideo-screen-feed {
  transform: rotate(-4deg) translateX(18px);
}

.allvideo-screen-clips {
  transform: rotate(5deg) translateX(-18px) translateY(38px);
}

.allvideo-screen img {
  max-width: min(245px, 42vw) !important;
}

.allin-feature-showcase {
  display: grid;
  gap: 1.25rem;
  margin-top: clamp(2rem, 5vw, 4rem);
}

.allin-feature-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2.5rem);
}

.allin-feature-row:nth-child(even) .allin-feature-media {
  order: 2;
}

.allin-feature-copy span,
.allvideo-feature-pill span {
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
  font-weight: 850;
}

.allin-benefits-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.8fr);
  align-items: center;
  gap: 2rem;
  margin-top: 1.25rem;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.allin-benefits-list,
.product-page-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.allin-benefits-list li,
.product-page-list li {
  position: relative;
  padding: 0.75rem 0 0.75rem 1.6rem;
  color: #5f6b7d;
  font-weight: 700;
}

.allin-benefits-list li::before,
.product-page-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.28rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ap-orange), var(--ap-cyan));
}

.allvideo-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.allvideo-feature-pill {
  padding: 1.35rem;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: 24px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
}

.allvideo-feature-pill h4,
.allvideo-feature-pill p {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

.allvideo-feature-pill p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
}

.allin-hero,
.ac-hero {
  position: relative;
  min-height: min(760px, calc(100vh - 72px)) !important;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(5rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 6rem) !important;
  margin-top: 0 !important;
  color: var(--ap-ink) !important;
  background:
    linear-gradient(rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 14% 28%, rgba(255, 138, 0, 0.14), transparent 29%),
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.19), transparent 34%),
    #f8fbff !important;
  background-size: 44px 44px, 44px 44px, auto, auto, auto;
}

.allin-page .allin-hero {
  color: #fff !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 138, 0, 0.22), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(0, 191, 216, 0.22), transparent 36%),
    linear-gradient(135deg, #081017, #042429) !important;
}

.hero-content-wrapper,
.ac-inner {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
}

.hero-text-section,
.ac-copy {
  max-width: 660px;
}

.allin-hero-main-text,
.ac-title,
.allin-page .allin-hero-main-text {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(3.2rem, 8vw, 7.2rem) !important;
  line-height: 0.92 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.allin-page .allin-hero-main-text,
.allin-page .hero-subtitle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.hero-subtitle,
.ac-subtitle {
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: clamp(1.05rem, 2vw, 1.45rem) !important;
  line-height: 1.65 !important;
  font-weight: 750;
  opacity: 1 !important;
}

.allin-page .hero-subtitle {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

.product-logo-heading-container img,
.ac-logo,
.hero-text-section > img {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 22px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 18px 44px rgba(16, 24, 40, 0.12);
  filter: none !important;
}

.mobile-screenshots-container {
  min-height: 430px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(32px);
  z-index: 2;
}

.mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-34px) translateY(28px) scale(0.92);
  z-index: 1;
}

#description-section,
.product-detail-page section.py-5 {
  padding: clamp(4rem, 7vw, 6rem) 0 !important;
}

.product-page-main {
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.product-page-card {
  min-height: 190px;
  padding: 1.35rem !important;
}

.product-page-cta {
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.features-header-wrapper,
.why-allin-card,
.contact-card {
  border-radius: 24px !important;
}

footer {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0 2rem !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 138, 0, 0.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(0, 191, 216, 0.16), transparent 34%),
    linear-gradient(135deg, #05080d, #071f1d) !important;
  color: rgba(255,255,255,0.76) !important;
}

footer h5,
footer a,
footer p,
footer li {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

footer h5 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 850;
}

footer a {
  text-decoration: none;
}

footer a:hover {
  color: #b8f6ff !important;
  -webkit-text-fill-color: #b8f6ff !important;
}

.ap-motion-ready .ap-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--ap-reveal-delay, 0ms);
}

.ap-motion-ready .ap-reveal.ap-in-view {
  opacity: 1;
  transform: translateY(0);
}

html body .product-universe-head.ap-reveal,
html body .product-universe-card.ap-reveal,
html body .section-header.ap-reveal {
  opacity: 1 !important;
}

html body .product-universe-head h2,
html body .product-universe-head p,
html body .product-universe-card,
html body .product-universe-card * {
  opacity: 1 !important;
  text-shadow: none !important;
}

.rocket-container {
  right: 24px !important;
  bottom: 24px !important;
  z-index: 999 !important;
  opacity: 0.88 !important;
  transform: translateY(var(--rocket-y, 0)) !important;
}

.rocket {
  width: 58px !important;
  height: auto !important;
  filter: drop-shadow(0 0 18px rgba(0, 191, 216, 0.5));
}

@media (max-width: 991px) {
  .product-universe-grid,
  .allvideo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .allopen-boxes-container.two-columns,
  .hero-content-wrapper,
  .ac-inner,
  .allin-feature-row,
  .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }

  .hero-text-section,
  .ac-copy {
    max-width: none;
    text-align: center;
  }

  .product-logo-heading-container {
    justify-content: center;
  }

  .allin-feature-row:nth-child(even) .allin-feature-media {
    order: 0;
  }

  .allin-screenshot-stage,
  .allvideo-screen-stage,
  .hero-screenshot-section,
  .ac-visual {
    min-height: 360px;
  }
}

@media (max-width: 900px) {
  .burger {
    display: flex;
  }

  .navbar-links {
    position: fixed;
    top: 72px;
    left: 1rem;
    right: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.8rem;
    border: 1px solid rgba(16, 24, 40, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 70px rgba(16, 24, 40, 0.16);
    backdrop-filter: blur(22px);
  }

  .navbar-links.open,
  .navbar-links.active {
    display: flex;
  }

  .navbar-links .nav-link,
  .navbar-links a {
    width: 100%;
    padding: 0.9rem 1rem !important;
  }

  .navbar-links .nav-link::after {
    bottom: 0.45rem;
    left: 1rem;
    right: auto;
    width: 48px;
  }

  .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin-top: 0.35rem !important;
    box-shadow: none !important;
  }
}

/* Premium rescue layer: stronger hierarchy, bolder product cards, better app screenshot staging. */
:root {
  --ap-max: 1240px;
  --ap-heavy: 880;
  --ap-section-y: clamp(4.25rem, 7vw, 7rem);
  --ap-card-pad: clamp(1.35rem, 2.8vw, 2.4rem);
}

html body .container {
  max-width: var(--ap-max) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .fw-bold {
  font-weight: var(--ap-heavy) !important;
}

html body.index-page .hero.custom-hero-section {
  min-height: clamp(620px, 84vh, 820px) !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(0, 191, 216, 0.26), transparent 34%),
    radial-gradient(circle at 16% 14%, rgba(255, 139, 21, 0.18), transparent 28%),
    linear-gradient(180deg, #03080d 0%, #07131b 70%, #05080d 100%) !important;
}

html body.index-page .hero-content {
  max-width: 920px !important;
  padding: clamp(1.25rem, 4vw, 3rem) !important;
}

html body.index-page .hero h1 {
  font-size: clamp(3.4rem, 8.8vw, 8.6rem) !important;
  letter-spacing: -0.035em !important;
  line-height: 0.88 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .hero .lead {
  font-size: clamp(1.05rem, 1.4vw, 1.35rem) !important;
  font-weight: 720 !important;
  color: rgba(239, 246, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.78) !important;
}

html body .product-eyebrow {
  letter-spacing: 0.16em !important;
  font-weight: 900 !important;
  color: #006b75 !important;
  -webkit-text-fill-color: #006b75 !important;
}

html body .product-universe-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.18), transparent 34%),
    radial-gradient(circle at 8% 12%, rgba(255, 139, 21, 0.12), transparent 30%),
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

html body .product-universe-head {
  max-width: 860px !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  font-size: clamp(2.6rem, 5.5vw, 5.8rem) !important;
  letter-spacing: -0.04em !important;
  line-height: 0.9 !important;
}

html body .product-universe-head p,
html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline {
  max-width: 760px !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  font-weight: 650 !important;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.1rem, 2.2vw, 1.8rem) !important;
}

html body .product-universe-card {
  min-height: clamp(330px, 24vw, 390px) !important;
  padding: clamp(1.45rem, 2.4vw, 2.1rem) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 253, 255, 0.76)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.18), transparent 42%) !important;
  box-shadow: 0 22px 70px rgba(9, 20, 36, 0.1) !important;
  transition: transform 280ms cubic-bezier(.2,.8,.2,1), box-shadow 280ms ease, border-color 280ms ease !important;
}

html body .product-universe-card:hover {
  transform: translateY(-10px) scale(1.015) !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
  box-shadow: 0 34px 90px rgba(9, 20, 36, 0.16), 0 0 0 1px rgba(0, 191, 216, 0.12) !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(70px, 6vw, 96px) !important;
  height: clamp(70px, 6vw, 96px) !important;
  border-radius: 24px !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.9rem, 2.6vw, 2.85rem) !important;
  letter-spacing: -0.035em !important;
}

html body .product-universe-card p {
  max-width: 36ch !important;
  font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
  font-weight: 620 !important;
  color: #4d5d73 !important;
  -webkit-text-fill-color: #4d5d73 !important;
}

html body .product-card-link {
  font-size: 0.98rem !important;
  font-weight: 900 !important;
}

html body .product-section.product-theme-dark,
html body #allvideo-section,
html body #allopen-section,
html body #allin-local-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 139, 21, 0.16), transparent 32%),
    radial-gradient(circle at 84% 22%, rgba(0, 191, 216, 0.18), transparent 34%),
    linear-gradient(145deg, #03070d 0%, #061923 56%, #031210 100%) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(1.6rem, 3vw, 2.7rem) !important;
  border-radius: 30px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.75rem, 3vw, 3rem) !important;
  letter-spacing: -0.03em !important;
}

html body .allopen-box-desc {
  font-size: clamp(1rem, 1.12vw, 1.14rem) !important;
  font-weight: 620 !important;
}

html body .allin-platform-section,
html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 85% 10%, rgba(0, 191, 216, 0.14), transparent 34%),
    linear-gradient(180deg, #f7fbfd 0%, #ffffff 100%) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.75rem, 4vw, 4rem) !important;
  border-radius: 38px !important;
  box-shadow: 0 34px 100px rgba(9, 20, 36, 0.14) !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 24%, rgba(47, 107, 255, 0.24), transparent 30%),
    radial-gradient(circle at 12% 18%, rgba(255, 139, 21, 0.18), transparent 28%),
    linear-gradient(145deg, #05080d 0%, #071923 58%, #04110f 100%) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2.7rem, 5.8vw, 6.4rem) !important;
  letter-spacing: -0.055em !important;
  line-height: 0.88 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  font-weight: 650 !important;
}

html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(430px, 48vw, 650px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  isolation: isolate !important;
}

html body .allvideo-screen-stage::before,
html body .allinlocal-page .mobile-screenshots-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 8% 4% !important;
  border-radius: 42px !important;
  background:
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,191,216,0.2), transparent 62%) !important;
  background-size: 38px 38px, 38px 38px, 100% 100% !important;
  opacity: 0.75 !important;
  z-index: -1 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) translateY(-4px) !important;
  z-index: 2 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-42px) translateY(38px) scale(0.94) !important;
  z-index: 1 !important;
}

html body .allinlocal-page .mobile-screenshot-container,
html body .allvideo-screen,
html body .ac-hero-device,
html body .alltask-page .mobile-screenshot-container,
html body .allin-hero-preview {
  border-width: 3px !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(9, 20, 36, 0.2) !important;
}

html body .allinlocal-page .mobile-screenshot-container {
  border-color: #3b7cff !important;
}

html body .allconnect-page .ac-hero-device {
  border-color: #ff8a00 !important;
}

html body .alltask-page .mobile-screenshot-container {
  border-color: #ffb066 !important;
}

html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .allvideo-screen img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  border-radius: 26px !important;
}

html body .allvideo-feature-pill,
html body .why-allin-block,
html body .tech-card,
html body .contact-card {
  border-radius: 28px !important;
  box-shadow: 0 22px 70px rgba(9, 20, 36, 0.1) !important;
}

html body .ap-reveal {
  transition-duration: 820ms !important;
}

html body.ap-motion-ready .ap-card-reveal:not(.ap-in-view) {
  opacity: 0 !important;
  transform: translate3d(0, 48px, 0) scale(0.965) !important;
}

html body.ap-motion-ready .ap-card-reveal.ap-in-view {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (min-width: 992px) {
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 900px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card {
    min-height: 270px !important;
    border-radius: 28px !important;
  }

  html body .product-universe-card h3 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  html body .product-section .allopen-box,
  html body .allopen-boxes-container.product-boxes-center > .allopen-box {
    width: 100% !important;
  }

  html body .allvideo-screen-stage,
  html body .allinlocal-page .mobile-screenshots-container {
    min-height: auto !important;
    padding: 1rem 0 !important;
  }

  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
    transform: none !important;
  }
}

@media (max-width: 520px) {
  html body.index-page .hero h1 {
    font-size: clamp(3rem, 16vw, 4.9rem) !important;
  }

  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }

  html body .allin-platform-title,
  html body .allvideo-showcase-copy h3 {
    font-size: clamp(2.4rem, 12vw, 4.1rem) !important;
  }
}

@media (max-width: 640px) {
  .custom-navbar .container {
    min-height: 64px;
  }

  .custom-navbar {
    min-height: 64px;
  }

  .navbar-links {
    top: 64px;
  }

  .product-universe-grid,
  .allvideo-showcase-grid {
    grid-template-columns: 1fr;
  }

  .product-universe-card {
    min-height: 250px;
  }

  .hero.custom-hero-section {
    min-height: 600px !important;
  }

  .allin-hero,
  .ac-hero {
    min-height: auto !important;
    padding: 4.5rem 0 3.5rem !important;
  }

  .mobile-screenshot,
  .mobile-screenshot-container img,
  .mobile-screenshot-wrapper img,
  .device-frame img,
  .ac-hero-device img,
  .allin-main-screen img,
  .allvideo-screen img,
  .allin-feature-media img,
  .allin-hero-preview img {
    max-width: min(280px, 84vw) !important;
    max-height: 430px !important;
    border-width: 3px !important;
    border-radius: 22px !important;
  }

  .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2),
  .allvideo-screen-feed,
  .allvideo-screen-clips {
    transform: none;
  }

  .allvideo-screen-stage,
  .mobile-screenshots-container {
    flex-direction: column;
    gap: 1rem;
    min-height: auto;
  }

  .product-buttons,
  .product-page-cta-buttons,
  .allvideo-showcase-actions,
  .allin-platform-cta {
    justify-content: center;
  }

  .allopen-box,
  .tech-card,
  .product-page-main,
  .product-page-cta {
    border-radius: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Final conflict guards: keep legacy CSS from reopening menus or moving layout. */
html body .custom-navbar {
  height: auto !important;
  max-height: 74px !important;
  padding: 0 !important;
}

html body .custom-navbar .container {
  height: 72px !important;
  min-height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .nav-item.dropdown {
  position: relative !important;
}

html body .custom-navbar .dropdown-menu,
html body .dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 230px !important;
  max-height: min(70vh, 520px) !important;
  overflow-y: auto !important;
}

html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
html body .custom-navbar .dropdown-menu.show {
  display: block !important;
}

html body .custom-navbar .dropdown-divider {
  display: none !important;
}

html body .custom-navbar .dropdown-item {
  padding: 0.72rem 0.9rem !important;
  border-bottom: 0 !important;
}

html body .loading-screen {
  animation: ap-loader-out 0.35s ease 1.15s forwards;
}

@keyframes ap-loader-out {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

html body .rocket-container {
  left: auto !important;
  right: 24px !important;
  bottom: 24px !important;
  top: auto !important;
}

@media (max-width: 900px) {
  html body .custom-navbar {
    max-height: 64px !important;
  }

  html body .custom-navbar .container {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .dropdown-menu {
    position: static !important;
    display: none !important;
    min-width: 0 !important;
    max-height: 45vh !important;
    margin: 0.35rem 0 0 !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .dropdown-menu.show {
    display: block !important;
  }
}

/* ========== Premium product-system refinement ========== */
html body {
  --ap-premium-bg: #f7f9fc;
  --ap-glass: rgba(255, 255, 255, 0.78);
  --ap-glass-strong: rgba(255, 255, 255, 0.9);
  --ap-black-panel: #05080d;
  --ap-black-panel-2: #071923;
  background-color: var(--ap-premium-bg) !important;
}

html body .custom-navbar {
  background: rgba(247, 249, 252, 0.72) !important;
  border-bottom: 1px solid rgba(16, 24, 40, 0.075) !important;
}

html body .custom-navbar .container {
  max-width: 1220px !important;
}

html body .navbar-links {
  gap: clamp(1.1rem, 2.4vw, 2.4rem) !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  color: rgba(16, 24, 40, 0.72) !important;
}

html body .navbar-links .nav-link.active,
html body .navbar-links .nav-link:hover {
  color: #060b13 !important;
}

html body .hero.custom-hero-section {
  min-height: calc(100vh - 72px) !important;
  isolation: isolate;
  background:
    radial-gradient(circle at 22% 16%, rgba(255, 138, 0, 0.24), transparent 24%),
    radial-gradient(circle at 75% 18%, rgba(0, 191, 216, 0.32), transparent 30%),
    radial-gradient(circle at 50% 78%, rgba(47, 107, 255, 0.16), transparent 34%),
    linear-gradient(140deg, #03060a 0%, #07131b 52%, #031210 100%) !important;
}

html body .hero.custom-hero-section::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 36%;
  background: linear-gradient(to bottom, transparent, rgba(247, 249, 252, 0.95));
  pointer-events: none;
}

html body .hero-content {
  padding: clamp(2rem, 4vw, 3.5rem);
}

html body .hero h1 {
  max-width: 980px;
  margin-inline: auto;
  font-size: clamp(3.2rem, 8.7vw, 8.4rem) !important;
  line-height: 0.9 !important;
}

html body .hero .lead {
  max-width: 640px;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.72) !important;
}

html body .hero-button,
html body .hero-cta-button,
html body .allopen-box-btn,
html body .tech-button {
  min-height: 48px !important;
  padding: 0.86rem 1.35rem !important;
  font-size: 0.95rem !important;
}

html body .hero-button.modern-tech-btn,
html body .join-team-btn {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  backdrop-filter: blur(18px);
}

html body .join-team-btn {
  background: #fff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body .product-universe-section {
  padding-top: clamp(5rem, 9vw, 8rem) !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(0, 191, 216, 0.12), transparent 28%),
    radial-gradient(circle at 10% 85%, rgba(255, 138, 0, 0.08), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #ffffff 48%, #f7f9fc 100%) !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  color: #0b1220 !important;
  text-wrap: balance;
}

html body .product-universe-head p,
html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-header p {
  max-width: 720px;
  margin-inline: auto;
  color: #69758a !important;
  text-wrap: balance;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(250px, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.45rem) !important;
}

html body .product-universe-card {
  min-height: 315px !important;
  padding: clamp(1.25rem, 2.4vw, 1.8rem) !important;
  border-color: rgba(16, 24, 40, 0.085) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.74)),
    radial-gradient(circle at 86% 12%, rgba(0, 191, 216, 0.14), transparent 35%),
    radial-gradient(circle at 8% 0%, rgba(255, 138, 0, 0.1), transparent 34%) !important;
  box-shadow: 0 22px 65px rgba(16, 24, 40, 0.075) !important;
  backdrop-filter: blur(18px);
}

html body .product-universe-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--ap-radius) - 1px);
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,0.74), transparent 38%);
}

html body .product-universe-card > * {
  position: relative;
  z-index: 1;
}

html body .product-card-logo,
html body .product-logo {
  width: 70px !important;
  height: 70px !important;
  border-radius: 20px !important;
  padding: 0.65rem !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.7rem, 2.3vw, 2.3rem) !important;
}

html body .product-universe-card p {
  max-width: 34ch;
  color: #637084 !important;
}

html body .product-section {
  padding: clamp(5rem, 8vw, 8rem) 0 !important;
}

html body .product-theme-dark {
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 138, 0, 0.16), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.2), transparent 34%),
    linear-gradient(145deg, #05080d 0%, #071924 58%, #04110f 100%) !important;
}

html body .allopen-box,
html body .tech-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  border-color: rgba(16, 24, 40, 0.085) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72)),
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.13), transparent 34%) !important;
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.08) !important;
  backdrop-filter: blur(18px);
}

html body .product-theme-dark .allopen-box {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    radial-gradient(circle at 88% 8%, rgba(0, 191, 216, 0.18), transparent 40%) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.32) !important;
}

html body .allin-hero,
html body .ac-hero {
  min-height: calc(100vh - 72px) !important;
  padding: clamp(4.5rem, 7vw, 6.5rem) 0 !important;
}

html body .allin-hero .container,
html body .ac-hero .container {
  width: min(1180px, calc(100% - 2rem)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 1rem !important;
}

html body .hero-content-wrapper,
html body .ac-inner {
  max-width: 1180px;
  margin-inline: auto;
}

html body .allin-hero-main-text,
html body .ac-title {
  font-size: clamp(3.1rem, 7vw, 6.2rem) !important;
  text-wrap: balance;
}

html body .ac-copy,
html body .hero-text-section {
  min-width: 0 !important;
}

html body .hero-subtitle,
html body .ac-subtitle {
  max-width: 620px;
  text-wrap: balance;
}

html body .hero-screenshot-section,
html body .ac-visual,
html body .allin-screenshot-stage,
html body .allvideo-screen-stage {
  min-height: clamp(390px, 44vw, 560px) !important;
}

html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img,
html body .ac-hero-device img,
html body .allin-main-screen img,
html body .allvideo-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img {
  max-width: min(350px, 82vw) !important;
  max-height: min(560px, 72vh) !important;
  border-width: 3px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.65),
    0 30px 85px rgba(16, 24, 40, 0.2) !important;
}

html body .alltask-page .mobile-screenshot,
html body .alltask-page .mobile-screenshot-container img,
html body .allconnect-page .ac-hero-device img,
html body .allinlocal-page .mobile-screenshot {
  max-height: min(520px, 70vh) !important;
}

html body .allin-page .allin-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 138, 0, 0.22), transparent 26%),
    radial-gradient(circle at 86% 20%, rgba(0, 191, 216, 0.24), transparent 34%),
    radial-gradient(circle at 62% 74%, rgba(47, 107, 255, 0.12), transparent 30%),
    linear-gradient(135deg, #05070b 0%, #071923 58%, #04211d 100%) !important;
}

html body .allin-feature-showcase {
  margin-top: clamp(2rem, 5vw, 4.5rem) !important;
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: clamp(28px, 5vw, 48px);
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 138, 0, 0.16), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(0, 191, 216, 0.2), transparent 34%),
    linear-gradient(145deg, var(--ap-black-panel), var(--ap-black-panel-2)) !important;
  box-shadow: 0 34px 95px rgba(0, 0, 0, 0.22);
}

html body .allin-feature-showcase-head h3,
html body .allin-feature-showcase-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-feature-showcase-head p {
  color: rgba(255,255,255,0.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.68) !important;
}

html body .allin-feature-row {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.16), transparent 38%) !important;
  box-shadow: none !important;
}

html body .allin-feature-copy h4,
html body .allin-feature-copy p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-feature-copy p {
  color: rgba(255,255,255,0.7) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.7) !important;
}

html body .allin-feature-media img {
  max-width: min(315px, 78vw) !important;
  max-height: 500px !important;
}

html body .allin-benefits-panel {
  margin-top: clamp(1rem, 2vw, 1.4rem);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 138, 0, 0.18), transparent 30%),
    linear-gradient(145deg, #05080d, #0a2028) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.2);
}

html body .allin-benefits-copy h3,
html body .allin-benefits-copy p,
html body .allin-benefits-list li {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-benefits-copy p,
html body .allin-benefits-list li {
  color: rgba(255,255,255,0.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.72) !important;
}

html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 78% 12%, rgba(47, 107, 255, 0.12), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(255, 138, 0, 0.08), transparent 28%),
    #f7f9fc !important;
}

html body .allvideo-showcase-hero {
  background:
    linear-gradient(145deg, #05080d 0%, #071923 58%, #04110f 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allvideo-showcase-copy p {
  color: rgba(255,255,255,0.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.72) !important;
}

html body .allvideo-feature-pill {
  min-height: 210px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.76)),
    radial-gradient(circle at 88% 10%, rgba(47,107,255,0.12), transparent 34%) !important;
}

html body #features-section .tech-card,
html body .contact-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 90% 10%, rgba(0,191,216,0.12), transparent 34%) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16,24,40,0.08) !important;
  box-shadow: 0 20px 60px rgba(16,24,40,0.075) !important;
}

@media (max-width: 991px) {
  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .hero-content-wrapper,
  html body .ac-inner {
    gap: 2rem !important;
  }

  html body .allin-hero-main-text,
  html body .ac-title {
    font-size: clamp(3rem, 12vw, 5rem) !important;
  }

  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    border-radius: 28px;
  }
}

@media (max-width: 640px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
    width: min(100%, calc(100vw - 1.2rem)) !important;
  }

  html body .product-universe-card {
    min-height: 285px !important;
  }

  html body .hero h1 {
    font-size: clamp(3.1rem, 17vw, 5.2rem) !important;
  }

  html body .allin-hero,
  html body .ac-hero {
    padding-top: 4rem !important;
  }
}

/* ========== Contrast + hierarchy pass ========== */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body p,
html body li {
  text-wrap: pretty;
}

html body .hero-subtitle,
html body .ac-subtitle,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p,
html body .product-page-intro,
html body .product-page-cta-desc,
html body .allopen-box-desc {
  font-size: clamp(0.98rem, 1.18vw, 1.08rem) !important;
  line-height: 1.72 !important;
  font-weight: 650 !important;
}

html body .hero-subtitle,
html body .ac-subtitle {
  font-size: clamp(1.05rem, 1.55vw, 1.32rem) !important;
  line-height: 1.58 !important;
}

html body .allin-page .hero-subtitle {
  max-width: 660px;
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
  font-weight: 700 !important;
}

html body .ac-subtitle,
html body .alltask-page .hero-subtitle,
html body .allinlocal-page .hero-subtitle {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html body .hero-cta-button,
html body .allopen-box-btn,
html body .tech-button,
html body button.hero-cta-button,
html body button.allopen-box-btn,
html body a.hero-cta-button,
html body a.allopen-box-btn,
html body a.tech-button {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .hero-cta-button *,
html body .allopen-box-btn *,
html body .tech-button * {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .btn-app,
html body a.btn-app,
html body .product-buttons .btn-app,
html body .product-page-cta-buttons .btn-app,
html body .allin-platform-cta .btn-app,
html body .allvideo-showcase-actions .btn-app {
  background: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .btn-play,
html body button.btn-play,
html body .product-buttons .btn-play,
html body .product-page-cta-buttons .btn-play,
html body .allin-platform-cta .btn-play {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.18) !important;
}

html body .product-theme-dark .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allin-feature-showcase .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allin-benefits-panel .allopen-box-btn:not(.btn-play):not(.btn-app) {
  background: rgba(255,255,255,0.92) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .allopen-box-btn[style*="rgba(0, 242, 254"],
html body .hero-cta-button[style*="rgba(0, 242, 254"] {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.18) !important;
}

html body .allopen-box-btn:not(.btn-app):not(.btn-play),
html body .tech-button:not(.btn-app):not(.btn-play),
html body .hero-cta-button:not(.btn-app):not(.btn-play) {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.16) !important;
}

html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .hero-cta-button.hero-cta-white {
  min-height: 54px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0.9rem 1.35rem !important;
  white-space: nowrap !important;
}

html body .hero-cta-button.hero-cta-white .hero-cta-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

html body .allconnect-page .ac-hero {
  background:
    linear-gradient(rgba(16,24,40,0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,40,0.026) 1px, transparent 1px),
    radial-gradient(circle at 14% 25%, rgba(255,122,0,0.12), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(0,191,216,0.2), transparent 34%),
    linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%) !important;
  background-size: 46px 46px, 46px 46px, auto, auto, auto !important;
}

html body .allconnect-page .ac-title {
  font-size: clamp(3.4rem, 7.6vw, 6.7rem) !important;
}

html body .allconnect-page .ac-subtitle {
  max-width: 590px;
  font-size: clamp(1.05rem, 1.45vw, 1.24rem) !important;
}

html body .allconnect-page .product-page-main {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 88% 12%, rgba(255,122,0,0.1), transparent 30%),
    radial-gradient(circle at 16% 80%, rgba(0,191,216,0.1), transparent 34%) !important;
}

html body .allconnect-page .product-page-card {
  min-height: 210px !important;
  padding: clamp(1.25rem, 2.5vw, 1.8rem) !important;
}

html body .allconnect-page .product-page-card h4 {
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
}

html body .ac-flow-section {
  background:
    radial-gradient(circle at 10% 20%, rgba(255,122,0,0.08), transparent 26%),
    radial-gradient(circle at 90% 30%, rgba(0,191,216,0.1), transparent 30%),
    #f8fafc !important;
}

html body .ac-flow-grid,
html body .ac-flow-section .row {
  gap: clamp(1rem, 2vw, 1.5rem);
}

html body .ac-flow-card,
html body .ac-flow-section article,
html body .ac-flow-section .tech-card {
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.74)),
    radial-gradient(circle at 90% 10%, rgba(255,122,0,0.09), transparent 35%) !important;
  border: 1px solid rgba(16,24,40,0.08) !important;
  box-shadow: 0 18px 54px rgba(16,24,40,0.07) !important;
}

html body .allin-page .allin-hero-main-text {
  font-size: clamp(3.35rem, 7.5vw, 6.8rem) !important;
  line-height: 0.94 !important;
}

html body .allin-page .hero-cta-white {
  min-width: 190px;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .allin-platform-hero {
  padding: clamp(1.8rem, 4vw, 3.5rem) !important;
}

html body .allin-platform-title {
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
  letter-spacing: -0.01em !important;
}

html body .allin-feature-showcase {
  padding: clamp(1.5rem, 3.8vw, 3rem) !important;
}

html body .allin-feature-showcase-head {
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

html body .allin-feature-showcase-head h3 {
  font-size: clamp(2rem, 4vw, 4.2rem) !important;
  font-weight: 850 !important;
}

html body .allin-feature-row {
  min-height: clamp(430px, 50vw, 560px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr);
}

html body .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1fr);
}

html body .allin-feature-copy h4 {
  font-size: clamp(2rem, 4.4vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-feature-copy p {
  max-width: 44ch;
  font-size: clamp(0.98rem, 1.18vw, 1.08rem) !important;
}

html body .allin-feature-copy span {
  display: inline-flex;
  margin-bottom: 1rem;
  color: #7ddfff !important;
  -webkit-text-fill-color: #7ddfff !important;
}

html body .allin-feature-media {
  justify-self: center;
}

html body .allin-feature-media img {
  background: #fff !important;
}

html body .allin-benefits-panel {
  min-height: 360px;
}

html body .allin-benefits-copy h3 {
  font-size: clamp(2.1rem, 4.5vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-benefits-list {
  display: grid;
  gap: 0.55rem;
}

html body .allin-benefits-list li {
  padding: 0.95rem 1rem 0.95rem 2.25rem !important;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px;
  background: rgba(255,255,255,0.055);
}

html body .product-page-main h3,
html body .product-page-cta h3 {
  font-size: clamp(1.7rem, 3vw, 2.7rem) !important;
}

@media (max-width: 991px) {
  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  html body .allin-feature-row:nth-child(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-media {
    order: 0 !important;
  }

  html body .allconnect-page .ac-title,
  html body .allin-page .allin-hero-main-text {
    font-size: clamp(3rem, 12vw, 5.4rem) !important;
  }
}

@media (max-width: 640px) {
  html body .hero-subtitle,
  html body .ac-subtitle {
    font-size: 1rem !important;
  }

  html body .allin-feature-copy h4,
  html body .allin-benefits-copy h3 {
    font-size: clamp(2rem, 12vw, 3.3rem) !important;
  }

  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    padding: 1rem !important;
  }
}

/* Absolute final app-store consistency, independent of old classes/inline rules. */
html body a[href*="play.google"],
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"].hero-cta-button *,
html body a[href*="play.google"].allopen-box-btn *,
html body a[href*="play.google"].tech-button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .btn-app,
html body a.btn-app,
html body .hero-cta-button.btn-app,
html body .allopen-box-btn.btn-app,
html body .tech-button.btn-app,
html body a[href*="play.google.com"] {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .btn-app *,
html body a.btn-app *,
html body a[href*="play.google.com"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #allopen-section a.btn-app,
html body #allin-local-section a.btn-app,
html body #allopen-section a[href*="play.google"],
html body #allin-local-section a[href*="play.google"] {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body #allopen-section a.btn-app *,
html body #allin-local-section a.btn-app *,
html body #allopen-section a[href*="play.google"] *,
html body #allin-local-section a[href*="play.google"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app span,
html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app i,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app span,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final shared design system: typography, page heroes, and motion.
   This file is loaded last, so these rules intentionally settle older page CSS. */
html,
body,
button,
input,
textarea,
select,
a,
p,
li,
label,
small,
span,
h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.lead,
.navbar-brand,
.nav-link,
.dropdown-item,
.tech-button,
.allopen-box-btn,
.hero-cta-button {
  font-family: var(--ap-font) !important;
  letter-spacing: 0 !important;
}

html {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body {
  color: var(--ap-ink) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 139, 21, 0.07), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(0, 191, 216, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f7fafc 100%) !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.95rem, 6.4vw, 6rem) !important;
  line-height: 0.98 !important;
  font-weight: 860 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  text-shadow: none !important;
}

html body h2,
html body .display-5 {
  font-size: clamp(2.1rem, 4.2vw, 4rem) !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  text-shadow: none !important;
}

html body h3 {
  font-size: clamp(1.35rem, 2.2vw, 2.05rem) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

html body p,
html body li,
html body .lead {
  font-size: clamp(0.98rem, 1.04vw, 1.08rem) !important;
  line-height: 1.68 !important;
}

html body .lead {
  max-width: 780px;
  margin-inline: auto;
  color: #607086 !important;
  -webkit-text-fill-color: #607086 !important;
  font-weight: 560 !important;
}

html body .hero:not(.index-page .hero),
html body .about-hero,
html body .career-hero,
html body .contact-hero {
  position: relative !important;
  min-height: clamp(500px, 68vh, 690px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: clamp(5rem, 8vw, 7.5rem) 0 clamp(3.5rem, 6vw, 5.5rem) !important;
  background:
    linear-gradient(120deg, rgba(4, 10, 22, 0.93), rgba(3, 42, 48, 0.9)),
    radial-gradient(circle at 18% 18%, rgba(255, 139, 21, 0.36), transparent 30%),
    radial-gradient(circle at 84% 28%, rgba(0, 191, 216, 0.34), transparent 34%),
    #071019 !important;
}

html body .about-hero::before,
html body .career-hero::before,
html body .contact-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), transparent 82%) !important;
  opacity: 0.55 !important;
}

html body .about-hero::after,
html body .career-hero::after,
html body .contact-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 10% 12% 10% !important;
  height: 1px !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, transparent, rgba(255,139,21,0.8), rgba(0,191,216,0.9), transparent) !important;
  box-shadow: 0 0 38px rgba(0, 191, 216, 0.3) !important;
}

html body .about-hero .container,
html body .career-hero .container,
html body .contact-hero .container {
  position: relative !important;
  z-index: 3 !important;
}

html body .about-hero .hero-canvas,
html body .career-hero .hero-canvas,
html body .contact-hero .hero-canvas {
  z-index: 1 !important;
  opacity: 0.32 !important;
  pointer-events: none !important;
}

html body .about-hero .hero-content,
html body .career-hero .hero-content,
html body .contact-hero .hero-content {
  max-width: 940px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  animation: apHeroRise 760ms cubic-bezier(.2,.8,.2,1) both !important;
}

html body .about-hero h1,
html body .career-hero h1,
html body .contact-hero h1 {
  font-size: clamp(3.4rem, 7vw, 7.2rem) !important;
  line-height: 0.94 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  margin-bottom: 1.25rem !important;
}

html body .about-hero .lead,
html body .career-hero .lead,
html body .contact-hero .lead {
  max-width: 820px !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  line-height: 1.72 !important;
  color: rgba(239, 246, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.82) !important;
}

html body .custom-navbar {
  height: 72px !important;
  min-height: 72px !important;
}

html body .custom-navbar .container {
  height: 100% !important;
}

html body .custom-navbar .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .custom-navbar .nav-link.active::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html body section.py-5,
html body .hindi-technology-section {
  padding-top: clamp(4rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4rem, 7vw, 7rem) !important;
}

html body .tech-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(13, 25, 44, 0.1) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.95), rgba(246, 253, 255, 0.92)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 34%) !important;
  box-shadow: 0 28px 80px rgba(9, 20, 36, 0.09) !important;
  color: var(--ap-ink) !important;
  transform: translateZ(0);
}

html body .tech-card h2,
html body .tech-card h3,
html body .tech-card p,
html body .tech-card a:not(.tech-button):not(.allopen-box-btn) {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .tech-card p {
  color: #607086 !important;
}

html body .tech-button,
html body .hero-cta-button,
html body button.tech-button {
  min-height: 48px !important;
  border-radius: 999px !important;
  background: #07111f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(0, 191, 216, 0.36) !important;
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.18) !important;
}

html body .tech-button a,
html body .tech-button *,
html body .hero-cta-button * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

html body .tech-button:hover,
html body .hero-cta-button:hover,
html body .allopen-box-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0, 191, 216, 0.26), 0 18px 42px rgba(0, 191, 216, 0.22) !important;
}

html body .reveal-on-scroll,
html body .reveal-from-left,
html body .reveal-from-right,
html body .reveal-scale,
html body .ap-reveal {
  opacity: 1;
  will-change: transform, opacity;
}

html body.ap-motion-ready .ap-reveal:not(.ap-in-view),
html body .reveal-on-scroll:not(.reveal-in),
html body .reveal-scale:not(.reveal-in),
html body .reveal-from-left:not(.reveal-in),
html body .reveal-from-right:not(.reveal-in) {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(0.985);
}

html body.ap-motion-ready .ap-reveal.ap-in-view,
html body .reveal-on-scroll.reveal-in,
html body .reveal-scale.reveal-in,
html body .reveal-from-left.reveal-in,
html body .reveal-from-right.reveal-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity 720ms cubic-bezier(.2,.8,.2,1), transform 720ms cubic-bezier(.2,.8,.2,1);
}

@keyframes apHeroRise {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 991px) {
  html body h1,
  html body .display-1,
  html body .display-2,
  html body .display-3 {
    font-size: clamp(2.55rem, 11vw, 4.8rem) !important;
  }

  html body h2,
  html body .display-5 {
    font-size: clamp(2rem, 8vw, 3.4rem) !important;
  }

  html body .about-hero,
  html body .career-hero,
  html body .contact-hero {
    min-height: clamp(470px, 68vh, 620px) !important;
    padding-top: 6rem !important;
  }

  html body .about-hero h1,
  html body .career-hero h1,
  html body .contact-hero h1 {
    font-size: clamp(3rem, 14vw, 5rem) !important;
  }
}

@media (max-width: 640px) {
  html body .custom-navbar {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .about-hero,
  html body .career-hero,
  html body .contact-hero {
    text-align: left !important;
    align-items: flex-end !important;
    min-height: 520px !important;
    padding: 5.5rem 0 3rem !important;
  }

  html body .about-hero .hero-content,
  html body .career-hero .hero-content,
  html body .contact-hero .hero-content {
    text-align: left !important;
  }

  html body .about-hero .lead,
  html body .career-hero .lead,
  html body .contact-hero .lead {
    margin-inline: 0 !important;
  }

  html body .tech-card {
    border-radius: 22px !important;
  }
}

/* Final title hierarchy: big where it should be big, calmer everywhere else. */
html body.index-page .hero h1 {
  font-size: clamp(3.25rem, 8.2vw, 7.35rem) !important;
  line-height: 0.92 !important;
  max-width: 960px !important;
  margin-inline: auto !important;
}

html body.index-page .hero h1 span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #ffffff 0%, #7de9ff 46%, #ffb05c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title {
  font-size: clamp(3.1rem, 6.6vw, 6.6rem) !important;
  line-height: 0.95 !important;
  font-weight: 880 !important;
}

html body.index-page .product-section .display-5,
html body.index-page .allin-platform-header .display-5,
html body.index-page .allvideo-showcase-hero .display-5,
html body.index-page #contact-section .display-5 {
  font-size: clamp(2.15rem, 4.4vw, 4.2rem) !important;
  line-height: 1 !important;
}

html body .product-card h3,
html body .allopen-box h3,
html body .feature-card h3,
html body .contact-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.06 !important;
}

html body .product-card p,
html body .allopen-box p,
html body .feature-card p,
html body .contact-card p {
  color: #5d6b80 !important;
  -webkit-text-fill-color: #5d6b80 !important;
  font-size: clamp(0.95rem, 1vw, 1.04rem) !important;
}

html body .dark-section,
html body .product-section-dark,
html body #allvideo-section,
html body #allopen-section,
html body #allin-local-section {
  color: #ffffff !important;
}

html body .dark-section h1,
html body .dark-section h2,
html body .dark-section h3,
html body .product-section-dark h1,
html body .product-section-dark h2,
html body .product-section-dark h3,
html body #allvideo-section h1,
html body #allvideo-section h2,
html body #allvideo-section h3,
html body #allopen-section h1,
html body #allopen-section h2,
html body #allopen-section h3,
html body #allin-local-section h1,
html body #allin-local-section h2,
html body #allin-local-section h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .dark-section p,
html body .product-section-dark p,
html body #allvideo-section p,
html body #allopen-section p,
html body #allin-local-section p {
  color: rgba(239, 246, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.78) !important;
}

@media (max-width: 640px) {
  html body.index-page .hero h1 {
    font-size: clamp(2.8rem, 15vw, 4.6rem) !important;
  }

  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title {
    font-size: clamp(2.75rem, 14vw, 4.7rem) !important;
  }
}

/* Final spacing rhythm: no random empty space across pages. */
:root {
  --ap-page-x: clamp(1rem, 4vw, 2rem);
  --ap-section-y: clamp(3.75rem, 6vw, 5.75rem);
  --ap-section-y-tight: clamp(2.5rem, 4.5vw, 4rem);
  --ap-card-pad: clamp(1.25rem, 2.5vw, 2rem);
  --ap-card-gap: clamp(1rem, 2vw, 1.5rem);
  --ap-hero-pad-top: clamp(4.5rem, 7vw, 6.25rem);
  --ap-hero-pad-bottom: clamp(3.25rem, 5.5vw, 5rem);
}

html body .container,
html body .container-fluid {
  padding-left: var(--ap-page-x) !important;
  padding-right: var(--ap-page-x) !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section-y) !important;
  padding-bottom: var(--ap-section-y) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .section-divider {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}

html body .section-header,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .text-center.mb-5 {
  margin-bottom: clamp(1.75rem, 3.5vw, 3rem) !important;
}

html body .section-header h2,
html body section h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  margin-top: 0 !important;
  margin-bottom: clamp(0.65rem, 1.2vw, 1rem) !important;
}

html body .section-header .lead,
html body section .lead,
html body .allin-platform-header p,
html body .allvideo-showcase-header p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .hero.custom-hero-section {
  min-height: clamp(560px, 76vh, 760px) !important;
  padding: var(--ap-hero-pad-top) var(--ap-page-x) var(--ap-hero-pad-bottom) !important;
}

html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero {
  min-height: clamp(560px, 78vh, 760px) !important;
  padding-top: var(--ap-hero-pad-top) !important;
  padding-bottom: var(--ap-hero-pad-bottom) !important;
  margin: 0 !important;
}

html body .about-hero,
html body .career-hero,
html body .contact-hero {
  min-height: clamp(500px, 68vh, 660px) !important;
  padding-top: var(--ap-hero-pad-top) !important;
  padding-bottom: var(--ap-hero-pad-bottom) !important;
}

html body .hero-content-wrapper,
html body .product-grid,
html body .allopen-boxes-container,
html body .allin-feature-grid,
html body .allin-benefits-grid,
html body .row.g-4 {
  gap: var(--ap-card-gap) !important;
}

html body .tech-card,
html body .product-card,
html body .allopen-box,
html body .contact-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel {
  padding: var(--ap-card-pad) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .product-page-main + .product-page-cta,
html body .tech-card + .tech-card,
html body .allin-feature-row + .allin-feature-row,
html body .allin-benefits-panel + .allin-benefits-panel {
  margin-top: var(--ap-card-gap) !important;
}

html body .product-page-cta-buttons,
html body .product-buttons,
html body .hero-buttons,
html body .hero-cta-wrap {
  gap: 0.85rem !important;
  margin-top: clamp(1.15rem, 2vw, 1.6rem) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body p {
  margin-top: 0 !important;
}

html body h1 {
  margin-bottom: clamp(0.85rem, 1.7vw, 1.35rem) !important;
}

html body h2 {
  margin-bottom: clamp(0.7rem, 1.4vw, 1.1rem) !important;
}

html body h3,
html body h4 {
  margin-bottom: clamp(0.55rem, 1vw, 0.85rem) !important;
}

html body p {
  margin-bottom: clamp(0.85rem, 1.5vw, 1.15rem) !important;
}

html body p:last-child,
html body .lead:last-child,
html body .tech-card > :last-child,
html body .product-card > :last-child,
html body .allopen-box > :last-child,
html body .product-page-main > :last-child,
html body .product-page-cta > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  :root {
    --ap-section-y: clamp(3rem, 7vw, 4.25rem);
    --ap-section-y-tight: clamp(2.25rem, 6vw, 3.25rem);
    --ap-card-pad: clamp(1rem, 4vw, 1.5rem);
  }

  html body .hero.custom-hero-section,
  html body .allin-hero,
  html body .ac-hero,
  html body.product-detail-page .allin-hero,
  html body.product-detail-page .ac-hero {
    min-height: auto !important;
    padding-top: clamp(4.5rem, 10vw, 5.75rem) !important;
    padding-bottom: clamp(3rem, 8vw, 4.5rem) !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-page-x: 1rem;
    --ap-section-y: 3rem;
    --ap-card-gap: 1rem;
  }

  html body section,
  html body section.py-5,
  html body .product-section,
  html body .product-universe-section,
  html body .allin-platform-section,
  html body .allvideo-showcase-section,
  html body .hindi-technology-section,
  html body .product-detail-page section.py-5 {
    padding-top: var(--ap-section-y) !important;
    padding-bottom: var(--ap-section-y) !important;
  }
}

/* Final responsive system: readable type and a reliable mobile menu. */
html {
  font-size: clamp(15px, 0.92vw + 11px, 17px) !important;
}

html body {
  min-width: 0 !important;
}

html body *,
html body *::before,
html body *::after {
  min-width: 0;
}

html body img,
html body video,
html body canvas,
html body svg {
  max-width: 100% !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.45rem, 5.8vw, 5.75rem) !important;
  line-height: 0.98 !important;
  overflow-wrap: anywhere;
}

html body.index-page .hero h1 {
  font-size: clamp(3rem, 7.4vw, 7rem) !important;
  line-height: 0.93 !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title {
  font-size: clamp(2.75rem, 5.9vw, 6rem) !important;
  line-height: 0.96 !important;
  overflow-wrap: anywhere;
}

html body h2,
html body .display-5 {
  font-size: clamp(1.85rem, 3.6vw, 3.65rem) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere;
}

html body h3 {
  font-size: clamp(1.2rem, 1.65vw, 1.8rem) !important;
  line-height: 1.1 !important;
}

html body p,
html body li,
html body .lead {
  font-size: clamp(0.95rem, 0.55vw + 0.82rem, 1.08rem) !important;
  line-height: 1.65 !important;
  overflow-wrap: break-word;
}

html body .container {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
}

html body .hero-content-wrapper,
html body .allopen-boxes-container.two-columns,
html body .allin-feature-row,
html body .allin-benefits-panel,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .product-grid,
html body .product-universe-grid,
html body .allopen-boxes-container.product-boxes-center {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

html body .custom-navbar {
  z-index: 9999 !important;
}

html body .burger {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 10px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10002 !important;
}

html body .burger span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #101828 !important;
  transform-origin: center !important;
  transition: transform 220ms ease, opacity 160ms ease, background-color 220ms ease !important;
}

html body .burger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}

html body .burger.active span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}

html body .burger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

html body .mobile-nav-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9997 !important;
  background: rgba(6, 16, 22, 0.48) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 220ms ease, visibility 220ms ease !important;
}

html body .mobile-nav-backdrop.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.mobile-nav-open,
html body.mobile-nav-open {
  overflow: hidden !important;
}

@media (max-width: 900px) {
  html body .custom-navbar {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .custom-navbar .container {
    min-height: 64px !important;
    height: 64px !important;
  }

  html body .burger {
    display: flex !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: fixed !important;
    top: 76px !important;
    left: max(1rem, env(safe-area-inset-left)) !important;
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100dvh - 92px) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0.25rem !important;
    margin: 0 !important;
    padding: 0.85rem !important;
    border: 1px solid rgba(16, 24, 40, 0.12) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 24px 70px rgba(9, 20, 36, 0.24) !important;
    backdrop-filter: blur(22px) saturate(1.2) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px) scale(0.985) !important;
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease !important;
    z-index: 10001 !important;
  }

  html body .navbar-links.open,
  html body .navbar-links.active,
  html body .custom-navbar .navbar-links.open,
  html body .custom-navbar .navbar-links.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  html body .navbar-links li {
    width: 100% !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: 0.72rem 0.9rem !important;
    border-radius: 16px !important;
    color: #182230 !important;
    -webkit-text-fill-color: #182230 !important;
    font-size: 1rem !important;
    font-weight: 760 !important;
  }

  html body .navbar-links .nav-link.active,
  html body .navbar-links .nav-link:hover,
  html body .navbar-links a:hover {
    background: rgba(0, 191, 216, 0.1) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }

  html body .navbar-links .nav-link::after {
    display: none !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(245, 248, 252, 0.92) !important;
    box-shadow: none !important;
    transition: max-height 220ms ease, opacity 180ms ease, padding 220ms ease, margin 220ms ease !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .navbar-links .dropdown-menu.show {
    max-height: 420px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 0.35rem !important;
    margin: 0.25rem 0 0.35rem !important;
  }

  html body .custom-navbar .dropdown-item {
    min-height: 40px !important;
    padding: 0.6rem 0.75rem !important;
    font-size: 0.95rem !important;
    border-radius: 12px !important;
  }

  html body .custom-navbar .dropdown-divider {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body h1,
  html body .display-1,
  html body .display-2,
  html body .display-3,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title,
  html body .about-hero h1,
  html body .career-hero h1,
  html body .contact-hero h1 {
    font-size: clamp(2.35rem, 12.5vw, 4.25rem) !important;
    line-height: 0.98 !important;
  }

  html body h2,
  html body .display-5 {
    font-size: clamp(1.85rem, 9vw, 3rem) !important;
  }

  html body h3 {
    font-size: clamp(1.18rem, 5.4vw, 1.65rem) !important;
  }

  html body p,
  html body li,
  html body .lead {
    font-size: clamp(0.94rem, 3.7vw, 1.03rem) !important;
    line-height: 1.62 !important;
  }

  html body .hero-content-wrapper,
  html body .allopen-boxes-container.two-columns,
  html body .allin-feature-row,
  html body .allin-benefits-panel,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    grid-template-columns: 1fr !important;
  }

  html body .hero-text-section,
  html body .allconnect-page .hero-text-section,
  html body .alltask-page .hero-text-section,
  html body .allinlocal-page .hero-text-section,
  html body .allin-page .hero-text-section {
    text-align: left !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 420px) {
  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    top: 70px !important;
    left: 0.7rem !important;
    right: 0.7rem !important;
    border-radius: 20px !important;
  }

  html body h1,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title {
    font-size: clamp(2.15rem, 13vw, 3.5rem) !important;
  }
}

/* Final mobile navigation polish: cleaner icon and premium menu surface. */
@media (max-width: 900px) {
  html body .burger {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body .burger::before {
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    box-shadow: 0 12px 30px rgba(9, 20, 36, 0.1) !important;
    opacity: 0 !important;
    transform: scale(0.82) !important;
    transition: opacity 180ms ease, transform 220ms ease, background 220ms ease !important;
  }

  html body .burger:hover::before,
  html body .burger.active::before {
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  html body .burger span {
    position: absolute !important;
    left: 11px !important;
    width: 24px !important;
    height: 2px !important;
    background: #111827 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html body .burger span:nth-child(1) {
    top: 15px !important;
  }

  html body .burger span:nth-child(2) {
    top: 22px !important;
    width: 19px !important;
  }

  html body .burger span:nth-child(3) {
    top: 29px !important;
    width: 24px !important;
  }

  html body .burger.active span {
    top: 22px !important;
    width: 24px !important;
    background: #07111f !important;
  }

  html body .burger.active span:nth-child(1) {
    transform: rotate(45deg) !important;
  }

  html body .burger.active span:nth-child(2) {
    opacity: 0 !important;
    transform: translateX(8px) scaleX(0) !important;
  }

  html body .burger.active span:nth-child(3) {
    transform: rotate(-45deg) !important;
  }

  html body .mobile-nav-backdrop {
    background:
      radial-gradient(circle at 70% 12%, rgba(0, 191, 216, 0.16), transparent 34%),
      radial-gradient(circle at 18% 16%, rgba(255, 139, 21, 0.12), transparent 30%),
      rgba(5, 11, 20, 0.52) !important;
    backdrop-filter: blur(8px) !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    top: 78px !important;
    left: clamp(0.85rem, 4vw, 1.5rem) !important;
    right: clamp(0.85rem, 4vw, 1.5rem) !important;
    padding: 0.7rem !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 252, 255, 0.92)),
      radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 36%) !important;
    box-shadow:
      0 28px 80px rgba(7, 17, 31, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    transform: translateY(-16px) scale(0.975) !important;
  }

  html body .navbar-links.open,
  html body .navbar-links.active,
  html body .custom-navbar .navbar-links.open,
  html body .custom-navbar .navbar-links.active {
    transform: translateY(0) scale(1) !important;
  }

  html body .navbar-links li {
    transform: translateY(6px) !important;
    opacity: 0 !important;
    transition: opacity 240ms ease, transform 240ms ease !important;
  }

  html body .navbar-links.open li,
  html body .navbar-links.active li {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  html body .navbar-links.open li:nth-child(1),
  html body .navbar-links.active li:nth-child(1) { transition-delay: 25ms !important; }
  html body .navbar-links.open li:nth-child(2),
  html body .navbar-links.active li:nth-child(2) { transition-delay: 50ms !important; }
  html body .navbar-links.open li:nth-child(3),
  html body .navbar-links.active li:nth-child(3) { transition-delay: 75ms !important; }
  html body .navbar-links.open li:nth-child(4),
  html body .navbar-links.active li:nth-child(4) { transition-delay: 100ms !important; }
  html body .navbar-links.open li:nth-child(5),
  html body .navbar-links.active li:nth-child(5) { transition-delay: 125ms !important; }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    min-height: 50px !important;
    padding: 0.78rem 0.95rem !important;
    border-radius: 18px !important;
    color: #1d2939 !important;
    -webkit-text-fill-color: #1d2939 !important;
    background: transparent !important;
  }

  html body .navbar-links .nav-link.active,
  html body .navbar-links .nav-link:hover,
  html body .navbar-links a:hover {
    background:
      linear-gradient(135deg, rgba(7, 17, 31, 0.95), rgba(10, 42, 54, 0.95)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(7, 17, 31, 0.16) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .navbar-links .dropdown-menu.show {
    margin-top: 0.35rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0.45rem !important;
    border: 1px solid rgba(16, 24, 40, 0.06) !important;
    background: rgba(248, 251, 253, 0.94) !important;
  }

  html body .custom-navbar .dropdown-item {
    color: #344054 !important;
    -webkit-text-fill-color: #344054 !important;
  }

  html body .custom-navbar .dropdown-item:hover {
    background: rgba(0, 191, 216, 0.1) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }
}

/* Absolute final premium pass: this must stay at the end. */
html body .container {
  max-width: 1240px !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .fw-bold {
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

html body.index-page .hero h1 {
  font-size: clamp(3.4rem, 8.8vw, 8.6rem) !important;
  line-height: 0.88 !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  font-size: clamp(2.6rem, 5.5vw, 5.8rem) !important;
  line-height: 0.9 !important;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.1rem, 2.2vw, 1.8rem) !important;
}

html body .product-universe-card {
  min-height: clamp(330px, 24vw, 390px) !important;
  padding: clamp(1.45rem, 2.4vw, 2.1rem) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(240, 253, 255, 0.78)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.2), transparent 42%) !important;
  box-shadow: 0 24px 76px rgba(9, 20, 36, 0.11) !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.9rem, 2.6vw, 2.85rem) !important;
}

html body .product-universe-card p {
  font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
  font-weight: 650 !important;
  color: #4d5d73 !important;
  -webkit-text-fill-color: #4d5d73 !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(70px, 6vw, 96px) !important;
  height: clamp(70px, 6vw, 96px) !important;
  border-radius: 24px !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(1.6rem, 3vw, 2.7rem) !important;
  border-radius: 30px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.75rem, 3vw, 3rem) !important;
}

html body .allopen-box-desc,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.12vw, 1.18rem) !important;
  font-weight: 650 !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.75rem, 4vw, 4rem) !important;
  border-radius: 38px !important;
  box-shadow: 0 34px 100px rgba(9, 20, 36, 0.14) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2.7rem, 5.8vw, 6.4rem) !important;
  line-height: 0.88 !important;
}

html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(430px, 48vw, 650px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  isolation: isolate !important;
}

html body .allvideo-screen-stage::before,
html body .allinlocal-page .mobile-screenshots-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 8% 4% !important;
  border-radius: 42px !important;
  background:
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,191,216,0.2), transparent 62%) !important;
  background-size: 38px 38px, 38px 38px, 100% 100% !important;
  z-index: -1 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) translateY(-4px) !important;
  z-index: 2 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-42px) translateY(38px) scale(0.94) !important;
  z-index: 1 !important;
}

html body .allinlocal-page .mobile-screenshot-container,
html body .allvideo-screen,
html body .ac-hero-device,
html body .alltask-page .mobile-screenshot-container,
html body .allin-hero-preview {
  border-width: 3px !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(9, 20, 36, 0.2) !important;
}

@media (max-width: 900px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card {
    min-height: 270px !important;
  }

  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
    transform: none !important;
  }
}

@media (max-width: 520px) {
  html body.index-page .hero h1 {
    font-size: clamp(3rem, 16vw, 4.9rem) !important;
  }

  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }
}

/* Absolute final AllConnect repair: stop raw screenshots, restore premium feature panels. */
html body.allconnect-page .ac-hero {
  min-height: clamp(560px, 74vh, 720px) !important;
  padding-top: clamp(4.75rem, 7vw, 6.5rem) !important;
  padding-bottom: clamp(3.5rem, 6vw, 5rem) !important;
}

html body.allconnect-page .ac-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 6vw, 5rem) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

html body.allconnect-page .ac-title {
  font-size: clamp(3.8rem, 8vw, 7.2rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.06em !important;
}

html body.allconnect-page .ac-subtitle {
  max-width: 620px !important;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
  font-weight: 720 !important;
}

html body.allconnect-page .ac-visual {
  min-height: 430px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.allconnect-page .ac-hero-device {
  width: min(320px, 84vw) !important;
  max-width: 320px !important;
  padding: 0 !important;
  border: 3px solid #ff8a00 !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: #fff !important;
  transform: rotate(2deg) !important;
}

html body.allconnect-page .ac-hero-device img {
  width: 100% !important;
  max-width: none !important;
  max-height: 520px !important;
  object-fit: contain !important;
  border-radius: 28px !important;
}

html body.allconnect-page .product-page-main {
  max-width: 1080px !important;
  margin-inline: auto !important;
  padding: clamp(1.5rem, 3.5vw, 3rem) !important;
  border-radius: 32px !important;
}

html body.allconnect-page .product-page-main .row {
  align-items: stretch !important;
}

html body.allconnect-page .product-page-card {
  min-height: 190px !important;
}

html body.allconnect-page .ac-flow-section {
  padding-top: clamp(4.5rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4.5rem, 7vw, 7rem) !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 138, 0, 0.11), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(0, 191, 216, 0.13), transparent 34%),
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

html body.allconnect-page .ac-flow-section header {
  max-width: 880px !important;
  margin: 0 auto clamp(2rem, 4vw, 3.5rem) !important;
}

html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(2.7rem, 5.8vw, 5.8rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.055em !important;
}

html body.allconnect-page .ac-flow-list {
  display: grid !important;
  gap: clamp(1.5rem, 4vw, 3rem) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

html body.allconnect-page .ac-flow-card {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.5rem, 4vw, 3.5rem) !important;
  min-height: 520px !important;
  padding: clamp(1.25rem, 3vw, 2.5rem) !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 255, 0.8)),
    radial-gradient(circle at 92% 12%, rgba(255, 138, 0, 0.12), transparent 34%) !important;
  box-shadow: 0 30px 90px rgba(9, 20, 36, 0.11) !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr) !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-media {
  order: 2 !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-copy {
  order: 1 !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 32px !important;
  background:
    linear-gradient(rgba(16,24,40,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,40,0.045) 1px, transparent 1px),
    radial-gradient(circle, rgba(255, 138, 0, 0.12), transparent 58%) !important;
  background-size: 34px 34px, 34px 34px, 100% 100% !important;
  overflow: hidden !important;
}

html body.allconnect-page .ac-flow-media img {
  width: auto !important;
  max-width: min(330px, 100%) !important;
  max-height: 500px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  border: 3px solid #ff8a00 !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 70px rgba(9, 20, 36, 0.18) !important;
}

html body.allconnect-page .ac-flow-copy {
  padding: clamp(0.5rem, 2vw, 1rem) !important;
}

html body.allconnect-page .ac-flow-step {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 1rem !important;
  border-radius: 16px !important;
  background: #07111f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(2rem, 4vw, 4.2rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.05em !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body.allconnect-page .ac-flow-copy p {
  max-width: 48ch !important;
  font-size: clamp(1rem, 1.1vw, 1.18rem) !important;
  font-weight: 650 !important;
  color: #526176 !important;
  -webkit-text-fill-color: #526176 !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .ac-hero-grid,
  html body.allconnect-page .ac-flow-card,
  html body.allconnect-page .ac-flow-card:nth-child(even) {
    grid-template-columns: 1fr !important;
  }

  html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-media,
  html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-copy {
    order: initial !important;
  }

  html body.allconnect-page .ac-flow-card {
    min-height: auto !important;
    border-radius: 30px !important;
  }

  html body.allconnect-page .ac-flow-media {
    min-height: auto !important;
    padding: 1rem !important;
  }

  html body.allconnect-page .ac-flow-media img {
    max-width: min(300px, 100%) !important;
    max-height: 440px !important;
  }
}

/* Final proportional tuning: wider page, smaller containers, calmer headers. */
:root {
  --ap-max: 1320px;
  --ap-page-x: clamp(1rem, 3vw, 2.25rem);
  --ap-section-y: clamp(3.25rem, 5vw, 5.25rem);
  --ap-card-pad: clamp(1rem, 2vw, 1.75rem);
  --ap-card-gap: clamp(0.85rem, 1.6vw, 1.35rem);
}

html body .container {
  max-width: var(--ap-max) !important;
  padding-left: var(--ap-page-x) !important;
  padding-right: var(--ap-page-x) !important;
}

html body .custom-navbar {
  height: 64px !important;
  min-height: 64px !important;
}

html body .custom-navbar .container {
  height: 64px !important;
  min-height: 64px !important;
}

html body .custom-navbar .logo,
html body .navbar-brand {
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  font-weight: 850 !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: clamp(0.82rem, 0.75vw, 0.94rem) !important;
  font-weight: 760 !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.35rem, 5vw, 5.2rem) !important;
  line-height: 0.98 !important;
}

html body.index-page .hero h1 {
  font-size: clamp(2.85rem, 7vw, 7rem) !important;
  line-height: 0.9 !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title,
html body.allconnect-page .ac-title {
  font-size: clamp(2.8rem, 5.8vw, 5.8rem) !important;
  line-height: 0.95 !important;
}

html body h2,
html body .display-5,
html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(1.9rem, 3.8vw, 4.1rem) !important;
  line-height: 1 !important;
}

html body h3,
html body .product-universe-card h3,
html body .allopen-box-title,
html body .allin-platform-title,
html body .allvideo-showcase-copy h3,
html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(1.35rem, 2.5vw, 2.75rem) !important;
  line-height: 1.02 !important;
}

html body p,
html body li,
html body .lead,
html body .allopen-box-desc,
html body .product-universe-card p,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p,
html body.allconnect-page .ac-flow-copy p {
  font-size: clamp(0.9rem, 0.72vw + 0.72rem, 1.02rem) !important;
  line-height: 1.6 !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body.allconnect-page .ac-flow-section {
  padding-top: var(--ap-section-y) !important;
  padding-bottom: var(--ap-section-y) !important;
}

html body .hero.custom-hero-section,
html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero {
  min-height: clamp(500px, 68vh, 680px) !important;
  padding-top: clamp(4rem, 6vw, 5.75rem) !important;
  padding-bottom: clamp(2.75rem, 4.5vw, 4.25rem) !important;
}

html body .tech-card,
html body .product-card,
html body .product-universe-card,
html body .allopen-box,
html body .contact-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel,
html body.allconnect-page .ac-flow-card {
  padding: var(--ap-card-pad) !important;
  border-radius: 24px !important;
}

html body .product-universe-grid,
html body .allopen-boxes-container,
html body .allconnect-page .ac-flow-list {
  gap: var(--ap-card-gap) !important;
}

html body .product-universe-card {
  min-height: clamp(245px, 19vw, 310px) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  max-width: 700px !important;
}

html body.allconnect-page .ac-flow-card {
  min-height: 430px !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 340px !important;
}

html body.allconnect-page .ac-flow-media img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .ac-hero-device img {
  max-height: min(440px, 62vh) !important;
}

@media (max-width: 900px) {
  :root {
    --ap-page-x: 1rem;
    --ap-section-y: clamp(2.75rem, 7vw, 4rem);
    --ap-card-pad: clamp(0.95rem, 4vw, 1.35rem);
  }

  html body .custom-navbar,
  html body .custom-navbar .container {
    height: 62px !important;
    min-height: 62px !important;
  }

  html body h1,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title,
  html body.allconnect-page .ac-title {
    font-size: clamp(2.25rem, 11vw, 4rem) !important;
  }

  html body h2,
  html body .display-5,
  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(1.8rem, 8vw, 3rem) !important;
  }

  html body h3,
  html body .product-universe-card h3,
  html body .allopen-box-title,
  html body .allin-platform-title,
  html body .allvideo-showcase-copy h3 {
    font-size: clamp(1.3rem, 6vw, 2.25rem) !important;
  }

  html body .product-universe-card {
    min-height: auto !important;
  }

  html body.allconnect-page .ac-flow-card {
    min-height: auto !important;
  }
}

/* Final layout correction: keep product media/text side-by-side on laptop/tablet. */
:root {
  --ap-section-y: clamp(2.75rem, 4.5vw, 4.5rem);
  --ap-card-pad: clamp(0.9rem, 1.7vw, 1.45rem);
  --ap-card-gap: clamp(0.75rem, 1.4vw, 1.15rem);
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .text-center.mb-5 {
  margin-bottom: clamp(1.25rem, 2.5vw, 2.1rem) !important;
}

html body .tech-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body.allconnect-page .ac-flow-card {
  padding: var(--ap-card-pad) !important;
}

html body .row.g-4,
html body .row.g-lg-5,
html body .hero-content-wrapper,
html body .allopen-boxes-container,
html body.allconnect-page .ac-flow-list {
  gap: var(--ap-card-gap) !important;
}

html body .product-page-main .row,
html body .product-page-cta .row,
html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .product-page-main .row > *,
html body .product-page-cta .row > *,
html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body h1,
html body.index-page .hero h1,
html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title,
html body.allconnect-page .ac-title {
  font-size: clamp(2.45rem, 5.4vw, 5.25rem) !important;
}

html body h2,
html body .display-5,
html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(1.8rem, 3.4vw, 3.5rem) !important;
}

html body h3,
html body .product-universe-card h3,
html body .allopen-box-title,
html body .allin-platform-title,
html body .allvideo-showcase-copy h3,
html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(1.25rem, 2.15vw, 2.35rem) !important;
}

html body .hero.custom-hero-section,
html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero {
  min-height: clamp(460px, 62vh, 620px) !important;
  padding-top: clamp(3.5rem, 5vw, 5rem) !important;
  padding-bottom: clamp(2.25rem, 4vw, 3.5rem) !important;
}

html body .hero-screenshot-section,
html body .ac-visual,
html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(300px, 34vw, 460px) !important;
}

html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .ac-hero-device img,
html body .allvideo-screen img,
html body .allin-hero-preview img,
html body.allconnect-page .ac-flow-media img {
  max-height: min(380px, 56vh) !important;
}

@media (min-width: 760px) {
  html body .hero-content-wrapper,
  html body.allconnect-page .ac-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.78fr) !important;
    align-items: center !important;
    gap: clamp(1.25rem, 3vw, 3rem) !important;
  }

  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr) !important;
    align-items: center !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body .product-page-cta .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body.allconnect-page .ac-flow-card {
    grid-template-columns: minmax(240px, 0.76fr) minmax(0, 1fr) !important;
    min-height: 360px !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body.allconnect-page .ac-flow-card:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.76fr) !important;
  }

  html body .allopen-boxes-container.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 759px) {
  html body .hero-content-wrapper,
  html body.allconnect-page .ac-hero-grid,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body.allconnect-page .ac-flow-card {
    grid-template-columns: 1fr !important;
  }
}

/* Final navigation repair: desktop Product dropdown and mobile burger share one polished language. */
html body .custom-navbar {
  overflow: visible !important;
  max-height: none !important;
  z-index: 10050 !important;
}

html body .custom-navbar .container,
html body .navbar-links,
html body .navbar-links li,
html body .custom-navbar .nav-item.dropdown {
  overflow: visible !important;
}

html body .custom-navbar .nav-item.dropdown {
  position: relative !important;
}

@media (min-width: 901px) {
  html body .burger {
    display: none !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(0.9rem, 1.6vw, 1.8rem) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body .navbar-links li {
    width: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: auto !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.42rem 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(16, 24, 40, 0.72) !important;
    -webkit-text-fill-color: rgba(16, 24, 40, 0.72) !important;
  }

  html body .navbar-links .nav-link:hover,
  html body .navbar-links .nav-link.active {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    background: transparent !important;
  }

  html body .custom-navbar .dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.45rem !important;
    vertical-align: 0.12em !important;
    border-top-color: currentColor !important;
    transition: transform 180ms ease !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-toggle::after,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-toggle::after {
    transform: rotate(180deg) !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: min(340px, calc(100vw - 2rem)) !important;
    min-width: 300px !important;
    max-width: 340px !important;
    max-height: min(72vh, 540px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0.65rem !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 26px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 255, 0.94)),
      radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 38%) !important;
    box-shadow:
      0 28px 80px rgba(7, 17, 31, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(22px) saturate(1.2) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 10px, 0) scale(0.98) !important;
    transform-origin: top right !important;
    transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1), visibility 180ms ease !important;
    z-index: 10060 !important;
  }

  html body .custom-navbar .dropdown-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    right: 28px !important;
    width: 14px !important;
    height: 14px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    transform: rotate(45deg) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .dropdown-item {
    position: relative !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0.7rem 0.85rem !important;
    border-radius: 16px !important;
    color: #344054 !important;
    -webkit-text-fill-color: #344054 !important;
    font-size: 0.92rem !important;
    font-weight: 820 !important;
    text-decoration: none !important;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease !important;
  }

  html body .custom-navbar .dropdown-item:hover,
  html body .custom-navbar .dropdown-item:focus {
    background:
      linear-gradient(135deg, rgba(7, 17, 31, 0.96), rgba(10, 42, 54, 0.96)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transform: translateX(2px) !important;
  }

  html body .custom-navbar .dropdown-divider {
    display: block !important;
    height: 1px !important;
    margin: 0.25rem 0.4rem !important;
    border: 0 !important;
    background: rgba(16, 24, 40, 0.08) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar .dropdown-toggle::after {
    margin-left: auto !important;
    transition: transform 180ms ease !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
  html body .custom-navbar .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg) !important;
  }
}


/* 2026 layout and interaction authority.
   Keep this block last: it neutralizes old one-off spacing, button, and product-page conflicts. */
:root {
  --ap-shell: min(100% - 40px, 1440px);
  --ap-content: min(100% - 40px, 1240px);
  --ap-narrow: min(100% - 40px, 900px);
  --ap-card-pad: clamp(1.1rem, 2vw, 2rem);
  --ap-card-gap: clamp(0.9rem, 1.5vw, 1.35rem);
  --ap-block-gap: clamp(1.25rem, 2vw, 2rem);
  --ap-section-space: clamp(3rem, 4.8vw, 5rem);
  --ap-ink: #0b1220;
  --ap-muted: #536176;
  --ap-panel: rgba(255,255,255,0.9);
  --ap-line: rgba(15,23,42,0.1);
}

html body {
  color: var(--ap-ink) !important;
  text-rendering: geometricPrecision;
}

html body .container {
  width: var(--ap-shell) !important;
  max-width: var(--ap-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body section,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section-space) !important;
  padding-bottom: var(--ap-section-space) !important;
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  width: var(--ap-narrow) !important;
  max-width: var(--ap-narrow) !important;
  margin: 0 auto clamp(1.5rem, 2.5vw, 2.4rem) !important;
  text-align: center !important;
}

html body h1,
html body .hero-title,
html body .allin-hero-main-text {
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body h2,
html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(1.9rem, 3.15vw, 3.05rem) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  margin: 0 0 0.75rem !important;
  text-wrap: balance;
}

html body h3,
html body .allopen-box-title,
html body .product-page-card h4 {
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body p,
html body li,
html body .lead,
html body .allopen-box-desc,
html body .product-page-intro,
html body .product-page-card p {
  color: var(--ap-muted) !important;
  line-height: 1.58 !important;
}

html body .product-theme-dark,
html body .product-theme-dark *,
html body .site-footer,
html body footer {
  color-scheme: dark;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark .allopen-box-desc,
html body footer p,
html body footer li,
html body footer a {
  color: rgba(255,255,255,0.76) !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body footer h3,
html body footer h4 {
  color: #fff !important;
}

html body .tech-card,
html body .allopen-box,
html body .product-universe-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel {
  border: 1px solid var(--ap-line) !important;
  border-radius: 24px !important;
  padding: var(--ap-card-pad) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,0.08) !important;
}

html body .product-universe-grid {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ap-block-gap) !important;
  margin: 0 auto !important;
}

html body .product-universe-card {
  min-height: 250px !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(4.5rem, 1fr) auto !important;
  gap: 0.75rem !important;
  align-content: start !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(226,250,253,0.82)) !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.45rem, 1.7vw, 1.95rem) !important;
  margin: 0 !important;
  color: var(--ap-ink) !important;
}

html body .product-universe-card p {
  font-size: clamp(0.9rem, 0.92vw, 1rem) !important;
  margin: 0 !important;
  color: #667085 !important;
}

html body .product-universe-card .product-card-link {
  align-self: end !important;
  color: #007a87 !important;
  font-weight: 800 !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(58px, 5vw, 76px) !important;
  height: clamp(58px, 5vw, 76px) !important;
  border-radius: 18px !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .why-allin-blocks,
html body .allvideo-showcase-grid,
html body #contact-section .row,
html body form#contactForm {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .allopen-boxes-container,
html body .allin-feature-showcase,
html body .why-allin-blocks {
  display: grid !important;
  gap: var(--ap-block-gap) !important;
}

html body .allopen-boxes-container.product-boxes-center:not(.two-columns) {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

html body .allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  max-width: 980px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.95rem !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2vw, 2.15rem) !important;
  margin: 0 !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  margin: 0 !important;
}

html body .product-buttons,
html body .product-page-cta-buttons,
html body .allvideo-showcase-actions,
html body .allin-platform-cta,
html body .hero-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  margin-top: auto !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body button.hero-cta-button,
html body button.tech-button,
html body a.hero-cta-button,
html body a.tech-button {
  min-height: 44px !important;
  padding: 0.72rem 1.25rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  border: 1px solid rgba(15,23,42,0.18) !important;
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(15,23,42,0.12) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #07111f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(0,217,255,0.6) !important;
  box-shadow: 0 14px 32px rgba(0,217,255,0.16), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

html body .btn-play,
html body button.btn-play,
html body button.hero-cta-button:not([onclick*="Register"]):has(.fa-apple),
html body button.tech-button:has(.fa-apple),
html body .hero-cta-button:not(a[href*="play.google"]) .fa-apple {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body button.hero-cta-button:has(.fa-apple),
html body button.tech-button:has(.fa-apple),
html body .product-buttons button,
html body .product-page-cta-buttons button {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(15,23,42,0.18) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0,217,255,0.32), 0 18px 42px rgba(0,217,255,0.22) !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row,
html body .product-page-main .row,
html body .product-page-cta .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.84fr) !important;
  gap: var(--ap-block-gap) !important;
  align-items: center !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 3.1vw, 3.4rem) !important;
  line-height: 1 !important;
}

html body .allin-main-screen,
html body .allvideo-screen,
html body .mobile-screenshot-container,
html body .product-page-screenshot,
html body .ac-hero-device,
html body .allin-hero-preview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: transparent !important;
}

html body .allin-main-screen img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .product-page-screenshot img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: min(430px, 58vh) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
}

html body.allconnect-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero {
  min-height: auto !important;
  padding-top: clamp(3.2rem, 5vw, 5.25rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr) !important;
  gap: clamp(1.5rem, 3vw, 3.5rem) !important;
  align-items: center !important;
}

html body.allconnect-page .hero-text-section,
html body.alltask-page .hero-text-section,
html body.allinlocal-page .hero-text-section {
  max-width: 650px !important;
}

html body.allconnect-page .allin-hero-main-text,
html body.alltask-page .allin-hero-main-text,
html body.allinlocal-page .allin-hero-main-text {
  font-size: clamp(3rem, 5.4vw, 5.4rem) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body.allconnect-page .hero-subtitle,
html body.alltask-page .hero-subtitle,
html body.allinlocal-page .hero-subtitle {
  max-width: 58ch !important;
  font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
  color: #2e3a4c !important;
  -webkit-text-fill-color: #2e3a4c !important;
  font-weight: 700 !important;
}

html body.allconnect-page .hero-screenshot-section,
html body.alltask-page .hero-screenshot-section,
html body.allinlocal-page .hero-screenshot-section {
  min-height: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container {
  border: 3px solid currentColor !important;
  box-shadow: 0 28px 70px rgba(15,23,42,0.18) !important;
}

html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container {
  color: #f97316 !important;
}

html body.alltask-page .hero-screenshot-section .mobile-screenshot-container {
  color: #ffad6a !important;
}

html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container {
  color: #2f6bff !important;
}

html body.allconnect-page .hero-screenshot-section img,
html body.alltask-page .hero-screenshot-section img,
html body.allinlocal-page .hero-screenshot-section img {
  max-height: min(420px, 54vh) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  min-height: 0 !important;
  width: 100% !important;
  max-width: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) scale(0.94) !important;
  z-index: 2 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-44px) translateY(18px) scale(0.88) !important;
  z-index: 1 !important;
}

html body.allinlocal-page #description-section .product-page-main .row {
  grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1fr) !important;
}

html body.allinlocal-page #description-section .row.g-3 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-card-gap) !important;
}

html body.allinlocal-page .product-page-card {
  min-height: 160px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body .product-page-main .row > [class*="col-"],
html body .product-page-cta .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
}

html body .custom-navbar {
  min-height: 74px !important;
}

html body .custom-navbar .container {
  width: var(--ap-shell) !important;
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .custom-navbar .logo {
  font-size: clamp(1.05rem, 1.2vw, 1.25rem) !important;
  font-weight: 900 !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
}

html body .navbar-links .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
}

html body .navbar-links .nav-link.active::after {
  transform: scaleX(1) !important;
}

@media (min-width: 901px) {
  html body .custom-navbar .dropdown-menu {
    top: calc(100% + 20px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 260px !important;
    padding: 0.55rem !important;
    border-radius: 18px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* Product composition pass: consistent card, copy, button, and screenshot placement. */
:root {
  --ap-max-wide: min(100% - 40px, 1280px);
  --ap-max-readable: min(100% - 40px, 900px);
  --ap-card-radius-2: 30px;
  --ap-card-pad-2: clamp(1.35rem, 2.6vw, 2.6rem);
  --ap-copy-gap: clamp(0.85rem, 1.3vw, 1.25rem);
  --ap-shadow-soft: 0 26px 70px rgba(15, 23, 42, 0.12);
  --ap-glass-light: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(235,252,255,0.88));
  --ap-glass-dark: linear-gradient(135deg, rgba(10,18,29,0.96), rgba(4,45,51,0.9));
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  max-width: var(--ap-max-readable) !important;
  margin-inline: auto !important;
  margin-bottom: clamp(1.25rem, 2.6vw, 2.4rem) !important;
}

html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(2.1rem, 3.4vw, 3.65rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .product-theme-dark .section-header h2,
html body .product-theme-dark section h2.display-5 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .section-header .lead,
html body .product-universe-head p,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body .features-header-wrapper .lead {
  max-width: 58ch !important;
  margin-inline: auto !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
  line-height: 1.55 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

html body .product-theme-dark .section-header .lead {
  color: rgba(255,255,255,0.76) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.76) !important;
}

html body .product-section {
  padding-block: clamp(3rem, 5.2vw, 5.8rem) !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  max-width: 1080px !important;
  width: 100% !important;
  min-height: clamp(280px, 29vw, 390px) !important;
  padding: var(--ap-card-pad-2) !important;
  border-radius: var(--ap-card-radius-2) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.34fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: clamp(1.25rem, 3vw, 3.5rem) !important;
  row-gap: var(--ap-copy-gap) !important;
  align-items: center !important;
  background: var(--ap-glass-light) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: var(--ap-shadow-soft) !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .product-theme-dark .allopen-box {
  background: var(--ap-glass-dark) !important;
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.32) !important;
}

html body .product-section .allopen-box::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 86% 15%, rgba(0,191,216,0.2), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(255,138,0,0.12), transparent 27%) !important;
  pointer-events: none !important;
}

html body .product-section .allopen-box > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .product-section .allopen-box .product-logo-container {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  justify-self: center !important;
  align-self: center !important;
  width: clamp(128px, 15vw, 190px) !important;
  height: clamp(128px, 15vw, 190px) !important;
  border-radius: 28px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,0.13) !important;
  transform: rotate(3deg) translateY(-2px) !important;
}

html body .product-theme-dark .product-logo-container {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

html body .product-section .product-logo {
  width: clamp(82px, 9vw, 128px) !important;
  height: clamp(82px, 9vw, 128px) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  filter: drop-shadow(0 16px 28px rgba(15,23,42,0.16)) !important;
}

html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  max-width: 66ch !important;
  display: grid !important;
  gap: 0.8rem !important;
}

html body .allopen-box-title {
  font-size: clamp(1.65rem, 2.25vw, 2.65rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .product-theme-dark .allopen-box-title,
html body .product-theme-dark .allopen-box-title * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allopen-box-desc {
  max-width: 62ch !important;
  margin: 0 !important;
  font-size: clamp(0.94rem, 0.98vw, 1.05rem) !important;
  line-height: 1.62 !important;
  color: #536176 !important;
  -webkit-text-fill-color: #536176 !important;
}

html body .product-theme-dark .allopen-box-desc,
html body .product-theme-dark .allopen-box-desc * {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

html body .product-section .product-buttons,
html body .allin-platform-cta,
html body .allvideo-showcase-actions,
html body .product-page-cta-buttons,
html body .hero-features,
html body .ac-actions {
  grid-column: 1 !important;
  grid-row: 3 !important;
  align-self: end !important;
  justify-content: flex-start !important;
  margin-top: clamp(0.8rem, 1.5vw, 1.25rem) !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body button.hero-cta-button,
html body button.tech-button,
html body a.hero-cta-button,
html body a.tech-button {
  min-width: 132px !important;
  min-height: 46px !important;
  padding: 0.78rem 1.22rem !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
  font-size: 0.92rem !important;
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border: 1px solid rgba(15,23,42,0.18) !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app,
html body .btn-app:is(a) {
  background: linear-gradient(135deg, #06111f, #020812) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0,191,216,0.56) !important;
  box-shadow: 0 14px 34px rgba(0,191,216,0.16), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

html body button.btn-play,
html body .btn-play,
html body button.hero-cta-button:has(.fa-apple),
html body button.tech-button:has(.fa-apple) {
  background: linear-gradient(135deg, #fff, #f7f8fb) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(15,23,42,0.18) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,0.12) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0,191,216,0.38), 0 18px 42px rgba(0,191,216,0.2) !important;
}

html body .product-page-main {
  padding: clamp(1.5rem, 2.8vw, 2.8rem) !important;
  border-radius: 30px !important;
  background: var(--ap-glass-light) !important;
}

html body .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(1.35rem, 3vw, 3rem) !important;
  align-items: center !important;
}

html body .product-page-main .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
}

html body .product-page-intro {
  max-width: 58ch !important;
  font-size: clamp(0.96rem, 1vw, 1.08rem) !important;
  color: #536176 !important;
}

html body .product-page-list {
  display: grid !important;
  gap: 0.75rem !important;
  margin: 1.35rem 0 0 !important;
  padding-left: 1.1rem !important;
  color: #536176 !important;
}

html body .product-page-card {
  min-height: 165px !important;
  padding: clamp(1rem, 1.6vw, 1.45rem) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15,23,42,0.08) !important;
}

html body .product-page-card h4 {
  font-size: clamp(1.25rem, 1.8vw, 1.75rem) !important;
  margin-bottom: 0.65rem !important;
}

html body .ac-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero,
html body.allin-page .allin-hero {
  min-height: auto !important;
  padding-block: clamp(3.2rem, 5.5vw, 6rem) !important;
}

html body .ac-inner,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper,
html body.allin-page .hero-content-wrapper {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.72fr) !important;
  gap: clamp(1.6rem, 4vw, 4.5rem) !important;
  align-items: center !important;
  min-height: clamp(420px, 54vh, 560px) !important;
}

html body .ac-copy,
html body .hero-text-section {
  max-width: 680px !important;
  padding: 0 !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3.1rem, 5.6vw, 5.8rem) !important;
  line-height: 0.93 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  max-width: 54ch !important;
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  line-height: 1.55 !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-weight: 700 !important;
}

html body .ac-visual,
html body .hero-screenshot-section,
html body .allin-hero-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html body .ac-hero-device,
html body .mobile-screenshot-container,
html body .allin-hero-preview,
html body .allin-main-screen,
html body .allvideo-screen {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .ac-hero-device img,
html body .mobile-screenshot-container img,
html body .allin-hero-preview img,
html body .allin-main-screen img,
html body .allvideo-screen img {
  display: block !important;
  width: auto !important;
  max-width: min(360px, 86vw) !important;
  max-height: min(470px, 58vh) !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 4px solid var(--ap-shot, #00bfd8) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 28px 76px rgba(15,23,42,0.18) !important;
}

html body.allconnect-page { --ap-shot: #f97316; }
html body.alltask-page { --ap-shot: #ffad6a; }
html body.allinlocal-page { --ap-shot: #2f6bff; }
html body.allin-page { --ap-shot: #34d6c9; }

html body .ac-hero-device,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allin-page .allin-hero-preview {
  transform: rotate(3deg) translateY(-4px) !important;
}

html body .ac-hero-device img,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allin-page .allin-hero-preview img {
  height: min(430px, 52vh) !important;
  width: auto !important;
  max-height: min(430px, 52vh) !important;
  object-fit: contain !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  width: min(100%, 520px) !important;
  height: clamp(360px, 42vw, 470px) !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  z-index: 2 !important;
  transform: rotate(-5deg) translateX(46px) scale(0.95) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  z-index: 1 !important;
  transform: rotate(5deg) translateX(-46px) translateY(18px) scale(0.88) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.4rem, 2.8vw, 2.8rem) !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(320px, 1fr) !important;
  gap: clamp(1.5rem, 3.6vw, 4.2rem) !important;
  align-items: center !important;
}

html body .allin-platform-hero .row > [class*="col-"],
html body .allvideo-showcase-hero .row > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: initial !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body .allin-platform-copy,
html body .allvideo-showcase-copy {
  max-width: 620px !important;
  display: grid !important;
  gap: 0.95rem !important;
}

html body .allvideo-showcase-logo {
  width: clamp(72px, 6vw, 96px) !important;
  height: clamp(72px, 6vw, 96px) !important;
  object-fit: contain !important;
  margin: 0 0 0.35rem !important;
  border-radius: 22px !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 3.8vw, 4.2rem) !important;
  line-height: 0.95 !important;
  margin: 0 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  max-width: 52ch !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
  line-height: 1.62 !important;
}

html body .allin-screenshot-stage,
html body .allvideo-screen-stage {
  min-height: clamp(360px, 36vw, 520px) !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
}

html body .allin-main-screen {
  transform: rotate(3deg) translateX(1rem) !important;
}

html body .allin-main-screen img {
  height: min(500px, 60vh) !important;
  width: auto !important;
  aspect-ratio: 9 / 19 !important;
  object-fit: contain !important;
  max-height: min(500px, 60vh) !important;
}

html body .allvideo-screen-stage {
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(0.4rem, 1vw, 1rem) !important;
}

html body .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(1.1rem) !important;
  z-index: 2 !important;
}

html body .allvideo-screen-clips {
  transform: rotate(5deg) translateX(-1.1rem) translateY(1rem) !important;
  z-index: 1 !important;
}

html body .allvideo-screen img {
  height: min(500px, 60vh) !important;
  width: auto !important;
  aspect-ratio: 9 / 19 !important;
  max-width: min(260px, 42vw) !important;
  max-height: min(520px, 64vh) !important;
  min-width: clamp(180px, 16vw, 235px) !important;
  border-color: #5b78ff !important;
}

html body .allvideo-screen {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html body .allin-feature-showcase {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
  margin: clamp(2rem, 4vw, 4rem) auto 0 !important;
}

html body .allin-feature-row {
  min-height: 360px !important;
  padding: clamp(1.35rem, 2.6vw, 2.6rem) !important;
  border-radius: 30px !important;
  grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1fr) !important;
}

html body .allin-feature-media img {
  max-height: min(420px, 55vh) !important;
  border: 4px solid #34d6c9 !important;
  border-radius: 24px !important;
}

html body .allin-feature-copy h4,
html body .allin-benefits-copy h3 {
  font-size: clamp(1.75rem, 3vw, 3.4rem) !important;
  line-height: 0.98 !important;
}

@media (max-width: 980px) {
  html body .product-section .allopen-box,
  html body .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body .ac-inner,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allin-page .hero-content-wrapper,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }

  html body .product-section .allopen-box .product-logo-container {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 96px !important;
    height: 96px !important;
    transform: rotate(0deg) !important;
  }

  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body .product-section .product-buttons {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .product-section .product-buttons,
  html body .allin-platform-cta,
  html body .allvideo-showcase-actions,
  html body .hero-features,
  html body .ac-actions {
    justify-content: flex-start !important;
  }

  html body .ac-copy,
  html body .hero-text-section {
    text-align: left !important;
  }

  html body .allvideo-screen-stage {
    max-width: 520px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 640px) {
  html body .product-section .allopen-box,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    border-radius: 22px !important;
    padding: clamp(1rem, 5vw, 1.35rem) !important;
  }

  html body .ac-title,
  html body .allin-hero-main-text {
    font-size: clamp(2.65rem, 13vw, 4rem) !important;
  }

  html body .ac-hero-device img,
  html body .mobile-screenshot-container img,
  html body .allin-hero-preview img,
  html body .allin-main-screen img {
    max-height: min(360px, 48vh) !important;
    max-width: min(300px, 84vw) !important;
    border-width: 3px !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    height: 340px !important;
    width: min(100%, 340px) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-4deg) translateX(38px) scale(0.82) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(5deg) translateX(-38px) translateY(12px) scale(0.76) !important;
  }
}

/* Absolute final guard after all legacy/product overrides. */
html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  transform: none !important;
}

/* Final visibility guard: animation may enhance these sections, but content must never vanish. */
html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-media,
html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen,
html body.index-page #allin-details-section .allin-hero-preview,
html body.allin-page #allin-details-section .allin-hero-preview {
  opacity: 1 !important;
}

@keyframes apScreenLift {
  from {
    opacity: 0.82;
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img,
html body.index-page #allvideo-showcase-section .allvideo-screen img,
html body .ac-hero-device img {
  animation: apScreenLift 720ms cubic-bezier(.2, .8, .2, 1) both;
}

@media (max-width: 1100px) {
  :root {
    --ap-shell: min(100% - 32px, 1240px);
    --ap-content: min(100% - 32px, 1120px);
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr) !important;
  }

  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar {
    min-height: 68px !important;
  }

  html body .custom-navbar .container {
    min-height: 68px !important;
  }

  html body .burger {
    display: inline-flex !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 1002 !important;
  }

  html body .burger span {
    width: 24px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #0b1220 !important;
    transition: transform 180ms ease, opacity 180ms ease !important;
  }

  html body .burger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html body .burger.active span:nth-child(2) {
    opacity: 0 !important;
  }

  html body .burger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: fixed !important;
    inset: 78px 16px auto 16px !important;
    width: auto !important;
    max-height: calc(100dvh - 100px) !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    padding: 1rem !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(15,23,42,0.1) !important;
    box-shadow: 0 24px 70px rgba(15,23,42,0.22) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) scale(0.98) !important;
    pointer-events: none !important;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
    z-index: 1001 !important;
  }

  html body .navbar-links.open,
  html body .custom-navbar .navbar-links.open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
  }

  html body .navbar-links li {
    width: 100% !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: 100% !important;
    justify-content: space-between !important;
    padding: 0.9rem 1rem !important;
    border-radius: 16px !important;
    color: #0b1220 !important;
    -webkit-text-fill-color: #0b1220 !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    position: static !important;
    width: 100% !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.45rem !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body .product-page-cta .row,
  html body .allopen-boxes-container.two-columns,
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allinlocal-page #description-section .product-page-main .row {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-shell: min(100% - 24px, 1440px);
    --ap-content: min(100% - 24px, 1240px);
    --ap-narrow: min(100% - 24px, 900px);
    --ap-section-space: 2.7rem;
  }

  html body .product-universe-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: 1fr !important;
  }

  html body .tech-card,
  html body .allopen-box,
  html body .product-universe-card,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body .allin-feature-row,
  html body .allin-benefits-panel {
    border-radius: 20px !important;
    padding: clamp(1rem, 5vw, 1.35rem) !important;
  }

  html body .product-universe-card {
    min-height: 230px !important;
  }

  html body.allconnect-page .allin-hero-main-text,
  html body.alltask-page .allin-hero-main-text,
  html body.allinlocal-page .allin-hero-main-text {
    font-size: clamp(2.55rem, 13vw, 4rem) !important;
  }

  html body.allconnect-page .hero-screenshot-section img,
  html body.alltask-page .hero-screenshot-section img,
  html body.allinlocal-page .hero-screenshot-section img {
    max-height: min(360px, 48vh) !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    max-width: 360px !important;
    min-height: 330px !important;
    height: 330px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-4deg) translateX(48px) translateY(-8px) scale(0.82) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(5deg) translateX(-48px) translateY(14px) scale(0.76) !important;
  }
}

/* Post-audit geometry fixes: remove legacy hero height locks and keep product pages balanced. */
html body.allconnect-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero {
  padding-top: clamp(2.5rem, 4vw, 4rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 4rem) !important;
}

html body.allconnect-page .allin-hero > .container,
html body.alltask-page .allin-hero > .container,
html body.allinlocal-page .allin-hero > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper {
  min-height: clamp(430px, 56vh, 560px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.allconnect-page .hero-text-section,
html body.alltask-page .hero-text-section,
html body.allinlocal-page .hero-text-section,
html body.allconnect-page .hero-screenshot-section,
html body.alltask-page .hero-screenshot-section,
html body.allinlocal-page .hero-screenshot-section {
  padding: 0 !important;
}

html body.allconnect-page .hero-screenshot-section img,
html body.alltask-page .hero-screenshot-section img,
html body.allinlocal-page .hero-screenshot-section img {
  max-height: min(390px, 52vh) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  max-width: 500px !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(42px) scale(0.9) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-42px) translateY(16px) scale(0.84) !important;
}

html body .why-allin-title {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body footer .container,
html body #contact-section .container {
  overflow: hidden !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper {
    min-height: 0 !important;
    gap: clamp(1.25rem, 5vw, 2.25rem) !important;
  }

  html body.allconnect-page .hero-text-section,
  html body.alltask-page .hero-text-section,
  html body.allinlocal-page .hero-text-section {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.allconnect-page .hero-features,
  html body.alltask-page .hero-features,
  html body.allinlocal-page .hero-features {
    justify-content: center !important;
  }
}

/* Final product layout system: one composition language for Allpixel product pages. */
:root {
  --ap-page-max: 1180px;
  --ap-card-max: 1120px;
  --ap-ink: #101725;
  --ap-muted: #5f6b7d;
  --ap-surface: rgba(255, 255, 255, 0.82);
  --ap-surface-strong: rgba(255, 255, 255, 0.94);
  --ap-dark: #06131a;
  --ap-dark-card: #101b25;
  --ap-cyan: #1dd7df;
  --ap-green: #25c87c;
  --ap-orange: #ff8a1d;
  --ap-blue: #3f7df6;
}

html body {
  color: var(--ap-ink) !important;
  background:
    linear-gradient(90deg, rgba(16, 23, 37, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(16, 23, 37, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdff 0%, #f5f8fb 46%, #ffffff 100%) !important;
  background-size: 64px 64px, 64px 64px, auto !important;
  font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body .container {
  max-width: var(--ap-page-max) !important;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  color: var(--ap-ink) !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  font-weight: 800 !important;
}

html body p,
html body li,
html body .lead {
  color: var(--ap-muted) !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body .product-theme-dark .allopen-box-title,
html body .product-theme-dark .section-header h2,
html body .allvideo-showcase-section h2 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark .lead,
html body .product-theme-dark .allopen-box-desc,
html body .allvideo-showcase-section p,
html body .allvideo-showcase-section li {
  color: rgba(232, 242, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(232, 242, 255, 0.82) !important;
}

html body .section-header {
  margin-bottom: clamp(1.4rem, 3vw, 2.4rem) !important;
}

html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body #description-section h2 {
  font-size: clamp(2.1rem, 4.2vw, 4rem) !important;
}

html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body #description-section .lead {
  max-width: 680px !important;
  margin: 0.55rem auto 0 !important;
  font-size: clamp(0.98rem, 1.35vw, 1.18rem) !important;
}

html body .custom-navbar {
  position: sticky !important;
  top: 0 !important;
  min-height: 72px !important;
  background: rgba(250, 252, 255, 0.86) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06) !important;
  z-index: 1000 !important;
}

html body .custom-navbar .container {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

html body .custom-navbar .logo {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
}

html body .custom-navbar .nav-link {
  color: #3d4655 !important;
  -webkit-text-fill-color: #3d4655 !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
  padding: 0.55rem 0.2rem !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .custom-navbar .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link.active::after {
  content: "" !important;
  position: absolute !important;
  left: 0.15rem !important;
  right: 0.15rem !important;
  bottom: 0.15rem !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green)) !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn {
  min-height: 46px !important;
  padding: 0.78rem 1.25rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: 1px solid rgba(15, 23, 42, 0.13) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: linear-gradient(135deg, #06131a, #0c2330) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(29, 215, 223, 0.42) !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
}

html body .allopen-box-btn:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not(.btn-play):not([href*="play.google"]) {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(29, 215, 223, 0.44), 0 18px 44px rgba(29, 215, 223, 0.22) !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .product-buttons,
html body .ac-actions,
html body .hero-features,
html body .allin-platform-cta,
html body .allvideo-showcase-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

html body .product-section {
  padding-top: clamp(3rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

html body .product-theme-dark {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 138, 29, 0.18), transparent 32%),
    radial-gradient(circle at 76% 12%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, #02070c 0%, #071821 55%, #03100e 100%) !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 1.4rem !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: 330px !important;
  padding: clamp(1.6rem, 3.2vw, 2.6rem) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  background:
    radial-gradient(circle at 84% 22%, rgba(29, 215, 223, 0.24), transparent 34%),
    radial-gradient(circle at 12% 10%, rgba(255, 138, 29, 0.12), transparent 28%),
    rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.1) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 0.32fr) !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 0.9rem clamp(1.4rem, 3vw, 2.6rem) !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .product-theme-dark .allopen-box {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(16, 27, 37, 0.95), rgba(8, 16, 24, 0.95)) !important;
}

html body .product-section .allopen-box .product-logo-container {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  justify-self: end !important;
  align-self: center !important;
  width: clamp(130px, 14vw, 190px) !important;
  height: clamp(130px, 14vw, 190px) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04), 0 20px 50px rgba(15, 23, 42, 0.16) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: rotate(3deg) !important;
  margin: 0 !important;
}

html body .product-section .product-logo {
  width: 68% !important;
  height: 68% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  grid-column: 1 !important;
  max-width: 720px !important;
}

html body .product-section .product-buttons,
html body .product-section .allopen-box > a.allopen-box-btn {
  grid-column: 1 !important;
  align-self: end !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2.5vw, 2.55rem) !important;
  margin: 0 0 0.85rem !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.95rem, 1.15vw, 1.08rem) !important;
  max-width: 70ch !important;
  margin: 0 !important;
}

html body .allin-hero,
html body .ac-hero {
  min-height: auto !important;
  padding: clamp(2.25rem, 5vw, 4.6rem) 0 !important;
  background:
    linear-gradient(90deg, rgba(16, 23, 37, 0.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(16, 23, 37, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 18% 24%, rgba(255, 138, 29, 0.16), transparent 31%),
    radial-gradient(circle at 78% 22%, rgba(29, 215, 223, 0.22), transparent 35%),
    #f8fbff !important;
  background-size: 56px 56px, 56px 56px, auto, auto, auto !important;
  overflow: hidden !important;
}

html body .ac-inner,
html body .hero-content-wrapper {
  width: min(100%, var(--ap-card-max)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.52fr) !important;
  gap: clamp(1.6rem, 5vw, 4rem) !important;
  align-items: center !important;
  min-height: min(560px, calc(100vh - 96px)) !important;
}

html body .ac-copy,
html body .hero-text-section {
  max-width: 680px !important;
  text-align: left !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3rem, 7.2vw, 6.8rem) !important;
  line-height: 0.92 !important;
  margin: 0 !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  font-size: clamp(1.05rem, 1.75vw, 1.48rem) !important;
  line-height: 1.52 !important;
  max-width: 620px !important;
  margin: 1.15rem 0 1.6rem !important;
  color: #344155 !important;
  -webkit-text-fill-color: #344155 !important;
}

html body .product-logo-heading-container img {
  width: clamp(64px, 7vw, 94px) !important;
  height: clamp(64px, 7vw, 94px) !important;
  padding: 0.3rem !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  object-fit: contain !important;
}

html body .ac-visual,
html body .hero-screenshot-section {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

html body .ac-hero-device,
html body .mobile-screenshot-container,
html body .allin-hero-preview,
html body .allin-main-screen,
html body .allvideo-screen {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 26px 60px rgba(15, 23, 42, 0.22) !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .mobile-screenshot-container img,
html body .allin-hero-preview img,
html body .allin-main-screen img,
html body .allvideo-screen img {
  display: block !important;
  height: min(470px, 60vh) !important;
  width: auto !important;
  max-width: min(390px, 88vw) !important;
  max-height: min(470px, 60vh) !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  border: 3px solid var(--ap-cyan) !important;
  background: transparent !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .mobile-screenshot-container img {
  border-color: var(--ap-orange) !important;
}

html body.alltask-page .mobile-screenshot-container img {
  border-color: #ffb06a !important;
}

html body.allinlocal-page .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img {
  border-color: var(--ap-blue) !important;
}

html body .ac-hero-device {
  transform: rotate(3deg) !important;
}

html body.alltask-page .mobile-screenshot-container,
html body.allin-page .allin-hero-preview,
html body .allin-main-screen {
  transform: rotate(2deg) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  width: min(100%, 470px) !important;
  height: min(430px, 58vh) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper {
  position: absolute !important;
  inset: auto !important;
  width: auto !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(-38px) scale(0.88) !important;
  z-index: 2 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(72px) translateY(18px) scale(0.82) !important;
  z-index: 1 !important;
}

html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel {
  width: min(100%, var(--ap-card-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09) !important;
  overflow: hidden !important;
}

html body .product-page-main .row,
html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) !important;
  gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  align-items: center !important;
  margin: 0 !important;
}

html body .product-page-main .row > *,
html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  min-width: 0 !important;
}

html body .product-page-card {
  min-height: 180px !important;
  padding: clamp(1.15rem, 2.2vw, 1.65rem) !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body .product-page-card h4 {
  font-size: clamp(1.25rem, 2vw, 1.85rem) !important;
}

html body .product-page-intro,
html body .product-page-list {
  font-size: clamp(0.95rem, 1.15vw, 1.06rem) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(29, 215, 223, 0.22), transparent 34%),
    radial-gradient(circle at 10% 12%, rgba(255, 138, 29, 0.13), transparent 30%),
    rgba(255, 255, 255, 0.9) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 4.7vw, 4.6rem) !important;
  max-width: 640px !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.28vw, 1.14rem) !important;
  max-width: 620px !important;
}

html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 20% 16%, rgba(63, 125, 246, 0.16), transparent 32%),
    linear-gradient(180deg, #eef6ff 0%, #ffffff 100%) !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 80% 20%, rgba(63, 125, 246, 0.24), transparent 34%),
    linear-gradient(135deg, #071621 0%, #0d202d 100%) !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .allvideo-screen-stage {
  min-height: 500px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

html body .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(20px) !important;
  z-index: 2 !important;
}

html body .allvideo-screen-clips {
  transform: rotate(6deg) translateX(-22px) translateY(18px) !important;
  z-index: 1 !important;
}

html body .allvideo-screen img {
  border-color: #5c7cff !important;
}

html body .product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

html body .product-universe-card {
  min-height: 290px !important;
  padding: clamp(1.2rem, 2vw, 1.7rem) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

html body .product-universe-card p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-size: clamp(0.9rem, 1vw, 1rem) !important;
}

html body .product-card-logo {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  padding: 0.55rem !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1) !important;
}

html body .ac-flow-card,
html body .allin-feature-row {
  width: min(100%, var(--ap-card-max)) !important;
  margin: 0 auto clamp(1.25rem, 3vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1fr) !important;
  gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  align-items: center !important;
  padding: clamp(1.35rem, 3vw, 2.4rem) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 54px rgba(15, 23, 42, 0.08) !important;
}

html body .ac-flow-card:nth-child(even),
html body .allin-feature-row:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.74fr) !important;
}

html body .ac-flow-card:nth-child(even) .ac-flow-media,
html body .allin-feature-row:nth-child(even) .allin-feature-media {
  order: 2 !important;
}

html body .ac-flow-media img,
html body .allin-feature-media img {
  display: block !important;
  max-height: 440px !important;
  max-width: min(100%, 320px) !important;
  width: auto !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  border: 3px solid var(--ap-cyan) !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16) !important;
}

html body .ac-flow-media img {
  border-color: var(--ap-orange) !important;
}

html body .allin-feature-media img {
  border-color: var(--ap-cyan) !important;
}

@media (max-width: 980px) {
  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .product-section .allopen-box,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .ac-inner,
  html body .hero-content-wrapper,
  html body .ac-flow-card,
  html body .ac-flow-card:nth-child(even),
  html body .allin-feature-row,
  html body .allin-feature-row:nth-child(even) {
    grid-template-columns: 1fr !important;
  }

  html body .product-section .allopen-box .product-logo-container,
  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body .product-section .product-buttons,
  html body .product-section .allopen-box > a.allopen-box-btn {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .product-section .allopen-box .product-logo-container {
    justify-self: start !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 24px !important;
    transform: none !important;
  }

  html body .ac-copy,
  html body .hero-text-section,
  html body .allin-platform-copy,
  html body .allvideo-showcase-copy {
    text-align: center !important;
    margin-inline: auto !important;
  }

  html body .product-logo-heading-container,
  html body .product-buttons,
  html body .ac-actions,
  html body .hero-features,
  html body .allin-platform-cta,
  html body .allvideo-showcase-actions {
    justify-content: center !important;
  }

  html body .ac-flow-card:nth-child(even) .ac-flow-media,
  html body .allin-feature-row:nth-child(even) .allin-feature-media {
    order: initial !important;
  }
}

@media (max-width: 640px) {
  html body .container {
    max-width: calc(100% - 24px) !important;
  }

  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .custom-navbar {
    min-height: 66px !important;
  }

  html body .custom-navbar .container {
    min-height: 66px !important;
  }

  html body .ac-title,
  html body .allin-hero-main-text {
    font-size: clamp(2.7rem, 15vw, 4.1rem) !important;
  }

  html body .product-section .allopen-box,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body .ac-flow-card,
  html body .allin-feature-row,
  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    border-radius: 22px !important;
    padding: 1.15rem !important;
  }

  html body .ac-hero-device img,
  html body .mobile-screenshot-container img,
  html body .allin-hero-preview img,
  html body .allin-main-screen img,
  html body .allvideo-screen img {
    height: auto !important;
    max-height: 360px !important;
    max-width: min(270px, 82vw) !important;
  }

  html body .allvideo-screen-stage,
  html body.allinlocal-page .mobile-screenshots-container {
    min-height: 360px !important;
    height: 360px !important;
  }

  html body .allvideo-screen-feed {
    transform: rotate(-5deg) translateX(34px) scale(0.82) !important;
  }

  html body .allvideo-screen-clips {
    transform: rotate(6deg) translateX(-34px) translateY(14px) scale(0.78) !important;
  }
}

/* Last-mile responsive corrections for product hero composition. */
html body.allin-page .hero-content-wrapper {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr) !important;
}

html body.allin-page .allin-hero-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.allin-page .allin-hero-preview img {
  height: min(470px, 58vh) !important;
  max-height: min(470px, 58vh) !important;
  max-width: min(360px, 34vw) !important;
  border-color: var(--ap-cyan) !important;
}

html body.allin-page .hero-subtitle {
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  max-width: 690px !important;
}

html body.allinlocal-page .hero-features {
  gap: 0.65rem !important;
}

html body.allinlocal-page .hero-cta-button {
  padding-inline: 1rem !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper,
html body.allin-page .hero-content-wrapper {
  overflow: visible !important;
}

@media (max-width: 980px) {
  html body.allin-page .hero-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  html body.allin-page .allin-hero-preview {
    order: 2 !important;
  }
}

@media (max-width: 640px) {
  html body.allconnect-page .allin-hero,
  html body.alltask-page .allin-hero,
  html body.allinlocal-page .allin-hero,
  html body.allin-page .allin-hero,
  html body.allconnect-page .ac-hero {
    padding-top: 1.5rem !important;
    padding-bottom: 1.75rem !important;
  }

  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allin-page .hero-content-wrapper,
  html body.allconnect-page .ac-inner {
    width: min(100%, 342px) !important;
    min-height: 0 !important;
    gap: 1.1rem !important;
    align-items: center !important;
  }

  html body.allconnect-page .ac-title,
  html body.alltask-page .allin-hero-main-text,
  html body.allinlocal-page .allin-hero-main-text,
  html body.allin-page .allin-hero-main-text {
    font-size: clamp(2.4rem, 11vw, 3.25rem) !important;
    line-height: 0.95 !important;
  }

  html body.allin-page .allin-hero-main-text {
    font-size: clamp(2.25rem, 10vw, 3rem) !important;
  }

  html body.allconnect-page .ac-subtitle,
  html body.alltask-page .hero-subtitle,
  html body.allinlocal-page .hero-subtitle,
  html body.allin-page .hero-subtitle {
    font-size: 0.98rem !important;
    line-height: 1.48 !important;
    margin: 0.85rem auto 1rem !important;
  }

  html body.allconnect-page .product-logo-heading-container,
  html body.alltask-page .product-logo-heading-container,
  html body.allinlocal-page .product-logo-heading-container {
    justify-content: center !important;
    margin-bottom: 1rem !important;
  }

  html body.allconnect-page .hero-screenshot-section,
  html body.alltask-page .hero-screenshot-section,
  html body.allinlocal-page .hero-screenshot-section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body.allconnect-page .ac-hero-device img,
  html body.allconnect-page .hero-screenshot-section img,
  html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
  html body.alltask-page .hero-screenshot-section img,
  html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
  html body.allinlocal-page .hero-screenshot-section img,
  html body.allin-page .allin-hero-preview img {
    height: auto !important;
    max-height: 315px !important;
    max-width: min(245px, 74vw) !important;
    width: auto !important;
    object-fit: contain !important;
  }

  html body.allconnect-page .ac-hero-device,
  html body.alltask-page .mobile-screenshot-container,
  html body.allin-page .allin-hero-preview {
    transform: rotate(2deg) !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    width: min(100%, 310px) !important;
    height: 310px !important;
    min-height: 310px !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-5deg) translateX(-28px) scale(0.78) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(6deg) translateX(54px) translateY(12px) scale(0.72) !important;
  }

  html body .product-section .allopen-box,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    min-height: 0 !important;
  }

  html body .product-section .product-logo-container + div,
  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
    max-width: 100% !important;
  }

  html body .allopen-box-desc {
    font-size: 0.94rem !important;
    line-height: 1.58 !important;
  }
}

/* Apple-inspired product presentation: full panels, compact buttons, no heavy boxed clutter. */
:root {
  --ap-panel-gap: 12px;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 1.05rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  gap: 0.42rem !important;
  box-shadow: none !important;
}

html body .allopen-box-btn i,
html body .hero-cta-button i,
html body .tech-button i {
  font-size: 0.92rem !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not(.btn-play):not([href*="play.google"]) {
  background: transparent !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark .allopen-box-btn.btn-play,
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  color: #2997ff !important;
  -webkit-text-fill-color: #2997ff !important;
  border-color: rgba(41, 151, 255, 0.78) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: none !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12) !important;
}

html body .product-buttons,
html body .ac-actions,
html body .hero-features,
html body .allin-platform-cta,
html body .allvideo-showcase-actions {
  gap: 0.7rem !important;
}

html body.index-page .product-universe-section,
html body.index-page .product-section,
html body.index-page .allin-platform-section,
html body.index-page .allvideo-showcase-section {
  padding: 0 !important;
  margin: 0 !important;
}

html body.index-page .product-universe-section > .container,
html body.index-page .product-section > .container,
html body.index-page .allin-platform-section > .container,
html body.index-page .allvideo-showcase-section > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.index-page .product-universe-head,
html body.index-page .product-section .section-header,
html body.index-page .allin-platform-header,
html body.index-page .allvideo-showcase-header {
  width: min(100% - 32px, 760px) !important;
  margin: 0 auto !important;
  padding: clamp(2.2rem, 5vw, 4.2rem) 0 clamp(1rem, 2.4vw, 1.8rem) !important;
  text-align: center !important;
}

html body.index-page .product-universe-head h2,
html body.index-page .product-section .section-header h2,
html body.index-page .allin-platform-header h2,
html body.index-page .allvideo-showcase-header h2 {
  font-size: clamp(2rem, 4.8vw, 4.1rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.35rem !important;
}

html body.index-page .product-universe-head p,
html body.index-page .product-section .section-header .lead,
html body.index-page .allin-platform-tagline,
html body.index-page .allvideo-showcase-tagline {
  font-size: clamp(1rem, 1.7vw, 1.35rem) !important;
  line-height: 1.32 !important;
  max-width: 760px !important;
}

html body.index-page .product-universe-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-panel-gap) !important;
  padding: 0 var(--ap-panel-gap) var(--ap-panel-gap) !important;
  margin: 0 !important;
}

html body.index-page .product-universe-card {
  min-height: clamp(430px, 48vw, 620px) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 50% 72%, rgba(29, 215, 223, 0.2), transparent 35%),
    #f5f5f7 !important;
  padding: clamp(1.6rem, 3.3vw, 3rem) !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body.index-page .product-universe-card:nth-child(2n) {
  background:
    radial-gradient(circle at 50% 72%, rgba(63, 125, 246, 0.18), transparent 36%),
    #f5fbff !important;
}

html body.index-page .product-universe-card:nth-child(4n) {
  background:
    radial-gradient(circle at 50% 76%, rgba(255, 138, 29, 0.15), transparent 36%),
    #fbfbfd !important;
}

html body.index-page .product-card-logo {
  width: clamp(110px, 13vw, 180px) !important;
  height: clamp(110px, 13vw, 180px) !important;
  padding: 0.75rem !important;
  border-radius: 30px !important;
  margin: clamp(1.8rem, 4vw, 3.5rem) auto 1.4rem !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.13) !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.8rem, 3.4vw, 3.25rem) !important;
  margin: 0 0 0.5rem !important;
}

html body.index-page .product-universe-card p {
  max-width: 360px !important;
  margin: 0 auto 1rem !important;
  font-size: clamp(0.95rem, 1.25vw, 1.1rem) !important;
  line-height: 1.38 !important;
}

html body.index-page .product-card-link {
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
}

html body.index-page .allopen-boxes-container,
html body.index-page .allopen-boxes-container.product-boxes-center {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.index-page .product-section .allopen-box,
html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: clamp(560px, 72vh, 760px) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 7vw, 8rem) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.75fr) !important;
  gap: clamp(1rem, 4vw, 4rem) !important;
  background:
    radial-gradient(circle at 76% 62%, rgba(29, 215, 223, 0.22), transparent 32%),
    #f5f5f7 !important;
}

html body.index-page .product-theme-dark .allopen-box {
  background:
    radial-gradient(circle at 72% 60%, rgba(29, 215, 223, 0.22), transparent 35%),
    radial-gradient(circle at 20% 30%, rgba(255, 138, 29, 0.16), transparent 32%),
    #000 !important;
}

html body.index-page .product-section .allopen-box .product-logo-container {
  width: clamp(210px, 26vw, 430px) !important;
  height: clamp(210px, 26vw, 430px) !important;
  border-radius: 44px !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  justify-self: center !important;
  transform: rotate(3deg) !important;
}

html body.index-page .product-section .product-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  max-width: 620px !important;
  align-self: end !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(2rem, 4.8vw, 4.4rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.65rem !important;
}

html body.index-page .allopen-box-desc {
  font-size: clamp(1rem, 1.45vw, 1.22rem) !important;
  line-height: 1.42 !important;
  max-width: 640px !important;
}

html body.index-page .product-section .product-buttons,
html body.index-page .product-section .allopen-box > a.allopen-box-btn {
  align-self: start !important;
}

html body .ac-hero,
html body .allin-hero {
  min-height: calc(100vh - 72px) !important;
  padding: clamp(2rem, 4vw, 4rem) 0 !important;
}

html body .ac-inner,
html body .hero-content-wrapper {
  min-height: calc(100vh - 150px) !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3.3rem, 7vw, 6.2rem) !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  font-size: clamp(1.05rem, 1.6vw, 1.36rem) !important;
  line-height: 1.42 !important;
}

html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .ac-flow-card,
html body .allin-feature-row {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
}

html body .product-page-main,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 7vw, 8rem) !important;
}

html body .allin-feature-row,
html body .ac-flow-card {
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 7vw, 8rem) !important;
  min-height: clamp(520px, 72vh, 760px) !important;
  background: #f5f5f7 !important;
  margin-bottom: var(--ap-panel-gap) !important;
}

html body .allin-feature-row:nth-child(even),
html body .ac-flow-card:nth-child(even) {
  background: #fbfbfd !important;
}

html body .allin-feature-media img,
html body .ac-flow-media img {
  max-height: min(560px, 68vh) !important;
  max-width: min(420px, 86vw) !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card {
    min-height: clamp(480px, 72vh, 680px) !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
    min-height: clamp(560px, 76vh, 720px) !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
    align-content: center !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    grid-row: 1 !important;
    width: clamp(150px, 42vw, 260px) !important;
    height: clamp(150px, 42vw, 260px) !important;
    justify-self: center !important;
  }

  html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body.index-page .product-section .product-buttons,
  html body.index-page .product-section .allopen-box > a.allopen-box-btn {
    justify-self: center !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body .product-page-main,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    padding-inline: clamp(1rem, 5vw, 2rem) !important;
  }
}

@media (max-width: 640px) {
  html body .allopen-box-btn,
  html body .hero-cta-button,
  html body .tech-button,
  html body .allopen-alert-btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 1.05rem !important;
    font-size: 0.9rem !important;
  }

  html body.index-page .product-universe-section > .container,
  html body.index-page .product-section > .container,
  html body.index-page .allin-platform-section > .container,
  html body.index-page .allvideo-showcase-section > .container {
    max-width: none !important;
    width: 100% !important;
  }

  html body.index-page .product-universe-head,
  html body.index-page .product-section .section-header,
  html body.index-page .allin-platform-header,
  html body.index-page .allvideo-showcase-header {
    width: min(100% - 28px, 560px) !important;
    padding-top: 2.2rem !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
    padding: 2rem 1.1rem !important;
    min-height: 620px !important;
  }

  html body.index-page .allopen-box-title {
    font-size: clamp(2rem, 10vw, 3.2rem) !important;
  }

  html body.index-page .allopen-box-desc {
    font-size: 1rem !important;
  }

  html body .ac-hero,
  html body .allin-hero {
    min-height: auto !important;
  }

  html body .ac-inner,
  html body .hero-content-wrapper {
    min-height: auto !important;
  }
}

/* Compact button enforcement across all pages, including inline legacy product buttons. */
html body .product-section .allopen-box-btn,
html body .product-page-main .allopen-box-btn,
html body .product-page-cta .tech-button,
html body.product-detail-page .hero-cta-button,
html body.product-detail-page .tech-button,
html body.product-detail-page .allopen-box-btn,
html body.index-page .hero-button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 1.05rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.product-detail-page .hero-cta-button i,
html body.product-detail-page .tech-button i,
html body.product-detail-page .allopen-box-btn i,
html body .product-section .allopen-box-btn i {
  font-size: 0.92rem !important;
}

html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].allopen-box-btn,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app,
html body .allopen-box-btn.btn-app {
  background: #0071e3 !important;
  border: 1px solid #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.hero-cta-button,
html body button.tech-button,
html body button.allopen-box-btn,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not([href*="play.google"]),
html body .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  background: transparent !important;
  border: 1px solid #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.hero-cta-button,
html body .product-theme-dark button.tech-button,
html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .tech-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  border-color: #2997ff !important;
  color: #2997ff !important;
  -webkit-text-fill-color: #2997ff !important;
}

html body .hero-cta-button *,
html body .tech-button *,
html body .allopen-box-btn * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Product pages use the same full-width panel rhythm instead of boxed islands. */
html body.product-detail-page .ac-hero > .container,
html body.product-detail-page .allin-hero > .container,
html body.product-detail-page section > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta,
html body.product-detail-page .ac-flow-card,
html body.product-detail-page .allin-platform-hero,
html body.product-detail-page .allin-feature-row,
html body.product-detail-page .allin-benefits-panel {
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta {
  padding-left: clamp(1.5rem, 7vw, 8rem) !important;
  padding-right: clamp(1.5rem, 7vw, 8rem) !important;
}

html body.product-detail-page .product-page-main .row {
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1fr) !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(1.85rem, 4vw, 3.75rem) !important;
  line-height: 1.03 !important;
}

@media (max-width: 640px) {
  html body .product-section .allopen-box-btn,
  html body .product-page-main .allopen-box-btn,
  html body .product-page-cta .tech-button,
  html body.product-detail-page .hero-cta-button,
  html body.product-detail-page .tech-button,
  html body.product-detail-page .allopen-box-btn,
  html body.index-page .hero-button {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 0.9rem !important;
  }

  html body.product-detail-page .ac-inner,
  html body.product-detail-page .hero-content-wrapper,
  html body.product-detail-page .product-page-main,
  html body.product-detail-page .product-page-cta {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
}

/* Bug-fix pass: contact cards and AllinLocal should not inherit oversized product-panel geometry. */
html body .row:has(> .col-md-4 > .tech-card.text-center) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.2vw, 1.6rem) !important;
  width: min(100%, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) > .col-md-4 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card {
  min-height: clamp(210px, 18vw, 250px) !important;
  height: 100% !important;
  padding: clamp(1.35rem, 2.2vw, 1.9rem) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  border-radius: 28px !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card h3 {
  font-size: clamp(1.55rem, 2.6vw, 2.35rem) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card h4,
html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card p {
  font-size: clamp(0.98rem, 1.25vw, 1.08rem) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-button {
  width: min(100%, 260px) !important;
}

html body.index-page #allin-local-section {
  min-height: auto !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
  width: min(100% - 32px, 1120px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.2vw, 1.5rem) !important;
  padding: 0 !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  min-height: 430px !important;
  height: auto !important;
  max-height: none !important;
  padding: clamp(1.45rem, 3vw, 2.2rem) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 85% 25%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(16, 27, 37, 0.96), rgba(7, 19, 25, 0.96)) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: start !important;
  gap: 1rem !important;
  overflow: hidden !important;
}

html body.index-page #allin-local-section .allopen-box .product-logo-container {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: clamp(78px, 8vw, 110px) !important;
  height: clamp(78px, 8vw, 110px) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.92) !important;
  transform: none !important;
}

html body.index-page #allin-local-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
html body.index-page #allin-local-section .allopen-box .product-buttons,
html body.index-page #allin-local-section .allopen-box > a.allopen-box-btn {
  grid-column: 1 !important;
  justify-self: start !important;
  text-align: left !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
}

html body.index-page #allin-local-section .allopen-box-title {
  font-size: clamp(1.65rem, 2.8vw, 2.6rem) !important;
  line-height: 1.02 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

html body.index-page #allin-local-section .allopen-box-desc,
html body.index-page #allin-local-section .allopen-box-desc li {
  font-size: clamp(0.92rem, 1.1vw, 1.03rem) !important;
  line-height: 1.55 !important;
  color: rgba(232, 242, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(232, 242, 255, 0.82) !important;
}

html body.index-page .allin-feature-showcase {
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

html body.index-page .allin-feature-row {
  min-height: auto !important;
  padding-top: clamp(1.5rem, 3.5vw, 3rem) !important;
  padding-bottom: clamp(1.5rem, 3.5vw, 3rem) !important;
}

html body.index-page .allin-feature-row .allin-feature-copy h4 {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page .allin-feature-row .allin-feature-copy p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
}

@media (max-width: 980px) {
  html body .row:has(> .col-md-4 > .tech-card.text-center) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .row:has(> .col-md-4 > .tech-card.text-center) {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 420px) !important;
  }

  html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card {
    min-height: 185px !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    width: min(100% - 28px, 420px) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
    min-height: 0 !important;
    border-radius: 24px !important;
  }
}

/* Final repair layer: compact, readable, consistent Allpixel UI across pages. */
:root {
  --ap-page: #f5f5f7;
  --ap-surface: #ffffff;
  --ap-soft: #f8fbff;
  --ap-ink: #101725;
  --ap-muted: #5f6b7d;
  --ap-line: rgba(16, 23, 37, 0.12);
  --ap-blue: #0071e3;
  --ap-blue-2: #2997ff;
  --ap-dark: #02070b;
  --ap-dark-panel: #0b1720;
  --ap-card-max: 1120px;
  --ap-narrow-max: 960px;
  --ap-radius: 28px;
  --ap-shadow: 0 18px 48px rgba(16, 23, 37, 0.10);
}

html body {
  background: var(--ap-page) !important;
  color: var(--ap-ink) !important;
}

html body.index-page main,
html body.product-detail-page main {
  overflow: clip !important;
}

html body .container {
  max-width: min(100% - 32px, var(--ap-card-max)) !important;
}

html body section {
  scroll-margin-top: 86px !important;
}

html body.index-page .product-universe-section,
html body.index-page .product-section,
html body.index-page .allin-platform-section,
html body.index-page .allvideo-showcase-section,
html body.product-detail-page section.py-5 {
  padding-top: clamp(2.3rem, 4.8vw, 4.25rem) !important;
  padding-bottom: clamp(2.3rem, 4.8vw, 4.25rem) !important;
}

html body.index-page .product-section.product-theme-dark,
html body.index-page #allin-local-section,
html body.index-page .allvideo-showcase-section {
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 126, 13, 0.18), transparent 24%),
    radial-gradient(circle at 85% 10%, rgba(0, 210, 225, 0.20), transparent 28%),
    linear-gradient(135deg, #05090d 0%, #071722 48%, #021015 100%) !important;
}

html body.index-page .product-universe-head,
html body.index-page .section-header,
html body.index-page .allin-platform-header,
html body.index-page .allvideo-showcase-header {
  width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0 !important;
  margin-bottom: clamp(1.3rem, 3vw, 2.2rem) !important;
}

html body.index-page .product-universe-head h2,
html body.index-page .section-header h2,
html body.index-page .allin-platform-header h2,
html body.index-page .allvideo-showcase-header h2,
html body.product-detail-page .section-title,
html body.product-detail-page .product-page-title,
html body.product-detail-page .allin-platform-header h2 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2rem, 4vw, 3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  margin-bottom: 0.55rem !important;
}

html body.index-page .product-theme-dark .section-header h2,
html body.index-page .allvideo-showcase-section .allvideo-showcase-header h2,
html body.index-page #allin-local-section .section-header h2,
html body.product-detail-page .product-theme-dark h1,
html body.product-detail-page .product-theme-dark h2,
html body.product-detail-page .product-theme-dark h3,
html body.product-detail-page .product-theme-dark h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .product-universe-head p,
html body.index-page .section-header p,
html body.index-page .allin-platform-tagline,
html body.index-page .allvideo-showcase-tagline,
html body.product-detail-page .lead,
html body.product-detail-page .product-page-subtitle,
html body.product-detail-page .allin-platform-tagline {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-size: clamp(0.95rem, 1.4vw, 1.08rem) !important;
  line-height: 1.55 !important;
}

html body.index-page .product-theme-dark .section-header p,
html body.index-page .allvideo-showcase-section .allvideo-showcase-tagline,
html body.index-page #allin-local-section .section-header p,
html body.product-detail-page .product-theme-dark p,
html body.product-detail-page .product-theme-dark li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

/* Product overview: compact Apple-style tiles, not oversized blocks. */
html body.index-page .product-universe-grid {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.8rem, 1.5vw, 1.15rem) !important;
}

html body.index-page .product-universe-card {
  min-height: 245px !important;
  height: auto !important;
  border-radius: 24px !important;
  padding: clamp(1.1rem, 2.1vw, 1.55rem) !important;
  background:
    radial-gradient(circle at 85% 16%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 14px 34px rgba(16, 23, 37, 0.08) !important;
  justify-content: space-between !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: initial !important;
}

html body.index-page .product-universe-card::before {
  height: 3px !important;
  opacity: 1 !important;
}

html body.index-page .product-universe-card .product-universe-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 17px !important;
  margin-bottom: 0.85rem !important;
}

html body.index-page .product-universe-card .product-universe-icon img {
  max-width: 72% !important;
  max-height: 72% !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.28rem, 2vw, 1.72rem) !important;
  line-height: 1.05 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page .product-universe-card p {
  font-size: clamp(0.86rem, 1.08vw, 0.98rem) !important;
  line-height: 1.48 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  margin-bottom: 1rem !important;
}

html body.index-page .product-universe-card .product-universe-link {
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
  font-weight: 750 !important;
}

/* Index product panels: contained cards, balanced copy, same rhythm. */
html body.index-page .allopen-boxes-container,
html body.index-page .allopen-boxes-container.product-boxes-center {
  width: min(100%, var(--ap-narrow-max)) !important;
  max-width: var(--ap-narrow-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
}

html body.index-page .product-section .allopen-box,
html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: 340px !important;
  max-height: none !important;
  padding: clamp(1.25rem, 3vw, 2.2rem) !important;
  border-radius: var(--ap-radius) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: var(--ap-shadow) !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(0, 210, 225, 0.18), transparent 33%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(125px, 190px) !important;
  gap: clamp(1rem, 3vw, 2.2rem) !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body.index-page .product-theme-dark .allopen-box,
html body.index-page #allin-local-section .allopen-box {
  background:
    radial-gradient(circle at 82% 15%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(16, 27, 37, 0.96), rgba(5, 12, 17, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html body.index-page .product-section .allopen-box .product-logo-container {
  width: clamp(110px, 15vw, 170px) !important;
  height: clamp(110px, 15vw, 170px) !important;
  border-radius: 24px !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: rotate(3deg) !important;
  box-shadow: 0 20px 44px rgba(16, 23, 37, 0.14) !important;
}

html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
html body.index-page .product-section .allopen-box .product-buttons {
  max-width: 560px !important;
  text-align: left !important;
  justify-self: start !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(1.45rem, 2.7vw, 2.35rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.65rem !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page .product-theme-dark .allopen-box-title,
html body.index-page #allin-local-section .allopen-box-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .allopen-box-desc {
  font-size: clamp(0.9rem, 1.1vw, 1rem) !important;
  line-height: 1.55 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  margin-bottom: 1rem !important;
}

html body.index-page .product-theme-dark .allopen-box-desc,
html body.index-page .product-theme-dark .allopen-box-desc li,
html body.index-page #allin-local-section .allopen-box-desc,
html body.index-page #allin-local-section .allopen-box-desc li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  min-height: 360px !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
}

/* Allin and AllVideo showcases: contained, readable, no full-width wall panels. */
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body.product-detail-page .allin-platform-hero,
html body.product-detail-page .allvideo-showcase-hero {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
  border-radius: var(--ap-radius) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: var(--ap-shadow) !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(0, 210, 225, 0.18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  color: var(--ap-ink) !important;
  overflow: hidden !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(0, 210, 225, 0.18), transparent 36%),
    linear-gradient(145deg, #07131d 0%, #03090e 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 4vw, 3rem) !important;
}

html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  width: 100% !important;
  max-width: none !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(1.8rem, 4vw, 3.65rem) !important;
  line-height: 1.02 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p,
html body .allvideo-showcase-copy li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(0.95rem, 1.35vw, 1.08rem) !important;
  line-height: 1.6 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body .allvideo-showcase-copy p {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body .allin-feature-showcase,
html body.product-detail-page .allin-feature-showcase {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.15rem, 2vw, 1.5rem) !important;
  border-radius: var(--ap-radius) !important;
  background: #07131d !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: var(--ap-shadow) !important;
}

html body .allin-feature-row,
html body.product-detail-page .allin-feature-row {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 0.9rem 0 !important;
  padding: clamp(1rem, 2.2vw, 1.6rem) !important;
  border-radius: 24px !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 0.42fr) minmax(0, 1fr) !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 90% 20%, rgba(0, 210, 225, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
}

html body .allin-feature-row:last-child {
  margin-bottom: 0 !important;
}

html body .allin-feature-row .allin-feature-copy h4,
html body .allin-feature-row .allin-feature-copy p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-feature-row .allin-feature-copy p {
  color: rgba(245, 248, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.74) !important;
}

html body .allin-feature-media img,
html body .allin-platform-device img,
html body .allvideo-showcase-media img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .allin-feature-media img {
  max-height: 250px !important;
  margin: 0 auto !important;
}

html body .allin-platform-device img {
  max-height: 360px !important;
}

html body .allvideo-showcase-media img {
  max-height: 420px !important;
}

html body .allvideo-showcase-grid {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.6vw, 1.1rem) !important;
}

html body .allvideo-feature-pill {
  min-height: 0 !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 12px 30px rgba(16, 23, 37, 0.08) !important;
  color: var(--ap-ink) !important;
}

html body .allvideo-feature-pill h3,
html body .allvideo-feature-pill h4,
html body .allvideo-feature-pill p,
html body .allvideo-feature-pill span {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allvideo-feature-pill p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

/* Product detail pages: undo accidental edge-to-edge panels, keep clean containers. */
html body.product-detail-page .ac-hero > .container,
html body.product-detail-page .allin-hero > .container,
html body.product-detail-page section > .container {
  max-width: min(100% - 32px, var(--ap-card-max)) !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta,
html body.product-detail-page .ac-flow-card,
html body.product-detail-page .allin-benefits-panel {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: var(--ap-radius) !important;
  padding: clamp(1.35rem, 3.3vw, 2.6rem) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 14px 38px rgba(16, 23, 37, 0.08) !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper {
  min-height: clamp(430px, 58vh, 620px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.7fr) !important;
  align-items: center !important;
  gap: clamp(1.5rem, 5vw, 4rem) !important;
}

html body.product-detail-page .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 1fr) !important;
  gap: clamp(1.2rem, 3vw, 2rem) !important;
  align-items: center !important;
}

html body.product-detail-page .feature-grid,
html body.product-detail-page .features-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.7vw, 1.1rem) !important;
}

html body.product-detail-page .feature-card,
html body.product-detail-page .product-feature-card,
html body.product-detail-page .tech-card,
html body.product-detail-page .benefit-card {
  border-radius: 22px !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  background: #ffffff !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 10px 26px rgba(16, 23, 37, 0.07) !important;
}

/* Readable text on any late or inline-styled panel. */
html body .product-theme-dark,
html body .product-theme-dark .allopen-box,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-feature-row,
html body footer {
  color: #ffffff !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body .product-theme-dark strong,
html body .allvideo-showcase-hero h1,
html body .allvideo-showcase-hero h2,
html body .allvideo-showcase-hero h3,
html body .allvideo-showcase-hero h4,
html body .allin-feature-showcase h1,
html body .allin-feature-showcase h2,
html body .allin-feature-showcase h3,
html body .allin-feature-showcase h4,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark span,
html body .allvideo-showcase-hero p,
html body .allvideo-showcase-hero li,
html body .allin-feature-showcase p,
html body .allin-feature-showcase li,
html body footer p,
html body footer li,
html body footer a,
html body footer span {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h1,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h2,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h3,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h4 {
  -webkit-text-fill-color: currentColor;
}

/* One button system: Play Store is filled, App Store and web actions are outline. */
html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn,
html body .hero-button {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 1.15rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: var(--ap-blue) !important;
  border: 1px solid var(--ap-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not([href*="play.google"]) {
  background: transparent !important;
  border: 1px solid var(--ap-blue) !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark button.hero-cta-button,
html body .product-theme-dark button.tech-button,
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .tech-button:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .hero-cta-button:not(.btn-app):not([href*="play.google"]) {
  border-color: var(--ap-blue-2) !important;
  color: var(--ap-blue-2) !important;
  -webkit-text-fill-color: var(--ap-blue-2) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover,
html body .hero-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12), 0 12px 24px rgba(0, 113, 227, 0.18) !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button *,
html body .hero-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Product dropdown: complete product list, no hidden/transparent menu. */
@media (min-width: 901px) {
  html body .custom-navbar .nav-item.dropdown,
  html body .navbar .nav-item.dropdown {
    position: relative !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 250px !important;
    padding: 0.55rem !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(16, 23, 37, 0.12) !important;
    box-shadow: 0 22px 60px rgba(16, 23, 37, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important;
    z-index: 2000 !important;
  }

  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu,
  html body .custom-navbar .dropdown-menu.show,
  html body .navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .navbar .nav-item.dropdown:focus-within > .dropdown-menu,
  html body .navbar .dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

html body .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 12px !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 700 !important;
  font-size: 0.93rem !important;
}

html body .dropdown-menu .dropdown-item:hover,
html body .dropdown-menu .dropdown-item:focus {
  background: rgba(0, 113, 227, 0.10) !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid,
  html body .allvideo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.product-detail-page .ac-inner,
  html body.product-detail-page .hero-content-wrapper,
  html body.product-detail-page .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body.index-page .product-section .allopen-box .product-buttons {
    text-align: center !important;
    justify-self: center !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    order: -1 !important;
    transform: none !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns,
  html body.product-detail-page .feature-grid,
  html body.product-detail-page .features-grid {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  html body .container,
  html body.product-detail-page .ac-hero > .container,
  html body.product-detail-page .allin-hero > .container,
  html body.product-detail-page section > .container {
    max-width: min(100% - 24px, 460px) !important;
  }

  html body.index-page .product-universe-grid,
  html body .allvideo-showcase-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card {
    min-height: 218px !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body.product-detail-page .product-page-main,
  html body.product-detail-page .product-page-cta,
  html body.product-detail-page .ac-flow-card,
  html body.product-detail-page .allin-benefits-panel {
    min-height: 0 !important;
    padding: 1.15rem !important;
    border-radius: 22px !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    width: 98px !important;
    height: 98px !important;
  }

  html body .allopen-box-btn,
  html body .hero-cta-button,
  html body .tech-button,
  html body .allopen-alert-btn,
  html body .hero-button {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 0.95rem !important;
    font-size: 0.84rem !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar .dropdown-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0.5rem !important;
    padding: 0.45rem !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(16, 23, 37, 0.10) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .navbar .dropdown-menu.show {
    display: grid !important;
  }
}

/* Final precision overrides for remaining legacy height/button conflicts. */
html body.index-page .product-universe-grid {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.index-page .product-universe-card,
html body.index-page a.product-universe-card,
html body.index-page .product-universe-card.ap-reveal,
html body.index-page .product-universe-card.ap-card-reveal {
  min-height: 0 !important;
  height: 255px !important;
  max-height: 255px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16, 23, 37, 0.12) !important;
  box-shadow: 0 14px 34px rgba(16, 23, 37, 0.08) !important;
  padding: 1.25rem !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
}

html body.index-page .product-universe-card .product-card-logo,
html body.index-page .product-universe-card .product-universe-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 17px !important;
  margin: 0 0 0.85rem 0 !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.28rem, 1.8vw, 1.58rem) !important;
}

html body.index-page .product-universe-card p {
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  margin: 0 0 0.75rem 0 !important;
}

html body.index-page .product-universe-card .product-universe-link,
html body.index-page .product-universe-card .product-card-link {
  font-size: 0.88rem !important;
  margin-top: auto !important;
}

html body.index-page #allopen-section a.allopen-box-btn.btn-app,
html body.index-page #allopen-section a[href*="play.google"].allopen-box-btn,
html body.index-page #allin-local-section a.allopen-box-btn.btn-app,
html body.index-page #allin-local-section a[href*="play.google"].allopen-box-btn,
html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body a[href*="play.google"].allopen-box-btn.btn-app,
html body a[href*="play.google"].hero-cta-button.btn-app,
html body a[href*="play.google"].tech-button.btn-app {
  background: var(--ap-blue) !important;
  background-color: var(--ap-blue) !important;
  border-color: var(--ap-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allopen-section a.allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body.index-page #allin-local-section a.allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body.index-page #allin-local-section a[href="https://allinlocal.in"],
html body.index-page #allin-local-section a[href*="#register"],
html body.index-page #allopen-section button.allopen-box-btn,
html body.index-page #allin-local-section button.allopen-box-btn {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--ap-blue-2) !important;
  color: var(--ap-blue-2) !important;
  -webkit-text-fill-color: var(--ap-blue-2) !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card,
  html body.index-page a.product-universe-card,
  html body.index-page .product-universe-card.ap-reveal,
  html body.index-page .product-universe-card.ap-card-reveal {
    height: auto !important;
    max-height: none !important;
    min-height: 212px !important;
  }
}

/* Final dark-panel guard: never let dark-section text sit on a light inherited card. */
html body.index-page section.product-section.product-theme-dark .allopen-box,
html body.index-page section#allvideo-section.product-theme-dark .allopen-box,
html body.index-page section#allopen-section.product-theme-dark .allopen-box,
html body.index-page section#allin-local-section.product-theme-dark .allopen-box,
html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  background:
    radial-gradient(circle at 82% 14%, rgba(0, 210, 225, 0.18), transparent 35%),
    linear-gradient(145deg, #101b25 0%, #061019 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
}

html body.index-page section.product-section.product-theme-dark .allopen-box h1,
html body.index-page section.product-section.product-theme-dark .allopen-box h2,
html body.index-page section.product-section.product-theme-dark .allopen-box h3,
html body.index-page section.product-section.product-theme-dark .allopen-box h4,
html body.index-page #allin-local-section .allopen-box h1,
html body.index-page #allin-local-section .allopen-box h2,
html body.index-page #allin-local-section .allopen-box h3,
html body.index-page #allin-local-section .allopen-box h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page section.product-section.product-theme-dark .allopen-box p,
html body.index-page section.product-section.product-theme-dark .allopen-box li,
html body.index-page #allin-local-section .allopen-box p,
html body.index-page #allin-local-section .allopen-box li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body .allin-feature-showcase .allin-feature-row,
html body.product-detail-page .allin-feature-showcase .allin-feature-row,
html body.index-page .allin-feature-showcase .allin-feature-row {
  background:
    radial-gradient(circle at 90% 18%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(16, 27, 37, 0.96), rgba(5, 12, 17, 0.96)) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html body .allin-feature-showcase .allin-feature-row h1,
html body .allin-feature-showcase .allin-feature-row h2,
html body .allin-feature-showcase .allin-feature-row h3,
html body .allin-feature-showcase .allin-feature-row h4,
html body .allin-feature-showcase .allin-feature-row p,
html body .allin-feature-showcase .allin-feature-row li,
html body.index-page .allin-feature-showcase .allin-feature-row h1,
html body.index-page .allin-feature-showcase .allin-feature-row h2,
html body.index-page .allin-feature-showcase .allin-feature-row h3,
html body.index-page .allin-feature-showcase .allin-feature-row h4,
html body.index-page .allin-feature-showcase .allin-feature-row p,
html body.index-page .allin-feature-showcase .allin-feature-row li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-feature-showcase .allin-feature-row p,
html body .allin-feature-showcase .allin-feature-row li,
html body.index-page .allin-feature-showcase .allin-feature-row p,
html body.index-page .allin-feature-showcase .allin-feature-row li {
  color: rgba(245, 248, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.74) !important;
}

/* Frontend audit repair: Allin/AllinLocal/product CTA polish. */
html body .allin-benefits-panel,
html body.index-page .allin-benefits-panel,
html body.product-detail-page .allin-benefits-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2.25rem) !important;
  min-height: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  background:
    radial-gradient(circle at 90% 18%, rgba(0, 210, 225, 0.13), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid rgba(16, 23, 37, 0.10) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 48px rgba(16, 23, 37, 0.08) !important;
  color: var(--ap-ink) !important;
}

html body .allin-benefits-panel .product-eyebrow,
html body .allin-benefits-copy h3,
html body .allin-benefits-copy p,
html body .allin-benefits-list,
html body .allin-benefits-list li {
  opacity: 1 !important;
  visibility: visible !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allin-benefits-copy p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body .allin-benefits-list {
  display: grid !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-height: 44px !important;
  padding: 0.65rem 0.85rem !important;
  border-radius: 16px !important;
  background: rgba(0, 113, 227, 0.06) !important;
  border: 1px solid rgba(0, 113, 227, 0.12) !important;
  font-size: clamp(0.92rem, 1.1vw, 1rem) !important;
  line-height: 1.35 !important;
}

html body .allin-benefits-list li::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a00, #00d2e1, #168a45) !important;
  box-shadow: none !important;
  position: static !important;
  transform: none !important;
}

html body .why-allin-blocks {
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
}

html body .why-allin-block,
html body .why-allin-card {
  min-height: 0 !important;
  border-radius: 24px !important;
}

html body .why-allin-inner {
  display: grid !important;
  grid-template-columns: 124px minmax(210px, 285px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2rem) !important;
  min-height: 168px !important;
  padding: clamp(1.15rem, 2.5vw, 1.75rem) !important;
}

html body .why-allin-icon {
  width: 100px !important;
  height: 100px !important;
  border-radius: 24px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

html body .why-allin-title {
  max-width: none !important;
  width: auto !important;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .why-allin-desc {
  font-size: clamp(0.98rem, 1.35vw, 1.12rem) !important;
  line-height: 1.55 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.1rem !important;
  min-height: 0 !important;
  padding: clamp(1.35rem, 2.6vw, 2.2rem) !important;
}

html body.index-page #allin-local-section .allopen-box .product-logo-container {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: clamp(82px, 8vw, 110px) !important;
  height: clamp(82px, 8vw, 110px) !important;
  margin: 0 0 0.3rem 0 !important;
  z-index: 1 !important;
}

html body.index-page #allin-local-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  width: 100% !important;
  flex: 1 1 auto !important;
}

html body.index-page #allin-local-section .allopen-box .product-buttons {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
}

html body.index-page #allin-local-section .allopen-box-title,
html body.index-page #allin-local-section .allopen-box-title[style] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.8rem, 3vw, 2.55rem) !important;
  line-height: 1.05 !important;
  margin: 0 0 0.6rem 0 !important;
}

html body.product-detail-page .product-page-cta {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
  max-width: 980px !important;
  padding: clamp(1.5rem, 3vw, 2.4rem) !important;
}

html body.product-detail-page .product-page-cta-title {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(1.7rem, 3vw, 2.5rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.55rem !important;
}

html body.product-detail-page .product-page-cta-desc {
  max-width: 780px !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-size: clamp(0.95rem, 1.25vw, 1.05rem) !important;
  line-height: 1.55 !important;
}

html body.product-detail-page .product-page-cta-buttons {
  justify-content: center !important;
  align-items: center !important;
  margin-top: 0.3rem !important;
}

html body .product-universe-card:focus,
html body .product-universe-card:focus-visible,
html body .product-universe-card.active {
  outline: 2px solid rgba(0, 113, 227, 0.48) !important;
  outline-offset: 3px !important;
  border-color: rgba(0, 113, 227, 0.28) !important;
}

html body.index-page .product-universe-card:first-child {
  border-color: rgba(16, 23, 37, 0.12) !important;
}

html body .product-universe-card .product-universe-link,
html body .product-universe-card .product-card-link {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

html body .py-5:has(.text-center .tech-button[onclick*="forms.gle"]),
html body .py-5:has(.text-center .tech-button[onclick*="showAllinPartnerAlert"]) {
  padding-bottom: clamp(4rem, 7vw, 6rem) !important;
}

@media (max-width: 900px) {
  html body .why-allin-inner {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    text-align: left !important;
  }

  html body .why-allin-desc {
    grid-column: 1 / -1 !important;
  }

  html body .allin-benefits-panel,
  html body.index-page .allin-benefits-panel,
  html body.product-detail-page .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .why-allin-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    justify-items: center !important;
  }

  html body .why-allin-desc {
    grid-column: auto !important;
  }

  html body.index-page #allin-local-section .allopen-box .product-buttons {
    justify-content: center !important;
  }
}

/* High-specificity frontend audit fixes for legacy selector conflicts. */
html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
  display: grid !important;
  grid-template-columns: 112px minmax(220px, 300px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.1rem, 2.6vw, 2rem) !important;
  min-height: 160px !important;
  padding: clamp(1.1rem, 2.2vw, 1.7rem) !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-icon {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  margin: 0 !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-title {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  font-size: clamp(1.55rem, 2.35vw, 2.1rem) !important;
  line-height: 1.05 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  margin: 0 !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
  margin: 0 !important;
  font-size: clamp(0.98rem, 1.28vw, 1.1rem) !important;
  line-height: 1.55 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
html body.product-detail-page .allin-benefits-panel {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2.2rem) !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.45rem, 3vw, 2.35rem) !important;
  background:
    radial-gradient(circle at 92% 20%, rgba(0, 210, 225, 0.12), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  color: var(--ap-ink) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(16, 23, 37, 0.10) !important;
  box-shadow: 0 18px 48px rgba(16, 23, 37, 0.08) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy h3,
html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy h3,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list {
  display: grid !important;
  gap: 0.72rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list li,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  min-height: 42px !important;
  padding: 0.62rem 0.85rem !important;
  border-radius: 16px !important;
  background: rgba(0, 113, 227, 0.06) !important;
  border: 1px solid rgba(0, 113, 227, 0.12) !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(0.92rem, 1.08vw, 1rem) !important;
  line-height: 1.35 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 1.05rem !important;
  min-height: 0 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .product-logo-container {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 96px !important;
  height: 96px !important;
  margin: 0 0 0.45rem 0 !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  width: 100% !important;
  flex: 1 1 auto !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .allopen-box-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 0.65rem 0 !important;
  width: auto !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .product-buttons {
  width: 100% !important;
  margin-top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
}

@media (max-width: 900px) {
  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
    grid-template-columns: 90px minmax(0, 1fr) !important;
  }

  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
    grid-column: 1 / -1 !important;
  }

  html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
  html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
    grid-column: auto !important;
  }
}

/* Final mobile navigation repair: keep the menu above the blur and draw a clean hamburger. */
@media (max-width: 900px) {
  html.mobile-nav-open,
  html body.mobile-nav-open {
    overflow: hidden !important;
  }

  html body .custom-navbar {
    z-index: 3000 !important;
    overflow: visible !important;
  }

  html body .custom-navbar .container {
    position: relative !important;
    overflow: visible !important;
  }

  html body #burger-menu.burger {
    position: relative !important;
    z-index: 3300 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body #burger-menu.burger::before,
  html body #burger-menu.burger::after {
    content: none !important;
    display: none !important;
  }

  html body #burger-menu.burger span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #101725 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform-origin: center !important;
    transition: transform 220ms ease, opacity 160ms ease, background-color 220ms ease !important;
  }

  html body #burger-menu.burger span:nth-child(1) {
    transform: translate(-50%, -9px) !important;
  }

  html body #burger-menu.burger span:nth-child(2) {
    transform: translate(-50%, -50%) !important;
  }

  html body #burger-menu.burger span:nth-child(3) {
    transform: translate(-50%, 7px) !important;
  }

  html body #burger-menu.burger.active span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  html body #burger-menu.burger.active span:nth-child(2) {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scaleX(0.18) !important;
  }

  html body #burger-menu.burger.active span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1800 !important;
    display: block !important;
    background: rgba(7, 12, 18, 0.36) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 220ms ease, visibility 220ms ease !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body #navbar-links.navbar-links,
  html body .custom-navbar #navbar-links.navbar-links {
    position: fixed !important;
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(calc(100vw - 28px), 430px) !important;
    max-height: calc(100vh - 86px) !important;
    overflow-y: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.35rem !important;
    padding: 0.82rem !important;
    margin: 0 !important;
    list-style: none !important;
    border-radius: 24px !important;
    border: 1px solid rgba(16, 23, 37, 0.12) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    color: #101725 !important;
    box-shadow: 0 24px 70px rgba(7, 12, 18, 0.22) !important;
    z-index: 3100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -10px) scale(0.98) !important;
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease !important;
  }

  html body #navbar-links.navbar-links.open,
  html body .custom-navbar #navbar-links.navbar-links.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
  }

  html body #navbar-links.navbar-links > li,
  html body .custom-navbar #navbar-links.navbar-links > li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body #navbar-links.navbar-links a,
  html body .custom-navbar #navbar-links.navbar-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0.72rem 0.9rem !important;
    border-radius: 16px !important;
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  html body #navbar-links.navbar-links a:hover,
  html body #navbar-links.navbar-links a:focus,
  html body #navbar-links.navbar-links .nav-link.active {
    color: #0071e3 !important;
    -webkit-text-fill-color: #0071e3 !important;
    background: rgba(0, 113, 227, 0.10) !important;
  }

  html body #navbar-links.navbar-links .dropdown-toggle::after {
    margin-left: auto !important;
  }

  html body #navbar-links.navbar-links .dropdown-menu,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu {
    position: static !important;
    inset: auto !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0.35rem !important;
    margin: 0.25rem 0 0.1rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(16, 23, 37, 0.08) !important;
    background: rgba(245, 248, 255, 0.94) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body #navbar-links.navbar-links .dropdown-menu.show,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu.show {
    display: grid !important;
    gap: 0.15rem !important;
  }

  html body #navbar-links.navbar-links .dropdown-divider {
    display: none !important;
  }

  html body #navbar-links.navbar-links .dropdown-item {
    min-height: 38px !important;
    padding: 0.6rem 0.75rem !important;
    color: #202633 !important;
    -webkit-text-fill-color: #202633 !important;
    white-space: normal !important;
  }
}

@media (min-width: 901px) {
  html body #burger-menu.burger {
    display: none !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop {
    display: none !important;
  }
}

/* Product overview final polish: compact Apple-style clickable tiles without visible CTA links. */
html body.index-page #our-products-section.product-universe-section {
  padding: clamp(2.2rem, 4.5vw, 4.25rem) 0 clamp(2rem, 4vw, 3.5rem) !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(0, 191, 216, 0.10), transparent 30%),
    radial-gradient(circle at 12% 84%, rgba(255, 138, 0, 0.055), transparent 28%),
    linear-gradient(180deg, #fbfbfd 0%, #ffffff 100%) !important;
}

html body.index-page #our-products-section .container {
  width: min(100% - 32px, 1180px) !important;
  max-width: 1180px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.index-page #our-products-section .product-universe-head {
  width: min(100%, 640px) !important;
  margin: 0 auto clamp(1.3rem, 2.8vw, 2rem) !important;
  text-align: center !important;
}

html body.index-page #our-products-section .product-eyebrow {
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
}

html body.index-page #our-products-section .product-universe-head h2 {
  font-size: clamp(1.75rem, 3.4vw, 3.05rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  margin: 0.28rem 0 0.35rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body.index-page #our-products-section .product-universe-head p {
  max-width: 52ch !important;
  margin: 0 auto !important;
  font-size: clamp(0.88rem, 1.1vw, 1rem) !important;
  line-height: 1.45 !important;
  font-weight: 520 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #our-products-section .product-universe-grid {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.35vw, 1.05rem) !important;
  padding: 0 !important;
}

html body.index-page #our-products-section .product-universe-card,
html body.index-page #our-products-section a.product-universe-card,
html body.index-page #our-products-section .product-universe-card.ap-reveal,
html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 0.72rem !important;
  min-height: 0 !important;
  height: clamp(168px, 15.6vw, 196px) !important;
  max-height: 196px !important;
  padding: clamp(1rem, 1.45vw, 1.35rem) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-top: 2px solid rgba(0, 191, 216, 0.55) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(0, 191, 216, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 252, 0.96)) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  text-align: left !important;
  text-decoration: none !important;
  transform: translateZ(0) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n + 1),
html body.index-page #our-products-section .product-universe-card:first-child {
  border-top-color: rgba(255, 138, 0, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n + 2) {
  border-top-color: rgba(63, 125, 246, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n) {
  border-top-color: rgba(0, 191, 216, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card::before,
html body.index-page #our-products-section .product-universe-card::after {
  content: none !important;
  display: none !important;
}

html body.index-page #our-products-section .product-universe-card:hover,
html body.index-page #our-products-section .product-universe-card:focus-visible {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 113, 227, 0.22) !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.12) !important;
  outline: none !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-logo {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  padding: 0.46rem !important;
  margin: 0 !important;
  border-radius: 15px !important;
  object-fit: contain !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #our-products-section .product-universe-card h3 {
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.65vw, 1.48rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  font-weight: 850 !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #our-products-section .product-universe-card p {
  max-width: 28ch !important;
  margin: 0 !important;
  font-size: clamp(0.82rem, 0.92vw, 0.94rem) !important;
  line-height: 1.36 !important;
  font-weight: 560 !important;
  color: #607086 !important;
  -webkit-text-fill-color: #607086 !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-link,
html body.index-page #our-products-section .product-universe-card .product-universe-link,
html body.index-page #our-products-section .product-universe-card .product-card-arrow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

@media (max-width: 980px) {
  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 720px) !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: 176px !important;
    max-height: 176px !important;
  }
}

@media (max-width: 640px) {
  html body.index-page #our-products-section .container {
    width: min(100% - 24px, 430px) !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: 1fr !important;
    width: min(100%, 390px) !important;
    gap: 0.72rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: 150px !important;
    max-height: 150px !important;
    padding: 0.95rem !important;
    border-radius: 18px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 0.9rem !important;
    row-gap: 0.25rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    grid-row: 1 / 3 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3,
  html body.index-page #our-products-section .product-universe-card p {
    grid-column: 2 !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    max-width: none !important;
  }
}

/* Product page audit pass: tighter bullets, accurate screenshot borders, and Allin layout repairs. */
html body.product-detail-page .product-page-list,
html body.product-detail-page .allin-benefits-list,
html body.index-page .allin-benefits-list {
  display: grid !important;
  gap: 0.42rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.product-detail-page .product-page-list li,
html body.product-detail-page .allin-benefits-list li,
html body.index-page .allin-benefits-list li {
  min-height: 0 !important;
  padding: 0.42rem 0 0.42rem 1.35rem !important;
  margin: 0 !important;
  line-height: 1.38 !important;
  font-size: clamp(0.9rem, 1.02vw, 1rem) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: transparent !important;
  border: 0 !important;
}

html body.product-detail-page .product-page-list li::before,
html body.product-detail-page .allin-benefits-list li::before,
html body.index-page .allin-benefits-list li::before {
  position: absolute !important;
  left: 0 !important;
  top: 0.9em !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a00, #00d2e1, #168a45) !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

html body.product-detail-page .product-page-main {
  padding: clamp(1.2rem, 2.6vw, 2rem) !important;
}

html body.product-detail-page .product-page-main .row {
  gap: clamp(1rem, 2.4vw, 1.7rem) !important;
}

html body.product-detail-page .product-page-card {
  min-height: 0 !important;
  padding: clamp(0.95rem, 1.55vw, 1.25rem) !important;
  border-radius: 20px !important;
}

html body.product-detail-page .product-page-card h4 {
  font-size: clamp(1.15rem, 1.75vw, 1.55rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.55rem !important;
}

html body.product-detail-page .product-page-card p {
  font-size: clamp(0.86rem, 1vw, 0.95rem) !important;
  line-height: 1.42 !important;
}

html body .ac-hero-device,
html body .allvideo-screen,
html body .allin-main-screen,
html body .allin-feature-media,
html body .allin-hero-preview,
html body .mobile-screenshot-container,
html body .mobile-screenshot-wrapper,
html body .device-frame {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .allvideo-screen img,
html body .allin-main-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: clamp(20px, 3vw, 30px) !important;
  background: transparent !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.42) inset !important;
}

html body.allconnect-page .ac-hero-device img,
html body.index-page #allconnect-section .mobile-screenshot,
html body.index-page .ac-hero-device img {
  --ap-shot: #ff7a00;
  max-height: min(470px, 62vh) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen,
html body.index-page #allvideo-showcase-section .allvideo-screen img {
  --ap-shot: #5477ff;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
  min-height: clamp(390px, 45vw, 570px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(0.5rem, 2vw, 1rem) 0 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen img {
  max-height: min(500px, 62vh) !important;
  max-width: min(300px, 38vw) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(34px) !important;
  z-index: 2 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
  transform: rotate(5deg) translateX(-34px) translateY(28px) !important;
  z-index: 1 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen:hover {
  z-index: 3 !important;
  transform: rotate(0deg) translateX(0) translateY(-8px) scale(1.02) !important;
}

html body.index-page #allin-details-section.allin-platform-section,
html body.allin-page #allin-details-section.allin-platform-section {
  padding-top: clamp(2.6rem, 5vw, 4.5rem) !important;
}

html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto clamp(1.2rem, 2.6vw, 2rem) !important;
  padding: clamp(1.35rem, 3vw, 2.2rem) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-top: 2px solid rgba(0, 210, 225, 0.72) !important;
  background:
    radial-gradient(circle at 86% 20%, rgba(0, 210, 225, 0.18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 18px 52px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #allin-details-section .allin-platform-hero .row,
html body.allin-page #allin-details-section .allin-platform-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3.2vw, 2.4rem) !important;
}

html body.index-page #allin-details-section .allin-platform-title,
html body.allin-page #allin-details-section .allin-platform-title {
  font-size: clamp(2rem, 4.4vw, 4.4rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 0.75rem !important;
}

html body.index-page #allin-details-section .allin-platform-desc,
html body.allin-page #allin-details-section .allin-platform-desc {
  max-width: 52ch !important;
  font-size: clamp(0.92rem, 1.05vw, 1rem) !important;
  line-height: 1.5 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #allin-details-section .allin-screenshot-stage,
html body.allin-page #allin-details-section .allin-screenshot-stage {
  min-height: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  --ap-shot: #25d6d6;
  max-height: min(470px, 62vh) !important;
  max-width: min(290px, 40vw) !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: clamp(1.1rem, 2.6vw, 1.8rem) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, #061018 0%, #061923 100%) !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(220px, 0.62fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 3vw, 2.2rem) !important;
  min-height: 0 !important;
  padding: clamp(1.1rem, 2.8vw, 2rem) !important;
  margin: 0 0 clamp(0.85rem, 1.8vw, 1.2rem) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(0, 210, 225, 0.16), transparent 36%),
    rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even),
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(220px, 0.62fr) minmax(0, 0.95fr) !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media {
  order: 1 !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy,
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy {
  order: 2 !important;
}

html body.index-page #allin-details-section .allin-feature-copy h4,
html body.allin-page #allin-details-section .allin-feature-copy h4 {
  font-size: clamp(1.7rem, 3.2vw, 3.6rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allin-details-section .allin-feature-copy p,
html body.allin-page #allin-details-section .allin-feature-copy p {
  max-width: 44ch !important;
  font-size: clamp(0.9rem, 1.05vw, 1rem) !important;
  line-height: 1.5 !important;
  color: rgba(245, 248, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.72) !important;
}

html body.index-page #allin-details-section .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-media {
  justify-self: center !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  --ap-shot: #25d6d6;
  max-height: min(340px, 52vh) !important;
  max-width: min(220px, 34vw) !important;
}

html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel,
html body.product-detail-page #allin-details-section .allin-benefits-panel {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  min-height: 0 !important;
  margin: clamp(1rem, 2vw, 1.4rem) auto 0 !important;
  padding: clamp(1.1rem, 2.8vw, 1.9rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.74fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2.4vw, 1.8rem) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.07) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-benefits-copy h3,
html body.allin-page #allin-details-section .allin-benefits-copy h3 {
  font-size: clamp(1.45rem, 2.8vw, 2.35rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 0.45rem !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-benefits-copy p,
html body.allin-page #allin-details-section .allin-benefits-copy p {
  font-size: clamp(0.9rem, 1.03vw, 1rem) !important;
  line-height: 1.48 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #allin-details-section .allin-benefits-list,
html body.allin-page #allin-details-section .allin-benefits-list {
  gap: 0.38rem !important;
}

html body.index-page #allin-details-section .allin-benefits-list li,
html body.allin-page #allin-details-section .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0.48rem 0.72rem !important;
  gap: 0.55rem !important;
  border-radius: 14px !important;
  background: rgba(0, 113, 227, 0.055) !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html body.index-page #allin-details-section .allin-benefits-list li::before,
html body.allin-page #allin-details-section .allin-benefits-list li::before {
  position: static !important;
  transform: none !important;
}

html body.ap-motion-ready .ap-device-reveal:not(.ap-in-view),
html body .reveal-from-left:not(.reveal-in),
html body .reveal-from-right:not(.reveal-in) {
  opacity: 0 !important;
  transform: translate3d(0, 36px, 0) scale(0.97) !important;
}

html body.ap-motion-ready .ap-device-reveal.ap-in-view {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

html body .ap-device-reveal,
html body .allin-feature-row,
html body .allvideo-screen,
html body .ac-flow-card {
  transition:
    opacity 760ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 760ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms ease !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed.ap-device-reveal.ap-in-view {
  transform: rotate(-5deg) translateX(34px) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips.ap-device-reveal.ap-in-view {
  transform: rotate(5deg) translateX(-34px) translateY(28px) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed.ap-device-reveal:not(.ap-in-view) {
  transform: rotate(-5deg) translateX(34px) translateY(36px) scale(0.96) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips.ap-device-reveal:not(.ap-in-view) {
  transform: rotate(5deg) translateX(-34px) translateY(64px) scale(0.96) !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  min-width: min(150px, 42vw) !important;
  min-height: min(265px, 52vh) !important;
}

@media (max-width: 980px) {
  html body.index-page #allin-details-section .allin-platform-hero .row,
  html body.allin-page #allin-details-section .allin-platform-hero .row,
  html body.index-page #allin-details-section .allin-feature-row,
  html body.allin-page #allin-details-section .allin-feature-row,
  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even),
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even),
  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy,
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
  }

  html body.index-page #allin-details-section .allin-platform-desc,
  html body.allin-page #allin-details-section .allin-platform-desc,
  html body.index-page #allin-details-section .allin-feature-copy p,
  html body.allin-page #allin-details-section .allin-feature-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed,
  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    transform: none !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    min-height: auto !important;
    gap: 0.8rem !important;
  }
}

@media (max-width: 640px) {
  html body.product-detail-page .product-page-main {
    padding: 1rem !important;
  }

  html body.index-page #allin-details-section .allin-platform-hero,
  html body.allin-page #allin-details-section .allin-platform-hero,
  html body.index-page #allin-details-section .allin-feature-showcase,
  html body.allin-page #allin-details-section .allin-feature-showcase,
  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel {
    border-radius: 20px !important;
  }

  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img,
  html body.index-page #allin-details-section .allin-feature-media img,
  html body.allin-page #allin-details-section .allin-feature-media img,
  html body.allconnect-page .ac-hero-device img {
    max-width: min(245px, 76vw) !important;
    max-height: 430px !important;
  }
}

/* True final nav authority: keep desktop Products visible after click/hover. */
@media (min-width: 901px) {
  html body #navbar-links.navbar-links .dropdown-menu.show,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu.show,
  html body #navbar-links.navbar-links .nav-item.dropdown.show > .dropdown-menu,
  html body #navbar-links.navbar-links .nav-item.dropdown:hover > .dropdown-menu,
  html body #navbar-links.navbar-links .nav-item.dropdown:focus-within > .dropdown-menu {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}

/* Allin details must stay visible even if older reveal rules fail to run. */
html body.index-page #allin-details-section,
html body.allin-page #allin-details-section,
html body.index-page #allin-details-section .reveal-on-scroll,
html body.allin-page #allin-details-section .reveal-on-scroll,
html body.index-page #allin-details-section .reveal-from-left,
html body.allin-page #allin-details-section .reveal-from-left,
html body.index-page #allin-details-section .reveal-from-right,
html body.allin-page #allin-details-section .reveal-from-right,
html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero,
html body.index-page #allin-details-section .allin-platform-hero .row > *,
html body.allin-page #allin-details-section .allin-platform-hero .row > *,
html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase,
html body.index-page #allin-details-section .allin-feature-showcase *,
html body.allin-page #allin-details-section .allin-feature-showcase *,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  display: block !important;
  min-height: 0 !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  display: grid !important;
}

/* Final Allin recovery guard: visible content, compact spacing, no inherited reveal hiding. */
html body.index-page #allin-details-section *,
html body.allin-page #allin-details-section * {
  visibility: visible !important;
}

html body.index-page #allin-details-section .allin-platform-header,
html body.allin-page #allin-details-section .allin-platform-header,
html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero,
html body.index-page #allin-details-section .allin-platform-hero *,
html body.allin-page #allin-details-section .allin-platform-hero *,
html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase,
html body.index-page #allin-details-section .allin-feature-showcase *,
html body.allin-page #allin-details-section .allin-feature-showcase *,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel,
html body.index-page #allin-details-section .allin-benefits-panel *,
html body.allin-page #allin-details-section .allin-benefits-panel * {
  opacity: 1 !important;
  transform: none !important;
}

html body.index-page #allin-details-section,
html body.allin-page #allin-details-section {
  padding-top: clamp(2.25rem, 5vw, 4.25rem) !important;
  padding-bottom: clamp(2.25rem, 5vw, 4.25rem) !important;
}

html body.index-page #allin-details-section .container,
html body.allin-page #allin-details-section .container {
  max-width: 1160px !important;
}

html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero {
  min-height: 0 !important;
  display: block !important;
  margin: 0 auto clamp(1rem, 2.2vw, 1.7rem) !important;
  padding: clamp(1.35rem, 3vw, 2.35rem) !important;
  overflow: hidden !important;
}

html body.index-page #allin-details-section .allin-platform-hero .row,
html body.allin-page #allin-details-section .allin-platform-hero .row {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3vw, 2.5rem) !important;
}

html body.index-page #allin-details-section .allin-platform-title,
html body.allin-page #allin-details-section .allin-platform-title {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-platform-desc,
html body.allin-page #allin-details-section .allin-platform-desc {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen {
  width: fit-content !important;
  margin: 0 auto !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(255px, 34vw) !important;
  max-height: min(460px, 62vh) !important;
  object-fit: contain !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  display: grid !important;
  gap: clamp(0.9rem, 2vw, 1.35rem) !important;
  min-height: 0 !important;
  margin: clamp(1rem, 2.4vw, 1.7rem) auto 0 !important;
  padding: clamp(1.15rem, 2.7vw, 1.9rem) !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(160px, 0.42fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2.7vw, 2.25rem) !important;
  padding: clamp(1rem, 2.5vw, 1.8rem) !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  width: auto !important;
  height: auto !important;
  max-width: min(190px, 28vw) !important;
  max-height: min(350px, 54vh) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  html body.index-page #allin-details-section .allin-platform-hero .row,
  html body.allin-page #allin-details-section .allin-platform-hero .row,
  html body.index-page #allin-details-section .allin-feature-row,
  html body.allin-page #allin-details-section .allin-feature-row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img,
  html body.index-page #allin-details-section .allin-feature-media img,
  html body.allin-page #allin-details-section .allin-feature-media img {
    max-width: min(235px, 72vw) !important;
    max-height: 420px !important;
  }
}

/* Final AllVideo recovery: keep the showcase readable and visible after reveal rules. */
html body.index-page #allvideo-showcase-section,
html body.index-page #allvideo-showcase-section .allvideo-showcase-header,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > *,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy,
html body.index-page #allvideo-showcase-section .allvideo-screen-stage,
html body.index-page #allvideo-showcase-section .allvideo-screen,
html body.index-page #allvideo-showcase-section .allvideo-showcase-grid,
html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > *,
html body.index-page #allvideo-showcase-section .allvideo-showcase-grid,
html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  transform: none !important;
}

html body.index-page #allvideo-showcase-section {
  min-height: 0 !important;
  padding-top: clamp(2.4rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.4rem, 5vw, 4.5rem) !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 153, 51, 0.16), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(0, 200, 210, 0.18), transparent 32%),
    linear-gradient(135deg, #08111b 0%, #071923 52%, #062b2a 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.index-page #allvideo-showcase-section .container {
  max-width: 1160px !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header {
  margin-bottom: clamp(1.2rem, 2.8vw, 2rem) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header h2,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header p,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy p {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
  min-height: 0 !important;
  margin: 0 auto clamp(1rem, 2.5vw, 1.6rem) !important;
  padding: clamp(1.15rem, 2.8vw, 2rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(10, 35, 45, 0.72)) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.78fr) minmax(300px, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3vw, 2.5rem) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
  min-height: min(560px, 68vh) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  background: #ffffff !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill h4 {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill p {
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

@media (max-width: 900px) {
  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    min-height: 390px !important;
  }
}

/* Career CTA spacing. */
html body.career-page .tech-card .tech-button,
html body.career-page section .text-center > .tech-button {
  margin-top: 0.9rem !important;
}

/* Final compact rhythm: remove oversized empty gaps on product/detail pages. */
:root {
  --ap-section-y: clamp(1.8rem, 3vw, 3rem);
  --ap-card-gap: clamp(0.7rem, 1.25vw, 1.05rem);
}

html body.product-detail-page section.py-5,
html body.allconnect-page section.py-5,
html body.alltask-page section.py-5,
html body.allinlocal-page section.py-5,
html body.allin-page section.py-5 {
  padding-top: clamp(1.55rem, 3vw, 2.6rem) !important;
  padding-bottom: clamp(1.55rem, 3vw, 2.6rem) !important;
}

html body.product-detail-page .section-divider,
html body.allconnect-page .section-divider,
html body.alltask-page .section-divider,
html body.allinlocal-page .section-divider,
html body.allin-page .section-divider {
  height: 1px !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html body.product-detail-page .text-center.mb-5,
html body.allconnect-page .text-center.mb-5,
html body.alltask-page .text-center.mb-5,
html body.allinlocal-page .text-center.mb-5,
html body.allin-page .text-center.mb-5 {
  margin-bottom: clamp(0.95rem, 2vw, 1.55rem) !important;
}

html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  min-height: clamp(380px, 52vh, 540px) !important;
  padding-top: clamp(2.8rem, 4.8vw, 4.25rem) !important;
  padding-bottom: clamp(1.4rem, 3vw, 2.5rem) !important;
}

html body.allconnect-page #description-section {
  padding-top: clamp(1.2rem, 2.5vw, 2.2rem) !important;
}

html body.allconnect-page .product-page-main {
  padding: clamp(1rem, 2vw, 1.55rem) !important;
}

html body.allconnect-page .product-page-list {
  margin-top: clamp(0.65rem, 1.4vw, 1rem) !important;
}

html body.allconnect-page .product-page-list li {
  margin-bottom: 0.48rem !important;
  line-height: 1.45 !important;
}

html body.allconnect-page .product-page-card {
  padding: clamp(0.9rem, 1.6vw, 1.25rem) !important;
  min-height: 0 !important;
}

html body.allconnect-page .product-page-card h4 {
  margin-bottom: 0.38rem !important;
}

html body.allconnect-page .ac-flow-section {
  padding-top: clamp(1.9rem, 3.5vw, 3rem) !important;
  padding-bottom: clamp(1.9rem, 3.5vw, 3rem) !important;
}

html body.allconnect-page .ac-flow-section header {
  margin-bottom: clamp(1rem, 2vw, 1.55rem) !important;
}

html body.allconnect-page .ac-flow-list {
  gap: clamp(0.9rem, 1.8vw, 1.35rem) !important;
}

html body.allconnect-page .ac-flow-card {
  min-height: 0 !important;
  padding: clamp(1rem, 2vw, 1.55rem) !important;
  gap: clamp(1rem, 2vw, 1.6rem) !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 0 !important;
}

html body.allconnect-page .ac-flow-media img {
  max-height: min(320px, 50vh) !important;
}

html body.allconnect-page .ac-flow-step {
  margin-bottom: 0.55rem !important;
}

html body.allconnect-page .ac-flow-copy h3 {
  margin-bottom: 0.45rem !important;
}

html body.allconnect-page .ac-flow-copy p {
  line-height: 1.48 !important;
}

@media (min-width: 760px) {
  html body.allconnect-page .ac-flow-card {
    grid-template-columns: minmax(200px, 0.58fr) minmax(0, 1fr) !important;
  }
}

/* Exact product-page spacing locks: override older broad section padding. */
html body.allconnect-page #description-section,
html body.allconnect-page #allconnect-flow,
html body.allin-page #allin-details-section,
html body.alltask-page #description-section,
html body.allinlocal-page #description-section {
  padding-top: clamp(1.2rem, 2.4vw, 2.1rem) !important;
  padding-bottom: clamp(1.2rem, 2.4vw, 2.1rem) !important;
}

html body.allconnect-page #description-section > .container,
html body.allconnect-page #allconnect-flow > .container,
html body.allin-page #allin-details-section > .container,
html body.alltask-page #description-section > .container,
html body.allinlocal-page #description-section > .container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Exact hero compaction for product pages. */
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero,
html body.product-detail-page .allin-hero,
html body.allin-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  min-height: 0 !important;
  padding-top: clamp(2rem, 4vw, 3.35rem) !important;
  padding-bottom: clamp(1.25rem, 2.8vw, 2.2rem) !important;
}

html body.allconnect-page .ac-hero-grid,
html body.product-detail-page .hero-content-wrapper {
  min-height: 0 !important;
}

html body.allconnect-page .ac-visual,
html body.allconnect-page .ac-hero-device {
  min-height: 0 !important;
}

html body.allconnect-page .ac-hero-device img {
  max-height: min(300px, 46vh) !important;
}

html body.allin-page #allin-details-section {
  padding-top: clamp(1.2rem, 2.4vw, 2.1rem) !important;
}

/* Final AllConnect screenshot/frame repair. */
html body.allconnect-page .ac-inner {
  width: min(100%, 1180px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: clamp(1.2rem, 2.4vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.78fr) !important;
  align-items: center !important;
  gap: clamp(1.4rem, 3vw, 3rem) !important;
}

html body.allconnect-page .ac-copy,
html body.allconnect-page .ac-copy *,
html body.allconnect-page #description-section,
html body.allconnect-page #description-section *,
html body.allconnect-page #allconnect-flow,
html body.allconnect-page #allconnect-flow * {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.allconnect-page #description-section .reveal-on-scroll,
html body.allconnect-page #description-section .reveal-from-left,
html body.allconnect-page #description-section .reveal-from-right,
html body.allconnect-page #allconnect-flow .reveal-on-scroll,
html body.allconnect-page #allconnect-flow .reveal-from-left,
html body.allconnect-page #allconnect-flow .reveal-from-right {
  transform: none !important;
}

html body.allconnect-page #description-section .text-center {
  display: block !important;
  margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
}

html body.allconnect-page #description-section h2,
html body.allconnect-page #description-section .lead {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.allconnect-page .ac-visual,
html body.allconnect-page .ac-hero-device,
html body.allconnect-page .ac-flow-media {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.allconnect-page .ac-hero-device {
  width: fit-content !important;
  margin: 0 auto !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 4px solid #ff7a00 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 48px rgba(255, 122, 0, 0.16), 0 14px 36px rgba(15, 23, 42, 0.11) !important;
}

html body.allconnect-page .ac-hero-device img {
  max-width: min(330px, 32vw) !important;
  max-height: min(430px, 58vh) !important;
}

html body.allconnect-page .ac-flow-media img {
  max-width: min(260px, 42vw) !important;
  max-height: min(330px, 48vh) !important;
}

html body.allconnect-page #description-section {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .ac-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: clamp(1rem, 4vw, 1.5rem) !important;
  }

  html body.allconnect-page .ac-hero-device img,
  html body.allconnect-page .ac-flow-media img {
    max-width: min(255px, 78vw) !important;
    max-height: 390px !important;
  }
}

/* Final mobile polish for index product cards. */
@media (max-width: 640px) {
  html body.index-page .product-universe-section {
    padding-top: 1.5rem !important;
    padding-bottom: 1.7rem !important;
  }

  html body.index-page .product-universe-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
    width: min(100%, 520px) !important;
    margin-inline: auto !important;
  }

  html body.index-page .product-universe-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 1rem 1.05rem !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon text" !important;
    column-gap: 0.88rem !important;
    row-gap: 0.18rem !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 52%, #e9fbff 100%) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07) !important;
  }

  html body.index-page .product-universe-card .product-card-logo {
    grid-area: icon !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0.55rem !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  }

  html body.index-page .product-universe-card h3 {
    grid-area: title !important;
    margin: 0 !important;
    font-size: clamp(1.2rem, 6vw, 1.55rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
  }

  html body.index-page .product-universe-card p {
    grid-area: text !important;
    margin: 0.15rem 0 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
    color: #5d6b80 !important;
    -webkit-text-fill-color: #5d6b80 !important;
    max-width: 28ch !important;
  }

  html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    filter: none !important;
  }
}

/* Absolute final product-card layout: compact and responsive on every screen size. */
html body.index-page .product-universe-grid {
  align-items: stretch !important;
}

html body.index-page .product-universe-card,
html body.index-page .product-universe-card:link,
html body.index-page .product-universe-card:visited {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon text" !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: clamp(0.85rem, 1.6vw, 1.1rem) !important;
  row-gap: 0.22rem !important;
  padding: clamp(0.95rem, 1.8vw, 1.25rem) !important;
  border-radius: 18px !important;
}

html body.index-page .product-universe-card .product-card-logo {
  grid-area: icon !important;
  width: clamp(54px, 5vw, 64px) !important;
  height: clamp(54px, 5vw, 64px) !important;
  margin: 0 !important;
  padding: 0.55rem !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  object-fit: contain !important;
}

html body.index-page .product-universe-card h3 {
  grid-area: title !important;
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.9vw, 1.55rem) !important;
  line-height: 1.05 !important;
}

html body.index-page .product-universe-card p {
  grid-area: text !important;
  margin: 0.18rem 0 0 !important;
  max-width: 32ch !important;
  font-size: clamp(0.84rem, 1.2vw, 0.95rem) !important;
  line-height: 1.34 !important;
}

html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
  background: #101725 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
}

@media (max-width: 640px) {
  html body.index-page .product-universe-card,
  html body.index-page .product-universe-card:link,
  html body.index-page .product-universe-card:visited {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 0.95rem !important;
  }

  html body.index-page .product-universe-card .product-card-logo {
    width: 56px !important;
    height: 56px !important;
  }

  html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Absolute final mobile override for the product grid with ID-level specificity. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 390px) !important;
    gap: 0.7rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: auto !important;
    min-height: 104px !important;
    max-height: none !important;
    padding: 0.82rem 0.9rem !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 0.82rem !important;
    row-gap: 0.18rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    grid-row: 1 / 3 !important;
    background: #ffffff !important;
    border-radius: 15px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3 {
    font-size: 1.28rem !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
  }

  html body.index-page #our-products-section .product-universe-card[href*="allopen"] .product-card-logo,
  html body.index-page #our-products-section .product-universe-card:nth-child(4) .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Tablet and narrow-browser product cards should also stay compact. */
@media (max-width: 1100px) {
  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: auto !important;
    min-height: 118px !important;
    max-height: none !important;
    padding: 0.9rem !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.85rem !important;
    row-gap: 0.2rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  html body.index-page #our-products-section .product-universe-card[href*="allopen"] .product-card-logo,
  html body.index-page #our-products-section .product-universe-card:nth-child(4) .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Absolute final screenshot contract: border hugs the image, small radius, reusable for future screenshots. */
html body .ac-hero-device,
html body .ac-flow-media,
html body .allin-main-screen,
html body .allin-feature-media,
html body .allin-hero-preview,
html body .allin-screenshot-stage,
html body .hero-screenshot-section,
html body .mobile-screenshot-container,
html body .mobile-screenshot-wrapper,
html body .mobile-screenshots-container,
html body .device-frame,
html body .product-page-screenshot,
html body .allvideo-screen {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .ac-flow-media img,
html body .allin-main-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img,
html body .hero-screenshot-section img,
html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img,
html body .product-page-screenshot img,
html body .allvideo-screen img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms ease !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  --ap-shot: #ff7a00;
}

html body.alltask-page .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img {
  --ap-shot: #ffb16c;
}

html body.allinlocal-page .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .hero-screenshot-section img {
  --ap-shot: #3478ff;
}

html body.allin-page .allin-main-screen img,
html body.allin-page .allin-feature-media img,
html body.allin-page .allin-hero-preview img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.index-page #allin-details-section .allin-feature-media img {
  --ap-shot: #25d6d6;
}

html body.index-page #allvideo-showcase-section .allvideo-screen img {
  --ap-shot: #5477ff;
}

html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .ac-hero-device img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-main-screen img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-hero-preview img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .mobile-screenshot-wrapper img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allvideo-screen img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .ac-hero-device img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .allvideo-screen img,
html body.ap-motion-ready .ap-device-reveal:not(.ap-in-view) img {
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(0.985);
}

html body.ap-motion-ready .reveal-in .ac-hero-device img,
html body.ap-motion-ready .reveal-in .ac-flow-media img,
html body.ap-motion-ready .reveal-in .allin-main-screen img,
html body.ap-motion-ready .reveal-in .allin-feature-media img,
html body.ap-motion-ready .reveal-in .allin-hero-preview img,
html body.ap-motion-ready .reveal-in .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-in .mobile-screenshot-wrapper img,
html body.ap-motion-ready .reveal-in .allvideo-screen img,
html body.ap-motion-ready .ap-in-view img,
html body.ap-motion-ready .reveal-in img.mobile-screenshot,
html body.ap-motion-ready .ap-device-reveal.ap-in-view img {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* Product screenshot specificity lock: one tight border on the image, never on the wrapper. */
html body.allconnect-page .ac-hero-device,
html body.allconnect-page .ac-flow-media,
html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .mobile-screenshot-wrapper,
html body.allinlocal-page .product-page-screenshot,
html body.allin-page .allin-hero-preview,
html body.allin-page .allin-main-screen,
html body.allin-page .allin-feature-media {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img.mobile-screenshot,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .product-page-screenshot img,
html body.allin-page .allin-hero-preview img,
html body.allin-page .allin-main-screen img,
html body.allin-page .allin-feature-media img,
html body.index-page #allvideo-showcase-section .allvideo-screen img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.index-page #allin-details-section .allin-feature-media img {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  --ap-shot: #ff7a00;
}

html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img.mobile-screenshot {
  --ap-shot: #ffb16c;
}

html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .product-page-screenshot img {
  --ap-shot: #3478ff;
}

/* Keep index section headings visible; prevent reveal rules from leaving blank heading space. */
html body.index-page #features-section,
html body.index-page #contact-section,
html body.index-page #contact-form-section {
  padding-top: clamp(2.25rem, 4.5vw, 3.75rem) !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.75rem) !important;
}

html body.index-page #features-section .features-header-wrapper,
html body.index-page #contact-section > .container > .text-center,
html body.index-page #contact-form-section > .container > .text-center {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem) !important;
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.index-page #features-section .features-header-wrapper h2,
html body.index-page #features-section .features-header-wrapper p,
html body.index-page #contact-section > .container > .text-center h2,
html body.index-page #contact-section > .container > .text-center p,
html body.index-page #contact-form-section > .container > .text-center h2,
html body.index-page #contact-form-section > .container > .text-center p {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #features-section .features-header-wrapper h2,
html body.index-page #contact-section > .container > .text-center h2,
html body.index-page #contact-form-section > .container > .text-center h2 {
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: var(--ap-ink, #101827) !important;
}

html body.index-page #features-section .features-header-wrapper p,
html body.index-page #contact-section > .container > .text-center p,
html body.index-page #contact-form-section > .container > .text-center p {
  color: var(--ap-muted, #61708a) !important;
  -webkit-text-fill-color: var(--ap-muted, #61708a) !important;
}

/* Apple-style compact product cards: scoped only to the index product grid. */
html body.index-page #our-products-section {
  padding-top: clamp(2rem, 4vw, 3.25rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.25rem) !important;
}

html body.index-page #our-products-section .container {
  max-width: 1180px !important;
}

html body.index-page #our-products-section .product-universe-head {
  max-width: 620px !important;
  margin: 0 auto clamp(1rem, 2vw, 1.45rem) !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-head h2 {
  font-size: clamp(2.05rem, 3.3vw, 3.15rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 0.45rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-eyebrow {
  display: none !important;
}

html body.index-page #our-products-section .product-universe-head p {
  font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
  line-height: 1.35 !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.4vw, 1.1rem) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

html body.index-page #our-products-section .product-universe-card,
html body.index-page #our-products-section a.product-universe-card,
html body.index-page #our-products-section .product-universe-card.ap-reveal,
html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
  min-height: 138px !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: clamp(0.85rem, 1.6vw, 1.2rem) !important;
  row-gap: 0.25rem !important;
  padding: clamp(1rem, 1.8vw, 1.35rem) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(235,251,255,0.72)) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-card:hover,
html body.index-page #our-products-section .product-universe-card:focus-visible {
  transform: translate3d(0, -3px, 0) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12) !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-logo {
  grid-row: 1 / span 2 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0.55rem !important;
  border-radius: 13px !important;
  object-fit: contain !important;
  align-self: center !important;
  justify-self: center !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #our-products-section .product-universe-card h3 {
  grid-column: 2 !important;
  margin: 0 !important;
  font-size: clamp(1.25rem, 1.7vw, 1.65rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: var(--ap-ink, #101827) !important;
}

html body.index-page #our-products-section .product-universe-card p {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 24ch !important;
  font-size: clamp(0.88rem, 1vw, 0.98rem) !important;
  line-height: 1.35 !important;
  color: var(--ap-muted, #61708a) !important;
  -webkit-text-fill-color: var(--ap-muted, #61708a) !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-link,
html body.index-page #our-products-section .product-universe-card .product-universe-link,
html body.index-page #our-products-section .product-universe-card .product-card-arrow {
  display: none !important;
}

@media (max-width: 991.98px) {
  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.index-page #our-products-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  html body.index-page #our-products-section .product-universe-head {
    margin-bottom: 1.15rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    min-height: 104px !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    padding: 0.9rem !important;
    border-radius: 11px !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3 {
    font-size: 1.25rem !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    max-width: 30ch !important;
    font-size: 0.9rem !important;
  }
}

/* Mobile AllVideo showcase: stack copy, actions, and device artwork without collisions. */
@media (max-width: 640px) {
  html body.index-page #allvideo-showcase-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .container {
    width: min(100%, 390px) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-header {
    margin-bottom: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-header h2 {
    font-size: clamp(1.35rem, 8vw, 1.85rem) !important;
    line-height: 1.05 !important;
    max-width: 12ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-tagline {
    max-width: 31ch !important;
    font-size: 0.9rem !important;
    line-height: 1.42 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    padding: 1rem !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.95rem !important;
    align-items: start !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy {
    text-align: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 3 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-logo {
    width: 44px !important;
    height: auto !important;
    margin: 0 auto 0.7rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy h3 {
    font-size: clamp(1.25rem, 7vw, 1.68rem) !important;
    line-height: 1.08 !important;
    max-width: 14ch !important;
    margin: 0 auto 0.55rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy p {
    display: block !important;
    max-width: 32ch !important;
    margin: 0 auto 0.8rem !important;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-actions {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 4 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-actions .allopen-box-btn {
    min-height: 34px !important;
    padding: 0.5rem 0.78rem !important;
    border-radius: 999px !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    display: block !important;
    position: relative !important;
    width: min(100%, 315px) !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    margin: 0.2rem auto 0 !important;
    overflow: visible !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage::before {
    inset: 6% 5% 7% !important;
    opacity: 0.55 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen {
    position: absolute !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen img {
    width: 145px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 145px !important;
    max-height: 292px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
    left: 50% !important;
    top: 12px !important;
    z-index: 2 !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    left: 50% !important;
    top: 72px !important;
    z-index: 1 !important;
    opacity: 0.88 !important;
    transform: translateX(-82%) rotate(5deg) scale(0.78) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.65rem !important;
    margin-top: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
    min-height: 0 !important;
    padding: 0.85rem !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 380px) {
  html body.index-page #allvideo-showcase-section .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    padding: 0.85rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 290px) !important;
    height: 326px !important;
    min-height: 326px !important;
    max-height: 326px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen img {
    width: 136px !important;
    max-width: 136px !important;
    max-height: 270px !important;
  }
}

/* Small bottom breathing room below the index contact cards. */
html body.index-page #contact-section {
  padding-bottom: clamp(4.75rem, 7vw, 6rem) !important;
}

html body.index-page #contact-section .row.g-4 {
  margin-bottom: 1.4rem !important;
}

/* Release audit fix: keep the mobile menu visible when nav-mobile.js adds .open. */
@media (max-width: 900px) {
  html body #navbar-links.navbar-links.open,
  html body .custom-navbar #navbar-links.navbar-links.open {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
    z-index: 3100 !important;
  }

  html body #navbar-links.navbar-links.open > li,
  html body .custom-navbar #navbar-links.navbar-links.open > li,
  html body #navbar-links.navbar-links.open a,
  html body .custom-navbar #navbar-links.navbar-links.open a {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

html body #mobile-nav-backdrop.mobile-nav-backdrop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Release trim: reduce only the blank space above product/detail headings. */
html body.index-page .product-section {
  padding-top: clamp(1.15rem, 2.4vw, 2rem) !important;
}

html body.index-page .product-section .section-header {
  margin-top: 0 !important;
  margin-bottom: clamp(0.85rem, 1.8vw, 1.35rem) !important;
}

html body.product-detail-page .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .product-hero,
html body.allconnect-page .ac-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  padding-bottom: clamp(0.75rem, 1.6vw, 1.25rem) !important;
}

html body.product-detail-page #description-section,
html body.allconnect-page #description-section,
html body.alltask-page #description-section,
html body.allinlocal-page #description-section {
  padding-top: clamp(0.45rem, 1.2vw, 0.95rem) !important;
}

html body.product-detail-page #description-section .text-center,
html body.allconnect-page #description-section .text-center,
html body.alltask-page #description-section .text-center,
html body.allinlocal-page #description-section .text-center {
  margin-top: 0 !important;
  margin-bottom: clamp(0.85rem, 1.8vw, 1.35rem) !important;
}

/* Mobile-only final polish: index product gutters, AllinLocal centering, AllVideo artwork centering. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 360px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allin-local-section .allopen-box,
  html body.index-page #allin-local-section .product-logo-container,
  html body.index-page #allin-local-section .product-buttons {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allin-local-section .allopen-box {
    text-align: center !important;
    justify-items: center !important;
    align-items: center !important;
  }

  html body.index-page #allin-local-section .allopen-box h3,
  html body.index-page #allin-local-section .allopen-box p,
  html body.index-page #allin-local-section .allopen-box ul,
  html body.index-page #allin-local-section .allopen-box li {
    text-align: center !important;
  }

  html body.index-page #allin-local-section .product-buttons {
    justify-content: center !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 300px) !important;
    max-width: calc(100vw - 3rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen {
    width: 145px !important;
    max-width: 145px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
    left: 27% !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    left: 26% !important;
    transform: translateX(-68%) rotate(5deg) scale(0.78) !important;
  }
}

/* Mobile-only product section gutters: keep feature/product cards off screen edges. */
@media (max-width: 640px) {
  html body.index-page .product-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-boxes-container,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center,
  html body.index-page .product-section .allopen-boxes-container.two-columns {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box {
    width: min(100%, 360px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 370px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 340px) !important;
    max-width: calc(100vw - 2rem) !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }
}

/* Final button contrast lock: prevent white text on white/blank store buttons. */
html body a.allopen-box-btn,
html body button.allopen-box-btn,
html body a.hero-cta-button,
html body button.hero-cta-button,
html body a.tech-button,
html body button.tech-button,
html body a.allopen-alert-btn,
html body button.allopen-alert-btn {
  -webkit-text-fill-color: currentColor !important;
}

html body a.allopen-box-btn *,
html body button.allopen-box-btn *,
html body a.hero-cta-button *,
html body button.hero-cta-button *,
html body a.tech-button *,
html body button.tech-button *,
html body a.allopen-alert-btn *,
html body button.allopen-alert-btn * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].allopen-alert-btn,
html body a.btn-app,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.btn-play,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body button.hero-cta-button:not(.btn-app),
html body button.tech-button:not(.btn-app),
html body button.allopen-box-btn:not(.btn-app),
html body button.allopen-alert-btn:not(.btn-app) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.btn-play,
html body .product-theme-dark .allopen-box-btn.btn-play,
html body .product-theme-dark .hero-cta-button.btn-play,
html body .product-theme-dark .tech-button.btn-play,
html body .product-theme-dark button.hero-cta-button:not(.btn-app),
html body .product-theme-dark button.tech-button:not(.btn-app),
html body .product-theme-dark button.allopen-box-btn:not(.btn-app) {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #38bdf8 !important;
  color: #eaf7ff !important;
  -webkit-text-fill-color: #eaf7ff !important;
}

/* Mobile container size refinement: wider product cards with consistent safe gutters. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .container,
  html body.index-page .product-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid,
  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box,
  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 378px) !important;
    max-width: calc(100vw - 1.25rem) !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 358px) !important;
    max-width: calc(100vw - 2rem) !important;
    height: 410px !important;
    min-height: 410px !important;
    max-height: 410px !important;
  }
}

/* Absolute final Play Store lock: filled blue in every state, even if old hover rules fire. */
html body a[href*="play.google"],
html body a[href*="play.google"]:link,
html body a[href*="play.google"]:visited,
html body a[href*="play.google"]:hover,
html body a[href*="play.google"]:focus,
html body a[href*="play.google"]:active,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].tech-button:hover,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].hero-cta-button:hover,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].allopen-box-btn:hover,
html body a[href*="play.google"].allopen-alert-btn,
html body a[href*="play.google"].allopen-alert-btn:hover {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(0, 113, 227, 0.22) !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"]:hover *,
html body a[href*="play.google"]:focus *,
html body a[href*="play.google"]:active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

/* Final product-button hover unifier: AllOpen and AllinLocal match every Play Store button. */
html body.index-page #allopen-section a[href*="play.google"],
html body.index-page #allin-local-section a[href*="play.google"],
html body.index-page #allopen-section a[href*="play.google"]:hover,
html body.index-page #allin-local-section a[href*="play.google"]:hover,
html body.index-page #allopen-section a[href*="play.google"]:focus,
html body.index-page #allin-local-section a[href*="play.google"]:focus,
html body.index-page #allopen-section a[href*="play.google"]:active,
html body.index-page #allin-local-section a[href*="play.google"]:active {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12), 0 12px 24px rgba(0, 113, 227, 0.18) !important;
}

html body.index-page #allopen-section a[href*="play.google"] *,
html body.index-page #allin-local-section a[href*="play.google"] *,
html body.index-page #allopen-section a[href*="play.google"]:hover *,
html body.index-page #allin-local-section a[href*="play.google"]:hover * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ap-motion-ready .ap-card-reveal,
html body.ap-motion-ready .product-page-main,
html body.ap-motion-ready .product-page-cta,
html body.ap-motion-ready .allin-platform-hero,
html body.ap-motion-ready .allin-feature-showcase,
html body.ap-motion-ready .allin-benefits-panel,
html body.ap-motion-ready .allvideo-showcase-hero,
html body.ap-motion-ready .ac-flow-card {
  transition: opacity 680ms cubic-bezier(.2,.8,.2,1), transform 680ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease !important;
}

/* Absolute final Play Store interaction v2: identical base and hover everywhere. */
html body a[href*="play.google"],
html body a[href*="play.google"].btn-app,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].allopen-alert-btn,
html body.index-page #allopen-section a[href*="play.google"],
html body.index-page #allin-local-section a[href*="play.google"] {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border: 1px solid #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(0, 113, 227, 0.16) !important;
  opacity: 1 !important;
  filter: none !important;
}

html body a[href*="play.google"]:hover,
html body a[href*="play.google"].btn-app:hover,
html body a[href*="play.google"].tech-button:hover,
html body a[href*="play.google"].hero-cta-button:hover,
html body a[href*="play.google"].allopen-box-btn:hover,
html body a[href*="play.google"].allopen-alert-btn:hover,
html body.index-page #allopen-section a[href*="play.google"]:hover,
html body.index-page #allin-local-section a[href*="play.google"]:hover,
html body a[href*="play.google"]:focus-visible,
html body a[href*="play.google"].btn-app:focus-visible,
html body a[href*="play.google"].tech-button:focus-visible,
html body a[href*="play.google"].hero-cta-button:focus-visible,
html body a[href*="play.google"].allopen-box-btn:focus-visible {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.13), 0 16px 30px rgba(0, 113, 227, 0.22) !important;
  opacity: 1 !important;
  filter: none !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"]:hover *,
html body a[href*="play.google"]:focus-visible * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Final mobile product-card contract: every index product detail card follows one size. */
@media (max-width: 640px) {
  html body.index-page .product-section > .container,
  html body.index-page #allconnect-section > .container,
  html body.index-page #allvideo-section > .container,
  html body.index-page #allinvoice-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-boxes-container,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center,
  html body.index-page .product-section .allopen-boxes-container.two-columns {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 1rem !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box,
  html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) ul,
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) .allopen-box-desc ul {
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.1rem !important;
    text-align: left !important;
    list-style-position: outside !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) li,
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) .allopen-box-desc li {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  html body.index-page #allin-details-section,
  html body.allin-page #allin-details-section {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel,
  html body.product-detail-page #allin-details-section .allin-benefits-panel {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Final border-weight trim: keep the same shapes, just lighter strokes. */
html body .allopen-box,
html body .product-universe-card,
html body .product-page-main,
html body .product-page-card,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .allvideo-showcase-hero,
html body .ac-flow-card {
  border-width: 1px !important;
}

html body .product-page-screenshot img,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .hero-screenshot-section img,
html body .allvideo-screen,
html body .allin-hero-shot {
  border-width: 1px !important;
}

/* Final shared navigation lock: always available, same color on every page. */
html body {
  padding-top: 72px !important;
}

html body .custom-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 72px !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
  z-index: 5000 !important;
}

html body .custom-navbar .container {
  min-height: 72px !important;
}

html body .custom-navbar .logo,
html body .custom-navbar .navbar-brand,
html body.index-page .custom-navbar .logo,
html body.index-page .custom-navbar .navbar-brand {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .custom-navbar .nav-link,
html body .custom-navbar .navbar-links a,
html body.index-page .custom-navbar .nav-link,
html body.index-page .custom-navbar .navbar-links a,
html body .custom-navbar .nav-link:hover,
html body .custom-navbar .navbar-links a:hover,
html body .custom-navbar .nav-link:focus,
html body .custom-navbar .navbar-links a:focus {
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link.active,
html body.index-page .custom-navbar .nav-link.active {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link:hover::after,
html body .custom-navbar .navbar-links a:hover::after {
  opacity: 0 !important;
}

html body .custom-navbar .nav-link.active::after {
  opacity: 1 !important;
  background: #101725 !important;
}

@media (max-width: 900px) {
  html body {
    padding-top: 64px !important;
  }

  html body .custom-navbar,
  html body .custom-navbar .container {
    min-height: 64px !important;
  }

  html body #navbar-links.navbar-links,
  html body .custom-navbar #navbar-links.navbar-links {
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
  }

  html body #navbar-links.navbar-links a:hover,
  html body #navbar-links.navbar-links a:focus,
  html body #navbar-links.navbar-links .nav-link.active {
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
    background: transparent !important;
  }
}

/* Scroll-aware nav behavior: hide on scroll down, return on scroll up. */
html body .custom-navbar.ap-nav-hidden {
  transform: translateY(calc(-100% - 12px)) scale(0.985) !important;
  opacity: 0.72 !important;
  filter: blur(1.5px) saturate(120%) !important;
  transition: transform 360ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease, filter 260ms ease !important;
}

html body .custom-navbar.ap-nav-visible,
html body .custom-navbar:focus-within,
html body.mobile-nav-open .custom-navbar {
  transform: translateY(0) !important;
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;
}

/* Simple site-wide scroll reveal: no blur, no heavy distortion. */
html body.ap-motion-ready .ap-reveal:not(.ap-in-view),
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) {
  opacity: 0 !important;
  transform: translate3d(0, 22px, 0) !important;
  filter: none !important;
  will-change: opacity, transform !important;
}

html body.ap-motion-ready .ap-reveal,
html body.ap-motion-ready .reveal-on-scroll {
  transition:
    opacity 420ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  transition-delay: min(var(--ap-reveal-delay, 0ms), 140ms) !important;
}

html body.ap-motion-ready .ap-reveal.ap-in-view,
html body.ap-motion-ready .reveal-on-scroll.reveal-in {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: none !important;
}

html body.ap-motion-ready .ap-card-reveal.ap-in-view,
html body.ap-motion-ready .ap-device-reveal.ap-in-view,
html body.ap-motion-ready .allvideo-showcase-hero.ap-in-view,
html body.ap-motion-ready .allin-feature-showcase.ap-in-view,
html body.ap-motion-ready .allin-platform-hero.ap-in-view,
html body.ap-motion-ready .ac-flow-card.ap-in-view {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .ap-reveal,
  html body .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* Final navigation interaction polish: professional Products list and burger-to-X. */
html body .custom-navbar .burger {
  position: relative !important;
  display: none !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .custom-navbar .burger span {
  position: absolute !important;
  left: 9px !important;
  width: 26px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #101725 !important;
  opacity: 1 !important;
  transform-origin: center !important;
  transition:
    top 220ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 140ms ease,
    width 180ms ease !important;
}

html body .custom-navbar .burger span:nth-child(1) {
  top: 14px !important;
}

html body .custom-navbar .burger span:nth-child(2) {
  top: 21px !important;
  width: 21px !important;
}

html body .custom-navbar .burger span:nth-child(3) {
  top: 28px !important;
}

html body .custom-navbar .burger.active span {
  top: 21px !important;
  width: 26px !important;
}

html body .custom-navbar .burger.active span:nth-child(1) {
  transform: rotate(45deg) !important;
}

html body .custom-navbar .burger.active span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0.25) !important;
}

html body .custom-navbar .burger.active span:nth-child(3) {
  transform: rotate(-45deg) !important;
}

html body .custom-navbar .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

html body .custom-navbar .dropdown-toggle::after {
  border: 0 !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 0.25rem !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-1px) rotate(45deg) !important;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
html body .custom-navbar .nav-item.dropdown.products-open > .dropdown-toggle::after {
  transform: translateY(2px) rotate(225deg) !important;
}

@media (min-width: 901px) {
  html body .custom-navbar .dropdown-menu,
  html body .custom-navbar .navbar-links .dropdown-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 16px) !important;
    right: -0.6rem !important;
    left: auto !important;
    width: 248px !important;
    min-width: 248px !important;
    max-width: min(248px, calc(100vw - 2rem)) !important;
    padding: 0.45rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.16) !important;
    backdrop-filter: blur(22px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, -8px, 0) scale(0.985) !important;
    transform-origin: 82% 0 !important;
    transition:
      opacity 180ms ease,
      visibility 180ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  html body .custom-navbar .dropdown-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    right: 30px !important;
    width: 12px !important;
    height: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-left: 1px solid rgba(16, 24, 40, 0.08) !important;
    border-top: 1px solid rgba(16, 24, 40, 0.08) !important;
    transform: rotate(45deg) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .dropdown-menu li {
    width: 100% !important;
  }

  html body .custom-navbar .dropdown-item {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0.58rem 0.72rem !important;
    border-radius: 13px !important;
    font-size: 0.88rem !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    background: transparent !important;
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
  }

  html body .custom-navbar .dropdown-item:hover,
  html body .custom-navbar .dropdown-item:focus {
    background: rgba(0, 113, 227, 0.08) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
    transform: translateX(2px) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar .burger {
    display: inline-flex !important;
    z-index: 10080 !important;
  }

  html body .mobile-nav-backdrop {
    background: rgba(5, 10, 18, 0.38) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
  }

  html body .custom-navbar .navbar-links,
  html body #navbar-links.navbar-links {
    position: fixed !important;
    top: calc(68px + env(safe-area-inset-top, 0px)) !important;
    left: clamp(0.85rem, 4vw, 1.35rem) !important;
    right: clamp(0.85rem, 4vw, 1.35rem) !important;
    width: auto !important;
    max-height: calc(100dvh - 90px) !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.28rem !important;
    padding: 0.7rem !important;
    border-radius: 24px !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.2) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, -10px, 0) scale(0.985) !important;
    transition:
      opacity 190ms ease,
      visibility 190ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    z-index: 10070 !important;
  }

  html body .custom-navbar .navbar-links.open,
  html body #navbar-links.navbar-links.open,
  html body .custom-navbar .navbar-links.active,
  html body #navbar-links.navbar-links.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .navbar-links > li,
  html body #navbar-links.navbar-links > li {
    width: 100% !important;
    opacity: 0 !important;
    transform: translateY(5px) !important;
    transition: opacity 220ms ease, transform 220ms ease !important;
  }

  html body .custom-navbar .navbar-links.open > li,
  html body #navbar-links.navbar-links.open > li,
  html body .custom-navbar .navbar-links.active > li,
  html body #navbar-links.navbar-links.active > li {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body .custom-navbar .navbar-links.open > li:nth-child(1) { transition-delay: 20ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(2) { transition-delay: 40ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(3) { transition-delay: 60ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(4) { transition-delay: 80ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(5) { transition-delay: 100ms !important; }

  html body .custom-navbar .navbar-links .nav-link,
  html body .custom-navbar .navbar-links a,
  html body #navbar-links.navbar-links .nav-link,
  html body #navbar-links.navbar-links a {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.72rem 0.85rem !important;
    border-radius: 16px !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .custom-navbar .navbar-links .nav-link.active,
  html body .custom-navbar .navbar-links .nav-link:hover,
  html body .custom-navbar .navbar-links a:hover,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #101725 !important;
    box-shadow: 0 12px 26px rgba(16, 23, 37, 0.14) !important;
  }

  html body .custom-navbar .navbar-links .nav-link::after,
  html body #navbar-links.navbar-links .nav-link::after {
    display: none !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body #navbar-links.navbar-links .dropdown-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 0.2rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(245, 249, 252, 0.9) !important;
    box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.06) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, padding 220ms ease, margin 220ms ease !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body #navbar-links.navbar-links .dropdown-menu.show {
    max-height: 360px !important;
    margin: 0.28rem 0 0.15rem !important;
    padding: 0.35rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body .custom-navbar .dropdown-item,
  html body #navbar-links.navbar-links .dropdown-item {
    min-height: 40px !important;
    padding: 0.62rem 0.72rem !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 760 !important;
    color: #263244 !important;
    -webkit-text-fill-color: #263244 !important;
    background: transparent !important;
  }
}

/* Header-only Allpixel brand colors. */
html body .custom-navbar .navbar-brand.logo,
html body .custom-navbar .logo {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  font-size: clamp(1.28rem, 1.65vw, 1.58rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 640px) {
  html body .custom-navbar .navbar-brand.logo,
  html body .custom-navbar .logo {
    margin-left: -0.28rem !important;
  }
}

html body .custom-navbar .navbar-brand.logo span,
html body .custom-navbar .logo span {
  color: var(--ap-brand-letter-color, #000000) !important;
  -webkit-text-fill-color: var(--ap-brand-letter-color, #000000) !important;
  display: inline-block !important;
}

/* Product-card artwork from images/our_products should render as graphics, not tiny app icons. */
html body.index-page #our-products-section .product-card-logo[src*="images/our_products/"],
html body.index-page .product-section .product-logo[src*="images/our_products/"] {
  object-fit: cover !important;
  object-position: center !important;
  background: #ffffff !important;
  padding: 0 !important;
}

/* Allin main-card media: border follows the real image size, including future artwork. */
html body.index-page #allin-details-section .allin-screenshot-stage,
html body.allin-page #allin-details-section .allin-screenshot-stage {
  min-height: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen {
  width: auto !important;
  height: auto !important;
  max-width: min(430px, 100%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  --ap-shot: #25d6d6;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(430px, 100%) !important;
  max-height: min(520px, 62vh) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border: 2px solid var(--ap-shot, #25d6d6) !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.1) !important;
}

@media (max-width: 640px) {
  html body.index-page #allin-details-section .allin-main-screen,
  html body.allin-page #allin-details-section .allin-main-screen,
  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img {
    max-width: min(320px, 82vw) !important;
  }
}
:root {
  --ap-ink: #101828;
  --ap-muted: #667085;
  --ap-soft: #f5f7fb;
  --ap-line: rgba(16, 24, 40, 0.12);
  --ap-dark: #061016;
  --ap-dark-2: #0b1d26;
  --ap-cyan: #00bfd8;
  --ap-blue: #2f6bff;
  --ap-orange: #ff8a00;
  --ap-green: #128a46;
  --ap-radius: 28px;
  --ap-shadow: 0 28px 80px rgba(16, 24, 40, 0.14);
  --ap-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Google Sans", Roboto, Arial, sans-serif;
}

/* SITE GEOMETRY STABILIZER - keep this as the last layout authority. */
:root {
  --ap-shell: min(100% - 32px, 1340px);
  --ap-content: min(100% - 32px, 1180px);
  --ap-narrow: min(100% - 32px, 920px);
  --ap-gap: clamp(1rem, 1.8vw, 1.6rem);
  --ap-pad: clamp(1rem, 2vw, 1.85rem);
  --ap-section: clamp(3rem, 5vw, 5.5rem);
}

html body .container {
  width: var(--ap-shell) !important;
  max-width: var(--ap-shell) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section) !important;
  padding-bottom: var(--ap-section) !important;
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  width: var(--ap-narrow) !important;
  max-width: var(--ap-narrow) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1.35rem, 2.6vw, 2.4rem) !important;
}

html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(2rem, 3.7vw, 3.7rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.65rem !important;
  text-wrap: balance;
}

html body .section-header .lead,
html body .product-universe-head p,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body .features-header-wrapper .lead {
  max-width: 68ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
}

html body .product-universe-grid {
  width: var(--content-width, var(--ap-content)) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ap-gap) !important;
}

html body .product-universe-card {
  min-height: 260px !important;
  padding: var(--ap-pad) !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  align-content: start !important;
  gap: 0.75rem !important;
  border-radius: 24px !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.45rem, 2vw, 2.1rem) !important;
  margin: 0 !important;
}

html body .product-universe-card p {
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(0.9rem, 0.9vw, 1rem) !important;
}

html body .product-card-logo,
html body .product-logo {
  width: 68px !important;
  height: 68px !important;
  border-radius: 18px !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  gap: var(--ap-gap) !important;
}

html body .allopen-boxes-container.product-boxes-center:not(.two-columns) {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

html body .allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  max-width: 860px !important;
  min-height: 0 !important;
  padding: var(--ap-pad) !important;
  border-radius: 24px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2.2vw, 2.35rem) !important;
  line-height: 1.05 !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  line-height: 1.58 !important;
}

html body .product-buttons,
html body .product-page-cta-buttons,
html body .allvideo-showcase-actions,
html body .allin-platform-cta,
html body .hero-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .why-allin-blocks,
html body .allvideo-showcase-grid,
html body #contact-section .row,
html body form#contactForm {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta,
html body .allin-feature-showcase,
html body .allin-benefits-panel {
  padding: var(--ap-pad) !important;
  border-radius: 26px !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row,
html body .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.82fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(1.9rem, 3.4vw, 3.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(0.94rem, 1vw, 1.08rem) !important;
}

html body .allin-feature-showcase {
  display: grid !important;
  gap: var(--ap-gap) !important;
}

html body .allin-feature-row {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.76fr) minmax(0, 1fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: var(--ap-pad) !important;
  border-radius: 24px !important;
}

html body .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.76fr) !important;
}

html body .allin-feature-row:nth-of-type(even) .allin-feature-media {
  order: 2 !important;
}

html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
  order: 1 !important;
}

html body .allin-feature-copy h4,
html body .allin-benefits-copy h3 {
  font-size: clamp(1.7rem, 3vw, 3.2rem) !important;
  line-height: 1 !important;
}

html body .allin-feature-media img,
html body .allin-main-screen img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  max-height: min(390px, 58vh) !important;
  width: auto !important;
  object-fit: contain !important;
}

/* AllinLocal dedicated repair */
html body.allinlocal-page .allin-hero {
  min-height: clamp(500px, 68vh, 700px) !important;
  padding-top: clamp(3.8rem, 5vw, 5.5rem) !important;
  padding-bottom: clamp(2.8rem, 4vw, 4rem) !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(47, 107, 255, 0.2), transparent 32%),
    radial-gradient(circle at 12% 22%, rgba(255, 138, 0, 0.1), transparent 28%),
    linear-gradient(180deg, #f8fbfd 0%, #eef7fb 100%) !important;
}

html body.allinlocal-page .hero-content-wrapper {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.86fr) !important;
  gap: clamp(1.25rem, 3vw, 3rem) !important;
  align-items: center !important;
}

html body.allinlocal-page .hero-text-section {
  max-width: 620px !important;
}

html body.allinlocal-page .allin-hero-main-text {
  font-size: clamp(2.8rem, 5.6vw, 5.5rem) !important;
  line-height: 0.95 !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body.allinlocal-page .hero-subtitle {
  max-width: 58ch !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: clamp(0.98rem, 1.15vw, 1.12rem) !important;
  font-weight: 700 !important;
}

html body.allinlocal-page .hero-screenshot-section,
html body.allinlocal-page .mobile-screenshots-container {
  min-height: 390px !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(36px) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-36px) translateY(24px) scale(0.94) !important;
}

html body.allinlocal-page #description-section .product-page-main {
  width: var(--ap-content) !important;
}

html body.allinlocal-page #description-section .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.78fr) minmax(0, 1fr) !important;
  gap: var(--ap-gap) !important;
  align-items: center !important;
}

html body.allinlocal-page #description-section .row.g-3 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-gap) !important;
}

html body.allinlocal-page .product-page-card {
  min-height: 150px !important;
  padding: clamp(1rem, 1.8vw, 1.5rem) !important;
}

html body.allinlocal-page .product-page-card h4 {
  font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
}

@media (max-width: 980px) {
  html body .product-universe-grid,
  html body .allopen-boxes-container.two-columns,
  html body .allvideo-showcase-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allinlocal-page #description-section .product-page-main .row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-shell: min(100% - 24px, 1340px);
    --ap-content: min(100% - 24px, 1180px);
    --ap-narrow: min(100% - 24px, 920px);
    --ap-section: 2.75rem;
  }

  html body .product-universe-grid,
  html body .allopen-boxes-container.two-columns,
  html body .allvideo-showcase-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card,
  html body .allopen-box,
  html body .tech-card,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    border-radius: 20px !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child,
  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2),
  html body .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
    transform: none !important;
  }

  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ap-ink);
  background:
    linear-gradient(rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    #fbfcff;
  background-size: 48px 48px;
  font-family: var(--ap-font);
  letter-spacing: 0;
}

body:not(.index-page):not(.allin-page):not(.allconnect-page):not(.alltask-page):not(.allinlocal-page) {
  background-color: #fbfcff;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}

.container {
  max-width: 1180px;
}

.custom-navbar {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  width: 100%;
  min-height: 72px;
  background: rgba(250, 252, 255, 0.84) !important;
  border-bottom: 1px solid rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(22px);
  box-shadow: none !important;
}

.custom-navbar .container {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.navbar-brand.logo,
.custom-navbar .logo {
  position: relative;
  color: var(--ap-ink) !important;
  font-size: 1.35rem;
  font-weight: 800;
  text-decoration: none;
}

.navbar-brand.logo::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--ap-ink), transparent);
  opacity: 0.55;
}

.navbar-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(1rem, 2vw, 2rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.navbar-links .nav-link,
.navbar-links a {
  position: relative;
  color: rgba(16, 24, 40, 0.72) !important;
  font-weight: 750;
  font-size: 0.98rem;
  text-decoration: none;
  padding: 0.45rem 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: color 0.22s ease, transform 0.22s ease;
}

.navbar-links .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: center;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green));
  transition: transform 0.24s ease;
}

.navbar-links .nav-link:hover,
.navbar-links .nav-link.active {
  color: var(--ap-ink) !important;
  transform: translateY(-1px);
}

.navbar-links .nav-link:hover::after,
.navbar-links .nav-link.active::after {
  transform: scaleX(1);
}

.dropdown-menu {
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  border-radius: 18px !important;
  padding: 0.65rem !important;
  box-shadow: 0 22px 60px rgba(16, 24, 40, 0.16) !important;
}

.dropdown-item {
  border-radius: 12px;
  color: var(--ap-ink) !important;
  font-weight: 700;
}

.dropdown-item:hover {
  background: rgba(0, 191, 216, 0.1) !important;
}

.burger {
  width: 36px;
  height: 30px;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.burger span {
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: var(--ap-ink);
  transition: transform 0.24s ease, opacity 0.2s ease;
}

.burger.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.burger.active span:nth-child(2) {
  opacity: 0;
}

.burger.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

.loading-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}

.hero.custom-hero-section,
.custom-hero-section {
  position: relative;
  min-height: clamp(560px, 82vh, 790px) !important;
  display: grid;
  place-items: center;
  padding: clamp(6rem, 10vw, 9rem) 1rem clamp(4rem, 8vw, 7rem) !important;
  overflow: hidden;
  color: #fff !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 138, 0, 0.34), transparent 28%),
    radial-gradient(circle at 78% 22%, rgba(0, 191, 216, 0.35), transparent 34%),
    linear-gradient(135deg, #04080d 0%, #071a22 54%, #03100d 100%) !important;
}

.hero.custom-hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.86) 62%, transparent 100%);
}

.pixel-grid-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.82;
}

.hero-content {
  position: relative;
  z-index: 3;
  max-width: 840px;
  margin: 0 auto;
}

.hero h1,
.custom-hero-section h1 {
  color: #fff !important;
  font-size: clamp(2.8rem, 7vw, 6.7rem) !important;
  line-height: 0.95 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
}

.hero h1 span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #fff, #b8f6ff 35%, #ffcf91 70%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero .lead,
.custom-hero-section .lead {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 650;
}

.hero-button,
.hero-cta-button,
.tech-button,
.allopen-box-btn,
.antigravity-btn {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.78rem 1.25rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 24, 40, 0.14) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 38px rgba(16, 24, 40, 0.12) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.hero-button:hover,
.hero-cta-button:hover,
.tech-button:hover,
.allopen-box-btn:hover,
.antigravity-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 191, 216, 0.55) !important;
  box-shadow: 0 18px 48px rgba(0, 191, 216, 0.18), 0 10px 30px rgba(16, 24, 40, 0.14) !important;
}

.btn-app,
a.btn-app,
.product-buttons .btn-app,
.product-page-cta-buttons .btn-app {
  background: #020812 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(0, 191, 216, 0.34) !important;
}

.btn-play,
button.btn-play,
.product-buttons .btn-play,
.product-page-cta-buttons .btn-play {
  background: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border-color: rgba(16, 24, 40, 0.16) !important;
}

.btn-app:hover {
  box-shadow: 0 0 0 4px rgba(0, 191, 216, 0.14), 0 18px 48px rgba(0, 191, 216, 0.22) !important;
}

.btn-play:hover {
  box-shadow: 0 0 0 4px rgba(255, 138, 0, 0.14), 0 18px 48px rgba(255, 138, 0, 0.18) !important;
}

.hero-button img,
.btn-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

section {
  position: relative;
}

.product-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(0, 191, 216, 0.12);
  color: #006e7c !important;
  -webkit-text-fill-color: #006e7c !important;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section-header h2,
.product-universe-head h2,
.allin-platform-header h2,
.allvideo-showcase-header h2,
section h2 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2.1rem, 4.5vw, 4.8rem) !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.section-header .lead,
.product-universe-head p,
.allin-platform-tagline,
section .lead {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-weight: 650;
}

.product-universe-section {
  padding: clamp(4rem, 8vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 85% 15%, rgba(0, 191, 216, 0.14), transparent 30%),
    radial-gradient(circle at 8% 65%, rgba(255, 138, 0, 0.1), transparent 28%);
}

.product-universe-head {
  max-width: 760px;
  margin: 0 auto clamp(2rem, 4vw, 3.5rem);
  text-align: center;
}

.product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  width: min(1180px, calc(100vw - 2rem));
  margin-inline: auto;
}

.product-universe-card,
.product-universe-card:link,
.product-universe-card:visited {
  position: relative;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.8rem;
  padding: 1.5rem !important;
  overflow: hidden;
  color: var(--ap-ink) !important;
  text-decoration: none !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: var(--ap-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255,255,255,0.76)),
    radial-gradient(circle at 86% 14%, rgba(0, 191, 216, 0.22), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(255, 138, 0, 0.14), transparent 28%) !important;
  box-shadow: 0 16px 46px rgba(16, 24, 40, 0.08) !important;
  transform: translateZ(0);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.product-universe-card::before,
.allopen-box::before,
.tech-card::before,
.allin-platform-hero::before,
.allvideo-showcase-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green)) top / 100% 3px no-repeat;
}

.product-universe-card:hover {
  transform: translateY(-7px);
  border-color: rgba(0, 191, 216, 0.32) !important;
  box-shadow: var(--ap-shadow) !important;
}

.product-card-logo,
.product-logo {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
  padding: 0.72rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 36px rgba(16, 24, 40, 0.08);
}

.product-universe-card h3,
.allopen-box-title,
.product-page-cta-title,
.product-page-card h4,
.tech-card h3,
.tech-card h4 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
}

.product-universe-card h3 {
  margin: 0.45rem 0 0;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.product-universe-card p,
.allopen-box-desc,
.product-page-intro,
.product-page-cta-desc,
.product-page-card p,
.tech-card p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-weight: 600;
  line-height: 1.7;
  opacity: 1 !important;
  text-shadow: none !important;
}

.product-card-link {
  margin-top: auto;
  color: #007c89 !important;
  -webkit-text-fill-color: #007c89 !important;
  font-weight: 850;
}

.product-section {
  padding: clamp(4.5rem, 8vw, 7rem) 0 !important;
}

.product-theme-light {
  background:
    radial-gradient(circle at 88% 22%, rgba(0, 191, 216, 0.11), transparent 30%),
    #fff !important;
}

.product-theme-dark {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 138, 0, 0.16), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(0, 191, 216, 0.18), transparent 34%),
    linear-gradient(135deg, var(--ap-dark), var(--ap-dark-2)) !important;
  color: #fff !important;
}

.product-theme-dark h2,
.product-theme-dark .section-header h2,
.product-theme-dark .lead,
.product-theme-dark .allopen-box-title,
.product-theme-dark .allopen-box-desc {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.product-theme-dark .lead,
.product-theme-dark .allopen-box-desc {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

.allopen-boxes-container.product-boxes-center,
.product-boxes-center {
  display: grid !important;
  grid-template-columns: minmax(0, 850px);
  justify-content: center;
  gap: 1.25rem;
}

.allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.allopen-box,
.tech-card,
.product-page-main,
.product-page-cta {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: var(--ap-radius) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.16), transparent 32%) !important;
  box-shadow: 0 18px 55px rgba(16, 24, 40, 0.09) !important;
}

.allopen-box {
  min-height: 320px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  padding: clamp(1.35rem, 3vw, 2.35rem) !important;
}

.product-theme-dark .allopen-box {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.045)),
    radial-gradient(circle at 88% 0%, rgba(0, 191, 216, 0.2), transparent 42%) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24) !important;
}

.product-buttons,
.product-page-cta-buttons,
.allvideo-showcase-actions,
.allin-platform-cta {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.85rem !important;
  margin-top: auto;
}

.allin-platform-section,
.allvideo-showcase-section {
  padding: clamp(4.5rem, 8vw, 7rem) 0 !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.12), transparent 32%),
    radial-gradient(circle at 7% 78%, rgba(255, 138, 0, 0.09), transparent 28%),
    #fbfcff !important;
}

.allin-platform-hero,
.allvideo-showcase-hero,
.allin-benefits-panel,
.allin-feature-row {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: clamp(24px, 4vw, 42px);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.76)),
    radial-gradient(circle at 92% 18%, rgba(0, 191, 216, 0.18), transparent 36%) !important;
  box-shadow: 0 22px 70px rgba(16, 24, 40, 0.1);
}

.allin-platform-hero,
.allvideo-showcase-hero {
  padding: clamp(1.4rem, 4vw, 3rem) !important;
}

.allin-platform-title,
.allvideo-showcase-copy h3,
.allin-benefits-copy h3,
.allin-feature-copy h4 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 850;
}

.allin-platform-desc,
.allvideo-showcase-copy p,
.allin-feature-copy p,
.allin-benefits-copy p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 650;
}

.allin-screenshot-stage,
.allvideo-screen-stage,
.hero-screenshot-section,
.ac-visual {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.allin-screenshot-stage::before,
.allvideo-screen-stage::before,
.hero-screenshot-section::before,
.ac-visual::before {
  content: "";
  position: absolute;
  inset: 12%;
  z-index: -1;
  border-radius: 46px;
  background:
    radial-gradient(circle at 50% 35%, rgba(0, 191, 216, 0.22), transparent 54%),
    radial-gradient(circle at 70% 70%, rgba(255, 138, 0, 0.14), transparent 44%);
  filter: blur(10px);
}

.allin-main-screen,
.allvideo-screen,
.allin-feature-media,
.allin-hero-preview,
.mobile-screenshot-container,
.mobile-screenshot-wrapper,
.device-frame,
.ac-hero-device,
.product-page-screenshot {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: none !important;
}

.mobile-screenshot,
.mobile-screenshot-container img,
.mobile-screenshot-wrapper img,
.device-frame img,
.ac-hero-device img,
.allin-main-screen img,
.allvideo-screen img,
.allin-feature-media img,
.allin-hero-preview img {
  display: block !important;
  width: auto !important;
  max-width: min(330px, 82vw) !important;
  max-height: min(520px, 68vh) !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 4px solid var(--ap-shot, var(--ap-cyan)) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.18) !important;
}

.allconnect-page,
#allconnect-section {
  --ap-shot: #ff7a00;
}

.alltask-page,
#alltask-section {
  --ap-shot: #ffb26b;
}

.allinlocal-page,
#allin-local-section {
  --ap-shot: #3b7cff;
}

.allin-page,
#allin-details-section {
  --ap-shot: #24d2bd;
}

.allvideo-showcase-section,
#allvideo-section {
  --ap-shot: #5477ff;
}

.allvideo-screen-feed {
  transform: rotate(-4deg) translateX(18px);
}

.allvideo-screen-clips {
  transform: rotate(5deg) translateX(-18px) translateY(38px);
}

.allvideo-screen img {
  max-width: min(245px, 42vw) !important;
}

.allin-feature-showcase {
  display: grid;
  gap: 1.25rem;
  margin-top: clamp(2rem, 5vw, 4rem);
}

.allin-feature-row {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2.5rem);
}

.allin-feature-row:nth-child(even) .allin-feature-media {
  order: 2;
}

.allin-feature-copy span,
.allvideo-feature-pill span {
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
  font-weight: 850;
}

.allin-benefits-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.8fr);
  align-items: center;
  gap: 2rem;
  margin-top: 1.25rem;
  padding: clamp(1.5rem, 4vw, 3rem);
}

.allin-benefits-list,
.product-page-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.allin-benefits-list li,
.product-page-list li {
  position: relative;
  padding: 0.75rem 0 0.75rem 1.6rem;
  color: #5f6b7d;
  font-weight: 700;
}

.allin-benefits-list li::before,
.product-page-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.28rem;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ap-orange), var(--ap-cyan));
}

.allvideo-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.allvideo-feature-pill {
  padding: 1.35rem;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: 24px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 14px 40px rgba(16, 24, 40, 0.08);
}

.allvideo-feature-pill h4,
.allvideo-feature-pill p {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

.allvideo-feature-pill p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
}

.allin-hero,
.ac-hero {
  position: relative;
  min-height: min(760px, calc(100vh - 72px)) !important;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(5rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 6rem) !important;
  margin-top: 0 !important;
  color: var(--ap-ink) !important;
  background:
    linear-gradient(rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 40, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 14% 28%, rgba(255, 138, 0, 0.14), transparent 29%),
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.19), transparent 34%),
    #f8fbff !important;
  background-size: 44px 44px, 44px 44px, auto, auto, auto;
}

.allin-page .allin-hero {
  color: #fff !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 138, 0, 0.22), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(0, 191, 216, 0.22), transparent 36%),
    linear-gradient(135deg, #081017, #042429) !important;
}

.hero-content-wrapper,
.ac-inner {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
}

.hero-text-section,
.ac-copy {
  max-width: 660px;
}

.allin-hero-main-text,
.ac-title,
.allin-page .allin-hero-main-text {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(3.2rem, 8vw, 7.2rem) !important;
  line-height: 0.92 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.allin-page .allin-hero-main-text,
.allin-page .hero-subtitle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.hero-subtitle,
.ac-subtitle {
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-size: clamp(1.05rem, 2vw, 1.45rem) !important;
  line-height: 1.65 !important;
  font-weight: 750;
  opacity: 1 !important;
}

.allin-page .hero-subtitle {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

.product-logo-heading-container img,
.ac-logo,
.hero-text-section > img {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 22px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 18px 44px rgba(16, 24, 40, 0.12);
  filter: none !important;
}

.mobile-screenshots-container {
  min-height: 430px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(32px);
  z-index: 2;
}

.mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-34px) translateY(28px) scale(0.92);
  z-index: 1;
}

#description-section,
.product-detail-page section.py-5 {
  padding: clamp(4rem, 7vw, 6rem) 0 !important;
}

.product-page-main {
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.product-page-card {
  min-height: 190px;
  padding: 1.35rem !important;
}

.product-page-cta {
  padding: clamp(1.5rem, 4vw, 3rem) !important;
}

.features-header-wrapper,
.why-allin-card,
.contact-card {
  border-radius: 24px !important;
}

footer {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0 2rem !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 138, 0, 0.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(0, 191, 216, 0.16), transparent 34%),
    linear-gradient(135deg, #05080d, #071f1d) !important;
  color: rgba(255,255,255,0.76) !important;
}

footer h5,
footer a,
footer p,
footer li {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

footer h5 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 850;
}

footer a {
  text-decoration: none;
}

footer a:hover {
  color: #b8f6ff !important;
  -webkit-text-fill-color: #b8f6ff !important;
}

.ap-motion-ready .ap-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--ap-reveal-delay, 0ms);
}

.ap-motion-ready .ap-reveal.ap-in-view {
  opacity: 1;
  transform: translateY(0);
}

html body .product-universe-head.ap-reveal,
html body .product-universe-card.ap-reveal,
html body .section-header.ap-reveal {
  opacity: 1 !important;
}

html body .product-universe-head h2,
html body .product-universe-head p,
html body .product-universe-card,
html body .product-universe-card * {
  opacity: 1 !important;
  text-shadow: none !important;
}

.rocket-container {
  right: 24px !important;
  bottom: 24px !important;
  z-index: 999 !important;
  opacity: 0.88 !important;
  transform: translateY(var(--rocket-y, 0)) !important;
}

.rocket {
  width: 58px !important;
  height: auto !important;
  filter: drop-shadow(0 0 18px rgba(0, 191, 216, 0.5));
}

@media (max-width: 991px) {
  .product-universe-grid,
  .allvideo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .allopen-boxes-container.two-columns,
  .hero-content-wrapper,
  .ac-inner,
  .allin-feature-row,
  .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }

  .hero-text-section,
  .ac-copy {
    max-width: none;
    text-align: center;
  }

  .product-logo-heading-container {
    justify-content: center;
  }

  .allin-feature-row:nth-child(even) .allin-feature-media {
    order: 0;
  }

  .allin-screenshot-stage,
  .allvideo-screen-stage,
  .hero-screenshot-section,
  .ac-visual {
    min-height: 360px;
  }
}

@media (max-width: 900px) {
  .burger {
    display: flex;
  }

  .navbar-links {
    position: fixed;
    top: 72px;
    left: 1rem;
    right: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0.8rem;
    border: 1px solid rgba(16, 24, 40, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 70px rgba(16, 24, 40, 0.16);
    backdrop-filter: blur(22px);
  }

  .navbar-links.open,
  .navbar-links.active {
    display: flex;
  }

  .navbar-links .nav-link,
  .navbar-links a {
    width: 100%;
    padding: 0.9rem 1rem !important;
  }

  .navbar-links .nav-link::after {
    bottom: 0.45rem;
    left: 1rem;
    right: auto;
    width: 48px;
  }

  .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin-top: 0.35rem !important;
    box-shadow: none !important;
  }
}

/* Premium rescue layer: stronger hierarchy, bolder product cards, better app screenshot staging. */
:root {
  --ap-max: 1240px;
  --ap-heavy: 880;
  --ap-section-y: clamp(4.25rem, 7vw, 7rem);
  --ap-card-pad: clamp(1.35rem, 2.8vw, 2.4rem);
}

html body .container {
  max-width: var(--ap-max) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .fw-bold {
  font-weight: var(--ap-heavy) !important;
}

html body.index-page .hero.custom-hero-section {
  min-height: clamp(620px, 84vh, 820px) !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(0, 191, 216, 0.26), transparent 34%),
    radial-gradient(circle at 16% 14%, rgba(255, 139, 21, 0.18), transparent 28%),
    linear-gradient(180deg, #03080d 0%, #07131b 70%, #05080d 100%) !important;
}

html body.index-page .hero-content {
  max-width: 920px !important;
  padding: clamp(1.25rem, 4vw, 3rem) !important;
}

html body.index-page .hero h1 {
  font-size: clamp(3.4rem, 8.8vw, 8.6rem) !important;
  letter-spacing: -0.035em !important;
  line-height: 0.88 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .hero .lead {
  font-size: clamp(1.05rem, 1.4vw, 1.35rem) !important;
  font-weight: 720 !important;
  color: rgba(239, 246, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.78) !important;
}

html body .product-eyebrow {
  letter-spacing: 0.16em !important;
  font-weight: 900 !important;
  color: #006b75 !important;
  -webkit-text-fill-color: #006b75 !important;
}

html body .product-universe-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.18), transparent 34%),
    radial-gradient(circle at 8% 12%, rgba(255, 139, 21, 0.12), transparent 30%),
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

html body .product-universe-head {
  max-width: 860px !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  font-size: clamp(2.6rem, 5.5vw, 5.8rem) !important;
  letter-spacing: -0.04em !important;
  line-height: 0.9 !important;
}

html body .product-universe-head p,
html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline {
  max-width: 760px !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  font-weight: 650 !important;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.1rem, 2.2vw, 1.8rem) !important;
}

html body .product-universe-card {
  min-height: clamp(330px, 24vw, 390px) !important;
  padding: clamp(1.45rem, 2.4vw, 2.1rem) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 253, 255, 0.76)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.18), transparent 42%) !important;
  box-shadow: 0 22px 70px rgba(9, 20, 36, 0.1) !important;
  transition: transform 280ms cubic-bezier(.2,.8,.2,1), box-shadow 280ms ease, border-color 280ms ease !important;
}

html body .product-universe-card:hover {
  transform: translateY(-10px) scale(1.015) !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
  box-shadow: 0 34px 90px rgba(9, 20, 36, 0.16), 0 0 0 1px rgba(0, 191, 216, 0.12) !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(70px, 6vw, 96px) !important;
  height: clamp(70px, 6vw, 96px) !important;
  border-radius: 24px !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.9rem, 2.6vw, 2.85rem) !important;
  letter-spacing: -0.035em !important;
}

html body .product-universe-card p {
  max-width: 36ch !important;
  font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
  font-weight: 620 !important;
  color: #4d5d73 !important;
  -webkit-text-fill-color: #4d5d73 !important;
}

html body .product-card-link {
  font-size: 0.98rem !important;
  font-weight: 900 !important;
}

html body .product-section.product-theme-dark,
html body #allvideo-section,
html body #allopen-section,
html body #allin-local-section {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 139, 21, 0.16), transparent 32%),
    radial-gradient(circle at 84% 22%, rgba(0, 191, 216, 0.18), transparent 34%),
    linear-gradient(145deg, #03070d 0%, #061923 56%, #031210 100%) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(1.6rem, 3vw, 2.7rem) !important;
  border-radius: 30px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.75rem, 3vw, 3rem) !important;
  letter-spacing: -0.03em !important;
}

html body .allopen-box-desc {
  font-size: clamp(1rem, 1.12vw, 1.14rem) !important;
  font-weight: 620 !important;
}

html body .allin-platform-section,
html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 85% 10%, rgba(0, 191, 216, 0.14), transparent 34%),
    linear-gradient(180deg, #f7fbfd 0%, #ffffff 100%) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.75rem, 4vw, 4rem) !important;
  border-radius: 38px !important;
  box-shadow: 0 34px 100px rgba(9, 20, 36, 0.14) !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 24%, rgba(47, 107, 255, 0.24), transparent 30%),
    radial-gradient(circle at 12% 18%, rgba(255, 139, 21, 0.18), transparent 28%),
    linear-gradient(145deg, #05080d 0%, #071923 58%, #04110f 100%) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2.7rem, 5.8vw, 6.4rem) !important;
  letter-spacing: -0.055em !important;
  line-height: 0.88 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  font-weight: 650 !important;
}

html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(430px, 48vw, 650px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  isolation: isolate !important;
}

html body .allvideo-screen-stage::before,
html body .allinlocal-page .mobile-screenshots-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 8% 4% !important;
  border-radius: 42px !important;
  background:
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,191,216,0.2), transparent 62%) !important;
  background-size: 38px 38px, 38px 38px, 100% 100% !important;
  opacity: 0.75 !important;
  z-index: -1 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) translateY(-4px) !important;
  z-index: 2 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-42px) translateY(38px) scale(0.94) !important;
  z-index: 1 !important;
}

html body .allinlocal-page .mobile-screenshot-container,
html body .allvideo-screen,
html body .ac-hero-device,
html body .alltask-page .mobile-screenshot-container,
html body .allin-hero-preview {
  border-width: 3px !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(9, 20, 36, 0.2) !important;
}

html body .allinlocal-page .mobile-screenshot-container {
  border-color: #3b7cff !important;
}

html body .allconnect-page .ac-hero-device {
  border-color: #ff8a00 !important;
}

html body .alltask-page .mobile-screenshot-container {
  border-color: #ffb066 !important;
}

html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .allvideo-screen img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  border-radius: 26px !important;
}

html body .allvideo-feature-pill,
html body .why-allin-block,
html body .tech-card,
html body .contact-card {
  border-radius: 28px !important;
  box-shadow: 0 22px 70px rgba(9, 20, 36, 0.1) !important;
}

html body .ap-reveal {
  transition-duration: 820ms !important;
}

html body.ap-motion-ready .ap-card-reveal:not(.ap-in-view) {
  opacity: 0 !important;
  transform: translate3d(0, 48px, 0) scale(0.965) !important;
}

html body.ap-motion-ready .ap-card-reveal.ap-in-view {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (min-width: 992px) {
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    max-width: 1120px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 900px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card {
    min-height: 270px !important;
    border-radius: 28px !important;
  }

  html body .product-universe-card h3 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  html body .product-section .allopen-box,
  html body .allopen-boxes-container.product-boxes-center > .allopen-box {
    width: 100% !important;
  }

  html body .allvideo-screen-stage,
  html body .allinlocal-page .mobile-screenshots-container {
    min-height: auto !important;
    padding: 1rem 0 !important;
  }

  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
    transform: none !important;
  }
}

@media (max-width: 520px) {
  html body.index-page .hero h1 {
    font-size: clamp(3rem, 16vw, 4.9rem) !important;
  }

  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }

  html body .allin-platform-title,
  html body .allvideo-showcase-copy h3 {
    font-size: clamp(2.4rem, 12vw, 4.1rem) !important;
  }
}

@media (max-width: 640px) {
  .custom-navbar .container {
    min-height: 64px;
  }

  .custom-navbar {
    min-height: 64px;
  }

  .navbar-links {
    top: 64px;
  }

  .product-universe-grid,
  .allvideo-showcase-grid {
    grid-template-columns: 1fr;
  }

  .product-universe-card {
    min-height: 250px;
  }

  .hero.custom-hero-section {
    min-height: 600px !important;
  }

  .allin-hero,
  .ac-hero {
    min-height: auto !important;
    padding: 4.5rem 0 3.5rem !important;
  }

  .mobile-screenshot,
  .mobile-screenshot-container img,
  .mobile-screenshot-wrapper img,
  .device-frame img,
  .ac-hero-device img,
  .allin-main-screen img,
  .allvideo-screen img,
  .allin-feature-media img,
  .allin-hero-preview img {
    max-width: min(280px, 84vw) !important;
    max-height: 430px !important;
    border-width: 3px !important;
    border-radius: 22px !important;
  }

  .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2),
  .allvideo-screen-feed,
  .allvideo-screen-clips {
    transform: none;
  }

  .allvideo-screen-stage,
  .mobile-screenshots-container {
    flex-direction: column;
    gap: 1rem;
    min-height: auto;
  }

  .product-buttons,
  .product-page-cta-buttons,
  .allvideo-showcase-actions,
  .allin-platform-cta {
    justify-content: center;
  }

  .allopen-box,
  .tech-card,
  .product-page-main,
  .product-page-cta {
    border-radius: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Final conflict guards: keep legacy CSS from reopening menus or moving layout. */
html body .custom-navbar {
  height: auto !important;
  max-height: 74px !important;
  padding: 0 !important;
}

html body .custom-navbar .container {
  height: 72px !important;
  min-height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .nav-item.dropdown {
  position: relative !important;
}

html body .custom-navbar .dropdown-menu,
html body .dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 230px !important;
  max-height: min(70vh, 520px) !important;
  overflow-y: auto !important;
}

html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
html body .custom-navbar .dropdown-menu.show {
  display: block !important;
}

html body .custom-navbar .dropdown-divider {
  display: none !important;
}

html body .custom-navbar .dropdown-item {
  padding: 0.72rem 0.9rem !important;
  border-bottom: 0 !important;
}

html body .loading-screen {
  animation: ap-loader-out 0.35s ease 1.15s forwards;
}

@keyframes ap-loader-out {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

html body .rocket-container {
  left: auto !important;
  right: 24px !important;
  bottom: 24px !important;
  top: auto !important;
}

@media (max-width: 900px) {
  html body .custom-navbar {
    max-height: 64px !important;
  }

  html body .custom-navbar .container {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .dropdown-menu {
    position: static !important;
    display: none !important;
    min-width: 0 !important;
    max-height: 45vh !important;
    margin: 0.35rem 0 0 !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .dropdown-menu.show {
    display: block !important;
  }
}

/* ========== Premium product-system refinement ========== */
html body {
  --ap-premium-bg: #f7f9fc;
  --ap-glass: rgba(255, 255, 255, 0.78);
  --ap-glass-strong: rgba(255, 255, 255, 0.9);
  --ap-black-panel: #05080d;
  --ap-black-panel-2: #071923;
  background-color: var(--ap-premium-bg) !important;
}

html body .custom-navbar {
  background: rgba(247, 249, 252, 0.72) !important;
  border-bottom: 1px solid rgba(16, 24, 40, 0.075) !important;
}

html body .custom-navbar .container {
  max-width: 1220px !important;
}

html body .navbar-links {
  gap: clamp(1.1rem, 2.4vw, 2.4rem) !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  color: rgba(16, 24, 40, 0.72) !important;
}

html body .navbar-links .nav-link.active,
html body .navbar-links .nav-link:hover {
  color: #060b13 !important;
}

html body .hero.custom-hero-section {
  min-height: calc(100vh - 72px) !important;
  isolation: isolate;
  background:
    radial-gradient(circle at 22% 16%, rgba(255, 138, 0, 0.24), transparent 24%),
    radial-gradient(circle at 75% 18%, rgba(0, 191, 216, 0.32), transparent 30%),
    radial-gradient(circle at 50% 78%, rgba(47, 107, 255, 0.16), transparent 34%),
    linear-gradient(140deg, #03060a 0%, #07131b 52%, #031210 100%) !important;
}

html body .hero.custom-hero-section::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  height: 36%;
  background: linear-gradient(to bottom, transparent, rgba(247, 249, 252, 0.95));
  pointer-events: none;
}

html body .hero-content {
  padding: clamp(2rem, 4vw, 3.5rem);
}

html body .hero h1 {
  max-width: 980px;
  margin-inline: auto;
  font-size: clamp(3.2rem, 8.7vw, 8.4rem) !important;
  line-height: 0.9 !important;
}

html body .hero .lead {
  max-width: 640px;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.72) !important;
}

html body .hero-button,
html body .hero-cta-button,
html body .allopen-box-btn,
html body .tech-button {
  min-height: 48px !important;
  padding: 0.86rem 1.35rem !important;
  font-size: 0.95rem !important;
}

html body .hero-button.modern-tech-btn,
html body .join-team-btn {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  backdrop-filter: blur(18px);
}

html body .join-team-btn {
  background: #fff !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body .product-universe-section {
  padding-top: clamp(5rem, 9vw, 8rem) !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(0, 191, 216, 0.12), transparent 28%),
    radial-gradient(circle at 10% 85%, rgba(255, 138, 0, 0.08), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #ffffff 48%, #f7f9fc 100%) !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  color: #0b1220 !important;
  text-wrap: balance;
}

html body .product-universe-head p,
html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-header p {
  max-width: 720px;
  margin-inline: auto;
  color: #69758a !important;
  text-wrap: balance;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(250px, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.45rem) !important;
}

html body .product-universe-card {
  min-height: 315px !important;
  padding: clamp(1.25rem, 2.4vw, 1.8rem) !important;
  border-color: rgba(16, 24, 40, 0.085) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.74)),
    radial-gradient(circle at 86% 12%, rgba(0, 191, 216, 0.14), transparent 35%),
    radial-gradient(circle at 8% 0%, rgba(255, 138, 0, 0.1), transparent 34%) !important;
  box-shadow: 0 22px 65px rgba(16, 24, 40, 0.075) !important;
  backdrop-filter: blur(18px);
}

html body .product-universe-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: calc(var(--ap-radius) - 1px);
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,0.74), transparent 38%);
}

html body .product-universe-card > * {
  position: relative;
  z-index: 1;
}

html body .product-card-logo,
html body .product-logo {
  width: 70px !important;
  height: 70px !important;
  border-radius: 20px !important;
  padding: 0.65rem !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.7rem, 2.3vw, 2.3rem) !important;
}

html body .product-universe-card p {
  max-width: 34ch;
  color: #637084 !important;
}

html body .product-section {
  padding: clamp(5rem, 8vw, 8rem) 0 !important;
}

html body .product-theme-dark {
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 138, 0, 0.16), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(0, 191, 216, 0.2), transparent 34%),
    linear-gradient(145deg, #05080d 0%, #071924 58%, #04110f 100%) !important;
}

html body .allopen-box,
html body .tech-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  border-color: rgba(16, 24, 40, 0.085) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72)),
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.13), transparent 34%) !important;
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.08) !important;
  backdrop-filter: blur(18px);
}

html body .product-theme-dark .allopen-box {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    radial-gradient(circle at 88% 8%, rgba(0, 191, 216, 0.18), transparent 40%) !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.32) !important;
}

html body .allin-hero,
html body .ac-hero {
  min-height: calc(100vh - 72px) !important;
  padding: clamp(4.5rem, 7vw, 6.5rem) 0 !important;
}

html body .allin-hero .container,
html body .ac-hero .container {
  width: min(1180px, calc(100% - 2rem)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 1rem !important;
}

html body .hero-content-wrapper,
html body .ac-inner {
  max-width: 1180px;
  margin-inline: auto;
}

html body .allin-hero-main-text,
html body .ac-title {
  font-size: clamp(3.1rem, 7vw, 6.2rem) !important;
  text-wrap: balance;
}

html body .ac-copy,
html body .hero-text-section {
  min-width: 0 !important;
}

html body .hero-subtitle,
html body .ac-subtitle {
  max-width: 620px;
  text-wrap: balance;
}

html body .hero-screenshot-section,
html body .ac-visual,
html body .allin-screenshot-stage,
html body .allvideo-screen-stage {
  min-height: clamp(390px, 44vw, 560px) !important;
}

html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img,
html body .ac-hero-device img,
html body .allin-main-screen img,
html body .allvideo-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img {
  max-width: min(350px, 82vw) !important;
  max-height: min(560px, 72vh) !important;
  border-width: 3px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.65),
    0 30px 85px rgba(16, 24, 40, 0.2) !important;
}

html body .alltask-page .mobile-screenshot,
html body .alltask-page .mobile-screenshot-container img,
html body .allconnect-page .ac-hero-device img,
html body .allinlocal-page .mobile-screenshot {
  max-height: min(520px, 70vh) !important;
}

html body .allin-page .allin-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 138, 0, 0.22), transparent 26%),
    radial-gradient(circle at 86% 20%, rgba(0, 191, 216, 0.24), transparent 34%),
    radial-gradient(circle at 62% 74%, rgba(47, 107, 255, 0.12), transparent 30%),
    linear-gradient(135deg, #05070b 0%, #071923 58%, #04211d 100%) !important;
}

html body .allin-feature-showcase {
  margin-top: clamp(2rem, 5vw, 4.5rem) !important;
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: clamp(28px, 5vw, 48px);
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 138, 0, 0.16), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(0, 191, 216, 0.2), transparent 34%),
    linear-gradient(145deg, var(--ap-black-panel), var(--ap-black-panel-2)) !important;
  box-shadow: 0 34px 95px rgba(0, 0, 0, 0.22);
}

html body .allin-feature-showcase-head h3,
html body .allin-feature-showcase-head p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-feature-showcase-head p {
  color: rgba(255,255,255,0.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.68) !important;
}

html body .allin-feature-row {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035)),
    radial-gradient(circle at 90% 10%, rgba(0, 191, 216, 0.16), transparent 38%) !important;
  box-shadow: none !important;
}

html body .allin-feature-copy h4,
html body .allin-feature-copy p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-feature-copy p {
  color: rgba(255,255,255,0.7) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.7) !important;
}

html body .allin-feature-media img {
  max-width: min(315px, 78vw) !important;
  max-height: 500px !important;
}

html body .allin-benefits-panel {
  margin-top: clamp(1rem, 2vw, 1.4rem);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 138, 0, 0.18), transparent 30%),
    linear-gradient(145deg, #05080d, #0a2028) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.2);
}

html body .allin-benefits-copy h3,
html body .allin-benefits-copy p,
html body .allin-benefits-list li {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allin-benefits-copy p,
html body .allin-benefits-list li {
  color: rgba(255,255,255,0.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.72) !important;
}

html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 78% 12%, rgba(47, 107, 255, 0.12), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(255, 138, 0, 0.08), transparent 28%),
    #f7f9fc !important;
}

html body .allvideo-showcase-hero {
  background:
    linear-gradient(145deg, #05080d 0%, #071923 58%, #04110f 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allvideo-showcase-copy p {
  color: rgba(255,255,255,0.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.72) !important;
}

html body .allvideo-feature-pill {
  min-height: 210px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.76)),
    radial-gradient(circle at 88% 10%, rgba(47,107,255,0.12), transparent 34%) !important;
}

html body #features-section .tech-card,
html body .contact-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 90% 10%, rgba(0,191,216,0.12), transparent 34%) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16,24,40,0.08) !important;
  box-shadow: 0 20px 60px rgba(16,24,40,0.075) !important;
}

@media (max-width: 991px) {
  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .hero-content-wrapper,
  html body .ac-inner {
    gap: 2rem !important;
  }

  html body .allin-hero-main-text,
  html body .ac-title {
    font-size: clamp(3rem, 12vw, 5rem) !important;
  }

  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    border-radius: 28px;
  }
}

@media (max-width: 640px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
    width: min(100%, calc(100vw - 1.2rem)) !important;
  }

  html body .product-universe-card {
    min-height: 285px !important;
  }

  html body .hero h1 {
    font-size: clamp(3.1rem, 17vw, 5.2rem) !important;
  }

  html body .allin-hero,
  html body .ac-hero {
    padding-top: 4rem !important;
  }
}

/* ========== Contrast + hierarchy pass ========== */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body p,
html body li {
  text-wrap: pretty;
}

html body .hero-subtitle,
html body .ac-subtitle,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p,
html body .product-page-intro,
html body .product-page-cta-desc,
html body .allopen-box-desc {
  font-size: clamp(0.98rem, 1.18vw, 1.08rem) !important;
  line-height: 1.72 !important;
  font-weight: 650 !important;
}

html body .hero-subtitle,
html body .ac-subtitle {
  font-size: clamp(1.05rem, 1.55vw, 1.32rem) !important;
  line-height: 1.58 !important;
}

html body .allin-page .hero-subtitle {
  max-width: 660px;
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
  font-weight: 700 !important;
}

html body .ac-subtitle,
html body .alltask-page .hero-subtitle,
html body .allinlocal-page .hero-subtitle {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html body .hero-cta-button,
html body .allopen-box-btn,
html body .tech-button,
html body button.hero-cta-button,
html body button.allopen-box-btn,
html body a.hero-cta-button,
html body a.allopen-box-btn,
html body a.tech-button {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .hero-cta-button *,
html body .allopen-box-btn *,
html body .tech-button * {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .btn-app,
html body a.btn-app,
html body .product-buttons .btn-app,
html body .product-page-cta-buttons .btn-app,
html body .allin-platform-cta .btn-app,
html body .allvideo-showcase-actions .btn-app {
  background: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .btn-play,
html body button.btn-play,
html body .product-buttons .btn-play,
html body .product-page-cta-buttons .btn-play,
html body .allin-platform-cta .btn-play {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.18) !important;
}

html body .product-theme-dark .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allin-feature-showcase .allopen-box-btn:not(.btn-play):not(.btn-app),
html body .allin-benefits-panel .allopen-box-btn:not(.btn-play):not(.btn-app) {
  background: rgba(255,255,255,0.92) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .allopen-box-btn[style*="rgba(0, 242, 254"],
html body .hero-cta-button[style*="rgba(0, 242, 254"] {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.18) !important;
}

html body .allopen-box-btn:not(.btn-app):not(.btn-play),
html body .tech-button:not(.btn-app):not(.btn-play),
html body .hero-cta-button:not(.btn-app):not(.btn-play) {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(16, 24, 40, 0.16) !important;
}

html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .hero-cta-button.hero-cta-white {
  min-height: 54px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0.9rem 1.35rem !important;
  white-space: nowrap !important;
}

html body .hero-cta-button.hero-cta-white .hero-cta-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

html body .allconnect-page .ac-hero {
  background:
    linear-gradient(rgba(16,24,40,0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,40,0.026) 1px, transparent 1px),
    radial-gradient(circle at 14% 25%, rgba(255,122,0,0.12), transparent 28%),
    radial-gradient(circle at 84% 16%, rgba(0,191,216,0.2), transparent 34%),
    linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%) !important;
  background-size: 46px 46px, 46px 46px, auto, auto, auto !important;
}

html body .allconnect-page .ac-title {
  font-size: clamp(3.4rem, 7.6vw, 6.7rem) !important;
}

html body .allconnect-page .ac-subtitle {
  max-width: 590px;
  font-size: clamp(1.05rem, 1.45vw, 1.24rem) !important;
}

html body .allconnect-page .product-page-main {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(255,255,255,0.78)),
    radial-gradient(circle at 88% 12%, rgba(255,122,0,0.1), transparent 30%),
    radial-gradient(circle at 16% 80%, rgba(0,191,216,0.1), transparent 34%) !important;
}

html body .allconnect-page .product-page-card {
  min-height: 210px !important;
  padding: clamp(1.25rem, 2.5vw, 1.8rem) !important;
}

html body .allconnect-page .product-page-card h4 {
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
}

html body .ac-flow-section {
  background:
    radial-gradient(circle at 10% 20%, rgba(255,122,0,0.08), transparent 26%),
    radial-gradient(circle at 90% 30%, rgba(0,191,216,0.1), transparent 30%),
    #f8fafc !important;
}

html body .ac-flow-grid,
html body .ac-flow-section .row {
  gap: clamp(1rem, 2vw, 1.5rem);
}

html body .ac-flow-card,
html body .ac-flow-section article,
html body .ac-flow-section .tech-card {
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.74)),
    radial-gradient(circle at 90% 10%, rgba(255,122,0,0.09), transparent 35%) !important;
  border: 1px solid rgba(16,24,40,0.08) !important;
  box-shadow: 0 18px 54px rgba(16,24,40,0.07) !important;
}

html body .allin-page .allin-hero-main-text {
  font-size: clamp(3.35rem, 7.5vw, 6.8rem) !important;
  line-height: 0.94 !important;
}

html body .allin-page .hero-cta-white {
  min-width: 190px;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .allin-platform-hero {
  padding: clamp(1.8rem, 4vw, 3.5rem) !important;
}

html body .allin-platform-title {
  font-size: clamp(2.6rem, 5vw, 5rem) !important;
  letter-spacing: -0.01em !important;
}

html body .allin-feature-showcase {
  padding: clamp(1.5rem, 3.8vw, 3rem) !important;
}

html body .allin-feature-showcase-head {
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: clamp(1.5rem, 3vw, 2.4rem);
}

html body .allin-feature-showcase-head h3 {
  font-size: clamp(2rem, 4vw, 4.2rem) !important;
  font-weight: 850 !important;
}

html body .allin-feature-row {
  min-height: clamp(430px, 50vw, 560px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr);
}

html body .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1fr);
}

html body .allin-feature-copy h4 {
  font-size: clamp(2rem, 4.4vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-feature-copy p {
  max-width: 44ch;
  font-size: clamp(0.98rem, 1.18vw, 1.08rem) !important;
}

html body .allin-feature-copy span {
  display: inline-flex;
  margin-bottom: 1rem;
  color: #7ddfff !important;
  -webkit-text-fill-color: #7ddfff !important;
}

html body .allin-feature-media {
  justify-self: center;
}

html body .allin-feature-media img {
  background: #fff !important;
}

html body .allin-benefits-panel {
  min-height: 360px;
}

html body .allin-benefits-copy h3 {
  font-size: clamp(2.1rem, 4.5vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

html body .allin-benefits-list {
  display: grid;
  gap: 0.55rem;
}

html body .allin-benefits-list li {
  padding: 0.95rem 1rem 0.95rem 2.25rem !important;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px;
  background: rgba(255,255,255,0.055);
}

html body .product-page-main h3,
html body .product-page-cta h3 {
  font-size: clamp(1.7rem, 3vw, 2.7rem) !important;
}

@media (max-width: 991px) {
  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
    min-height: auto;
  }

  html body .allin-feature-row:nth-child(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-media {
    order: 0 !important;
  }

  html body .allconnect-page .ac-title,
  html body .allin-page .allin-hero-main-text {
    font-size: clamp(3rem, 12vw, 5.4rem) !important;
  }
}

@media (max-width: 640px) {
  html body .hero-subtitle,
  html body .ac-subtitle {
    font-size: 1rem !important;
  }

  html body .allin-feature-copy h4,
  html body .allin-benefits-copy h3 {
    font-size: clamp(2rem, 12vw, 3.3rem) !important;
  }

  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    padding: 1rem !important;
  }
}

/* Absolute final app-store consistency, independent of old classes/inline rules. */
html body a[href*="play.google"],
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"].hero-cta-button *,
html body a[href*="play.google"].allopen-box-btn *,
html body a[href*="play.google"].tech-button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .btn-app,
html body a.btn-app,
html body .hero-cta-button.btn-app,
html body .allopen-box-btn.btn-app,
html body .tech-button.btn-app,
html body a[href*="play.google.com"] {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body .btn-app *,
html body a.btn-app *,
html body a[href*="play.google.com"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #allopen-section a.btn-app,
html body #allin-local-section a.btn-app,
html body #allopen-section a[href*="play.google"],
html body #allin-local-section a[href*="play.google"] {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body #allopen-section a.btn-app *,
html body #allin-local-section a.btn-app *,
html body #allopen-section a[href*="play.google"] *,
html body #allin-local-section a[href*="play.google"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app {
  background: #060b13 !important;
  background-color: #060b13 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0, 191, 216, 0.42) !important;
}

html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app span,
html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app i,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app span,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final shared design system: typography, page heroes, and motion.
   This file is loaded last, so these rules intentionally settle older page CSS. */
html,
body,
button,
input,
textarea,
select,
a,
p,
li,
label,
small,
span,
h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.lead,
.navbar-brand,
.nav-link,
.dropdown-item,
.tech-button,
.allopen-box-btn,
.hero-cta-button {
  font-family: var(--ap-font) !important;
  letter-spacing: 0 !important;
}

html {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html body {
  color: var(--ap-ink) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 139, 21, 0.07), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(0, 191, 216, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f7fafc 100%) !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.95rem, 6.4vw, 6rem) !important;
  line-height: 0.98 !important;
  font-weight: 860 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  text-shadow: none !important;
}

html body h2,
html body .display-5 {
  font-size: clamp(2.1rem, 4.2vw, 4rem) !important;
  line-height: 1.02 !important;
  font-weight: 820 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  text-shadow: none !important;
}

html body h3 {
  font-size: clamp(1.35rem, 2.2vw, 2.05rem) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
}

html body p,
html body li,
html body .lead {
  font-size: clamp(0.98rem, 1.04vw, 1.08rem) !important;
  line-height: 1.68 !important;
}

html body .lead {
  max-width: 780px;
  margin-inline: auto;
  color: #607086 !important;
  -webkit-text-fill-color: #607086 !important;
  font-weight: 560 !important;
}

html body .hero:not(.index-page .hero),
html body .about-hero,
html body .career-hero,
html body .contact-hero {
  position: relative !important;
  min-height: clamp(500px, 68vh, 690px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: clamp(5rem, 8vw, 7.5rem) 0 clamp(3.5rem, 6vw, 5.5rem) !important;
  background:
    linear-gradient(120deg, rgba(4, 10, 22, 0.93), rgba(3, 42, 48, 0.9)),
    radial-gradient(circle at 18% 18%, rgba(255, 139, 21, 0.36), transparent 30%),
    radial-gradient(circle at 84% 28%, rgba(0, 191, 216, 0.34), transparent 34%),
    #071019 !important;
}

html body .about-hero::before,
html body .career-hero::before,
html body .contact-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), transparent 82%) !important;
  opacity: 0.55 !important;
}

html body .about-hero::after,
html body .career-hero::after,
html body .contact-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 10% 12% 10% !important;
  height: 1px !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, transparent, rgba(255,139,21,0.8), rgba(0,191,216,0.9), transparent) !important;
  box-shadow: 0 0 38px rgba(0, 191, 216, 0.3) !important;
}

html body .about-hero .container,
html body .career-hero .container,
html body .contact-hero .container {
  position: relative !important;
  z-index: 3 !important;
}

html body .about-hero .hero-canvas,
html body .career-hero .hero-canvas,
html body .contact-hero .hero-canvas {
  z-index: 1 !important;
  opacity: 0.32 !important;
  pointer-events: none !important;
}

html body .about-hero .hero-content,
html body .career-hero .hero-content,
html body .contact-hero .hero-content {
  max-width: 940px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  animation: apHeroRise 760ms cubic-bezier(.2,.8,.2,1) both !important;
}

html body .about-hero h1,
html body .career-hero h1,
html body .contact-hero h1 {
  font-size: clamp(3.4rem, 7vw, 7.2rem) !important;
  line-height: 0.94 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  margin-bottom: 1.25rem !important;
}

html body .about-hero .lead,
html body .career-hero .lead,
html body .contact-hero .lead {
  max-width: 820px !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  line-height: 1.72 !important;
  color: rgba(239, 246, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.82) !important;
}

html body .custom-navbar {
  height: 72px !important;
  min-height: 72px !important;
}

html body .custom-navbar .container {
  height: 100% !important;
}

html body .custom-navbar .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .custom-navbar .nav-link.active::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html body section.py-5,
html body .hindi-technology-section {
  padding-top: clamp(4rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4rem, 7vw, 7rem) !important;
}

html body .tech-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(13, 25, 44, 0.1) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.95), rgba(246, 253, 255, 0.92)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 34%) !important;
  box-shadow: 0 28px 80px rgba(9, 20, 36, 0.09) !important;
  color: var(--ap-ink) !important;
  transform: translateZ(0);
}

html body .tech-card h2,
html body .tech-card h3,
html body .tech-card p,
html body .tech-card a:not(.tech-button):not(.allopen-box-btn) {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .tech-card p {
  color: #607086 !important;
}

html body .tech-button,
html body .hero-cta-button,
html body button.tech-button {
  min-height: 48px !important;
  border-radius: 999px !important;
  background: #07111f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(0, 191, 216, 0.36) !important;
  box-shadow: 0 16px 34px rgba(7, 17, 31, 0.18) !important;
}

html body .tech-button a,
html body .tech-button *,
html body .hero-cta-button * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
}

html body .tech-button:hover,
html body .hero-cta-button:hover,
html body .allopen-box-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0, 191, 216, 0.26), 0 18px 42px rgba(0, 191, 216, 0.22) !important;
}

html body .reveal-on-scroll,
html body .reveal-from-left,
html body .reveal-from-right,
html body .reveal-scale,
html body .ap-reveal {
  opacity: 1;
  will-change: transform, opacity;
}

html body.ap-motion-ready .ap-reveal:not(.ap-in-view),
html body .reveal-on-scroll:not(.reveal-in),
html body .reveal-scale:not(.reveal-in),
html body .reveal-from-left:not(.reveal-in),
html body .reveal-from-right:not(.reveal-in) {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(0.985);
}

html body.ap-motion-ready .ap-reveal.ap-in-view,
html body .reveal-on-scroll.reveal-in,
html body .reveal-scale.reveal-in,
html body .reveal-from-left.reveal-in,
html body .reveal-from-right.reveal-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity 720ms cubic-bezier(.2,.8,.2,1), transform 720ms cubic-bezier(.2,.8,.2,1);
}

@keyframes apHeroRise {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 991px) {
  html body h1,
  html body .display-1,
  html body .display-2,
  html body .display-3 {
    font-size: clamp(2.55rem, 11vw, 4.8rem) !important;
  }

  html body h2,
  html body .display-5 {
    font-size: clamp(2rem, 8vw, 3.4rem) !important;
  }

  html body .about-hero,
  html body .career-hero,
  html body .contact-hero {
    min-height: clamp(470px, 68vh, 620px) !important;
    padding-top: 6rem !important;
  }

  html body .about-hero h1,
  html body .career-hero h1,
  html body .contact-hero h1 {
    font-size: clamp(3rem, 14vw, 5rem) !important;
  }
}

@media (max-width: 640px) {
  html body .custom-navbar {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .about-hero,
  html body .career-hero,
  html body .contact-hero {
    text-align: left !important;
    align-items: flex-end !important;
    min-height: 520px !important;
    padding: 5.5rem 0 3rem !important;
  }

  html body .about-hero .hero-content,
  html body .career-hero .hero-content,
  html body .contact-hero .hero-content {
    text-align: left !important;
  }

  html body .about-hero .lead,
  html body .career-hero .lead,
  html body .contact-hero .lead {
    margin-inline: 0 !important;
  }

  html body .tech-card {
    border-radius: 22px !important;
  }
}

/* Final title hierarchy: big where it should be big, calmer everywhere else. */
html body.index-page .hero h1 {
  font-size: clamp(3.25rem, 8.2vw, 7.35rem) !important;
  line-height: 0.92 !important;
  max-width: 960px !important;
  margin-inline: auto !important;
}

html body.index-page .hero h1 span {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #ffffff 0%, #7de9ff 46%, #ffb05c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title {
  font-size: clamp(3.1rem, 6.6vw, 6.6rem) !important;
  line-height: 0.95 !important;
  font-weight: 880 !important;
}

html body.index-page .product-section .display-5,
html body.index-page .allin-platform-header .display-5,
html body.index-page .allvideo-showcase-hero .display-5,
html body.index-page #contact-section .display-5 {
  font-size: clamp(2.15rem, 4.4vw, 4.2rem) !important;
  line-height: 1 !important;
}

html body .product-card h3,
html body .allopen-box h3,
html body .feature-card h3,
html body .contact-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
  line-height: 1.06 !important;
}

html body .product-card p,
html body .allopen-box p,
html body .feature-card p,
html body .contact-card p {
  color: #5d6b80 !important;
  -webkit-text-fill-color: #5d6b80 !important;
  font-size: clamp(0.95rem, 1vw, 1.04rem) !important;
}

html body .dark-section,
html body .product-section-dark,
html body #allvideo-section,
html body #allopen-section,
html body #allin-local-section {
  color: #ffffff !important;
}

html body .dark-section h1,
html body .dark-section h2,
html body .dark-section h3,
html body .product-section-dark h1,
html body .product-section-dark h2,
html body .product-section-dark h3,
html body #allvideo-section h1,
html body #allvideo-section h2,
html body #allvideo-section h3,
html body #allopen-section h1,
html body #allopen-section h2,
html body #allopen-section h3,
html body #allin-local-section h1,
html body #allin-local-section h2,
html body #allin-local-section h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .dark-section p,
html body .product-section-dark p,
html body #allvideo-section p,
html body #allopen-section p,
html body #allin-local-section p {
  color: rgba(239, 246, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(239, 246, 255, 0.78) !important;
}

@media (max-width: 640px) {
  html body.index-page .hero h1 {
    font-size: clamp(2.8rem, 15vw, 4.6rem) !important;
  }

  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title {
    font-size: clamp(2.75rem, 14vw, 4.7rem) !important;
  }
}

/* Final spacing rhythm: no random empty space across pages. */
:root {
  --ap-page-x: clamp(1rem, 4vw, 2rem);
  --ap-section-y: clamp(3.75rem, 6vw, 5.75rem);
  --ap-section-y-tight: clamp(2.5rem, 4.5vw, 4rem);
  --ap-card-pad: clamp(1.25rem, 2.5vw, 2rem);
  --ap-card-gap: clamp(1rem, 2vw, 1.5rem);
  --ap-hero-pad-top: clamp(4.5rem, 7vw, 6.25rem);
  --ap-hero-pad-bottom: clamp(3.25rem, 5.5vw, 5rem);
}

html body .container,
html body .container-fluid {
  padding-left: var(--ap-page-x) !important;
  padding-right: var(--ap-page-x) !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section-y) !important;
  padding-bottom: var(--ap-section-y) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .section-divider {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}

html body .section-header,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .text-center.mb-5 {
  margin-bottom: clamp(1.75rem, 3.5vw, 3rem) !important;
}

html body .section-header h2,
html body section h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  margin-top: 0 !important;
  margin-bottom: clamp(0.65rem, 1.2vw, 1rem) !important;
}

html body .section-header .lead,
html body section .lead,
html body .allin-platform-header p,
html body .allvideo-showcase-header p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .hero.custom-hero-section {
  min-height: clamp(560px, 76vh, 760px) !important;
  padding: var(--ap-hero-pad-top) var(--ap-page-x) var(--ap-hero-pad-bottom) !important;
}

html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero {
  min-height: clamp(560px, 78vh, 760px) !important;
  padding-top: var(--ap-hero-pad-top) !important;
  padding-bottom: var(--ap-hero-pad-bottom) !important;
  margin: 0 !important;
}

html body .about-hero,
html body .career-hero,
html body .contact-hero {
  min-height: clamp(500px, 68vh, 660px) !important;
  padding-top: var(--ap-hero-pad-top) !important;
  padding-bottom: var(--ap-hero-pad-bottom) !important;
}

html body .hero-content-wrapper,
html body .product-grid,
html body .allopen-boxes-container,
html body .allin-feature-grid,
html body .allin-benefits-grid,
html body .row.g-4 {
  gap: var(--ap-card-gap) !important;
}

html body .tech-card,
html body .product-card,
html body .allopen-box,
html body .contact-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel {
  padding: var(--ap-card-pad) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body .product-page-main + .product-page-cta,
html body .tech-card + .tech-card,
html body .allin-feature-row + .allin-feature-row,
html body .allin-benefits-panel + .allin-benefits-panel {
  margin-top: var(--ap-card-gap) !important;
}

html body .product-page-cta-buttons,
html body .product-buttons,
html body .hero-buttons,
html body .hero-cta-wrap {
  gap: 0.85rem !important;
  margin-top: clamp(1.15rem, 2vw, 1.6rem) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body p {
  margin-top: 0 !important;
}

html body h1 {
  margin-bottom: clamp(0.85rem, 1.7vw, 1.35rem) !important;
}

html body h2 {
  margin-bottom: clamp(0.7rem, 1.4vw, 1.1rem) !important;
}

html body h3,
html body h4 {
  margin-bottom: clamp(0.55rem, 1vw, 0.85rem) !important;
}

html body p {
  margin-bottom: clamp(0.85rem, 1.5vw, 1.15rem) !important;
}

html body p:last-child,
html body .lead:last-child,
html body .tech-card > :last-child,
html body .product-card > :last-child,
html body .allopen-box > :last-child,
html body .product-page-main > :last-child,
html body .product-page-cta > :last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  :root {
    --ap-section-y: clamp(3rem, 7vw, 4.25rem);
    --ap-section-y-tight: clamp(2.25rem, 6vw, 3.25rem);
    --ap-card-pad: clamp(1rem, 4vw, 1.5rem);
  }

  html body .hero.custom-hero-section,
  html body .allin-hero,
  html body .ac-hero,
  html body.product-detail-page .allin-hero,
  html body.product-detail-page .ac-hero {
    min-height: auto !important;
    padding-top: clamp(4.5rem, 10vw, 5.75rem) !important;
    padding-bottom: clamp(3rem, 8vw, 4.5rem) !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-page-x: 1rem;
    --ap-section-y: 3rem;
    --ap-card-gap: 1rem;
  }

  html body section,
  html body section.py-5,
  html body .product-section,
  html body .product-universe-section,
  html body .allin-platform-section,
  html body .allvideo-showcase-section,
  html body .hindi-technology-section,
  html body .product-detail-page section.py-5 {
    padding-top: var(--ap-section-y) !important;
    padding-bottom: var(--ap-section-y) !important;
  }
}

/* Final responsive system: readable type and a reliable mobile menu. */
html {
  font-size: clamp(15px, 0.92vw + 11px, 17px) !important;
}

html body {
  min-width: 0 !important;
}

html body *,
html body *::before,
html body *::after {
  min-width: 0;
}

html body img,
html body video,
html body canvas,
html body svg {
  max-width: 100% !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.45rem, 5.8vw, 5.75rem) !important;
  line-height: 0.98 !important;
  overflow-wrap: anywhere;
}

html body.index-page .hero h1 {
  font-size: clamp(3rem, 7.4vw, 7rem) !important;
  line-height: 0.93 !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title {
  font-size: clamp(2.75rem, 5.9vw, 6rem) !important;
  line-height: 0.96 !important;
  overflow-wrap: anywhere;
}

html body h2,
html body .display-5 {
  font-size: clamp(1.85rem, 3.6vw, 3.65rem) !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere;
}

html body h3 {
  font-size: clamp(1.2rem, 1.65vw, 1.8rem) !important;
  line-height: 1.1 !important;
}

html body p,
html body li,
html body .lead {
  font-size: clamp(0.95rem, 0.55vw + 0.82rem, 1.08rem) !important;
  line-height: 1.65 !important;
  overflow-wrap: break-word;
}

html body .container {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
}

html body .hero-content-wrapper,
html body .allopen-boxes-container.two-columns,
html body .allin-feature-row,
html body .allin-benefits-panel,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .product-grid,
html body .product-universe-grid,
html body .allopen-boxes-container.product-boxes-center {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}

html body .custom-navbar {
  z-index: 9999 !important;
}

html body .burger {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 10px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10002 !important;
}

html body .burger span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #101828 !important;
  transform-origin: center !important;
  transition: transform 220ms ease, opacity 160ms ease, background-color 220ms ease !important;
}

html body .burger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg) !important;
}

html body .burger.active span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}

html body .burger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg) !important;
}

html body .mobile-nav-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9997 !important;
  background: rgba(6, 16, 22, 0.48) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 220ms ease, visibility 220ms ease !important;
}

html body .mobile-nav-backdrop.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.mobile-nav-open,
html body.mobile-nav-open {
  overflow: hidden !important;
}

@media (max-width: 900px) {
  html body .custom-navbar {
    height: 64px !important;
    min-height: 64px !important;
  }

  html body .custom-navbar .container {
    min-height: 64px !important;
    height: 64px !important;
  }

  html body .burger {
    display: flex !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: fixed !important;
    top: 76px !important;
    left: max(1rem, env(safe-area-inset-left)) !important;
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100dvh - 92px) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0.25rem !important;
    margin: 0 !important;
    padding: 0.85rem !important;
    border: 1px solid rgba(16, 24, 40, 0.12) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 24px 70px rgba(9, 20, 36, 0.24) !important;
    backdrop-filter: blur(22px) saturate(1.2) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-12px) scale(0.985) !important;
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease !important;
    z-index: 10001 !important;
  }

  html body .navbar-links.open,
  html body .navbar-links.active,
  html body .custom-navbar .navbar-links.open,
  html body .custom-navbar .navbar-links.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  html body .navbar-links li {
    width: 100% !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    padding: 0.72rem 0.9rem !important;
    border-radius: 16px !important;
    color: #182230 !important;
    -webkit-text-fill-color: #182230 !important;
    font-size: 1rem !important;
    font-weight: 760 !important;
  }

  html body .navbar-links .nav-link.active,
  html body .navbar-links .nav-link:hover,
  html body .navbar-links a:hover {
    background: rgba(0, 191, 216, 0.1) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }

  html body .navbar-links .nav-link::after {
    display: none !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(245, 248, 252, 0.92) !important;
    box-shadow: none !important;
    transition: max-height 220ms ease, opacity 180ms ease, padding 220ms ease, margin 220ms ease !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .navbar-links .dropdown-menu.show {
    max-height: 420px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 0.35rem !important;
    margin: 0.25rem 0 0.35rem !important;
  }

  html body .custom-navbar .dropdown-item {
    min-height: 40px !important;
    padding: 0.6rem 0.75rem !important;
    font-size: 0.95rem !important;
    border-radius: 12px !important;
  }

  html body .custom-navbar .dropdown-divider {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body h1,
  html body .display-1,
  html body .display-2,
  html body .display-3,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title,
  html body .about-hero h1,
  html body .career-hero h1,
  html body .contact-hero h1 {
    font-size: clamp(2.35rem, 12.5vw, 4.25rem) !important;
    line-height: 0.98 !important;
  }

  html body h2,
  html body .display-5 {
    font-size: clamp(1.85rem, 9vw, 3rem) !important;
  }

  html body h3 {
    font-size: clamp(1.18rem, 5.4vw, 1.65rem) !important;
  }

  html body p,
  html body li,
  html body .lead {
    font-size: clamp(0.94rem, 3.7vw, 1.03rem) !important;
    line-height: 1.62 !important;
  }

  html body .hero-content-wrapper,
  html body .allopen-boxes-container.two-columns,
  html body .allin-feature-row,
  html body .allin-benefits-panel,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    grid-template-columns: 1fr !important;
  }

  html body .hero-text-section,
  html body .allconnect-page .hero-text-section,
  html body .alltask-page .hero-text-section,
  html body .allinlocal-page .hero-text-section,
  html body .allin-page .hero-text-section {
    text-align: left !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 420px) {
  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    top: 70px !important;
    left: 0.7rem !important;
    right: 0.7rem !important;
    border-radius: 20px !important;
  }

  html body h1,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title {
    font-size: clamp(2.15rem, 13vw, 3.5rem) !important;
  }
}

/* Final mobile navigation polish: cleaner icon and premium menu surface. */
@media (max-width: 900px) {
  html body .burger {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body .burger::before {
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    box-shadow: 0 12px 30px rgba(9, 20, 36, 0.1) !important;
    opacity: 0 !important;
    transform: scale(0.82) !important;
    transition: opacity 180ms ease, transform 220ms ease, background 220ms ease !important;
  }

  html body .burger:hover::before,
  html body .burger.active::before {
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  html body .burger span {
    position: absolute !important;
    left: 11px !important;
    width: 24px !important;
    height: 2px !important;
    background: #111827 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html body .burger span:nth-child(1) {
    top: 15px !important;
  }

  html body .burger span:nth-child(2) {
    top: 22px !important;
    width: 19px !important;
  }

  html body .burger span:nth-child(3) {
    top: 29px !important;
    width: 24px !important;
  }

  html body .burger.active span {
    top: 22px !important;
    width: 24px !important;
    background: #07111f !important;
  }

  html body .burger.active span:nth-child(1) {
    transform: rotate(45deg) !important;
  }

  html body .burger.active span:nth-child(2) {
    opacity: 0 !important;
    transform: translateX(8px) scaleX(0) !important;
  }

  html body .burger.active span:nth-child(3) {
    transform: rotate(-45deg) !important;
  }

  html body .mobile-nav-backdrop {
    background:
      radial-gradient(circle at 70% 12%, rgba(0, 191, 216, 0.16), transparent 34%),
      radial-gradient(circle at 18% 16%, rgba(255, 139, 21, 0.12), transparent 30%),
      rgba(5, 11, 20, 0.52) !important;
    backdrop-filter: blur(8px) !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    top: 78px !important;
    left: clamp(0.85rem, 4vw, 1.5rem) !important;
    right: clamp(0.85rem, 4vw, 1.5rem) !important;
    padding: 0.7rem !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(245, 252, 255, 0.92)),
      radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 36%) !important;
    box-shadow:
      0 28px 80px rgba(7, 17, 31, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    transform: translateY(-16px) scale(0.975) !important;
  }

  html body .navbar-links.open,
  html body .navbar-links.active,
  html body .custom-navbar .navbar-links.open,
  html body .custom-navbar .navbar-links.active {
    transform: translateY(0) scale(1) !important;
  }

  html body .navbar-links li {
    transform: translateY(6px) !important;
    opacity: 0 !important;
    transition: opacity 240ms ease, transform 240ms ease !important;
  }

  html body .navbar-links.open li,
  html body .navbar-links.active li {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  html body .navbar-links.open li:nth-child(1),
  html body .navbar-links.active li:nth-child(1) { transition-delay: 25ms !important; }
  html body .navbar-links.open li:nth-child(2),
  html body .navbar-links.active li:nth-child(2) { transition-delay: 50ms !important; }
  html body .navbar-links.open li:nth-child(3),
  html body .navbar-links.active li:nth-child(3) { transition-delay: 75ms !important; }
  html body .navbar-links.open li:nth-child(4),
  html body .navbar-links.active li:nth-child(4) { transition-delay: 100ms !important; }
  html body .navbar-links.open li:nth-child(5),
  html body .navbar-links.active li:nth-child(5) { transition-delay: 125ms !important; }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    min-height: 50px !important;
    padding: 0.78rem 0.95rem !important;
    border-radius: 18px !important;
    color: #1d2939 !important;
    -webkit-text-fill-color: #1d2939 !important;
    background: transparent !important;
  }

  html body .navbar-links .nav-link.active,
  html body .navbar-links .nav-link:hover,
  html body .navbar-links a:hover {
    background:
      linear-gradient(135deg, rgba(7, 17, 31, 0.95), rgba(10, 42, 54, 0.95)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(7, 17, 31, 0.16) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .navbar-links .dropdown-menu.show {
    margin-top: 0.35rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0.45rem !important;
    border: 1px solid rgba(16, 24, 40, 0.06) !important;
    background: rgba(248, 251, 253, 0.94) !important;
  }

  html body .custom-navbar .dropdown-item {
    color: #344054 !important;
    -webkit-text-fill-color: #344054 !important;
  }

  html body .custom-navbar .dropdown-item:hover {
    background: rgba(0, 191, 216, 0.1) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
  }
}

/* Absolute final premium pass: this must stay at the end. */
html body .container {
  max-width: 1240px !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body .fw-bold {
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

html body.index-page .hero h1 {
  font-size: clamp(3.4rem, 8.8vw, 8.6rem) !important;
  line-height: 0.88 !important;
}

html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2 {
  font-size: clamp(2.6rem, 5.5vw, 5.8rem) !important;
  line-height: 0.9 !important;
}

html body .product-universe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.1rem, 2.2vw, 1.8rem) !important;
}

html body .product-universe-card {
  min-height: clamp(330px, 24vw, 390px) !important;
  padding: clamp(1.45rem, 2.4vw, 2.1rem) !important;
  border-radius: 32px !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(240, 253, 255, 0.78)),
    radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.2), transparent 42%) !important;
  box-shadow: 0 24px 76px rgba(9, 20, 36, 0.11) !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.9rem, 2.6vw, 2.85rem) !important;
}

html body .product-universe-card p {
  font-size: clamp(0.98rem, 1.05vw, 1.12rem) !important;
  font-weight: 650 !important;
  color: #4d5d73 !important;
  -webkit-text-fill-color: #4d5d73 !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(70px, 6vw, 96px) !important;
  height: clamp(70px, 6vw, 96px) !important;
  border-radius: 24px !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(1.6rem, 3vw, 2.7rem) !important;
  border-radius: 30px !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.75rem, 3vw, 3rem) !important;
}

html body .allopen-box-desc,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.12vw, 1.18rem) !important;
  font-weight: 650 !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.75rem, 4vw, 4rem) !important;
  border-radius: 38px !important;
  box-shadow: 0 34px 100px rgba(9, 20, 36, 0.14) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2.7rem, 5.8vw, 6.4rem) !important;
  line-height: 0.88 !important;
}

html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(430px, 48vw, 650px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  isolation: isolate !important;
}

html body .allvideo-screen-stage::before,
html body .allinlocal-page .mobile-screenshots-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 8% 4% !important;
  border-radius: 42px !important;
  background:
    linear-gradient(rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    radial-gradient(circle, rgba(0,191,216,0.2), transparent 62%) !important;
  background-size: 38px 38px, 38px 38px, 100% 100% !important;
  z-index: -1 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) translateY(-4px) !important;
  z-index: 2 !important;
}

html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-42px) translateY(38px) scale(0.94) !important;
  z-index: 1 !important;
}

html body .allinlocal-page .mobile-screenshot-container,
html body .allvideo-screen,
html body .ac-hero-device,
html body .alltask-page .mobile-screenshot-container,
html body .allin-hero-preview {
  border-width: 3px !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 70px rgba(9, 20, 36, 0.2) !important;
}

@media (max-width: 900px) {
  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .product-universe-card {
    min-height: 270px !important;
  }

  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:first-child,
  html body .allinlocal-page .mobile-screenshots-container .mobile-screenshot-wrapper:nth-child(2) {
    transform: none !important;
  }
}

@media (max-width: 520px) {
  html body.index-page .hero h1 {
    font-size: clamp(3rem, 16vw, 4.9rem) !important;
  }

  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(2.3rem, 12vw, 4rem) !important;
  }
}

/* Absolute final AllConnect repair: stop raw screenshots, restore premium feature panels. */
html body.allconnect-page .ac-hero {
  min-height: clamp(560px, 74vh, 720px) !important;
  padding-top: clamp(4.75rem, 7vw, 6.5rem) !important;
  padding-bottom: clamp(3.5rem, 6vw, 5rem) !important;
}

html body.allconnect-page .ac-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 6vw, 5rem) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

html body.allconnect-page .ac-title {
  font-size: clamp(3.8rem, 8vw, 7.2rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.06em !important;
}

html body.allconnect-page .ac-subtitle {
  max-width: 620px !important;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem) !important;
  font-weight: 720 !important;
}

html body.allconnect-page .ac-visual {
  min-height: 430px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.allconnect-page .ac-hero-device {
  width: min(320px, 84vw) !important;
  max-width: 320px !important;
  padding: 0 !important;
  border: 3px solid #ff8a00 !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: #fff !important;
  transform: rotate(2deg) !important;
}

html body.allconnect-page .ac-hero-device img {
  width: 100% !important;
  max-width: none !important;
  max-height: 520px !important;
  object-fit: contain !important;
  border-radius: 28px !important;
}

html body.allconnect-page .product-page-main {
  max-width: 1080px !important;
  margin-inline: auto !important;
  padding: clamp(1.5rem, 3.5vw, 3rem) !important;
  border-radius: 32px !important;
}

html body.allconnect-page .product-page-main .row {
  align-items: stretch !important;
}

html body.allconnect-page .product-page-card {
  min-height: 190px !important;
}

html body.allconnect-page .ac-flow-section {
  padding-top: clamp(4.5rem, 7vw, 7rem) !important;
  padding-bottom: clamp(4.5rem, 7vw, 7rem) !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 138, 0, 0.11), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(0, 191, 216, 0.13), transparent 34%),
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
}

html body.allconnect-page .ac-flow-section header {
  max-width: 880px !important;
  margin: 0 auto clamp(2rem, 4vw, 3.5rem) !important;
}

html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(2.7rem, 5.8vw, 5.8rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.055em !important;
}

html body.allconnect-page .ac-flow-list {
  display: grid !important;
  gap: clamp(1.5rem, 4vw, 3rem) !important;
  max-width: 1120px !important;
  margin-inline: auto !important;
}

html body.allconnect-page .ac-flow-card {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.5rem, 4vw, 3.5rem) !important;
  min-height: 520px !important;
  padding: clamp(1.25rem, 3vw, 2.5rem) !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(240, 253, 255, 0.8)),
    radial-gradient(circle at 92% 12%, rgba(255, 138, 0, 0.12), transparent 34%) !important;
  box-shadow: 0 30px 90px rgba(9, 20, 36, 0.11) !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr) !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-media {
  order: 2 !important;
}

html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-copy {
  order: 1 !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 32px !important;
  background:
    linear-gradient(rgba(16,24,40,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,24,40,0.045) 1px, transparent 1px),
    radial-gradient(circle, rgba(255, 138, 0, 0.12), transparent 58%) !important;
  background-size: 34px 34px, 34px 34px, 100% 100% !important;
  overflow: hidden !important;
}

html body.allconnect-page .ac-flow-media img {
  width: auto !important;
  max-width: min(330px, 100%) !important;
  max-height: 500px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  border: 3px solid #ff8a00 !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 70px rgba(9, 20, 36, 0.18) !important;
}

html body.allconnect-page .ac-flow-copy {
  padding: clamp(0.5rem, 2vw, 1rem) !important;
}

html body.allconnect-page .ac-flow-step {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 1rem !important;
  border-radius: 16px !important;
  background: #07111f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(2rem, 4vw, 4.2rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.05em !important;
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

html body.allconnect-page .ac-flow-copy p {
  max-width: 48ch !important;
  font-size: clamp(1rem, 1.1vw, 1.18rem) !important;
  font-weight: 650 !important;
  color: #526176 !important;
  -webkit-text-fill-color: #526176 !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .ac-hero-grid,
  html body.allconnect-page .ac-flow-card,
  html body.allconnect-page .ac-flow-card:nth-child(even) {
    grid-template-columns: 1fr !important;
  }

  html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-media,
  html body.allconnect-page .ac-flow-card:nth-child(even) .ac-flow-copy {
    order: initial !important;
  }

  html body.allconnect-page .ac-flow-card {
    min-height: auto !important;
    border-radius: 30px !important;
  }

  html body.allconnect-page .ac-flow-media {
    min-height: auto !important;
    padding: 1rem !important;
  }

  html body.allconnect-page .ac-flow-media img {
    max-width: min(300px, 100%) !important;
    max-height: 440px !important;
  }
}

/* Final proportional tuning: wider page, smaller containers, calmer headers. */
:root {
  --ap-max: 1320px;
  --ap-page-x: clamp(1rem, 3vw, 2.25rem);
  --ap-section-y: clamp(3.25rem, 5vw, 5.25rem);
  --ap-card-pad: clamp(1rem, 2vw, 1.75rem);
  --ap-card-gap: clamp(0.85rem, 1.6vw, 1.35rem);
}

html body .container {
  max-width: var(--ap-max) !important;
  padding-left: var(--ap-page-x) !important;
  padding-right: var(--ap-page-x) !important;
}

html body .custom-navbar {
  height: 64px !important;
  min-height: 64px !important;
}

html body .custom-navbar .container {
  height: 64px !important;
  min-height: 64px !important;
}

html body .custom-navbar .logo,
html body .navbar-brand {
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  font-weight: 850 !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: clamp(0.82rem, 0.75vw, 0.94rem) !important;
  font-weight: 760 !important;
}

html body h1,
html body .display-1,
html body .display-2,
html body .display-3 {
  font-size: clamp(2.35rem, 5vw, 5.2rem) !important;
  line-height: 0.98 !important;
}

html body.index-page .hero h1 {
  font-size: clamp(2.85rem, 7vw, 7rem) !important;
  line-height: 0.9 !important;
}

html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title,
html body.allconnect-page .ac-title {
  font-size: clamp(2.8rem, 5.8vw, 5.8rem) !important;
  line-height: 0.95 !important;
}

html body h2,
html body .display-5,
html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(1.9rem, 3.8vw, 4.1rem) !important;
  line-height: 1 !important;
}

html body h3,
html body .product-universe-card h3,
html body .allopen-box-title,
html body .allin-platform-title,
html body .allvideo-showcase-copy h3,
html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(1.35rem, 2.5vw, 2.75rem) !important;
  line-height: 1.02 !important;
}

html body p,
html body li,
html body .lead,
html body .allopen-box-desc,
html body .product-universe-card p,
html body .allin-platform-desc,
html body .allvideo-showcase-copy p,
html body.allconnect-page .ac-flow-copy p {
  font-size: clamp(0.9rem, 0.72vw + 0.72rem, 1.02rem) !important;
  line-height: 1.6 !important;
}

html body section,
html body section.py-5,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body .hindi-technology-section,
html body .product-detail-page section.py-5,
html body.allconnect-page .ac-flow-section {
  padding-top: var(--ap-section-y) !important;
  padding-bottom: var(--ap-section-y) !important;
}

html body .hero.custom-hero-section,
html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero {
  min-height: clamp(500px, 68vh, 680px) !important;
  padding-top: clamp(4rem, 6vw, 5.75rem) !important;
  padding-bottom: clamp(2.75rem, 4.5vw, 4.25rem) !important;
}

html body .tech-card,
html body .product-card,
html body .product-universe-card,
html body .allopen-box,
html body .contact-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel,
html body.allconnect-page .ac-flow-card {
  padding: var(--ap-card-pad) !important;
  border-radius: 24px !important;
}

html body .product-universe-grid,
html body .allopen-boxes-container,
html body .allconnect-page .ac-flow-list {
  gap: var(--ap-card-gap) !important;
}

html body .product-universe-card {
  min-height: clamp(245px, 19vw, 310px) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  max-width: 700px !important;
}

html body.allconnect-page .ac-flow-card {
  min-height: 430px !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 340px !important;
}

html body.allconnect-page .ac-flow-media img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .ac-hero-device img {
  max-height: min(440px, 62vh) !important;
}

@media (max-width: 900px) {
  :root {
    --ap-page-x: 1rem;
    --ap-section-y: clamp(2.75rem, 7vw, 4rem);
    --ap-card-pad: clamp(0.95rem, 4vw, 1.35rem);
  }

  html body .custom-navbar,
  html body .custom-navbar .container {
    height: 62px !important;
    min-height: 62px !important;
  }

  html body h1,
  html body.index-page .hero h1,
  html body.product-detail-page .allin-hero-main-text,
  html body.product-detail-page .ac-title,
  html body.allconnect-page .ac-title {
    font-size: clamp(2.25rem, 11vw, 4rem) !important;
  }

  html body h2,
  html body .display-5,
  html body .product-universe-head h2,
  html body .section-header h2,
  html body .allin-platform-header h2,
  html body .allvideo-showcase-header h2 {
    font-size: clamp(1.8rem, 8vw, 3rem) !important;
  }

  html body h3,
  html body .product-universe-card h3,
  html body .allopen-box-title,
  html body .allin-platform-title,
  html body .allvideo-showcase-copy h3 {
    font-size: clamp(1.3rem, 6vw, 2.25rem) !important;
  }

  html body .product-universe-card {
    min-height: auto !important;
  }

  html body.allconnect-page .ac-flow-card {
    min-height: auto !important;
  }
}

/* Final layout correction: keep product media/text side-by-side on laptop/tablet. */
:root {
  --ap-section-y: clamp(2.75rem, 4.5vw, 4.5rem);
  --ap-card-pad: clamp(0.9rem, 1.7vw, 1.45rem);
  --ap-card-gap: clamp(0.75rem, 1.4vw, 1.15rem);
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .text-center.mb-5 {
  margin-bottom: clamp(1.25rem, 2.5vw, 2.1rem) !important;
}

html body .tech-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body.allconnect-page .ac-flow-card {
  padding: var(--ap-card-pad) !important;
}

html body .row.g-4,
html body .row.g-lg-5,
html body .hero-content-wrapper,
html body .allopen-boxes-container,
html body.allconnect-page .ac-flow-list {
  gap: var(--ap-card-gap) !important;
}

html body .product-page-main .row,
html body .product-page-cta .row,
html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .product-page-main .row > *,
html body .product-page-cta .row > *,
html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body h1,
html body.index-page .hero h1,
html body.product-detail-page .allin-hero-main-text,
html body.product-detail-page .ac-title,
html body.allconnect-page .ac-title {
  font-size: clamp(2.45rem, 5.4vw, 5.25rem) !important;
}

html body h2,
html body .display-5,
html body .product-universe-head h2,
html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body.allconnect-page .ac-flow-section h2 {
  font-size: clamp(1.8rem, 3.4vw, 3.5rem) !important;
}

html body h3,
html body .product-universe-card h3,
html body .allopen-box-title,
html body .allin-platform-title,
html body .allvideo-showcase-copy h3,
html body.allconnect-page .ac-flow-copy h3 {
  font-size: clamp(1.25rem, 2.15vw, 2.35rem) !important;
}

html body .hero.custom-hero-section,
html body .allin-hero,
html body .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero {
  min-height: clamp(460px, 62vh, 620px) !important;
  padding-top: clamp(3.5rem, 5vw, 5rem) !important;
  padding-bottom: clamp(2.25rem, 4vw, 3.5rem) !important;
}

html body .hero-screenshot-section,
html body .ac-visual,
html body .allvideo-screen-stage,
html body .allinlocal-page .mobile-screenshots-container {
  min-height: clamp(300px, 34vw, 460px) !important;
}

html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .ac-hero-device img,
html body .allvideo-screen img,
html body .allin-hero-preview img,
html body.allconnect-page .ac-flow-media img {
  max-height: min(380px, 56vh) !important;
}

@media (min-width: 760px) {
  html body .hero-content-wrapper,
  html body.allconnect-page .ac-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.78fr) !important;
    align-items: center !important;
    gap: clamp(1.25rem, 3vw, 3rem) !important;
  }

  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr) !important;
    align-items: center !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body .product-page-cta .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body.allconnect-page .ac-flow-card {
    grid-template-columns: minmax(240px, 0.76fr) minmax(0, 1fr) !important;
    min-height: 360px !important;
    gap: clamp(1rem, 2.5vw, 2rem) !important;
  }

  html body.allconnect-page .ac-flow-card:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.76fr) !important;
  }

  html body .allopen-boxes-container.two-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 759px) {
  html body .hero-content-wrapper,
  html body.allconnect-page .ac-hero-grid,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body.allconnect-page .ac-flow-card {
    grid-template-columns: 1fr !important;
  }
}

/* Final navigation repair: desktop Product dropdown and mobile burger share one polished language. */
html body .custom-navbar {
  overflow: visible !important;
  max-height: none !important;
  z-index: 10050 !important;
}

html body .custom-navbar .container,
html body .navbar-links,
html body .navbar-links li,
html body .custom-navbar .nav-item.dropdown {
  overflow: visible !important;
}

html body .custom-navbar .nav-item.dropdown {
  position: relative !important;
}

@media (min-width: 901px) {
  html body .burger {
    display: none !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(0.9rem, 1.6vw, 1.8rem) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body .navbar-links li {
    width: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: auto !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.42rem 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(16, 24, 40, 0.72) !important;
    -webkit-text-fill-color: rgba(16, 24, 40, 0.72) !important;
  }

  html body .navbar-links .nav-link:hover,
  html body .navbar-links .nav-link.active {
    color: #101828 !important;
    -webkit-text-fill-color: #101828 !important;
    background: transparent !important;
  }

  html body .custom-navbar .dropdown-toggle::after {
    display: inline-block !important;
    margin-left: 0.45rem !important;
    vertical-align: 0.12em !important;
    border-top-color: currentColor !important;
    transition: transform 180ms ease !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-toggle::after,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-toggle::after {
    transform: rotate(180deg) !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: min(340px, calc(100vw - 2rem)) !important;
    min-width: 300px !important;
    max-width: 340px !important;
    max-height: min(72vh, 540px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0.65rem !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 26px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 252, 255, 0.94)),
      radial-gradient(circle at 100% 0%, rgba(0, 191, 216, 0.14), transparent 38%) !important;
    box-shadow:
      0 28px 80px rgba(7, 17, 31, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(22px) saturate(1.2) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, 10px, 0) scale(0.98) !important;
    transform-origin: top right !important;
    transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1), visibility 180ms ease !important;
    z-index: 10060 !important;
  }

  html body .custom-navbar .dropdown-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    right: 28px !important;
    width: 14px !important;
    height: 14px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.72) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    transform: rotate(45deg) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .dropdown-item {
    position: relative !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0.7rem 0.85rem !important;
    border-radius: 16px !important;
    color: #344054 !important;
    -webkit-text-fill-color: #344054 !important;
    font-size: 0.92rem !important;
    font-weight: 820 !important;
    text-decoration: none !important;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease !important;
  }

  html body .custom-navbar .dropdown-item:hover,
  html body .custom-navbar .dropdown-item:focus {
    background:
      linear-gradient(135deg, rgba(7, 17, 31, 0.96), rgba(10, 42, 54, 0.96)) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transform: translateX(2px) !important;
  }

  html body .custom-navbar .dropdown-divider {
    display: block !important;
    height: 1px !important;
    margin: 0.25rem 0.4rem !important;
    border: 0 !important;
    background: rgba(16, 24, 40, 0.08) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar .dropdown-toggle::after {
    margin-left: auto !important;
    transition: transform 180ms ease !important;
  }

  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
  html body .custom-navbar .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg) !important;
  }
}


/* 2026 layout and interaction authority.
   Keep this block last: it neutralizes old one-off spacing, button, and product-page conflicts. */
:root {
  --ap-shell: min(100% - 40px, 1440px);
  --ap-content: min(100% - 40px, 1240px);
  --ap-narrow: min(100% - 40px, 900px);
  --ap-card-pad: clamp(1.1rem, 2vw, 2rem);
  --ap-card-gap: clamp(0.9rem, 1.5vw, 1.35rem);
  --ap-block-gap: clamp(1.25rem, 2vw, 2rem);
  --ap-section-space: clamp(3rem, 4.8vw, 5rem);
  --ap-ink: #0b1220;
  --ap-muted: #536176;
  --ap-panel: rgba(255,255,255,0.9);
  --ap-line: rgba(15,23,42,0.1);
}

html body {
  color: var(--ap-ink) !important;
  text-rendering: geometricPrecision;
}

html body .container {
  width: var(--ap-shell) !important;
  max-width: var(--ap-shell) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body section,
html body .product-section,
html body .product-universe-section,
html body .allin-platform-section,
html body .allvideo-showcase-section,
html body #description-section,
html body #features-section,
html body #contact-section {
  padding-top: var(--ap-section-space) !important;
  padding-bottom: var(--ap-section-space) !important;
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  width: var(--ap-narrow) !important;
  max-width: var(--ap-narrow) !important;
  margin: 0 auto clamp(1.5rem, 2.5vw, 2.4rem) !important;
  text-align: center !important;
}

html body h1,
html body .hero-title,
html body .allin-hero-main-text {
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body h2,
html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(1.9rem, 3.15vw, 3.05rem) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  margin: 0 0 0.75rem !important;
  text-wrap: balance;
}

html body h3,
html body .allopen-box-title,
html body .product-page-card h4 {
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html body p,
html body li,
html body .lead,
html body .allopen-box-desc,
html body .product-page-intro,
html body .product-page-card p {
  color: var(--ap-muted) !important;
  line-height: 1.58 !important;
}

html body .product-theme-dark,
html body .product-theme-dark *,
html body .site-footer,
html body footer {
  color-scheme: dark;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark .allopen-box-desc,
html body footer p,
html body footer li,
html body footer a {
  color: rgba(255,255,255,0.76) !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body footer h3,
html body footer h4 {
  color: #fff !important;
}

html body .tech-card,
html body .allopen-box,
html body .product-universe-card,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-row,
html body .allin-benefits-panel {
  border: 1px solid var(--ap-line) !important;
  border-radius: 24px !important;
  padding: var(--ap-card-pad) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,0.08) !important;
}

html body .product-universe-grid {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--ap-block-gap) !important;
  margin: 0 auto !important;
}

html body .product-universe-card {
  min-height: 250px !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(4.5rem, 1fr) auto !important;
  gap: 0.75rem !important;
  align-content: start !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(226,250,253,0.82)) !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.45rem, 1.7vw, 1.95rem) !important;
  margin: 0 !important;
  color: var(--ap-ink) !important;
}

html body .product-universe-card p {
  font-size: clamp(0.9rem, 0.92vw, 1rem) !important;
  margin: 0 !important;
  color: #667085 !important;
}

html body .product-universe-card .product-card-link {
  align-self: end !important;
  color: #007a87 !important;
  font-weight: 800 !important;
}

html body .product-card-logo,
html body .product-logo {
  width: clamp(58px, 5vw, 76px) !important;
  height: clamp(58px, 5vw, 76px) !important;
  border-radius: 18px !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center,
html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .why-allin-blocks,
html body .allvideo-showcase-grid,
html body #contact-section .row,
html body form#contactForm {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .allopen-boxes-container,
html body .allin-feature-showcase,
html body .why-allin-blocks {
  display: grid !important;
  gap: var(--ap-block-gap) !important;
}

html body .allopen-boxes-container.product-boxes-center:not(.two-columns) {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

html body .allopen-boxes-container.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  max-width: 980px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.95rem !important;
}

html body .allopen-boxes-container.two-columns > .allopen-box {
  max-width: none !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2vw, 2.15rem) !important;
  margin: 0 !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  margin: 0 !important;
}

html body .product-buttons,
html body .product-page-cta-buttons,
html body .allvideo-showcase-actions,
html body .allin-platform-cta,
html body .hero-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  margin-top: auto !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body button.hero-cta-button,
html body button.tech-button,
html body a.hero-cta-button,
html body a.tech-button {
  min-height: 44px !important;
  padding: 0.72rem 1.25rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  border: 1px solid rgba(15,23,42,0.18) !important;
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(15,23,42,0.12) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app {
  background: #07111f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(0,217,255,0.6) !important;
  box-shadow: 0 14px 32px rgba(0,217,255,0.16), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

html body .btn-play,
html body button.btn-play,
html body button.hero-cta-button:not([onclick*="Register"]):has(.fa-apple),
html body button.tech-button:has(.fa-apple),
html body .hero-cta-button:not(a[href*="play.google"]) .fa-apple {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body button.hero-cta-button:has(.fa-apple),
html body button.tech-button:has(.fa-apple),
html body .product-buttons button,
html body .product-page-cta-buttons button {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(15,23,42,0.18) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0,217,255,0.32), 0 18px 42px rgba(0,217,255,0.22) !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row,
html body .product-page-main .row,
html body .product-page-cta .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.84fr) !important;
  gap: var(--ap-block-gap) !important;
  align-items: center !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 3.1vw, 3.4rem) !important;
  line-height: 1 !important;
}

html body .allin-main-screen,
html body .allvideo-screen,
html body .mobile-screenshot-container,
html body .product-page-screenshot,
html body .ac-hero-device,
html body .allin-hero-preview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: transparent !important;
}

html body .allin-main-screen img,
html body .allvideo-screen img,
html body .mobile-screenshot-container img,
html body .product-page-screenshot img,
html body .ac-hero-device img,
html body .allin-hero-preview img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: min(430px, 58vh) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
}

html body.allconnect-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero {
  min-height: auto !important;
  padding-top: clamp(3.2rem, 5vw, 5.25rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper {
  width: var(--ap-content) !important;
  max-width: var(--ap-content) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr) !important;
  gap: clamp(1.5rem, 3vw, 3.5rem) !important;
  align-items: center !important;
}

html body.allconnect-page .hero-text-section,
html body.alltask-page .hero-text-section,
html body.allinlocal-page .hero-text-section {
  max-width: 650px !important;
}

html body.allconnect-page .allin-hero-main-text,
html body.alltask-page .allin-hero-main-text,
html body.allinlocal-page .allin-hero-main-text {
  font-size: clamp(3rem, 5.4vw, 5.4rem) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body.allconnect-page .hero-subtitle,
html body.alltask-page .hero-subtitle,
html body.allinlocal-page .hero-subtitle {
  max-width: 58ch !important;
  font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
  color: #2e3a4c !important;
  -webkit-text-fill-color: #2e3a4c !important;
  font-weight: 700 !important;
}

html body.allconnect-page .hero-screenshot-section,
html body.alltask-page .hero-screenshot-section,
html body.allinlocal-page .hero-screenshot-section {
  min-height: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container {
  border: 3px solid currentColor !important;
  box-shadow: 0 28px 70px rgba(15,23,42,0.18) !important;
}

html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container {
  color: #f97316 !important;
}

html body.alltask-page .hero-screenshot-section .mobile-screenshot-container {
  color: #ffad6a !important;
}

html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container {
  color: #2f6bff !important;
}

html body.allconnect-page .hero-screenshot-section img,
html body.alltask-page .hero-screenshot-section img,
html body.allinlocal-page .hero-screenshot-section img {
  max-height: min(420px, 54vh) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  min-height: 0 !important;
  width: 100% !important;
  max-width: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) scale(0.94) !important;
  z-index: 2 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-44px) translateY(18px) scale(0.88) !important;
  z-index: 1 !important;
}

html body.allinlocal-page #description-section .product-page-main .row {
  grid-template-columns: minmax(290px, 0.72fr) minmax(0, 1fr) !important;
}

html body.allinlocal-page #description-section .row.g-3 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-card-gap) !important;
}

html body.allinlocal-page .product-page-card {
  min-height: 160px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body .product-page-main .row > [class*="col-"],
html body .product-page-cta .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
}

html body .custom-navbar {
  min-height: 74px !important;
}

html body .custom-navbar .container {
  width: var(--ap-shell) !important;
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body .custom-navbar .logo {
  font-size: clamp(1.05rem, 1.2vw, 1.25rem) !important;
  font-weight: 900 !important;
}

html body .navbar-links .nav-link,
html body .navbar-links a {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
}

html body .navbar-links .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
}

html body .navbar-links .nav-link.active::after {
  transform: scaleX(1) !important;
}

@media (min-width: 901px) {
  html body .custom-navbar .dropdown-menu {
    top: calc(100% + 20px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 260px !important;
    padding: 0.55rem !important;
    border-radius: 18px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* Product composition pass: consistent card, copy, button, and screenshot placement. */
:root {
  --ap-max-wide: min(100% - 40px, 1280px);
  --ap-max-readable: min(100% - 40px, 900px);
  --ap-card-radius-2: 30px;
  --ap-card-pad-2: clamp(1.35rem, 2.6vw, 2.6rem);
  --ap-copy-gap: clamp(0.85rem, 1.3vw, 1.25rem);
  --ap-shadow-soft: 0 26px 70px rgba(15, 23, 42, 0.12);
  --ap-glass-light: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(235,252,255,0.88));
  --ap-glass-dark: linear-gradient(135deg, rgba(10,18,29,0.96), rgba(4,45,51,0.9));
}

html body .section-header,
html body .product-universe-head,
html body .allin-platform-header,
html body .allvideo-showcase-header,
html body .features-header-wrapper,
html body .text-center.mb-5 {
  max-width: var(--ap-max-readable) !important;
  margin-inline: auto !important;
  margin-bottom: clamp(1.25rem, 2.6vw, 2.4rem) !important;
}

html body .section-header h2,
html body .product-universe-head h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body .features-header-wrapper h2,
html body section h2.display-5 {
  font-size: clamp(2.1rem, 3.4vw, 3.65rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .product-theme-dark .section-header h2,
html body .product-theme-dark section h2.display-5 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .section-header .lead,
html body .product-universe-head p,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body .features-header-wrapper .lead {
  max-width: 58ch !important;
  margin-inline: auto !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
  line-height: 1.55 !important;
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

html body .product-theme-dark .section-header .lead {
  color: rgba(255,255,255,0.76) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.76) !important;
}

html body .product-section {
  padding-block: clamp(3rem, 5.2vw, 5.8rem) !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .product-page-main,
html body .product-page-cta {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  max-width: 1080px !important;
  width: 100% !important;
  min-height: clamp(280px, 29vw, 390px) !important;
  padding: var(--ap-card-pad-2) !important;
  border-radius: var(--ap-card-radius-2) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.34fr) !important;
  grid-template-rows: auto 1fr auto !important;
  column-gap: clamp(1.25rem, 3vw, 3.5rem) !important;
  row-gap: var(--ap-copy-gap) !important;
  align-items: center !important;
  background: var(--ap-glass-light) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: var(--ap-shadow-soft) !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .product-theme-dark .allopen-box {
  background: var(--ap-glass-dark) !important;
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.32) !important;
}

html body .product-section .allopen-box::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 86% 15%, rgba(0,191,216,0.2), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(255,138,0,0.12), transparent 27%) !important;
  pointer-events: none !important;
}

html body .product-section .allopen-box > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .product-section .allopen-box .product-logo-container {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  justify-self: center !important;
  align-self: center !important;
  width: clamp(128px, 15vw, 190px) !important;
  height: clamp(128px, 15vw, 190px) !important;
  border-radius: 28px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,0.13) !important;
  transform: rotate(3deg) translateY(-2px) !important;
}

html body .product-theme-dark .product-logo-container {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

html body .product-section .product-logo {
  width: clamp(82px, 9vw, 128px) !important;
  height: clamp(82px, 9vw, 128px) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  filter: drop-shadow(0 16px 28px rgba(15,23,42,0.16)) !important;
}

html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  max-width: 66ch !important;
  display: grid !important;
  gap: 0.8rem !important;
}

html body .allopen-box-title {
  font-size: clamp(1.65rem, 2.25vw, 2.65rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .product-theme-dark .allopen-box-title,
html body .product-theme-dark .allopen-box-title * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body .allopen-box-desc {
  max-width: 62ch !important;
  margin: 0 !important;
  font-size: clamp(0.94rem, 0.98vw, 1.05rem) !important;
  line-height: 1.62 !important;
  color: #536176 !important;
  -webkit-text-fill-color: #536176 !important;
}

html body .product-theme-dark .allopen-box-desc,
html body .product-theme-dark .allopen-box-desc * {
  color: rgba(255,255,255,0.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.78) !important;
}

html body .product-section .product-buttons,
html body .allin-platform-cta,
html body .allvideo-showcase-actions,
html body .product-page-cta-buttons,
html body .hero-features,
html body .ac-actions {
  grid-column: 1 !important;
  grid-row: 3 !important;
  align-self: end !important;
  justify-content: flex-start !important;
  margin-top: clamp(0.8rem, 1.5vw, 1.25rem) !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body button.hero-cta-button,
html body button.tech-button,
html body a.hero-cta-button,
html body a.tech-button {
  min-width: 132px !important;
  min-height: 46px !important;
  padding: 0.78rem 1.22rem !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
  font-size: 0.92rem !important;
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border: 1px solid rgba(15,23,42,0.18) !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].btn-app,
html body .btn-app:is(a) {
  background: linear-gradient(135deg, #06111f, #020812) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(0,191,216,0.56) !important;
  box-shadow: 0 14px 34px rgba(0,191,216,0.16), inset 0 0 0 1px rgba(255,255,255,0.08) !important;
}

html body button.btn-play,
html body .btn-play,
html body button.hero-cta-button:has(.fa-apple),
html body button.tech-button:has(.fa-apple) {
  background: linear-gradient(135deg, #fff, #f7f8fb) !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border-color: rgba(15,23,42,0.18) !important;
  box-shadow: 0 12px 30px rgba(15,23,42,0.12) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(0,191,216,0.38), 0 18px 42px rgba(0,191,216,0.2) !important;
}

html body .product-page-main {
  padding: clamp(1.5rem, 2.8vw, 2.8rem) !important;
  border-radius: 30px !important;
  background: var(--ap-glass-light) !important;
}

html body .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(1.35rem, 3vw, 3rem) !important;
  align-items: center !important;
}

html body .product-page-main .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
}

html body .product-page-intro {
  max-width: 58ch !important;
  font-size: clamp(0.96rem, 1vw, 1.08rem) !important;
  color: #536176 !important;
}

html body .product-page-list {
  display: grid !important;
  gap: 0.75rem !important;
  margin: 1.35rem 0 0 !important;
  padding-left: 1.1rem !important;
  color: #536176 !important;
}

html body .product-page-card {
  min-height: 165px !important;
  padding: clamp(1rem, 1.6vw, 1.45rem) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 44px rgba(15,23,42,0.08) !important;
}

html body .product-page-card h4 {
  font-size: clamp(1.25rem, 1.8vw, 1.75rem) !important;
  margin-bottom: 0.65rem !important;
}

html body .ac-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero,
html body.allin-page .allin-hero {
  min-height: auto !important;
  padding-block: clamp(3.2rem, 5.5vw, 6rem) !important;
}

html body .ac-inner,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper,
html body.allin-page .hero-content-wrapper {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.72fr) !important;
  gap: clamp(1.6rem, 4vw, 4.5rem) !important;
  align-items: center !important;
  min-height: clamp(420px, 54vh, 560px) !important;
}

html body .ac-copy,
html body .hero-text-section {
  max-width: 680px !important;
  padding: 0 !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3.1rem, 5.6vw, 5.8rem) !important;
  line-height: 0.93 !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  max-width: 54ch !important;
  font-size: clamp(1rem, 1.25vw, 1.22rem) !important;
  line-height: 1.55 !important;
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  font-weight: 700 !important;
}

html body .ac-visual,
html body .hero-screenshot-section,
html body .allin-hero-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html body .ac-hero-device,
html body .mobile-screenshot-container,
html body .allin-hero-preview,
html body .allin-main-screen,
html body .allvideo-screen {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .ac-hero-device img,
html body .mobile-screenshot-container img,
html body .allin-hero-preview img,
html body .allin-main-screen img,
html body .allvideo-screen img {
  display: block !important;
  width: auto !important;
  max-width: min(360px, 86vw) !important;
  max-height: min(470px, 58vh) !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 4px solid var(--ap-shot, #00bfd8) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 28px 76px rgba(15,23,42,0.18) !important;
}

html body.allconnect-page { --ap-shot: #f97316; }
html body.alltask-page { --ap-shot: #ffad6a; }
html body.allinlocal-page { --ap-shot: #2f6bff; }
html body.allin-page { --ap-shot: #34d6c9; }

html body .ac-hero-device,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allin-page .allin-hero-preview {
  transform: rotate(3deg) translateY(-4px) !important;
}

html body .ac-hero-device img,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allin-page .allin-hero-preview img {
  height: min(430px, 52vh) !important;
  width: auto !important;
  max-height: min(430px, 52vh) !important;
  object-fit: contain !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  width: min(100%, 520px) !important;
  height: clamp(360px, 42vw, 470px) !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  z-index: 2 !important;
  transform: rotate(-5deg) translateX(46px) scale(0.95) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  z-index: 1 !important;
  transform: rotate(5deg) translateX(-46px) translateY(18px) scale(0.88) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(1.4rem, 2.8vw, 2.8rem) !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(320px, 1fr) !important;
  gap: clamp(1.5rem, 3.6vw, 4.2rem) !important;
  align-items: center !important;
}

html body .allin-platform-hero .row > [class*="col-"],
html body .allvideo-showcase-hero .row > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: initial !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body .allin-platform-copy,
html body .allvideo-showcase-copy {
  max-width: 620px !important;
  display: grid !important;
  gap: 0.95rem !important;
}

html body .allvideo-showcase-logo {
  width: clamp(72px, 6vw, 96px) !important;
  height: clamp(72px, 6vw, 96px) !important;
  object-fit: contain !important;
  margin: 0 0 0.35rem !important;
  border-radius: 22px !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 3.8vw, 4.2rem) !important;
  line-height: 0.95 !important;
  margin: 0 !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  max-width: 52ch !important;
  font-size: clamp(0.95rem, 1vw, 1.08rem) !important;
  line-height: 1.62 !important;
}

html body .allin-screenshot-stage,
html body .allvideo-screen-stage {
  min-height: clamp(360px, 36vw, 520px) !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
}

html body .allin-main-screen {
  transform: rotate(3deg) translateX(1rem) !important;
}

html body .allin-main-screen img {
  height: min(500px, 60vh) !important;
  width: auto !important;
  aspect-ratio: 9 / 19 !important;
  object-fit: contain !important;
  max-height: min(500px, 60vh) !important;
}

html body .allvideo-screen-stage {
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(0.4rem, 1vw, 1rem) !important;
}

html body .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(1.1rem) !important;
  z-index: 2 !important;
}

html body .allvideo-screen-clips {
  transform: rotate(5deg) translateX(-1.1rem) translateY(1rem) !important;
  z-index: 1 !important;
}

html body .allvideo-screen img {
  height: min(500px, 60vh) !important;
  width: auto !important;
  aspect-ratio: 9 / 19 !important;
  max-width: min(260px, 42vw) !important;
  max-height: min(520px, 64vh) !important;
  min-width: clamp(180px, 16vw, 235px) !important;
  border-color: #5b78ff !important;
}

html body .allvideo-screen {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

html body .allin-feature-showcase {
  width: var(--ap-max-wide) !important;
  max-width: var(--ap-max-wide) !important;
  margin: clamp(2rem, 4vw, 4rem) auto 0 !important;
}

html body .allin-feature-row {
  min-height: 360px !important;
  padding: clamp(1.35rem, 2.6vw, 2.6rem) !important;
  border-radius: 30px !important;
  grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1fr) !important;
}

html body .allin-feature-media img {
  max-height: min(420px, 55vh) !important;
  border: 4px solid #34d6c9 !important;
  border-radius: 24px !important;
}

html body .allin-feature-copy h4,
html body .allin-benefits-copy h3 {
  font-size: clamp(1.75rem, 3vw, 3.4rem) !important;
  line-height: 0.98 !important;
}

@media (max-width: 980px) {
  html body .product-section .allopen-box,
  html body .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body .ac-inner,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allin-page .hero-content-wrapper,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }

  html body .product-section .allopen-box .product-logo-container {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: 96px !important;
    height: 96px !important;
    transform: rotate(0deg) !important;
  }

  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body .product-section .product-buttons {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .product-section .product-buttons,
  html body .allin-platform-cta,
  html body .allvideo-showcase-actions,
  html body .hero-features,
  html body .ac-actions {
    justify-content: flex-start !important;
  }

  html body .ac-copy,
  html body .hero-text-section {
    text-align: left !important;
  }

  html body .allvideo-screen-stage {
    max-width: 520px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 640px) {
  html body .product-section .allopen-box,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    border-radius: 22px !important;
    padding: clamp(1rem, 5vw, 1.35rem) !important;
  }

  html body .ac-title,
  html body .allin-hero-main-text {
    font-size: clamp(2.65rem, 13vw, 4rem) !important;
  }

  html body .ac-hero-device img,
  html body .mobile-screenshot-container img,
  html body .allin-hero-preview img,
  html body .allin-main-screen img {
    max-height: min(360px, 48vh) !important;
    max-width: min(300px, 84vw) !important;
    border-width: 3px !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    height: 340px !important;
    width: min(100%, 340px) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-4deg) translateX(38px) scale(0.82) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(5deg) translateX(-38px) translateY(12px) scale(0.76) !important;
  }
}

/* Absolute final guard after all legacy/product overrides. */
html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  transform: none !important;
}

/* Final visibility guard: animation may enhance these sections, but content must never vanish. */
html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-media,
html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen,
html body.index-page #allin-details-section .allin-hero-preview,
html body.allin-page #allin-details-section .allin-hero-preview {
  opacity: 1 !important;
}

@keyframes apScreenLift {
  from {
    opacity: 0.82;
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img,
html body.index-page #allvideo-showcase-section .allvideo-screen img,
html body .ac-hero-device img {
  animation: apScreenLift 720ms cubic-bezier(.2, .8, .2, 1) both;
}

@media (max-width: 1100px) {
  :root {
    --ap-shell: min(100% - 32px, 1240px);
    --ap-content: min(100% - 32px, 1120px);
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr) !important;
  }

  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar {
    min-height: 68px !important;
  }

  html body .custom-navbar .container {
    min-height: 68px !important;
  }

  html body .burger {
    display: inline-flex !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 1002 !important;
  }

  html body .burger span {
    width: 24px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #0b1220 !important;
    transition: transform 180ms ease, opacity 180ms ease !important;
  }

  html body .burger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  html body .burger.active span:nth-child(2) {
    opacity: 0 !important;
  }

  html body .burger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  html body .navbar-links,
  html body .custom-navbar .navbar-links {
    position: fixed !important;
    inset: 78px 16px auto 16px !important;
    width: auto !important;
    max-height: calc(100dvh - 100px) !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    padding: 1rem !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(15,23,42,0.1) !important;
    box-shadow: 0 24px 70px rgba(15,23,42,0.22) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-10px) scale(0.98) !important;
    pointer-events: none !important;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
    z-index: 1001 !important;
  }

  html body .navbar-links.open,
  html body .custom-navbar .navbar-links.open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
  }

  html body .navbar-links li {
    width: 100% !important;
  }

  html body .navbar-links .nav-link,
  html body .navbar-links a {
    width: 100% !important;
    justify-content: space-between !important;
    padding: 0.9rem 1rem !important;
    border-radius: 16px !important;
    color: #0b1220 !important;
    -webkit-text-fill-color: #0b1220 !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar-links .dropdown-menu {
    position: static !important;
    width: 100% !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.45rem !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .product-page-main .row,
  html body .product-page-cta .row,
  html body .allopen-boxes-container.two-columns,
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allinlocal-page #description-section .product-page-main .row {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row,
  html body .allin-feature-row:nth-of-type(even) {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
  }
}

@media (max-width: 640px) {
  :root {
    --ap-shell: min(100% - 24px, 1440px);
    --ap-content: min(100% - 24px, 1240px);
    --ap-narrow: min(100% - 24px, 900px);
    --ap-section-space: 2.7rem;
  }

  html body .product-universe-grid,
  html body.allinlocal-page #description-section .row.g-3 {
    grid-template-columns: 1fr !important;
  }

  html body .tech-card,
  html body .allopen-box,
  html body .product-universe-card,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body .allin-feature-row,
  html body .allin-benefits-panel {
    border-radius: 20px !important;
    padding: clamp(1rem, 5vw, 1.35rem) !important;
  }

  html body .product-universe-card {
    min-height: 230px !important;
  }

  html body.allconnect-page .allin-hero-main-text,
  html body.alltask-page .allin-hero-main-text,
  html body.allinlocal-page .allin-hero-main-text {
    font-size: clamp(2.55rem, 13vw, 4rem) !important;
  }

  html body.allconnect-page .hero-screenshot-section img,
  html body.alltask-page .hero-screenshot-section img,
  html body.allinlocal-page .hero-screenshot-section img {
    max-height: min(360px, 48vh) !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    max-width: 360px !important;
    min-height: 330px !important;
    height: 330px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-4deg) translateX(48px) translateY(-8px) scale(0.82) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(5deg) translateX(-48px) translateY(14px) scale(0.76) !important;
  }
}

/* Post-audit geometry fixes: remove legacy hero height locks and keep product pages balanced. */
html body.allconnect-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero {
  padding-top: clamp(2.5rem, 4vw, 4rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 4rem) !important;
}

html body.allconnect-page .allin-hero > .container,
html body.alltask-page .allin-hero > .container,
html body.allinlocal-page .allin-hero > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper {
  min-height: clamp(430px, 56vh, 560px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.allconnect-page .hero-text-section,
html body.alltask-page .hero-text-section,
html body.allinlocal-page .hero-text-section,
html body.allconnect-page .hero-screenshot-section,
html body.alltask-page .hero-screenshot-section,
html body.allinlocal-page .hero-screenshot-section {
  padding: 0 !important;
}

html body.allconnect-page .hero-screenshot-section img,
html body.alltask-page .hero-screenshot-section img,
html body.allinlocal-page .hero-screenshot-section img {
  max-height: min(390px, 52vh) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  max-width: 500px !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-4deg) translateX(42px) scale(0.9) !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(5deg) translateX(-42px) translateY(16px) scale(0.84) !important;
}

html body .why-allin-title {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body footer .container,
html body #contact-section .container {
  overflow: hidden !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper {
    min-height: 0 !important;
    gap: clamp(1.25rem, 5vw, 2.25rem) !important;
  }

  html body.allconnect-page .hero-text-section,
  html body.alltask-page .hero-text-section,
  html body.allinlocal-page .hero-text-section {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.allconnect-page .hero-features,
  html body.alltask-page .hero-features,
  html body.allinlocal-page .hero-features {
    justify-content: center !important;
  }
}

/* Final product layout system: one composition language for Allpixel product pages. */
:root {
  --ap-page-max: 1180px;
  --ap-card-max: 1120px;
  --ap-ink: #101725;
  --ap-muted: #5f6b7d;
  --ap-surface: rgba(255, 255, 255, 0.82);
  --ap-surface-strong: rgba(255, 255, 255, 0.94);
  --ap-dark: #06131a;
  --ap-dark-card: #101b25;
  --ap-cyan: #1dd7df;
  --ap-green: #25c87c;
  --ap-orange: #ff8a1d;
  --ap-blue: #3f7df6;
}

html body {
  color: var(--ap-ink) !important;
  background:
    linear-gradient(90deg, rgba(16, 23, 37, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(16, 23, 37, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdff 0%, #f5f8fb 46%, #ffffff 100%) !important;
  background-size: 64px 64px, 64px 64px, auto !important;
  font-family: Inter, Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body .container {
  max-width: var(--ap-page-max) !important;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  color: var(--ap-ink) !important;
  letter-spacing: -0.035em !important;
  line-height: 0.98 !important;
  font-weight: 800 !important;
}

html body p,
html body li,
html body .lead {
  color: var(--ap-muted) !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body .product-theme-dark .allopen-box-title,
html body .product-theme-dark .section-header h2,
html body .allvideo-showcase-section h2 {
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark .lead,
html body .product-theme-dark .allopen-box-desc,
html body .allvideo-showcase-section p,
html body .allvideo-showcase-section li {
  color: rgba(232, 242, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(232, 242, 255, 0.82) !important;
}

html body .section-header {
  margin-bottom: clamp(1.4rem, 3vw, 2.4rem) !important;
}

html body .section-header h2,
html body .allin-platform-header h2,
html body .allvideo-showcase-header h2,
html body #description-section h2 {
  font-size: clamp(2.1rem, 4.2vw, 4rem) !important;
}

html body .section-header .lead,
html body .allin-platform-tagline,
html body .allvideo-showcase-tagline,
html body #description-section .lead {
  max-width: 680px !important;
  margin: 0.55rem auto 0 !important;
  font-size: clamp(0.98rem, 1.35vw, 1.18rem) !important;
}

html body .custom-navbar {
  position: sticky !important;
  top: 0 !important;
  min-height: 72px !important;
  background: rgba(250, 252, 255, 0.86) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06) !important;
  z-index: 1000 !important;
}

html body .custom-navbar .container {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

html body .custom-navbar .logo {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
}

html body .custom-navbar .nav-link {
  color: #3d4655 !important;
  -webkit-text-fill-color: #3d4655 !important;
  font-size: 0.95rem !important;
  font-weight: 750 !important;
  padding: 0.55rem 0.2rem !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .custom-navbar .nav-link.active {
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link.active::after {
  content: "" !important;
  position: absolute !important;
  left: 0.15rem !important;
  right: 0.15rem !important;
  bottom: 0.15rem !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, var(--ap-orange), var(--ap-cyan), var(--ap-green)) !important;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn {
  min-height: 46px !important;
  padding: 0.78rem 1.25rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: 1px solid rgba(15, 23, 42, 0.13) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background 180ms ease !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: linear-gradient(135deg, #06131a, #0c2330) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(29, 215, 223, 0.42) !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  border-color: rgba(15, 23, 42, 0.18) !important;
}

html body .allopen-box-btn:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not(.btn-play):not([href*="play.google"]) {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 1px rgba(29, 215, 223, 0.44), 0 18px 44px rgba(29, 215, 223, 0.22) !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .product-buttons,
html body .ac-actions,
html body .hero-features,
html body .allin-platform-cta,
html body .allvideo-showcase-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

html body .product-section {
  padding-top: clamp(3rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 5vw, 5rem) !important;
}

html body .product-theme-dark {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 138, 29, 0.18), transparent 32%),
    radial-gradient(circle at 76% 12%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, #02070c 0%, #071821 55%, #03100e 100%) !important;
}

html body .allopen-boxes-container,
html body .allopen-boxes-container.product-boxes-center {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 1.4rem !important;
}

html body .product-section .allopen-box,
html body .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: 330px !important;
  padding: clamp(1.6rem, 3.2vw, 2.6rem) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  background:
    radial-gradient(circle at 84% 22%, rgba(29, 215, 223, 0.24), transparent 34%),
    radial-gradient(circle at 12% 10%, rgba(255, 138, 29, 0.12), transparent 28%),
    rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.1) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 0.32fr) !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 0.9rem clamp(1.4rem, 3vw, 2.6rem) !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .product-theme-dark .allopen-box {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background:
    radial-gradient(circle at 80% 20%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(16, 27, 37, 0.95), rgba(8, 16, 24, 0.95)) !important;
}

html body .product-section .allopen-box .product-logo-container {
  grid-column: 2 !important;
  grid-row: 1 / span 3 !important;
  justify-self: end !important;
  align-self: center !important;
  width: clamp(130px, 14vw, 190px) !important;
  height: clamp(130px, 14vw, 190px) !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04), 0 20px 50px rgba(15, 23, 42, 0.16) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: rotate(3deg) !important;
  margin: 0 !important;
}

html body .product-section .product-logo {
  width: 68% !important;
  height: 68% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  grid-column: 1 !important;
  max-width: 720px !important;
}

html body .product-section .product-buttons,
html body .product-section .allopen-box > a.allopen-box-btn {
  grid-column: 1 !important;
  align-self: end !important;
}

html body .allopen-box-title {
  font-size: clamp(1.45rem, 2.5vw, 2.55rem) !important;
  margin: 0 0 0.85rem !important;
}

html body .allopen-box-desc {
  font-size: clamp(0.95rem, 1.15vw, 1.08rem) !important;
  max-width: 70ch !important;
  margin: 0 !important;
}

html body .allin-hero,
html body .ac-hero {
  min-height: auto !important;
  padding: clamp(2.25rem, 5vw, 4.6rem) 0 !important;
  background:
    linear-gradient(90deg, rgba(16, 23, 37, 0.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(16, 23, 37, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 18% 24%, rgba(255, 138, 29, 0.16), transparent 31%),
    radial-gradient(circle at 78% 22%, rgba(29, 215, 223, 0.22), transparent 35%),
    #f8fbff !important;
  background-size: 56px 56px, 56px 56px, auto, auto, auto !important;
  overflow: hidden !important;
}

html body .ac-inner,
html body .hero-content-wrapper {
  width: min(100%, var(--ap-card-max)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.52fr) !important;
  gap: clamp(1.6rem, 5vw, 4rem) !important;
  align-items: center !important;
  min-height: min(560px, calc(100vh - 96px)) !important;
}

html body .ac-copy,
html body .hero-text-section {
  max-width: 680px !important;
  text-align: left !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3rem, 7.2vw, 6.8rem) !important;
  line-height: 0.92 !important;
  margin: 0 !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  font-size: clamp(1.05rem, 1.75vw, 1.48rem) !important;
  line-height: 1.52 !important;
  max-width: 620px !important;
  margin: 1.15rem 0 1.6rem !important;
  color: #344155 !important;
  -webkit-text-fill-color: #344155 !important;
}

html body .product-logo-heading-container img {
  width: clamp(64px, 7vw, 94px) !important;
  height: clamp(64px, 7vw, 94px) !important;
  padding: 0.3rem !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  object-fit: contain !important;
}

html body .ac-visual,
html body .hero-screenshot-section {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}

html body .ac-hero-device,
html body .mobile-screenshot-container,
html body .allin-hero-preview,
html body .allin-main-screen,
html body .allvideo-screen {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 26px 60px rgba(15, 23, 42, 0.22) !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .mobile-screenshot-container img,
html body .allin-hero-preview img,
html body .allin-main-screen img,
html body .allvideo-screen img {
  display: block !important;
  height: min(470px, 60vh) !important;
  width: auto !important;
  max-width: min(390px, 88vw) !important;
  max-height: min(470px, 60vh) !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  border: 3px solid var(--ap-cyan) !important;
  background: transparent !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .mobile-screenshot-container img {
  border-color: var(--ap-orange) !important;
}

html body.alltask-page .mobile-screenshot-container img {
  border-color: #ffb06a !important;
}

html body.allinlocal-page .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img {
  border-color: var(--ap-blue) !important;
}

html body .ac-hero-device {
  transform: rotate(3deg) !important;
}

html body.alltask-page .mobile-screenshot-container,
html body.allin-page .allin-hero-preview,
html body .allin-main-screen {
  transform: rotate(2deg) !important;
}

html body.allinlocal-page .mobile-screenshots-container {
  width: min(100%, 470px) !important;
  height: min(430px, 58vh) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper {
  position: absolute !important;
  inset: auto !important;
  width: auto !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(-38px) scale(0.88) !important;
  z-index: 2 !important;
}

html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(72px) translateY(18px) scale(0.82) !important;
  z-index: 1 !important;
}

html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel {
  width: min(100%, var(--ap-card-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09) !important;
  overflow: hidden !important;
}

html body .product-page-main .row,
html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) !important;
  gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  align-items: center !important;
  margin: 0 !important;
}

html body .product-page-main .row > *,
html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  min-width: 0 !important;
}

html body .product-page-card {
  min-height: 180px !important;
  padding: clamp(1.15rem, 2.2vw, 1.65rem) !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body .product-page-card h4 {
  font-size: clamp(1.25rem, 2vw, 1.85rem) !important;
}

html body .product-page-intro,
html body .product-page-list {
  font-size: clamp(0.95rem, 1.15vw, 1.06rem) !important;
}

html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(29, 215, 223, 0.22), transparent 34%),
    radial-gradient(circle at 10% 12%, rgba(255, 138, 29, 0.13), transparent 30%),
    rgba(255, 255, 255, 0.9) !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(2rem, 4.7vw, 4.6rem) !important;
  max-width: 640px !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(1rem, 1.28vw, 1.14rem) !important;
  max-width: 620px !important;
}

html body .allvideo-showcase-section {
  background:
    radial-gradient(circle at 20% 16%, rgba(63, 125, 246, 0.16), transparent 32%),
    linear-gradient(180deg, #eef6ff 0%, #ffffff 100%) !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 80% 20%, rgba(63, 125, 246, 0.24), transparent 34%),
    linear-gradient(135deg, #071621 0%, #0d202d 100%) !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .allvideo-screen-stage {
  min-height: 500px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

html body .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(20px) !important;
  z-index: 2 !important;
}

html body .allvideo-screen-clips {
  transform: rotate(6deg) translateX(-22px) translateY(18px) !important;
  z-index: 1 !important;
}

html body .allvideo-screen img {
  border-color: #5c7cff !important;
}

html body .product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

html body .product-universe-card {
  min-height: 290px !important;
  padding: clamp(1.2rem, 2vw, 1.7rem) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

html body .product-universe-card h3 {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

html body .product-universe-card p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
  font-size: clamp(0.9rem, 1vw, 1rem) !important;
}

html body .product-card-logo {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  padding: 0.55rem !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1) !important;
}

html body .ac-flow-card,
html body .allin-feature-row {
  width: min(100%, var(--ap-card-max)) !important;
  margin: 0 auto clamp(1.25rem, 3vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1fr) !important;
  gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  align-items: center !important;
  padding: clamp(1.35rem, 3vw, 2.4rem) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 54px rgba(15, 23, 42, 0.08) !important;
}

html body .ac-flow-card:nth-child(even),
html body .allin-feature-row:nth-child(even) {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.74fr) !important;
}

html body .ac-flow-card:nth-child(even) .ac-flow-media,
html body .allin-feature-row:nth-child(even) .allin-feature-media {
  order: 2 !important;
}

html body .ac-flow-media img,
html body .allin-feature-media img {
  display: block !important;
  max-height: 440px !important;
  max-width: min(100%, 320px) !important;
  width: auto !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  border: 3px solid var(--ap-cyan) !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16) !important;
}

html body .ac-flow-media img {
  border-color: var(--ap-orange) !important;
}

html body .allin-feature-media img {
  border-color: var(--ap-cyan) !important;
}

@media (max-width: 980px) {
  html body .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .product-section .allopen-box,
  html body .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row,
  html body .ac-inner,
  html body .hero-content-wrapper,
  html body .ac-flow-card,
  html body .ac-flow-card:nth-child(even),
  html body .allin-feature-row,
  html body .allin-feature-row:nth-child(even) {
    grid-template-columns: 1fr !important;
  }

  html body .product-section .allopen-box .product-logo-container,
  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body .product-section .product-buttons,
  html body .product-section .allopen-box > a.allopen-box-btn {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body .product-section .allopen-box .product-logo-container {
    justify-self: start !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 24px !important;
    transform: none !important;
  }

  html body .ac-copy,
  html body .hero-text-section,
  html body .allin-platform-copy,
  html body .allvideo-showcase-copy {
    text-align: center !important;
    margin-inline: auto !important;
  }

  html body .product-logo-heading-container,
  html body .product-buttons,
  html body .ac-actions,
  html body .hero-features,
  html body .allin-platform-cta,
  html body .allvideo-showcase-actions {
    justify-content: center !important;
  }

  html body .ac-flow-card:nth-child(even) .ac-flow-media,
  html body .allin-feature-row:nth-child(even) .allin-feature-media {
    order: initial !important;
  }
}

@media (max-width: 640px) {
  html body .container {
    max-width: calc(100% - 24px) !important;
  }

  html body .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body .custom-navbar {
    min-height: 66px !important;
  }

  html body .custom-navbar .container {
    min-height: 66px !important;
  }

  html body .ac-title,
  html body .allin-hero-main-text {
    font-size: clamp(2.7rem, 15vw, 4.1rem) !important;
  }

  html body .product-section .allopen-box,
  html body .product-page-main,
  html body .product-page-cta,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body .ac-flow-card,
  html body .allin-feature-row,
  html body .allin-feature-showcase,
  html body .allin-benefits-panel {
    border-radius: 22px !important;
    padding: 1.15rem !important;
  }

  html body .ac-hero-device img,
  html body .mobile-screenshot-container img,
  html body .allin-hero-preview img,
  html body .allin-main-screen img,
  html body .allvideo-screen img {
    height: auto !important;
    max-height: 360px !important;
    max-width: min(270px, 82vw) !important;
  }

  html body .allvideo-screen-stage,
  html body.allinlocal-page .mobile-screenshots-container {
    min-height: 360px !important;
    height: 360px !important;
  }

  html body .allvideo-screen-feed {
    transform: rotate(-5deg) translateX(34px) scale(0.82) !important;
  }

  html body .allvideo-screen-clips {
    transform: rotate(6deg) translateX(-34px) translateY(14px) scale(0.78) !important;
  }
}

/* Last-mile responsive corrections for product hero composition. */
html body.allin-page .hero-content-wrapper {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr) !important;
}

html body.allin-page .allin-hero-preview {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.allin-page .allin-hero-preview img {
  height: min(470px, 58vh) !important;
  max-height: min(470px, 58vh) !important;
  max-width: min(360px, 34vw) !important;
  border-color: var(--ap-cyan) !important;
}

html body.allin-page .hero-subtitle {
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  max-width: 690px !important;
}

html body.allinlocal-page .hero-features {
  gap: 0.65rem !important;
}

html body.allinlocal-page .hero-cta-button {
  padding-inline: 1rem !important;
}

html body.allconnect-page .hero-content-wrapper,
html body.alltask-page .hero-content-wrapper,
html body.allinlocal-page .hero-content-wrapper,
html body.allin-page .hero-content-wrapper {
  overflow: visible !important;
}

@media (max-width: 980px) {
  html body.allin-page .hero-content-wrapper {
    grid-template-columns: 1fr !important;
  }

  html body.allin-page .allin-hero-preview {
    order: 2 !important;
  }
}

@media (max-width: 640px) {
  html body.allconnect-page .allin-hero,
  html body.alltask-page .allin-hero,
  html body.allinlocal-page .allin-hero,
  html body.allin-page .allin-hero,
  html body.allconnect-page .ac-hero {
    padding-top: 1.5rem !important;
    padding-bottom: 1.75rem !important;
  }

  html body.allconnect-page .hero-content-wrapper,
  html body.alltask-page .hero-content-wrapper,
  html body.allinlocal-page .hero-content-wrapper,
  html body.allin-page .hero-content-wrapper,
  html body.allconnect-page .ac-inner {
    width: min(100%, 342px) !important;
    min-height: 0 !important;
    gap: 1.1rem !important;
    align-items: center !important;
  }

  html body.allconnect-page .ac-title,
  html body.alltask-page .allin-hero-main-text,
  html body.allinlocal-page .allin-hero-main-text,
  html body.allin-page .allin-hero-main-text {
    font-size: clamp(2.4rem, 11vw, 3.25rem) !important;
    line-height: 0.95 !important;
  }

  html body.allin-page .allin-hero-main-text {
    font-size: clamp(2.25rem, 10vw, 3rem) !important;
  }

  html body.allconnect-page .ac-subtitle,
  html body.alltask-page .hero-subtitle,
  html body.allinlocal-page .hero-subtitle,
  html body.allin-page .hero-subtitle {
    font-size: 0.98rem !important;
    line-height: 1.48 !important;
    margin: 0.85rem auto 1rem !important;
  }

  html body.allconnect-page .product-logo-heading-container,
  html body.alltask-page .product-logo-heading-container,
  html body.allinlocal-page .product-logo-heading-container {
    justify-content: center !important;
    margin-bottom: 1rem !important;
  }

  html body.allconnect-page .hero-screenshot-section,
  html body.alltask-page .hero-screenshot-section,
  html body.allinlocal-page .hero-screenshot-section {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body.allconnect-page .ac-hero-device img,
  html body.allconnect-page .hero-screenshot-section img,
  html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
  html body.alltask-page .hero-screenshot-section img,
  html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
  html body.allinlocal-page .hero-screenshot-section img,
  html body.allin-page .allin-hero-preview img {
    height: auto !important;
    max-height: 315px !important;
    max-width: min(245px, 74vw) !important;
    width: auto !important;
    object-fit: contain !important;
  }

  html body.allconnect-page .ac-hero-device,
  html body.alltask-page .mobile-screenshot-container,
  html body.allin-page .allin-hero-preview {
    transform: rotate(2deg) !important;
  }

  html body.allinlocal-page .mobile-screenshots-container {
    width: min(100%, 310px) !important;
    height: 310px !important;
    min-height: 310px !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:first-child {
    transform: rotate(-5deg) translateX(-28px) scale(0.78) !important;
  }

  html body.allinlocal-page .mobile-screenshot-wrapper:nth-child(2) {
    transform: rotate(6deg) translateX(54px) translateY(12px) scale(0.72) !important;
  }

  html body .product-section .allopen-box,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    min-height: 0 !important;
  }

  html body .product-section .product-logo-container + div,
  html body .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
    max-width: 100% !important;
  }

  html body .allopen-box-desc {
    font-size: 0.94rem !important;
    line-height: 1.58 !important;
  }
}

/* Apple-inspired product presentation: full panels, compact buttons, no heavy boxed clutter. */
:root {
  --ap-panel-gap: 12px;
}

html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 1.05rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  gap: 0.42rem !important;
  box-shadow: none !important;
}

html body .allopen-box-btn i,
html body .hero-cta-button i,
html body .tech-button i {
  font-size: 0.92rem !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not(.btn-play):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not(.btn-play):not([href*="play.google"]) {
  background: transparent !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark .allopen-box-btn.btn-play,
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  color: #2997ff !important;
  -webkit-text-fill-color: #2997ff !important;
  border-color: rgba(41, 151, 255, 0.78) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover {
  transform: none !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12) !important;
}

html body .product-buttons,
html body .ac-actions,
html body .hero-features,
html body .allin-platform-cta,
html body .allvideo-showcase-actions {
  gap: 0.7rem !important;
}

html body.index-page .product-universe-section,
html body.index-page .product-section,
html body.index-page .allin-platform-section,
html body.index-page .allvideo-showcase-section {
  padding: 0 !important;
  margin: 0 !important;
}

html body.index-page .product-universe-section > .container,
html body.index-page .product-section > .container,
html body.index-page .allin-platform-section > .container,
html body.index-page .allvideo-showcase-section > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.index-page .product-universe-head,
html body.index-page .product-section .section-header,
html body.index-page .allin-platform-header,
html body.index-page .allvideo-showcase-header {
  width: min(100% - 32px, 760px) !important;
  margin: 0 auto !important;
  padding: clamp(2.2rem, 5vw, 4.2rem) 0 clamp(1rem, 2.4vw, 1.8rem) !important;
  text-align: center !important;
}

html body.index-page .product-universe-head h2,
html body.index-page .product-section .section-header h2,
html body.index-page .allin-platform-header h2,
html body.index-page .allvideo-showcase-header h2 {
  font-size: clamp(2rem, 4.8vw, 4.1rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.35rem !important;
}

html body.index-page .product-universe-head p,
html body.index-page .product-section .section-header .lead,
html body.index-page .allin-platform-tagline,
html body.index-page .allvideo-showcase-tagline {
  font-size: clamp(1rem, 1.7vw, 1.35rem) !important;
  line-height: 1.32 !important;
  max-width: 760px !important;
}

html body.index-page .product-universe-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--ap-panel-gap) !important;
  padding: 0 var(--ap-panel-gap) var(--ap-panel-gap) !important;
  margin: 0 !important;
}

html body.index-page .product-universe-card {
  min-height: clamp(430px, 48vw, 620px) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 50% 72%, rgba(29, 215, 223, 0.2), transparent 35%),
    #f5f5f7 !important;
  padding: clamp(1.6rem, 3.3vw, 3rem) !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body.index-page .product-universe-card:nth-child(2n) {
  background:
    radial-gradient(circle at 50% 72%, rgba(63, 125, 246, 0.18), transparent 36%),
    #f5fbff !important;
}

html body.index-page .product-universe-card:nth-child(4n) {
  background:
    radial-gradient(circle at 50% 76%, rgba(255, 138, 29, 0.15), transparent 36%),
    #fbfbfd !important;
}

html body.index-page .product-card-logo {
  width: clamp(110px, 13vw, 180px) !important;
  height: clamp(110px, 13vw, 180px) !important;
  padding: 0.75rem !important;
  border-radius: 30px !important;
  margin: clamp(1.8rem, 4vw, 3.5rem) auto 1.4rem !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.13) !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.8rem, 3.4vw, 3.25rem) !important;
  margin: 0 0 0.5rem !important;
}

html body.index-page .product-universe-card p {
  max-width: 360px !important;
  margin: 0 auto 1rem !important;
  font-size: clamp(0.95rem, 1.25vw, 1.1rem) !important;
  line-height: 1.38 !important;
}

html body.index-page .product-card-link {
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
}

html body.index-page .allopen-boxes-container,
html body.index-page .allopen-boxes-container.product-boxes-center {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.index-page .product-section .allopen-box,
html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: clamp(560px, 72vh, 760px) !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 7vw, 8rem) !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.75fr) !important;
  gap: clamp(1rem, 4vw, 4rem) !important;
  background:
    radial-gradient(circle at 76% 62%, rgba(29, 215, 223, 0.22), transparent 32%),
    #f5f5f7 !important;
}

html body.index-page .product-theme-dark .allopen-box {
  background:
    radial-gradient(circle at 72% 60%, rgba(29, 215, 223, 0.22), transparent 35%),
    radial-gradient(circle at 20% 30%, rgba(255, 138, 29, 0.16), transparent 32%),
    #000 !important;
}

html body.index-page .product-section .allopen-box .product-logo-container {
  width: clamp(210px, 26vw, 430px) !important;
  height: clamp(210px, 26vw, 430px) !important;
  border-radius: 44px !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  justify-self: center !important;
  transform: rotate(3deg) !important;
}

html body.index-page .product-section .product-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  max-width: 620px !important;
  align-self: end !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(2rem, 4.8vw, 4.4rem) !important;
  line-height: 0.98 !important;
  margin-bottom: 0.65rem !important;
}

html body.index-page .allopen-box-desc {
  font-size: clamp(1rem, 1.45vw, 1.22rem) !important;
  line-height: 1.42 !important;
  max-width: 640px !important;
}

html body.index-page .product-section .product-buttons,
html body.index-page .product-section .allopen-box > a.allopen-box-btn {
  align-self: start !important;
}

html body .ac-hero,
html body .allin-hero {
  min-height: calc(100vh - 72px) !important;
  padding: clamp(2rem, 4vw, 4rem) 0 !important;
}

html body .ac-inner,
html body .hero-content-wrapper {
  min-height: calc(100vh - 150px) !important;
}

html body .ac-title,
html body .allin-hero-main-text {
  font-size: clamp(3.3rem, 7vw, 6.2rem) !important;
}

html body .ac-subtitle,
html body .hero-subtitle {
  font-size: clamp(1.05rem, 1.6vw, 1.36rem) !important;
  line-height: 1.42 !important;
}

html body .product-page-main,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .ac-flow-card,
html body .allin-feature-row {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
}

html body .product-page-main,
html body .allin-platform-hero,
html body .allvideo-showcase-hero {
  padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 7vw, 8rem) !important;
}

html body .allin-feature-row,
html body .ac-flow-card {
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 7vw, 8rem) !important;
  min-height: clamp(520px, 72vh, 760px) !important;
  background: #f5f5f7 !important;
  margin-bottom: var(--ap-panel-gap) !important;
}

html body .allin-feature-row:nth-child(even),
html body .ac-flow-card:nth-child(even) {
  background: #fbfbfd !important;
}

html body .allin-feature-media img,
html body .ac-flow-media img {
  max-height: min(560px, 68vh) !important;
  max-width: min(420px, 86vw) !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card {
    min-height: clamp(480px, 72vh, 680px) !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
    min-height: clamp(560px, 76vh, 720px) !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
    align-content: center !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    grid-row: 1 !important;
    width: clamp(150px, 42vw, 260px) !important;
    height: clamp(150px, 42vw, 260px) !important;
    justify-self: center !important;
  }

  html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body.index-page .product-section .product-buttons,
  html body.index-page .product-section .allopen-box > a.allopen-box-btn {
    justify-self: center !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body .product-page-main,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero {
    padding-inline: clamp(1rem, 5vw, 2rem) !important;
  }
}

@media (max-width: 640px) {
  html body .allopen-box-btn,
  html body .hero-cta-button,
  html body .tech-button,
  html body .allopen-alert-btn {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 1.05rem !important;
    font-size: 0.9rem !important;
  }

  html body.index-page .product-universe-section > .container,
  html body.index-page .product-section > .container,
  html body.index-page .allin-platform-section > .container,
  html body.index-page .allvideo-showcase-section > .container {
    max-width: none !important;
    width: 100% !important;
  }

  html body.index-page .product-universe-head,
  html body.index-page .product-section .section-header,
  html body.index-page .allin-platform-header,
  html body.index-page .allvideo-showcase-header {
    width: min(100% - 28px, 560px) !important;
    padding-top: 2.2rem !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
    padding: 2rem 1.1rem !important;
    min-height: 620px !important;
  }

  html body.index-page .allopen-box-title {
    font-size: clamp(2rem, 10vw, 3.2rem) !important;
  }

  html body.index-page .allopen-box-desc {
    font-size: 1rem !important;
  }

  html body .ac-hero,
  html body .allin-hero {
    min-height: auto !important;
  }

  html body .ac-inner,
  html body .hero-content-wrapper {
    min-height: auto !important;
  }
}

/* Compact button enforcement across all pages, including inline legacy product buttons. */
html body .product-section .allopen-box-btn,
html body .product-page-main .allopen-box-btn,
html body .product-page-cta .tech-button,
html body.product-detail-page .hero-cta-button,
html body.product-detail-page .tech-button,
html body.product-detail-page .allopen-box-btn,
html body.index-page .hero-button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 1.05rem !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.product-detail-page .hero-cta-button i,
html body.product-detail-page .tech-button i,
html body.product-detail-page .allopen-box-btn i,
html body .product-section .allopen-box-btn i {
  font-size: 0.92rem !important;
}

html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].allopen-box-btn,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app,
html body .allopen-box-btn.btn-app {
  background: #0071e3 !important;
  border: 1px solid #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.hero-cta-button,
html body button.tech-button,
html body button.allopen-box-btn,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not([href*="play.google"]),
html body .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  background: transparent !important;
  border: 1px solid #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.hero-cta-button,
html body .product-theme-dark button.tech-button,
html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .tech-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]) {
  border-color: #2997ff !important;
  color: #2997ff !important;
  -webkit-text-fill-color: #2997ff !important;
}

html body .hero-cta-button *,
html body .tech-button *,
html body .allopen-box-btn * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Product pages use the same full-width panel rhythm instead of boxed islands. */
html body.product-detail-page .ac-hero > .container,
html body.product-detail-page .allin-hero > .container,
html body.product-detail-page section > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta,
html body.product-detail-page .ac-flow-card,
html body.product-detail-page .allin-platform-hero,
html body.product-detail-page .allin-feature-row,
html body.product-detail-page .allin-benefits-panel {
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta {
  padding-left: clamp(1.5rem, 7vw, 8rem) !important;
  padding-right: clamp(1.5rem, 7vw, 8rem) !important;
}

html body.product-detail-page .product-page-main .row {
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1fr) !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(1.85rem, 4vw, 3.75rem) !important;
  line-height: 1.03 !important;
}

@media (max-width: 640px) {
  html body .product-section .allopen-box-btn,
  html body .product-page-main .allopen-box-btn,
  html body .product-page-cta .tech-button,
  html body.product-detail-page .hero-cta-button,
  html body.product-detail-page .tech-button,
  html body.product-detail-page .allopen-box-btn,
  html body.index-page .hero-button {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 0.9rem !important;
  }

  html body.product-detail-page .ac-inner,
  html body.product-detail-page .hero-content-wrapper,
  html body.product-detail-page .product-page-main,
  html body.product-detail-page .product-page-cta {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
}

/* Bug-fix pass: contact cards and AllinLocal should not inherit oversized product-panel geometry. */
html body .row:has(> .col-md-4 > .tech-card.text-center) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.2vw, 1.6rem) !important;
  width: min(100%, 1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) > .col-md-4 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card {
  min-height: clamp(210px, 18vw, 250px) !important;
  height: 100% !important;
  padding: clamp(1.35rem, 2.2vw, 1.9rem) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  border-radius: 28px !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card h3 {
  font-size: clamp(1.55rem, 2.6vw, 2.35rem) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card h4,
html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card p {
  font-size: clamp(0.98rem, 1.25vw, 1.08rem) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-button {
  width: min(100%, 260px) !important;
}

html body.index-page #allin-local-section {
  min-height: auto !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
  width: min(100% - 32px, 1120px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.2vw, 1.5rem) !important;
  padding: 0 !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  width: 100% !important;
  min-height: 430px !important;
  height: auto !important;
  max-height: none !important;
  padding: clamp(1.45rem, 3vw, 2.2rem) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 85% 25%, rgba(29, 215, 223, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(16, 27, 37, 0.96), rgba(7, 19, 25, 0.96)) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: start !important;
  gap: 1rem !important;
  overflow: hidden !important;
}

html body.index-page #allin-local-section .allopen-box .product-logo-container {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  width: clamp(78px, 8vw, 110px) !important;
  height: clamp(78px, 8vw, 110px) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,0.92) !important;
  transform: none !important;
}

html body.index-page #allin-local-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
html body.index-page #allin-local-section .allopen-box .product-buttons,
html body.index-page #allin-local-section .allopen-box > a.allopen-box-btn {
  grid-column: 1 !important;
  justify-self: start !important;
  text-align: left !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
}

html body.index-page #allin-local-section .allopen-box-title {
  font-size: clamp(1.65rem, 2.8vw, 2.6rem) !important;
  line-height: 1.02 !important;
  color: #f8fbff !important;
  -webkit-text-fill-color: #f8fbff !important;
}

html body.index-page #allin-local-section .allopen-box-desc,
html body.index-page #allin-local-section .allopen-box-desc li {
  font-size: clamp(0.92rem, 1.1vw, 1.03rem) !important;
  line-height: 1.55 !important;
  color: rgba(232, 242, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(232, 242, 255, 0.82) !important;
}

html body.index-page .allin-feature-showcase {
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

html body.index-page .allin-feature-row {
  min-height: auto !important;
  padding-top: clamp(1.5rem, 3.5vw, 3rem) !important;
  padding-bottom: clamp(1.5rem, 3.5vw, 3rem) !important;
}

html body.index-page .allin-feature-row .allin-feature-copy h4 {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page .allin-feature-row .allin-feature-copy p {
  color: #5f6b7d !important;
  -webkit-text-fill-color: #5f6b7d !important;
}

@media (max-width: 980px) {
  html body .row:has(> .col-md-4 > .tech-card.text-center) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .row:has(> .col-md-4 > .tech-card.text-center) {
    grid-template-columns: 1fr !important;
    width: min(100% - 28px, 420px) !important;
  }

  html body .row:has(> .col-md-4 > .tech-card.text-center) .tech-card {
    min-height: 185px !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
    width: min(100% - 28px, 420px) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
    min-height: 0 !important;
    border-radius: 24px !important;
  }
}

/* Final repair layer: compact, readable, consistent Allpixel UI across pages. */
:root {
  --ap-page: #f5f5f7;
  --ap-surface: #ffffff;
  --ap-soft: #f8fbff;
  --ap-ink: #101725;
  --ap-muted: #5f6b7d;
  --ap-line: rgba(16, 23, 37, 0.12);
  --ap-blue: #0071e3;
  --ap-blue-2: #2997ff;
  --ap-dark: #02070b;
  --ap-dark-panel: #0b1720;
  --ap-card-max: 1120px;
  --ap-narrow-max: 960px;
  --ap-radius: 28px;
  --ap-shadow: 0 18px 48px rgba(16, 23, 37, 0.10);
}

html body {
  background: var(--ap-page) !important;
  color: var(--ap-ink) !important;
}

html body.index-page main,
html body.product-detail-page main {
  overflow: clip !important;
}

html body .container {
  max-width: min(100% - 32px, var(--ap-card-max)) !important;
}

html body section {
  scroll-margin-top: 86px !important;
}

html body.index-page .product-universe-section,
html body.index-page .product-section,
html body.index-page .allin-platform-section,
html body.index-page .allvideo-showcase-section,
html body.product-detail-page section.py-5 {
  padding-top: clamp(2.3rem, 4.8vw, 4.25rem) !important;
  padding-bottom: clamp(2.3rem, 4.8vw, 4.25rem) !important;
}

html body.index-page .product-section.product-theme-dark,
html body.index-page #allin-local-section,
html body.index-page .allvideo-showcase-section {
  background:
    radial-gradient(circle at 15% 0%, rgba(255, 126, 13, 0.18), transparent 24%),
    radial-gradient(circle at 85% 10%, rgba(0, 210, 225, 0.20), transparent 28%),
    linear-gradient(135deg, #05090d 0%, #071722 48%, #021015 100%) !important;
}

html body.index-page .product-universe-head,
html body.index-page .section-header,
html body.index-page .allin-platform-header,
html body.index-page .allvideo-showcase-header {
  width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0 !important;
  margin-bottom: clamp(1.3rem, 3vw, 2.2rem) !important;
}

html body.index-page .product-universe-head h2,
html body.index-page .section-header h2,
html body.index-page .allin-platform-header h2,
html body.index-page .allvideo-showcase-header h2,
html body.product-detail-page .section-title,
html body.product-detail-page .product-page-title,
html body.product-detail-page .allin-platform-header h2 {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(2rem, 4vw, 3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  margin-bottom: 0.55rem !important;
}

html body.index-page .product-theme-dark .section-header h2,
html body.index-page .allvideo-showcase-section .allvideo-showcase-header h2,
html body.index-page #allin-local-section .section-header h2,
html body.product-detail-page .product-theme-dark h1,
html body.product-detail-page .product-theme-dark h2,
html body.product-detail-page .product-theme-dark h3,
html body.product-detail-page .product-theme-dark h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .product-universe-head p,
html body.index-page .section-header p,
html body.index-page .allin-platform-tagline,
html body.index-page .allvideo-showcase-tagline,
html body.product-detail-page .lead,
html body.product-detail-page .product-page-subtitle,
html body.product-detail-page .allin-platform-tagline {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-size: clamp(0.95rem, 1.4vw, 1.08rem) !important;
  line-height: 1.55 !important;
}

html body.index-page .product-theme-dark .section-header p,
html body.index-page .allvideo-showcase-section .allvideo-showcase-tagline,
html body.index-page #allin-local-section .section-header p,
html body.product-detail-page .product-theme-dark p,
html body.product-detail-page .product-theme-dark li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

/* Product overview: compact Apple-style tiles, not oversized blocks. */
html body.index-page .product-universe-grid {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.8rem, 1.5vw, 1.15rem) !important;
}

html body.index-page .product-universe-card {
  min-height: 245px !important;
  height: auto !important;
  border-radius: 24px !important;
  padding: clamp(1.1rem, 2.1vw, 1.55rem) !important;
  background:
    radial-gradient(circle at 85% 16%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 14px 34px rgba(16, 23, 37, 0.08) !important;
  justify-content: space-between !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: initial !important;
}

html body.index-page .product-universe-card::before {
  height: 3px !important;
  opacity: 1 !important;
}

html body.index-page .product-universe-card .product-universe-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 17px !important;
  margin-bottom: 0.85rem !important;
}

html body.index-page .product-universe-card .product-universe-icon img {
  max-width: 72% !important;
  max-height: 72% !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.28rem, 2vw, 1.72rem) !important;
  line-height: 1.05 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page .product-universe-card p {
  font-size: clamp(0.86rem, 1.08vw, 0.98rem) !important;
  line-height: 1.48 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  margin-bottom: 1rem !important;
}

html body.index-page .product-universe-card .product-universe-link {
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
  font-weight: 750 !important;
}

/* Index product panels: contained cards, balanced copy, same rhythm. */
html body.index-page .allopen-boxes-container,
html body.index-page .allopen-boxes-container.product-boxes-center {
  width: min(100%, var(--ap-narrow-max)) !important;
  max-width: var(--ap-narrow-max) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
}

html body.index-page .product-section .allopen-box,
html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box {
  width: 100% !important;
  min-height: 340px !important;
  max-height: none !important;
  padding: clamp(1.25rem, 3vw, 2.2rem) !important;
  border-radius: var(--ap-radius) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: var(--ap-shadow) !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(0, 210, 225, 0.18), transparent 33%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(125px, 190px) !important;
  gap: clamp(1rem, 3vw, 2.2rem) !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body.index-page .product-theme-dark .allopen-box,
html body.index-page #allin-local-section .allopen-box {
  background:
    radial-gradient(circle at 82% 15%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(16, 27, 37, 0.96), rgba(5, 12, 17, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html body.index-page .product-section .allopen-box .product-logo-container {
  width: clamp(110px, 15vw, 170px) !important;
  height: clamp(110px, 15vw, 170px) !important;
  border-radius: 24px !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: rotate(3deg) !important;
  box-shadow: 0 20px 44px rgba(16, 23, 37, 0.14) !important;
}

html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
html body.index-page .product-section .allopen-box .product-buttons {
  max-width: 560px !important;
  text-align: left !important;
  justify-self: start !important;
}

html body.index-page .allopen-box-title {
  font-size: clamp(1.45rem, 2.7vw, 2.35rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.65rem !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page .product-theme-dark .allopen-box-title,
html body.index-page #allin-local-section .allopen-box-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page .allopen-box-desc {
  font-size: clamp(0.9rem, 1.1vw, 1rem) !important;
  line-height: 1.55 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  margin-bottom: 1rem !important;
}

html body.index-page .product-theme-dark .allopen-box-desc,
html body.index-page .product-theme-dark .allopen-box-desc li,
html body.index-page #allin-local-section .allopen-box-desc,
html body.index-page #allin-local-section .allopen-box-desc li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.35rem) !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  min-height: 360px !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
}

/* Allin and AllVideo showcases: contained, readable, no full-width wall panels. */
html body .allin-platform-hero,
html body .allvideo-showcase-hero,
html body.product-detail-page .allin-platform-hero,
html body.product-detail-page .allvideo-showcase-hero {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
  border-radius: var(--ap-radius) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: var(--ap-shadow) !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(0, 210, 225, 0.18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  color: var(--ap-ink) !important;
  overflow: hidden !important;
}

html body .allvideo-showcase-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(0, 210, 225, 0.18), transparent 36%),
    linear-gradient(145deg, #07131d 0%, #03090e 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

html body .allin-platform-hero .row,
html body .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 4vw, 3rem) !important;
}

html body .allin-platform-hero .row > *,
html body .allvideo-showcase-hero .row > * {
  width: 100% !important;
  max-width: none !important;
}

html body .allin-platform-title,
html body .allvideo-showcase-copy h3 {
  font-size: clamp(1.8rem, 4vw, 3.65rem) !important;
  line-height: 1.02 !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allvideo-showcase-copy h3,
html body .allvideo-showcase-copy p,
html body .allvideo-showcase-copy li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-platform-desc,
html body .allvideo-showcase-copy p {
  font-size: clamp(0.95rem, 1.35vw, 1.08rem) !important;
  line-height: 1.6 !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body .allvideo-showcase-copy p {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body .allin-feature-showcase,
html body.product-detail-page .allin-feature-showcase {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.15rem, 2vw, 1.5rem) !important;
  border-radius: var(--ap-radius) !important;
  background: #07131d !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: var(--ap-shadow) !important;
}

html body .allin-feature-row,
html body.product-detail-page .allin-feature-row {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 0.9rem 0 !important;
  padding: clamp(1rem, 2.2vw, 1.6rem) !important;
  border-radius: 24px !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 0.42fr) minmax(0, 1fr) !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 90% 20%, rgba(0, 210, 225, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
}

html body .allin-feature-row:last-child {
  margin-bottom: 0 !important;
}

html body .allin-feature-row .allin-feature-copy h4,
html body .allin-feature-row .allin-feature-copy p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-feature-row .allin-feature-copy p {
  color: rgba(245, 248, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.74) !important;
}

html body .allin-feature-media img,
html body .allin-platform-device img,
html body .allvideo-showcase-media img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .allin-feature-media img {
  max-height: 250px !important;
  margin: 0 auto !important;
}

html body .allin-platform-device img {
  max-height: 360px !important;
}

html body .allvideo-showcase-media img {
  max-height: 420px !important;
}

html body .allvideo-showcase-grid {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.6vw, 1.1rem) !important;
}

html body .allvideo-feature-pill {
  min-height: 0 !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 12px 30px rgba(16, 23, 37, 0.08) !important;
  color: var(--ap-ink) !important;
}

html body .allvideo-feature-pill h3,
html body .allvideo-feature-pill h4,
html body .allvideo-feature-pill p,
html body .allvideo-feature-pill span {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allvideo-feature-pill p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

/* Product detail pages: undo accidental edge-to-edge panels, keep clean containers. */
html body.product-detail-page .ac-hero > .container,
html body.product-detail-page .allin-hero > .container,
html body.product-detail-page section > .container {
  max-width: min(100% - 32px, var(--ap-card-max)) !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper,
html body.product-detail-page .product-page-main,
html body.product-detail-page .product-page-cta,
html body.product-detail-page .ac-flow-card,
html body.product-detail-page .allin-benefits-panel {
  width: min(100%, var(--ap-card-max)) !important;
  max-width: var(--ap-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: var(--ap-radius) !important;
  padding: clamp(1.35rem, 3.3vw, 2.6rem) !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 14px 38px rgba(16, 23, 37, 0.08) !important;
}

html body.product-detail-page .ac-inner,
html body.product-detail-page .hero-content-wrapper {
  min-height: clamp(430px, 58vh, 620px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.7fr) !important;
  align-items: center !important;
  gap: clamp(1.5rem, 5vw, 4rem) !important;
}

html body.product-detail-page .product-page-main .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 1fr) !important;
  gap: clamp(1.2rem, 3vw, 2rem) !important;
  align-items: center !important;
}

html body.product-detail-page .feature-grid,
html body.product-detail-page .features-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.7vw, 1.1rem) !important;
}

html body.product-detail-page .feature-card,
html body.product-detail-page .product-feature-card,
html body.product-detail-page .tech-card,
html body.product-detail-page .benefit-card {
  border-radius: 22px !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  background: #ffffff !important;
  border: 1px solid var(--ap-line) !important;
  box-shadow: 0 10px 26px rgba(16, 23, 37, 0.07) !important;
}

/* Readable text on any late or inline-styled panel. */
html body .product-theme-dark,
html body .product-theme-dark .allopen-box,
html body .allvideo-showcase-hero,
html body .allin-feature-showcase,
html body .allin-feature-row,
html body footer {
  color: #ffffff !important;
}

html body .product-theme-dark h1,
html body .product-theme-dark h2,
html body .product-theme-dark h3,
html body .product-theme-dark h4,
html body .product-theme-dark strong,
html body .allvideo-showcase-hero h1,
html body .allvideo-showcase-hero h2,
html body .allvideo-showcase-hero h3,
html body .allvideo-showcase-hero h4,
html body .allin-feature-showcase h1,
html body .allin-feature-showcase h2,
html body .allin-feature-showcase h3,
html body .allin-feature-showcase h4,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .product-theme-dark p,
html body .product-theme-dark li,
html body .product-theme-dark span,
html body .allvideo-showcase-hero p,
html body .allvideo-showcase-hero li,
html body .allin-feature-showcase p,
html body .allin-feature-showcase li,
html body footer p,
html body footer li,
html body footer a,
html body footer span {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h1,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h2,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h3,
html body :not(.product-theme-dark):not(.allvideo-showcase-hero):not(.allin-feature-showcase):not(footer) > h4 {
  -webkit-text-fill-color: currentColor;
}

/* One button system: Play Store is filled, App Store and web actions are outline. */
html body .allopen-box-btn,
html body .hero-cta-button,
html body .tech-button,
html body .allopen-alert-btn,
html body .hero-button {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 1.15rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 0.9rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: var(--ap-blue) !important;
  border: 1px solid var(--ap-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.allopen-box-btn,
html body button.hero-cta-button,
html body button.tech-button,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .tech-button:not(.btn-app):not([href*="play.google"]) {
  background: transparent !important;
  border: 1px solid var(--ap-blue) !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

html body .product-theme-dark button.allopen-box-btn,
html body .product-theme-dark button.hero-cta-button,
html body .product-theme-dark button.tech-button,
html body .product-theme-dark .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .hero-cta-button:not(.btn-app):not([href*="play.google"]),
html body .product-theme-dark .tech-button:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body .allvideo-showcase-hero .hero-cta-button:not(.btn-app):not([href*="play.google"]) {
  border-color: var(--ap-blue-2) !important;
  color: var(--ap-blue-2) !important;
  -webkit-text-fill-color: var(--ap-blue-2) !important;
}

html body .allopen-box-btn:hover,
html body .hero-cta-button:hover,
html body .tech-button:hover,
html body .hero-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12), 0 12px 24px rgba(0, 113, 227, 0.18) !important;
}

html body .allopen-box-btn *,
html body .hero-cta-button *,
html body .tech-button *,
html body .hero-button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Product dropdown: complete product list, no hidden/transparent menu. */
@media (min-width: 901px) {
  html body .custom-navbar .nav-item.dropdown,
  html body .navbar .nav-item.dropdown {
    position: relative !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar .dropdown-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 250px !important;
    padding: 0.55rem !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(16, 23, 37, 0.12) !important;
    box-shadow: 0 22px 60px rgba(16, 23, 37, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important;
    z-index: 2000 !important;
  }

  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu,
  html body .custom-navbar .dropdown-menu.show,
  html body .navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .navbar .nav-item.dropdown:focus-within > .dropdown-menu,
  html body .navbar .dropdown-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

html body .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: 12px !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-weight: 700 !important;
  font-size: 0.93rem !important;
}

html body .dropdown-menu .dropdown-item:hover,
html body .dropdown-menu .dropdown-item:focus {
  background: rgba(0, 113, 227, 0.10) !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid,
  html body .allvideo-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.product-detail-page .ac-inner,
  html body.product-detail-page .hero-content-wrapper,
  html body.product-detail-page .product-page-main .row,
  html body .allin-platform-hero .row,
  html body .allvideo-showcase-hero .row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page .product-section .allopen-box > div:not(.product-logo-container):not(.product-buttons),
  html body.index-page .product-section .allopen-box .product-buttons {
    text-align: center !important;
    justify-self: center !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    order: -1 !important;
    transform: none !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns,
  html body.product-detail-page .feature-grid,
  html body.product-detail-page .features-grid {
    grid-template-columns: 1fr !important;
  }

  html body .allin-feature-row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
}

@media (max-width: 640px) {
  html body .container,
  html body.product-detail-page .ac-hero > .container,
  html body.product-detail-page .allin-hero > .container,
  html body.product-detail-page section > .container {
    max-width: min(100% - 24px, 460px) !important;
  }

  html body.index-page .product-universe-grid,
  html body .allvideo-showcase-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card {
    min-height: 218px !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body .allin-platform-hero,
  html body .allvideo-showcase-hero,
  html body.product-detail-page .product-page-main,
  html body.product-detail-page .product-page-cta,
  html body.product-detail-page .ac-flow-card,
  html body.product-detail-page .allin-benefits-panel {
    min-height: 0 !important;
    padding: 1.15rem !important;
    border-radius: 22px !important;
  }

  html body.index-page .product-section .allopen-box .product-logo-container {
    width: 98px !important;
    height: 98px !important;
  }

  html body .allopen-box-btn,
  html body .hero-cta-button,
  html body .tech-button,
  html body .allopen-alert-btn,
  html body .hero-button {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 0.95rem !important;
    font-size: 0.84rem !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body .navbar .dropdown-menu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0.5rem !important;
    padding: 0.45rem !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(16, 23, 37, 0.10) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .navbar .dropdown-menu.show {
    display: grid !important;
  }
}

/* Final precision overrides for remaining legacy height/button conflicts. */
html body.index-page .product-universe-grid {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.index-page .product-universe-card,
html body.index-page a.product-universe-card,
html body.index-page .product-universe-card.ap-reveal,
html body.index-page .product-universe-card.ap-card-reveal {
  min-height: 0 !important;
  height: 255px !important;
  max-height: 255px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16, 23, 37, 0.12) !important;
  box-shadow: 0 14px 34px rgba(16, 23, 37, 0.08) !important;
  padding: 1.25rem !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  text-align: left !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
}

html body.index-page .product-universe-card .product-card-logo,
html body.index-page .product-universe-card .product-universe-icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 17px !important;
  margin: 0 0 0.85rem 0 !important;
}

html body.index-page .product-universe-card h3 {
  font-size: clamp(1.28rem, 1.8vw, 1.58rem) !important;
}

html body.index-page .product-universe-card p {
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
  margin: 0 0 0.75rem 0 !important;
}

html body.index-page .product-universe-card .product-universe-link,
html body.index-page .product-universe-card .product-card-link {
  font-size: 0.88rem !important;
  margin-top: auto !important;
}

html body.index-page #allopen-section a.allopen-box-btn.btn-app,
html body.index-page #allopen-section a[href*="play.google"].allopen-box-btn,
html body.index-page #allin-local-section a.allopen-box-btn.btn-app,
html body.index-page #allin-local-section a[href*="play.google"].allopen-box-btn,
html body.index-page section#allopen-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body.index-page section#allin-local-section .allopen-box .product-buttons a.allopen-box-btn.btn-app,
html body a[href*="play.google"].allopen-box-btn.btn-app,
html body a[href*="play.google"].hero-cta-button.btn-app,
html body a[href*="play.google"].tech-button.btn-app {
  background: var(--ap-blue) !important;
  background-color: var(--ap-blue) !important;
  border-color: var(--ap-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allopen-section a.allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body.index-page #allin-local-section a.allopen-box-btn:not(.btn-app):not([href*="play.google"]),
html body.index-page #allin-local-section a[href="https://allinlocal.in"],
html body.index-page #allin-local-section a[href*="#register"],
html body.index-page #allopen-section button.allopen-box-btn,
html body.index-page #allin-local-section button.allopen-box-btn {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--ap-blue-2) !important;
  color: var(--ap-blue-2) !important;
  -webkit-text-fill-color: var(--ap-blue-2) !important;
}

@media (max-width: 980px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.index-page .product-universe-grid {
    grid-template-columns: 1fr !important;
  }

  html body.index-page .product-universe-card,
  html body.index-page a.product-universe-card,
  html body.index-page .product-universe-card.ap-reveal,
  html body.index-page .product-universe-card.ap-card-reveal {
    height: auto !important;
    max-height: none !important;
    min-height: 212px !important;
  }
}

/* Final dark-panel guard: never let dark-section text sit on a light inherited card. */
html body.index-page section.product-section.product-theme-dark .allopen-box,
html body.index-page section#allvideo-section.product-theme-dark .allopen-box,
html body.index-page section#allopen-section.product-theme-dark .allopen-box,
html body.index-page section#allin-local-section.product-theme-dark .allopen-box,
html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  background:
    radial-gradient(circle at 82% 14%, rgba(0, 210, 225, 0.18), transparent 35%),
    linear-gradient(145deg, #101b25 0%, #061019 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
}

html body.index-page section.product-section.product-theme-dark .allopen-box h1,
html body.index-page section.product-section.product-theme-dark .allopen-box h2,
html body.index-page section.product-section.product-theme-dark .allopen-box h3,
html body.index-page section.product-section.product-theme-dark .allopen-box h4,
html body.index-page #allin-local-section .allopen-box h1,
html body.index-page #allin-local-section .allopen-box h2,
html body.index-page #allin-local-section .allopen-box h3,
html body.index-page #allin-local-section .allopen-box h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page section.product-section.product-theme-dark .allopen-box p,
html body.index-page section.product-section.product-theme-dark .allopen-box li,
html body.index-page #allin-local-section .allopen-box p,
html body.index-page #allin-local-section .allopen-box li {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body .allin-feature-showcase .allin-feature-row,
html body.product-detail-page .allin-feature-showcase .allin-feature-row,
html body.index-page .allin-feature-showcase .allin-feature-row {
  background:
    radial-gradient(circle at 90% 18%, rgba(0, 210, 225, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(16, 27, 37, 0.96), rgba(5, 12, 17, 0.96)) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html body .allin-feature-showcase .allin-feature-row h1,
html body .allin-feature-showcase .allin-feature-row h2,
html body .allin-feature-showcase .allin-feature-row h3,
html body .allin-feature-showcase .allin-feature-row h4,
html body .allin-feature-showcase .allin-feature-row p,
html body .allin-feature-showcase .allin-feature-row li,
html body.index-page .allin-feature-showcase .allin-feature-row h1,
html body.index-page .allin-feature-showcase .allin-feature-row h2,
html body.index-page .allin-feature-showcase .allin-feature-row h3,
html body.index-page .allin-feature-showcase .allin-feature-row h4,
html body.index-page .allin-feature-showcase .allin-feature-row p,
html body.index-page .allin-feature-showcase .allin-feature-row li {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .allin-feature-showcase .allin-feature-row p,
html body .allin-feature-showcase .allin-feature-row li,
html body.index-page .allin-feature-showcase .allin-feature-row p,
html body.index-page .allin-feature-showcase .allin-feature-row li {
  color: rgba(245, 248, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.74) !important;
}

/* Frontend audit repair: Allin/AllinLocal/product CTA polish. */
html body .allin-benefits-panel,
html body.index-page .allin-benefits-panel,
html body.product-detail-page .allin-benefits-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2.25rem) !important;
  min-height: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  background:
    radial-gradient(circle at 90% 18%, rgba(0, 210, 225, 0.13), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  border: 1px solid rgba(16, 23, 37, 0.10) !important;
  border-radius: 28px !important;
  box-shadow: 0 18px 48px rgba(16, 23, 37, 0.08) !important;
  color: var(--ap-ink) !important;
}

html body .allin-benefits-panel .product-eyebrow,
html body .allin-benefits-copy h3,
html body .allin-benefits-copy p,
html body .allin-benefits-list,
html body .allin-benefits-list li {
  opacity: 1 !important;
  visibility: visible !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .allin-benefits-copy p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body .allin-benefits-list {
  display: grid !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-height: 44px !important;
  padding: 0.65rem 0.85rem !important;
  border-radius: 16px !important;
  background: rgba(0, 113, 227, 0.06) !important;
  border: 1px solid rgba(0, 113, 227, 0.12) !important;
  font-size: clamp(0.92rem, 1.1vw, 1rem) !important;
  line-height: 1.35 !important;
}

html body .allin-benefits-list li::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a00, #00d2e1, #168a45) !important;
  box-shadow: none !important;
  position: static !important;
  transform: none !important;
}

html body .why-allin-blocks {
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
}

html body .why-allin-block,
html body .why-allin-card {
  min-height: 0 !important;
  border-radius: 24px !important;
}

html body .why-allin-inner {
  display: grid !important;
  grid-template-columns: 124px minmax(210px, 285px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2rem) !important;
  min-height: 168px !important;
  padding: clamp(1.15rem, 2.5vw, 1.75rem) !important;
}

html body .why-allin-icon {
  width: 100px !important;
  height: 100px !important;
  border-radius: 24px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

html body .why-allin-title {
  max-width: none !important;
  width: auto !important;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body .why-allin-desc {
  font-size: clamp(0.98rem, 1.35vw, 1.12rem) !important;
  line-height: 1.55 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.1rem !important;
  min-height: 0 !important;
  padding: clamp(1.35rem, 2.6vw, 2.2rem) !important;
}

html body.index-page #allin-local-section .allopen-box .product-logo-container {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: clamp(82px, 8vw, 110px) !important;
  height: clamp(82px, 8vw, 110px) !important;
  margin: 0 0 0.3rem 0 !important;
  z-index: 1 !important;
}

html body.index-page #allin-local-section .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  width: 100% !important;
  flex: 1 1 auto !important;
}

html body.index-page #allin-local-section .allopen-box .product-buttons {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  margin-top: auto !important;
}

html body.index-page #allin-local-section .allopen-box-title,
html body.index-page #allin-local-section .allopen-box-title[style] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(1.8rem, 3vw, 2.55rem) !important;
  line-height: 1.05 !important;
  margin: 0 0 0.6rem 0 !important;
}

html body.product-detail-page .product-page-cta {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
  max-width: 980px !important;
  padding: clamp(1.5rem, 3vw, 2.4rem) !important;
}

html body.product-detail-page .product-page-cta-title {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(1.7rem, 3vw, 2.5rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.55rem !important;
}

html body.product-detail-page .product-page-cta-desc {
  max-width: 780px !important;
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
  font-size: clamp(0.95rem, 1.25vw, 1.05rem) !important;
  line-height: 1.55 !important;
}

html body.product-detail-page .product-page-cta-buttons {
  justify-content: center !important;
  align-items: center !important;
  margin-top: 0.3rem !important;
}

html body .product-universe-card:focus,
html body .product-universe-card:focus-visible,
html body .product-universe-card.active {
  outline: 2px solid rgba(0, 113, 227, 0.48) !important;
  outline-offset: 3px !important;
  border-color: rgba(0, 113, 227, 0.28) !important;
}

html body.index-page .product-universe-card:first-child {
  border-color: rgba(16, 23, 37, 0.12) !important;
}

html body .product-universe-card .product-universe-link,
html body .product-universe-card .product-card-link {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--ap-blue) !important;
  -webkit-text-fill-color: var(--ap-blue) !important;
}

html body .py-5:has(.text-center .tech-button[onclick*="forms.gle"]),
html body .py-5:has(.text-center .tech-button[onclick*="showAllinPartnerAlert"]) {
  padding-bottom: clamp(4rem, 7vw, 6rem) !important;
}

@media (max-width: 900px) {
  html body .why-allin-inner {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    text-align: left !important;
  }

  html body .why-allin-desc {
    grid-column: 1 / -1 !important;
  }

  html body .allin-benefits-panel,
  html body.index-page .allin-benefits-panel,
  html body.product-detail-page .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body .why-allin-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    justify-items: center !important;
  }

  html body .why-allin-desc {
    grid-column: auto !important;
  }

  html body.index-page #allin-local-section .allopen-box .product-buttons {
    justify-content: center !important;
  }
}

/* High-specificity frontend audit fixes for legacy selector conflicts. */
html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
  display: grid !important;
  grid-template-columns: 112px minmax(220px, 300px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.1rem, 2.6vw, 2rem) !important;
  min-height: 160px !important;
  padding: clamp(1.1rem, 2.2vw, 1.7rem) !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-icon {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  margin: 0 !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-title {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  font-size: clamp(1.55rem, 2.35vw, 2.1rem) !important;
  line-height: 1.05 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  margin: 0 !important;
}

html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
  margin: 0 !important;
  font-size: clamp(0.98rem, 1.28vw, 1.1rem) !important;
  line-height: 1.55 !important;
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
html body.product-detail-page .allin-benefits-panel {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.75fr) !important;
  align-items: center !important;
  gap: clamp(1.25rem, 3vw, 2.2rem) !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(1.45rem, 3vw, 2.35rem) !important;
  background:
    radial-gradient(circle at 92% 20%, rgba(0, 210, 225, 0.12), transparent 32%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  color: var(--ap-ink) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(16, 23, 37, 0.10) !important;
  box-shadow: 0 18px 48px rgba(16, 23, 37, 0.08) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy h3,
html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy h3,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p {
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-copy p {
  color: var(--ap-muted) !important;
  -webkit-text-fill-color: var(--ap-muted) !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list {
  display: grid !important;
  gap: 0.72rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list li,
html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  min-height: 42px !important;
  padding: 0.62rem 0.85rem !important;
  border-radius: 16px !important;
  background: rgba(0, 113, 227, 0.06) !important;
  border: 1px solid rgba(0, 113, 227, 0.12) !important;
  color: var(--ap-ink) !important;
  -webkit-text-fill-color: var(--ap-ink) !important;
  font-size: clamp(0.92rem, 1.08vw, 1rem) !important;
  line-height: 1.35 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 1.05rem !important;
  min-height: 0 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .product-logo-container {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 96px !important;
  height: 96px !important;
  margin: 0 0 0.45rem 0 !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box > div:not(.product-logo-container):not(.product-buttons) {
  width: 100% !important;
  flex: 1 1 auto !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .allopen-box-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 0.65rem 0 !important;
  width: auto !important;
}

html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box .product-buttons {
  width: 100% !important;
  margin-top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
}

@media (max-width: 900px) {
  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
    grid-template-columns: 90px minmax(0, 1fr) !important;
  }

  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
    grid-column: 1 / -1 !important;
  }

  html body.index-page section#allin-details-section.allin-platform-section .allin-benefits-panel,
  html body.product-detail-page section#allin-details-section.allin-platform-section .allin-benefits-panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-inner {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.index-page section#features-section .why-allin-blocks .why-allin-block .why-allin-desc {
    grid-column: auto !important;
  }
}

/* Final mobile navigation repair: keep the menu above the blur and draw a clean hamburger. */
@media (max-width: 900px) {
  html.mobile-nav-open,
  html body.mobile-nav-open {
    overflow: hidden !important;
  }

  html body .custom-navbar {
    z-index: 3000 !important;
    overflow: visible !important;
  }

  html body .custom-navbar .container {
    position: relative !important;
    overflow: visible !important;
  }

  html body #burger-menu.burger {
    position: relative !important;
    z-index: 3300 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body #burger-menu.burger::before,
  html body #burger-menu.burger::after {
    content: none !important;
    display: none !important;
  }

  html body #burger-menu.burger span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: 25px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #101725 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform-origin: center !important;
    transition: transform 220ms ease, opacity 160ms ease, background-color 220ms ease !important;
  }

  html body #burger-menu.burger span:nth-child(1) {
    transform: translate(-50%, -9px) !important;
  }

  html body #burger-menu.burger span:nth-child(2) {
    transform: translate(-50%, -50%) !important;
  }

  html body #burger-menu.burger span:nth-child(3) {
    transform: translate(-50%, 7px) !important;
  }

  html body #burger-menu.burger.active span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  html body #burger-menu.burger.active span:nth-child(2) {
    opacity: 0 !important;
    transform: translate(-50%, -50%) scaleX(0.18) !important;
  }

  html body #burger-menu.burger.active span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1800 !important;
    display: block !important;
    background: rgba(7, 12, 18, 0.36) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 220ms ease, visibility 220ms ease !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body #navbar-links.navbar-links,
  html body .custom-navbar #navbar-links.navbar-links {
    position: fixed !important;
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(calc(100vw - 28px), 430px) !important;
    max-height: calc(100vh - 86px) !important;
    overflow-y: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.35rem !important;
    padding: 0.82rem !important;
    margin: 0 !important;
    list-style: none !important;
    border-radius: 24px !important;
    border: 1px solid rgba(16, 23, 37, 0.12) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    color: #101725 !important;
    box-shadow: 0 24px 70px rgba(7, 12, 18, 0.22) !important;
    z-index: 3100 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -10px) scale(0.98) !important;
    transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease !important;
  }

  html body #navbar-links.navbar-links.open,
  html body .custom-navbar #navbar-links.navbar-links.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
  }

  html body #navbar-links.navbar-links > li,
  html body .custom-navbar #navbar-links.navbar-links > li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body #navbar-links.navbar-links a,
  html body .custom-navbar #navbar-links.navbar-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0.72rem 0.9rem !important;
    border-radius: 16px !important;
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: 0.98rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  html body #navbar-links.navbar-links a:hover,
  html body #navbar-links.navbar-links a:focus,
  html body #navbar-links.navbar-links .nav-link.active {
    color: #0071e3 !important;
    -webkit-text-fill-color: #0071e3 !important;
    background: rgba(0, 113, 227, 0.10) !important;
  }

  html body #navbar-links.navbar-links .dropdown-toggle::after {
    margin-left: auto !important;
  }

  html body #navbar-links.navbar-links .dropdown-menu,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu {
    position: static !important;
    inset: auto !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0.35rem !important;
    margin: 0.25rem 0 0.1rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(16, 23, 37, 0.08) !important;
    background: rgba(245, 248, 255, 0.94) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html body #navbar-links.navbar-links .dropdown-menu.show,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu.show {
    display: grid !important;
    gap: 0.15rem !important;
  }

  html body #navbar-links.navbar-links .dropdown-divider {
    display: none !important;
  }

  html body #navbar-links.navbar-links .dropdown-item {
    min-height: 38px !important;
    padding: 0.6rem 0.75rem !important;
    color: #202633 !important;
    -webkit-text-fill-color: #202633 !important;
    white-space: normal !important;
  }
}

@media (min-width: 901px) {
  html body #burger-menu.burger {
    display: none !important;
  }

  html body #mobile-nav-backdrop.mobile-nav-backdrop {
    display: none !important;
  }
}

/* Product overview final polish: compact Apple-style clickable tiles without visible CTA links. */
html body.index-page #our-products-section.product-universe-section {
  padding: clamp(2.2rem, 4.5vw, 4.25rem) 0 clamp(2rem, 4vw, 3.5rem) !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(0, 191, 216, 0.10), transparent 30%),
    radial-gradient(circle at 12% 84%, rgba(255, 138, 0, 0.055), transparent 28%),
    linear-gradient(180deg, #fbfbfd 0%, #ffffff 100%) !important;
}

html body.index-page #our-products-section .container {
  width: min(100% - 32px, 1180px) !important;
  max-width: 1180px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body.index-page #our-products-section .product-universe-head {
  width: min(100%, 640px) !important;
  margin: 0 auto clamp(1.3rem, 2.8vw, 2rem) !important;
  text-align: center !important;
}

html body.index-page #our-products-section .product-eyebrow {
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
}

html body.index-page #our-products-section .product-universe-head h2 {
  font-size: clamp(1.75rem, 3.4vw, 3.05rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  margin: 0.28rem 0 0.35rem !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html body.index-page #our-products-section .product-universe-head p {
  max-width: 52ch !important;
  margin: 0 auto !important;
  font-size: clamp(0.88rem, 1.1vw, 1rem) !important;
  line-height: 1.45 !important;
  font-weight: 520 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #our-products-section .product-universe-grid {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.35vw, 1.05rem) !important;
  padding: 0 !important;
}

html body.index-page #our-products-section .product-universe-card,
html body.index-page #our-products-section a.product-universe-card,
html body.index-page #our-products-section .product-universe-card.ap-reveal,
html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 0.72rem !important;
  min-height: 0 !important;
  height: clamp(168px, 15.6vw, 196px) !important;
  max-height: 196px !important;
  padding: clamp(1rem, 1.45vw, 1.35rem) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-top: 2px solid rgba(0, 191, 216, 0.55) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(0, 191, 216, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 252, 0.96)) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07) !important;
  overflow: hidden !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  text-align: left !important;
  text-decoration: none !important;
  transform: translateZ(0) !important;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n + 1),
html body.index-page #our-products-section .product-universe-card:first-child {
  border-top-color: rgba(255, 138, 0, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n + 2) {
  border-top-color: rgba(63, 125, 246, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card:nth-child(3n) {
  border-top-color: rgba(0, 191, 216, 0.72) !important;
}

html body.index-page #our-products-section .product-universe-card::before,
html body.index-page #our-products-section .product-universe-card::after {
  content: none !important;
  display: none !important;
}

html body.index-page #our-products-section .product-universe-card:hover,
html body.index-page #our-products-section .product-universe-card:focus-visible {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 113, 227, 0.22) !important;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.12) !important;
  outline: none !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-logo {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  padding: 0.46rem !important;
  margin: 0 !important;
  border-radius: 15px !important;
  object-fit: contain !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #our-products-section .product-universe-card h3 {
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.65vw, 1.48rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  font-weight: 850 !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #our-products-section .product-universe-card p {
  max-width: 28ch !important;
  margin: 0 !important;
  font-size: clamp(0.82rem, 0.92vw, 0.94rem) !important;
  line-height: 1.36 !important;
  font-weight: 560 !important;
  color: #607086 !important;
  -webkit-text-fill-color: #607086 !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-link,
html body.index-page #our-products-section .product-universe-card .product-universe-link,
html body.index-page #our-products-section .product-universe-card .product-card-arrow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

@media (max-width: 980px) {
  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 720px) !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: 176px !important;
    max-height: 176px !important;
  }
}

@media (max-width: 640px) {
  html body.index-page #our-products-section .container {
    width: min(100% - 24px, 430px) !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: 1fr !important;
    width: min(100%, 390px) !important;
    gap: 0.72rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: 150px !important;
    max-height: 150px !important;
    padding: 0.95rem !important;
    border-radius: 18px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 0.9rem !important;
    row-gap: 0.25rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    grid-row: 1 / 3 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3,
  html body.index-page #our-products-section .product-universe-card p {
    grid-column: 2 !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    max-width: none !important;
  }
}

/* Product page audit pass: tighter bullets, accurate screenshot borders, and Allin layout repairs. */
html body.product-detail-page .product-page-list,
html body.product-detail-page .allin-benefits-list,
html body.index-page .allin-benefits-list {
  display: grid !important;
  gap: 0.42rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.product-detail-page .product-page-list li,
html body.product-detail-page .allin-benefits-list li,
html body.index-page .allin-benefits-list li {
  min-height: 0 !important;
  padding: 0.42rem 0 0.42rem 1.35rem !important;
  margin: 0 !important;
  line-height: 1.38 !important;
  font-size: clamp(0.9rem, 1.02vw, 1rem) !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: transparent !important;
  border: 0 !important;
}

html body.product-detail-page .product-page-list li::before,
html body.product-detail-page .allin-benefits-list li::before,
html body.index-page .allin-benefits-list li::before {
  position: absolute !important;
  left: 0 !important;
  top: 0.9em !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8a00, #00d2e1, #168a45) !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

html body.product-detail-page .product-page-main {
  padding: clamp(1.2rem, 2.6vw, 2rem) !important;
}

html body.product-detail-page .product-page-main .row {
  gap: clamp(1rem, 2.4vw, 1.7rem) !important;
}

html body.product-detail-page .product-page-card {
  min-height: 0 !important;
  padding: clamp(0.95rem, 1.55vw, 1.25rem) !important;
  border-radius: 20px !important;
}

html body.product-detail-page .product-page-card h4 {
  font-size: clamp(1.15rem, 1.75vw, 1.55rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.55rem !important;
}

html body.product-detail-page .product-page-card p {
  font-size: clamp(0.86rem, 1vw, 0.95rem) !important;
  line-height: 1.42 !important;
}

html body .ac-hero-device,
html body .allvideo-screen,
html body .allin-main-screen,
html body .allin-feature-media,
html body .allin-hero-preview,
html body .mobile-screenshot-container,
html body .mobile-screenshot-wrapper,
html body .device-frame {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .allvideo-screen img,
html body .allin-main-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: clamp(20px, 3vw, 30px) !important;
  background: transparent !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.42) inset !important;
}

html body.allconnect-page .ac-hero-device img,
html body.index-page #allconnect-section .mobile-screenshot,
html body.index-page .ac-hero-device img {
  --ap-shot: #ff7a00;
  max-height: min(470px, 62vh) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen,
html body.index-page #allvideo-showcase-section .allvideo-screen img {
  --ap-shot: #5477ff;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
  min-height: clamp(390px, 45vw, 570px) !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(0.5rem, 2vw, 1rem) 0 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen img {
  max-height: min(500px, 62vh) !important;
  max-width: min(300px, 38vw) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
  transform: rotate(-5deg) translateX(34px) !important;
  z-index: 2 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
  transform: rotate(5deg) translateX(-34px) translateY(28px) !important;
  z-index: 1 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen:hover {
  z-index: 3 !important;
  transform: rotate(0deg) translateX(0) translateY(-8px) scale(1.02) !important;
}

html body.index-page #allin-details-section.allin-platform-section,
html body.allin-page #allin-details-section.allin-platform-section {
  padding-top: clamp(2.6rem, 5vw, 4.5rem) !important;
}

html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto clamp(1.2rem, 2.6vw, 2rem) !important;
  padding: clamp(1.35rem, 3vw, 2.2rem) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-top: 2px solid rgba(0, 210, 225, 0.72) !important;
  background:
    radial-gradient(circle at 86% 20%, rgba(0, 210, 225, 0.18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 18px 52px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #allin-details-section .allin-platform-hero .row,
html body.allin-page #allin-details-section .allin-platform-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3.2vw, 2.4rem) !important;
}

html body.index-page #allin-details-section .allin-platform-title,
html body.allin-page #allin-details-section .allin-platform-title {
  font-size: clamp(2rem, 4.4vw, 4.4rem) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 0.75rem !important;
}

html body.index-page #allin-details-section .allin-platform-desc,
html body.allin-page #allin-details-section .allin-platform-desc {
  max-width: 52ch !important;
  font-size: clamp(0.92rem, 1.05vw, 1rem) !important;
  line-height: 1.5 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #allin-details-section .allin-screenshot-stage,
html body.allin-page #allin-details-section .allin-screenshot-stage {
  min-height: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  --ap-shot: #25d6d6;
  max-height: min(470px, 62vh) !important;
  max-width: min(290px, 40vw) !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: clamp(1.1rem, 2.6vw, 1.8rem) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, #061018 0%, #061923 100%) !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(220px, 0.62fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 3vw, 2.2rem) !important;
  min-height: 0 !important;
  padding: clamp(1.1rem, 2.8vw, 2rem) !important;
  margin: 0 0 clamp(0.85rem, 1.8vw, 1.2rem) !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(0, 210, 225, 0.16), transparent 36%),
    rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even),
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) {
  grid-template-columns: minmax(220px, 0.62fr) minmax(0, 0.95fr) !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media {
  order: 1 !important;
}

html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy,
html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy {
  order: 2 !important;
}

html body.index-page #allin-details-section .allin-feature-copy h4,
html body.allin-page #allin-details-section .allin-feature-copy h4 {
  font-size: clamp(1.7rem, 3.2vw, 3.6rem) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allin-details-section .allin-feature-copy p,
html body.allin-page #allin-details-section .allin-feature-copy p {
  max-width: 44ch !important;
  font-size: clamp(0.9rem, 1.05vw, 1rem) !important;
  line-height: 1.5 !important;
  color: rgba(245, 248, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.72) !important;
}

html body.index-page #allin-details-section .allin-feature-media,
html body.allin-page #allin-details-section .allin-feature-media {
  justify-self: center !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  --ap-shot: #25d6d6;
  max-height: min(340px, 52vh) !important;
  max-width: min(220px, 34vw) !important;
}

html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel,
html body.product-detail-page #allin-details-section .allin-benefits-panel {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  min-height: 0 !important;
  margin: clamp(1rem, 2vw, 1.4rem) auto 0 !important;
  padding: clamp(1.1rem, 2.8vw, 1.9rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.74fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2.4vw, 1.8rem) !important;
  border-radius: 24px !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.07) !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-benefits-copy h3,
html body.allin-page #allin-details-section .allin-benefits-copy h3 {
  font-size: clamp(1.45rem, 2.8vw, 2.35rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 0.45rem !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-benefits-copy p,
html body.allin-page #allin-details-section .allin-benefits-copy p {
  font-size: clamp(0.9rem, 1.03vw, 1rem) !important;
  line-height: 1.48 !important;
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

html body.index-page #allin-details-section .allin-benefits-list,
html body.allin-page #allin-details-section .allin-benefits-list {
  gap: 0.38rem !important;
}

html body.index-page #allin-details-section .allin-benefits-list li,
html body.allin-page #allin-details-section .allin-benefits-list li {
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0.48rem 0.72rem !important;
  gap: 0.55rem !important;
  border-radius: 14px !important;
  background: rgba(0, 113, 227, 0.055) !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

html body.index-page #allin-details-section .allin-benefits-list li::before,
html body.allin-page #allin-details-section .allin-benefits-list li::before {
  position: static !important;
  transform: none !important;
}

html body.ap-motion-ready .ap-device-reveal:not(.ap-in-view),
html body .reveal-from-left:not(.reveal-in),
html body .reveal-from-right:not(.reveal-in) {
  opacity: 0 !important;
  transform: translate3d(0, 36px, 0) scale(0.97) !important;
}

html body.ap-motion-ready .ap-device-reveal.ap-in-view {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

html body .ap-device-reveal,
html body .allin-feature-row,
html body .allvideo-screen,
html body .ac-flow-card {
  transition:
    opacity 760ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 760ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms ease !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed.ap-device-reveal.ap-in-view {
  transform: rotate(-5deg) translateX(34px) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips.ap-device-reveal.ap-in-view {
  transform: rotate(5deg) translateX(-34px) translateY(28px) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-feed.ap-device-reveal:not(.ap-in-view) {
  transform: rotate(-5deg) translateX(34px) translateY(36px) scale(0.96) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-clips.ap-device-reveal:not(.ap-in-view) {
  transform: rotate(5deg) translateX(-34px) translateY(64px) scale(0.96) !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  min-width: min(150px, 42vw) !important;
  min-height: min(265px, 52vh) !important;
}

@media (max-width: 980px) {
  html body.index-page #allin-details-section .allin-platform-hero .row,
  html body.allin-page #allin-details-section .allin-platform-hero .row,
  html body.index-page #allin-details-section .allin-feature-row,
  html body.allin-page #allin-details-section .allin-feature-row,
  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even),
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even),
  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-media,
  html body.index-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy,
  html body.allin-page #allin-details-section .allin-feature-row:nth-of-type(even) .allin-feature-copy {
    order: initial !important;
  }

  html body.index-page #allin-details-section .allin-platform-desc,
  html body.allin-page #allin-details-section .allin-platform-desc,
  html body.index-page #allin-details-section .allin-feature-copy p,
  html body.allin-page #allin-details-section .allin-feature-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed,
  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    transform: none !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    min-height: auto !important;
    gap: 0.8rem !important;
  }
}

@media (max-width: 640px) {
  html body.product-detail-page .product-page-main {
    padding: 1rem !important;
  }

  html body.index-page #allin-details-section .allin-platform-hero,
  html body.allin-page #allin-details-section .allin-platform-hero,
  html body.index-page #allin-details-section .allin-feature-showcase,
  html body.allin-page #allin-details-section .allin-feature-showcase,
  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel {
    border-radius: 20px !important;
  }

  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img,
  html body.index-page #allin-details-section .allin-feature-media img,
  html body.allin-page #allin-details-section .allin-feature-media img,
  html body.allconnect-page .ac-hero-device img {
    max-width: min(245px, 76vw) !important;
    max-height: 430px !important;
  }
}

/* True final nav authority: keep desktop Products visible after click/hover. */
@media (min-width: 901px) {
  html body #navbar-links.navbar-links .dropdown-menu.show,
  html body .custom-navbar #navbar-links.navbar-links .dropdown-menu.show,
  html body #navbar-links.navbar-links .nav-item.dropdown.show > .dropdown-menu,
  html body #navbar-links.navbar-links .nav-item.dropdown:hover > .dropdown-menu,
  html body #navbar-links.navbar-links .nav-item.dropdown:focus-within > .dropdown-menu {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}

/* Allin details must stay visible even if older reveal rules fail to run. */
html body.index-page #allin-details-section,
html body.allin-page #allin-details-section,
html body.index-page #allin-details-section .reveal-on-scroll,
html body.allin-page #allin-details-section .reveal-on-scroll,
html body.index-page #allin-details-section .reveal-from-left,
html body.allin-page #allin-details-section .reveal-from-left,
html body.index-page #allin-details-section .reveal-from-right,
html body.allin-page #allin-details-section .reveal-from-right,
html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero,
html body.index-page #allin-details-section .allin-platform-hero .row > *,
html body.allin-page #allin-details-section .allin-platform-hero .row > *,
html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase,
html body.index-page #allin-details-section .allin-feature-showcase *,
html body.allin-page #allin-details-section .allin-feature-showcase *,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  display: block !important;
  min-height: 0 !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  display: grid !important;
}

/* Final Allin recovery guard: visible content, compact spacing, no inherited reveal hiding. */
html body.index-page #allin-details-section *,
html body.allin-page #allin-details-section * {
  visibility: visible !important;
}

html body.index-page #allin-details-section .allin-platform-header,
html body.allin-page #allin-details-section .allin-platform-header,
html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero,
html body.index-page #allin-details-section .allin-platform-hero *,
html body.allin-page #allin-details-section .allin-platform-hero *,
html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase,
html body.index-page #allin-details-section .allin-feature-showcase *,
html body.allin-page #allin-details-section .allin-feature-showcase *,
html body.index-page #allin-details-section .allin-benefits-panel,
html body.allin-page #allin-details-section .allin-benefits-panel,
html body.index-page #allin-details-section .allin-benefits-panel *,
html body.allin-page #allin-details-section .allin-benefits-panel * {
  opacity: 1 !important;
  transform: none !important;
}

html body.index-page #allin-details-section,
html body.allin-page #allin-details-section {
  padding-top: clamp(2.25rem, 5vw, 4.25rem) !important;
  padding-bottom: clamp(2.25rem, 5vw, 4.25rem) !important;
}

html body.index-page #allin-details-section .container,
html body.allin-page #allin-details-section .container {
  max-width: 1160px !important;
}

html body.index-page #allin-details-section .allin-platform-hero,
html body.allin-page #allin-details-section .allin-platform-hero {
  min-height: 0 !important;
  display: block !important;
  margin: 0 auto clamp(1rem, 2.2vw, 1.7rem) !important;
  padding: clamp(1.35rem, 3vw, 2.35rem) !important;
  overflow: hidden !important;
}

html body.index-page #allin-details-section .allin-platform-hero .row,
html body.allin-page #allin-details-section .allin-platform-hero .row {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3vw, 2.5rem) !important;
}

html body.index-page #allin-details-section .allin-platform-title,
html body.allin-page #allin-details-section .allin-platform-title {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allin-details-section .allin-platform-desc,
html body.allin-page #allin-details-section .allin-platform-desc {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen {
  width: fit-content !important;
  margin: 0 auto !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(255px, 34vw) !important;
  max-height: min(460px, 62vh) !important;
  object-fit: contain !important;
}

html body.index-page #allin-details-section .allin-feature-showcase,
html body.allin-page #allin-details-section .allin-feature-showcase {
  display: grid !important;
  gap: clamp(0.9rem, 2vw, 1.35rem) !important;
  min-height: 0 !important;
  margin: clamp(1rem, 2.4vw, 1.7rem) auto 0 !important;
  padding: clamp(1.15rem, 2.7vw, 1.9rem) !important;
}

html body.index-page #allin-details-section .allin-feature-row,
html body.allin-page #allin-details-section .allin-feature-row {
  min-height: 0 !important;
  grid-template-columns: minmax(0, 0.88fr) minmax(160px, 0.42fr) !important;
  align-items: center !important;
  gap: clamp(1rem, 2.7vw, 2.25rem) !important;
  padding: clamp(1rem, 2.5vw, 1.8rem) !important;
}

html body.index-page #allin-details-section .allin-feature-media img,
html body.allin-page #allin-details-section .allin-feature-media img {
  width: auto !important;
  height: auto !important;
  max-width: min(190px, 28vw) !important;
  max-height: min(350px, 54vh) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  html body.index-page #allin-details-section .allin-platform-hero .row,
  html body.allin-page #allin-details-section .allin-platform-hero .row,
  html body.index-page #allin-details-section .allin-feature-row,
  html body.allin-page #allin-details-section .allin-feature-row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img,
  html body.index-page #allin-details-section .allin-feature-media img,
  html body.allin-page #allin-details-section .allin-feature-media img {
    max-width: min(235px, 72vw) !important;
    max-height: 420px !important;
  }
}

/* Final AllVideo recovery: keep the showcase readable and visible after reveal rules. */
html body.index-page #allvideo-showcase-section,
html body.index-page #allvideo-showcase-section .allvideo-showcase-header,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > *,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy,
html body.index-page #allvideo-showcase-section .allvideo-screen-stage,
html body.index-page #allvideo-showcase-section .allvideo-screen,
html body.index-page #allvideo-showcase-section .allvideo-showcase-grid,
html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero,
html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > *,
html body.index-page #allvideo-showcase-section .allvideo-showcase-grid,
html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  transform: none !important;
}

html body.index-page #allvideo-showcase-section {
  min-height: 0 !important;
  padding-top: clamp(2.4rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.4rem, 5vw, 4.5rem) !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 153, 51, 0.16), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(0, 200, 210, 0.18), transparent 32%),
    linear-gradient(135deg, #08111b 0%, #071923 52%, #062b2a 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

html body.index-page #allvideo-showcase-section .container {
  max-width: 1160px !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header {
  margin-bottom: clamp(1.2rem, 2.8vw, 2rem) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header h2,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-header p,
html body.index-page #allvideo-showcase-section .allvideo-showcase-copy p {
  color: rgba(245, 248, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(245, 248, 255, 0.78) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
  min-height: 0 !important;
  margin: 0 auto clamp(1rem, 2.5vw, 1.6rem) !important;
  padding: clamp(1.15rem, 2.8vw, 2rem) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(10, 35, 45, 0.72)) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
  display: grid !important;
  grid-template-columns: minmax(0, 0.78fr) minmax(300px, 1fr) !important;
  align-items: center !important;
  gap: clamp(1.2rem, 3vw, 2.5rem) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
  min-height: min(560px, 68vh) !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
  background: #ffffff !important;
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill h4 {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.index-page #allvideo-showcase-section .allvideo-feature-pill p {
  color: #647084 !important;
  -webkit-text-fill-color: #647084 !important;
}

@media (max-width: 900px) {
  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    min-height: 390px !important;
  }
}

/* Career CTA spacing. */
html body.career-page .tech-card .tech-button,
html body.career-page section .text-center > .tech-button {
  margin-top: 0.9rem !important;
}

/* Final compact rhythm: remove oversized empty gaps on product/detail pages. */
:root {
  --ap-section-y: clamp(1.8rem, 3vw, 3rem);
  --ap-card-gap: clamp(0.7rem, 1.25vw, 1.05rem);
}

html body.product-detail-page section.py-5,
html body.allconnect-page section.py-5,
html body.alltask-page section.py-5,
html body.allinlocal-page section.py-5,
html body.allin-page section.py-5 {
  padding-top: clamp(1.55rem, 3vw, 2.6rem) !important;
  padding-bottom: clamp(1.55rem, 3vw, 2.6rem) !important;
}

html body.product-detail-page .section-divider,
html body.allconnect-page .section-divider,
html body.alltask-page .section-divider,
html body.allinlocal-page .section-divider,
html body.allin-page .section-divider {
  height: 1px !important;
  min-height: 0 !important;
  margin: 0 !important;
}

html body.product-detail-page .text-center.mb-5,
html body.allconnect-page .text-center.mb-5,
html body.alltask-page .text-center.mb-5,
html body.allinlocal-page .text-center.mb-5,
html body.allin-page .text-center.mb-5 {
  margin-bottom: clamp(0.95rem, 2vw, 1.55rem) !important;
}

html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  min-height: clamp(380px, 52vh, 540px) !important;
  padding-top: clamp(2.8rem, 4.8vw, 4.25rem) !important;
  padding-bottom: clamp(1.4rem, 3vw, 2.5rem) !important;
}

html body.allconnect-page #description-section {
  padding-top: clamp(1.2rem, 2.5vw, 2.2rem) !important;
}

html body.allconnect-page .product-page-main {
  padding: clamp(1rem, 2vw, 1.55rem) !important;
}

html body.allconnect-page .product-page-list {
  margin-top: clamp(0.65rem, 1.4vw, 1rem) !important;
}

html body.allconnect-page .product-page-list li {
  margin-bottom: 0.48rem !important;
  line-height: 1.45 !important;
}

html body.allconnect-page .product-page-card {
  padding: clamp(0.9rem, 1.6vw, 1.25rem) !important;
  min-height: 0 !important;
}

html body.allconnect-page .product-page-card h4 {
  margin-bottom: 0.38rem !important;
}

html body.allconnect-page .ac-flow-section {
  padding-top: clamp(1.9rem, 3.5vw, 3rem) !important;
  padding-bottom: clamp(1.9rem, 3.5vw, 3rem) !important;
}

html body.allconnect-page .ac-flow-section header {
  margin-bottom: clamp(1rem, 2vw, 1.55rem) !important;
}

html body.allconnect-page .ac-flow-list {
  gap: clamp(0.9rem, 1.8vw, 1.35rem) !important;
}

html body.allconnect-page .ac-flow-card {
  min-height: 0 !important;
  padding: clamp(1rem, 2vw, 1.55rem) !important;
  gap: clamp(1rem, 2vw, 1.6rem) !important;
}

html body.allconnect-page .ac-flow-media {
  min-height: 0 !important;
}

html body.allconnect-page .ac-flow-media img {
  max-height: min(320px, 50vh) !important;
}

html body.allconnect-page .ac-flow-step {
  margin-bottom: 0.55rem !important;
}

html body.allconnect-page .ac-flow-copy h3 {
  margin-bottom: 0.45rem !important;
}

html body.allconnect-page .ac-flow-copy p {
  line-height: 1.48 !important;
}

@media (min-width: 760px) {
  html body.allconnect-page .ac-flow-card {
    grid-template-columns: minmax(200px, 0.58fr) minmax(0, 1fr) !important;
  }
}

/* Exact product-page spacing locks: override older broad section padding. */
html body.allconnect-page #description-section,
html body.allconnect-page #allconnect-flow,
html body.allin-page #allin-details-section,
html body.alltask-page #description-section,
html body.allinlocal-page #description-section {
  padding-top: clamp(1.2rem, 2.4vw, 2.1rem) !important;
  padding-bottom: clamp(1.2rem, 2.4vw, 2.1rem) !important;
}

html body.allconnect-page #description-section > .container,
html body.allconnect-page #allconnect-flow > .container,
html body.allin-page #allin-details-section > .container,
html body.alltask-page #description-section > .container,
html body.allinlocal-page #description-section > .container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Exact hero compaction for product pages. */
html body.product-detail-page .ac-hero,
html body.allconnect-page .ac-hero,
html body.product-detail-page .allin-hero,
html body.allin-page .allin-hero,
html body.alltask-page .allin-hero,
html body.allinlocal-page .allin-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  min-height: 0 !important;
  padding-top: clamp(2rem, 4vw, 3.35rem) !important;
  padding-bottom: clamp(1.25rem, 2.8vw, 2.2rem) !important;
}

html body.allconnect-page .ac-hero-grid,
html body.product-detail-page .hero-content-wrapper {
  min-height: 0 !important;
}

html body.allconnect-page .ac-visual,
html body.allconnect-page .ac-hero-device {
  min-height: 0 !important;
}

html body.allconnect-page .ac-hero-device img {
  max-height: min(300px, 46vh) !important;
}

html body.allin-page #allin-details-section {
  padding-top: clamp(1.2rem, 2.4vw, 2.1rem) !important;
}

/* Final AllConnect screenshot/frame repair. */
html body.allconnect-page .ac-inner {
  width: min(100%, 1180px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: clamp(1.2rem, 2.4vw, 2rem) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.78fr) !important;
  align-items: center !important;
  gap: clamp(1.4rem, 3vw, 3rem) !important;
}

html body.allconnect-page .ac-copy,
html body.allconnect-page .ac-copy *,
html body.allconnect-page #description-section,
html body.allconnect-page #description-section *,
html body.allconnect-page #allconnect-flow,
html body.allconnect-page #allconnect-flow * {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.allconnect-page #description-section .reveal-on-scroll,
html body.allconnect-page #description-section .reveal-from-left,
html body.allconnect-page #description-section .reveal-from-right,
html body.allconnect-page #allconnect-flow .reveal-on-scroll,
html body.allconnect-page #allconnect-flow .reveal-from-left,
html body.allconnect-page #allconnect-flow .reveal-from-right {
  transform: none !important;
}

html body.allconnect-page #description-section .text-center {
  display: block !important;
  margin-bottom: clamp(1rem, 2vw, 1.5rem) !important;
}

html body.allconnect-page #description-section h2,
html body.allconnect-page #description-section .lead {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body.allconnect-page .ac-visual,
html body.allconnect-page .ac-hero-device,
html body.allconnect-page .ac-flow-media {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.allconnect-page .ac-hero-device {
  width: fit-content !important;
  margin: 0 auto !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 4px solid #ff7a00 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 48px rgba(255, 122, 0, 0.16), 0 14px 36px rgba(15, 23, 42, 0.11) !important;
}

html body.allconnect-page .ac-hero-device img {
  max-width: min(330px, 32vw) !important;
  max-height: min(430px, 58vh) !important;
}

html body.allconnect-page .ac-flow-media img {
  max-width: min(260px, 42vw) !important;
  max-height: min(330px, 48vh) !important;
}

html body.allconnect-page #description-section {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  html body.allconnect-page .ac-inner {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: clamp(1rem, 4vw, 1.5rem) !important;
  }

  html body.allconnect-page .ac-hero-device img,
  html body.allconnect-page .ac-flow-media img {
    max-width: min(255px, 78vw) !important;
    max-height: 390px !important;
  }
}

/* Final mobile polish for index product cards. */
@media (max-width: 640px) {
  html body.index-page .product-universe-section {
    padding-top: 1.5rem !important;
    padding-bottom: 1.7rem !important;
  }

  html body.index-page .product-universe-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
    width: min(100%, 520px) !important;
    margin-inline: auto !important;
  }

  html body.index-page .product-universe-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 1rem 1.05rem !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon text" !important;
    column-gap: 0.88rem !important;
    row-gap: 0.18rem !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 52%, #e9fbff 100%) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07) !important;
  }

  html body.index-page .product-universe-card .product-card-logo {
    grid-area: icon !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0.55rem !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  }

  html body.index-page .product-universe-card h3 {
    grid-area: title !important;
    margin: 0 !important;
    font-size: clamp(1.2rem, 6vw, 1.55rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
  }

  html body.index-page .product-universe-card p {
    grid-area: text !important;
    margin: 0.15rem 0 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
    color: #5d6b80 !important;
    -webkit-text-fill-color: #5d6b80 !important;
    max-width: 28ch !important;
  }

  html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    filter: none !important;
  }
}

/* Absolute final product-card layout: compact and responsive on every screen size. */
html body.index-page .product-universe-grid {
  align-items: stretch !important;
}

html body.index-page .product-universe-card,
html body.index-page .product-universe-card:link,
html body.index-page .product-universe-card:visited {
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon text" !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: clamp(0.85rem, 1.6vw, 1.1rem) !important;
  row-gap: 0.22rem !important;
  padding: clamp(0.95rem, 1.8vw, 1.25rem) !important;
  border-radius: 18px !important;
}

html body.index-page .product-universe-card .product-card-logo {
  grid-area: icon !important;
  width: clamp(54px, 5vw, 64px) !important;
  height: clamp(54px, 5vw, 64px) !important;
  margin: 0 !important;
  padding: 0.55rem !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  object-fit: contain !important;
}

html body.index-page .product-universe-card h3 {
  grid-area: title !important;
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.9vw, 1.55rem) !important;
  line-height: 1.05 !important;
}

html body.index-page .product-universe-card p {
  grid-area: text !important;
  margin: 0.18rem 0 0 !important;
  max-width: 32ch !important;
  font-size: clamp(0.84rem, 1.2vw, 0.95rem) !important;
  line-height: 1.34 !important;
}

html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
  background: #101725 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
}

@media (max-width: 640px) {
  html body.index-page .product-universe-card,
  html body.index-page .product-universe-card:link,
  html body.index-page .product-universe-card:visited {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    padding: 0.95rem !important;
  }

  html body.index-page .product-universe-card .product-card-logo {
    width: 56px !important;
    height: 56px !important;
  }

  html body.index-page .product-universe-card[href*="allopen"] .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Absolute final mobile override for the product grid with ID-level specificity. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 390px) !important;
    gap: 0.7rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: auto !important;
    min-height: 104px !important;
    max-height: none !important;
    padding: 0.82rem 0.9rem !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    column-gap: 0.82rem !important;
    row-gap: 0.18rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    grid-row: 1 / 3 !important;
    background: #ffffff !important;
    border-radius: 15px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3 {
    font-size: 1.28rem !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
  }

  html body.index-page #our-products-section .product-universe-card[href*="allopen"] .product-card-logo,
  html body.index-page #our-products-section .product-universe-card:nth-child(4) .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Tablet and narrow-browser product cards should also stay compact. */
@media (max-width: 1100px) {
  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    height: auto !important;
    min-height: 118px !important;
    max-height: none !important;
    padding: 0.9rem !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 0.85rem !important;
    row-gap: 0.2rem !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  html body.index-page #our-products-section .product-universe-card[href*="allopen"] .product-card-logo,
  html body.index-page #our-products-section .product-universe-card:nth-child(4) .product-card-logo {
    background: #101725 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Absolute final screenshot contract: border hugs the image, small radius, reusable for future screenshots. */
html body .ac-hero-device,
html body .ac-flow-media,
html body .allin-main-screen,
html body .allin-feature-media,
html body .allin-hero-preview,
html body .allin-screenshot-stage,
html body .hero-screenshot-section,
html body .mobile-screenshot-container,
html body .mobile-screenshot-wrapper,
html body .mobile-screenshots-container,
html body .device-frame,
html body .product-page-screenshot,
html body .allvideo-screen {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .ac-hero-device img,
html body .ac-flow-media img,
html body .allin-main-screen img,
html body .allin-feature-media img,
html body .allin-hero-preview img,
html body .hero-screenshot-section img,
html body .mobile-screenshot,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .device-frame img,
html body .product-page-screenshot img,
html body .allvideo-screen img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 240ms ease !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  --ap-shot: #ff7a00;
}

html body.alltask-page .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img {
  --ap-shot: #ffb16c;
}

html body.allinlocal-page .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .hero-screenshot-section img {
  --ap-shot: #3478ff;
}

html body.allin-page .allin-main-screen img,
html body.allin-page .allin-feature-media img,
html body.allin-page .allin-hero-preview img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.index-page #allin-details-section .allin-feature-media img {
  --ap-shot: #25d6d6;
}

html body.index-page #allvideo-showcase-section .allvideo-screen img {
  --ap-shot: #5477ff;
}

html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .ac-hero-device img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-main-screen img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allin-hero-preview img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .mobile-screenshot-wrapper img,
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) .allvideo-screen img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-from-left:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .ac-hero-device img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .ac-flow-media img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .allin-feature-media img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-from-right:not(.reveal-in) .allvideo-screen img,
html body.ap-motion-ready .ap-device-reveal:not(.ap-in-view) img {
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(0.985);
}

html body.ap-motion-ready .reveal-in .ac-hero-device img,
html body.ap-motion-ready .reveal-in .ac-flow-media img,
html body.ap-motion-ready .reveal-in .allin-main-screen img,
html body.ap-motion-ready .reveal-in .allin-feature-media img,
html body.ap-motion-ready .reveal-in .allin-hero-preview img,
html body.ap-motion-ready .reveal-in .mobile-screenshot-container img,
html body.ap-motion-ready .reveal-in .mobile-screenshot-wrapper img,
html body.ap-motion-ready .reveal-in .allvideo-screen img,
html body.ap-motion-ready .ap-in-view img,
html body.ap-motion-ready .reveal-in img.mobile-screenshot,
html body.ap-motion-ready .ap-device-reveal.ap-in-view img {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* Product screenshot specificity lock: one tight border on the image, never on the wrapper. */
html body.allconnect-page .ac-hero-device,
html body.allconnect-page .ac-flow-media,
html body.allconnect-page .hero-screenshot-section .mobile-screenshot-container,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container,
html body.allinlocal-page .mobile-screenshot-wrapper,
html body.allinlocal-page .product-page-screenshot,
html body.allin-page .allin-hero-preview,
html body.allin-page .allin-main-screen,
html body.allin-page .allin-feature-media {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img,
html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img.mobile-screenshot,
html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .product-page-screenshot img,
html body.allin-page .allin-hero-preview img,
html body.allin-page .allin-main-screen img,
html body.allin-page .allin-feature-media img,
html body.index-page #allvideo-showcase-section .allvideo-screen img,
html body.index-page #allin-details-section .allin-main-screen img,
html body.index-page #allin-details-section .allin-feature-media img {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: var(--ap-shot, #00d2e1) !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
}

html body.allconnect-page .ac-hero-device img,
html body.allconnect-page .ac-flow-media img {
  --ap-shot: #ff7a00;
}

html body.alltask-page .hero-screenshot-section .mobile-screenshot-container img,
html body.alltask-page .hero-screenshot-section img.mobile-screenshot {
  --ap-shot: #ffb16c;
}

html body.allinlocal-page .hero-screenshot-section .mobile-screenshot-container img,
html body.allinlocal-page .mobile-screenshot-wrapper img,
html body.allinlocal-page .product-page-screenshot img {
  --ap-shot: #3478ff;
}

/* Keep index section headings visible; prevent reveal rules from leaving blank heading space. */
html body.index-page #features-section,
html body.index-page #contact-section,
html body.index-page #contact-form-section {
  padding-top: clamp(2.25rem, 4.5vw, 3.75rem) !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.75rem) !important;
}

html body.index-page #features-section .features-header-wrapper,
html body.index-page #contact-section > .container > .text-center,
html body.index-page #contact-form-section > .container > .text-center {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem) !important;
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.index-page #features-section .features-header-wrapper h2,
html body.index-page #features-section .features-header-wrapper p,
html body.index-page #contact-section > .container > .text-center h2,
html body.index-page #contact-section > .container > .text-center p,
html body.index-page #contact-form-section > .container > .text-center h2,
html body.index-page #contact-form-section > .container > .text-center p {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #features-section .features-header-wrapper h2,
html body.index-page #contact-section > .container > .text-center h2,
html body.index-page #contact-form-section > .container > .text-center h2 {
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: var(--ap-ink, #101827) !important;
}

html body.index-page #features-section .features-header-wrapper p,
html body.index-page #contact-section > .container > .text-center p,
html body.index-page #contact-form-section > .container > .text-center p {
  color: var(--ap-muted, #61708a) !important;
  -webkit-text-fill-color: var(--ap-muted, #61708a) !important;
}

/* Apple-style compact product cards: scoped only to the index product grid. */
html body.index-page #our-products-section {
  padding-top: clamp(2rem, 4vw, 3.25rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.25rem) !important;
}

html body.index-page #our-products-section .container {
  max-width: 1180px !important;
}

html body.index-page #our-products-section .product-universe-head {
  max-width: 620px !important;
  margin: 0 auto clamp(1rem, 2vw, 1.45rem) !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-head h2 {
  font-size: clamp(2.05rem, 3.3vw, 3.15rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 0.45rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-eyebrow {
  display: none !important;
}

html body.index-page #our-products-section .product-universe-head p {
  font-size: clamp(0.98rem, 1.15vw, 1.08rem) !important;
  line-height: 1.35 !important;
  max-width: 560px !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.4vw, 1.1rem) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

html body.index-page #our-products-section .product-universe-card,
html body.index-page #our-products-section a.product-universe-card,
html body.index-page #our-products-section .product-universe-card.ap-reveal,
html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
  min-height: 138px !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: clamp(0.85rem, 1.6vw, 1.2rem) !important;
  row-gap: 0.25rem !important;
  padding: clamp(1rem, 1.8vw, 1.35rem) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(235,251,255,0.72)) !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
  text-decoration: none !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html body.index-page #our-products-section .product-universe-card:hover,
html body.index-page #our-products-section .product-universe-card:focus-visible {
  transform: translate3d(0, -3px, 0) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12) !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-logo {
  grid-row: 1 / span 2 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0.55rem !important;
  border-radius: 13px !important;
  object-fit: contain !important;
  align-self: center !important;
  justify-self: center !important;
  background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
}

html body.index-page #our-products-section .product-universe-card h3 {
  grid-column: 2 !important;
  margin: 0 !important;
  font-size: clamp(1.25rem, 1.7vw, 1.65rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: var(--ap-ink, #101827) !important;
  -webkit-text-fill-color: var(--ap-ink, #101827) !important;
}

html body.index-page #our-products-section .product-universe-card p {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 24ch !important;
  font-size: clamp(0.88rem, 1vw, 0.98rem) !important;
  line-height: 1.35 !important;
  color: var(--ap-muted, #61708a) !important;
  -webkit-text-fill-color: var(--ap-muted, #61708a) !important;
}

html body.index-page #our-products-section .product-universe-card .product-card-link,
html body.index-page #our-products-section .product-universe-card .product-universe-link,
html body.index-page #our-products-section .product-universe-card .product-card-arrow {
  display: none !important;
}

@media (max-width: 991.98px) {
  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.index-page #our-products-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  html body.index-page #our-products-section .product-universe-head {
    margin-bottom: 1.15rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card,
  html body.index-page #our-products-section .product-universe-card.ap-reveal,
  html body.index-page #our-products-section .product-universe-card.ap-card-reveal {
    min-height: 104px !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    padding: 0.9rem !important;
    border-radius: 11px !important;
  }

  html body.index-page #our-products-section .product-universe-card .product-card-logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  html body.index-page #our-products-section .product-universe-card h3 {
    font-size: 1.25rem !important;
  }

  html body.index-page #our-products-section .product-universe-card p {
    max-width: 30ch !important;
    font-size: 0.9rem !important;
  }
}

/* Mobile AllVideo showcase: stack copy, actions, and device artwork without collisions. */
@media (max-width: 640px) {
  html body.index-page #allvideo-showcase-section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .container {
    width: min(100%, 390px) !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-header {
    margin-bottom: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-header h2 {
    font-size: clamp(1.35rem, 8vw, 1.85rem) !important;
    line-height: 1.05 !important;
    max-width: 12ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-tagline {
    max-width: 31ch !important;
    font-size: 0.9rem !important;
    line-height: 1.42 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    padding: 1rem !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.95rem !important;
    align-items: start !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero .row > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy {
    text-align: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 3 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-logo {
    width: 44px !important;
    height: auto !important;
    margin: 0 auto 0.7rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy h3 {
    font-size: clamp(1.25rem, 7vw, 1.68rem) !important;
    line-height: 1.08 !important;
    max-width: 14ch !important;
    margin: 0 auto 0.55rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-copy p {
    display: block !important;
    max-width: 32ch !important;
    margin: 0 auto 0.8rem !important;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-actions {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 4 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-actions .allopen-box-btn {
    min-height: 34px !important;
    padding: 0.5rem 0.78rem !important;
    border-radius: 999px !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    display: block !important;
    position: relative !important;
    width: min(100%, 315px) !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    margin: 0.2rem auto 0 !important;
    overflow: visible !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage::before {
    inset: 6% 5% 7% !important;
    opacity: 0.55 !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen {
    position: absolute !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen img {
    width: 145px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 145px !important;
    max-height: 292px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
    left: 50% !important;
    top: 12px !important;
    z-index: 2 !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    left: 50% !important;
    top: 72px !important;
    z-index: 1 !important;
    opacity: 0.88 !important;
    transform: translateX(-82%) rotate(5deg) scale(0.78) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.65rem !important;
    margin-top: 1rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-feature-pill {
    min-height: 0 !important;
    padding: 0.85rem !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 380px) {
  html body.index-page #allvideo-showcase-section .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    padding: 0.85rem !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 290px) !important;
    height: 326px !important;
    min-height: 326px !important;
    max-height: 326px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen img {
    width: 136px !important;
    max-width: 136px !important;
    max-height: 270px !important;
  }
}

/* Small bottom breathing room below the index contact cards. */
html body.index-page #contact-section {
  padding-bottom: clamp(4.75rem, 7vw, 6rem) !important;
}

html body.index-page #contact-section .row.g-4 {
  margin-bottom: 1.4rem !important;
}

/* Release audit fix: keep the mobile menu visible when nav-mobile.js adds .open. */
@media (max-width: 900px) {
  html body #navbar-links.navbar-links.open,
  html body .custom-navbar #navbar-links.navbar-links.open {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) scale(1) !important;
    z-index: 3100 !important;
  }

  html body #navbar-links.navbar-links.open > li,
  html body .custom-navbar #navbar-links.navbar-links.open > li,
  html body #navbar-links.navbar-links.open a,
  html body .custom-navbar #navbar-links.navbar-links.open a {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

html body #mobile-nav-backdrop.mobile-nav-backdrop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Release trim: reduce only the blank space above product/detail headings. */
html body.index-page .product-section {
  padding-top: clamp(1.15rem, 2.4vw, 2rem) !important;
}

html body.index-page .product-section .section-header {
  margin-top: 0 !important;
  margin-bottom: clamp(0.85rem, 1.8vw, 1.35rem) !important;
}

html body.product-detail-page .ac-hero,
html body.product-detail-page .allin-hero,
html body.product-detail-page .product-hero,
html body.allconnect-page .ac-hero,
html body.alltask-page .product-hero,
html body.allinlocal-page .product-hero {
  padding-bottom: clamp(0.75rem, 1.6vw, 1.25rem) !important;
}

html body.product-detail-page #description-section,
html body.allconnect-page #description-section,
html body.alltask-page #description-section,
html body.allinlocal-page #description-section {
  padding-top: clamp(0.45rem, 1.2vw, 0.95rem) !important;
}

html body.product-detail-page #description-section .text-center,
html body.allconnect-page #description-section .text-center,
html body.alltask-page #description-section .text-center,
html body.allinlocal-page #description-section .text-center {
  margin-top: 0 !important;
  margin-bottom: clamp(0.85rem, 1.8vw, 1.35rem) !important;
}

/* Mobile-only final polish: index product gutters, AllinLocal centering, AllVideo artwork centering. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 360px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allin-local-section .allopen-box,
  html body.index-page #allin-local-section .product-logo-container,
  html body.index-page #allin-local-section .product-buttons {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allin-local-section .allopen-box {
    text-align: center !important;
    justify-items: center !important;
    align-items: center !important;
  }

  html body.index-page #allin-local-section .allopen-box h3,
  html body.index-page #allin-local-section .allopen-box p,
  html body.index-page #allin-local-section .allopen-box ul,
  html body.index-page #allin-local-section .allopen-box li {
    text-align: center !important;
  }

  html body.index-page #allin-local-section .product-buttons {
    justify-content: center !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 300px) !important;
    max-width: calc(100vw - 3rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen {
    width: 145px !important;
    max-width: 145px !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-feed {
    left: 27% !important;
    transform: translateX(-50%) rotate(-5deg) !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-clips {
    left: 26% !important;
    transform: translateX(-68%) rotate(5deg) scale(0.78) !important;
  }
}

/* Mobile-only product section gutters: keep feature/product cards off screen edges. */
@media (max-width: 640px) {
  html body.index-page .product-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-boxes-container,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center,
  html body.index-page .product-section .allopen-boxes-container.two-columns {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box {
    width: min(100%, 360px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 370px) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 340px) !important;
    max-width: calc(100vw - 2rem) !important;
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }
}

/* Final button contrast lock: prevent white text on white/blank store buttons. */
html body a.allopen-box-btn,
html body button.allopen-box-btn,
html body a.hero-cta-button,
html body button.hero-cta-button,
html body a.tech-button,
html body button.tech-button,
html body a.allopen-alert-btn,
html body button.allopen-alert-btn {
  -webkit-text-fill-color: currentColor !important;
}

html body a.allopen-box-btn *,
html body button.allopen-box-btn *,
html body a.hero-cta-button *,
html body button.hero-cta-button *,
html body a.tech-button *,
html body button.tech-button *,
html body a.allopen-alert-btn *,
html body button.allopen-alert-btn * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].allopen-alert-btn,
html body a.btn-app,
html body .allopen-box-btn.btn-app,
html body .hero-cta-button.btn-app,
html body .tech-button.btn-app {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body button.btn-play,
html body .allopen-box-btn.btn-play,
html body .hero-cta-button.btn-play,
html body .tech-button.btn-play,
html body button.hero-cta-button:not(.btn-app),
html body button.tech-button:not(.btn-app),
html body button.allopen-box-btn:not(.btn-app),
html body button.allopen-alert-btn:not(.btn-app) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .product-theme-dark button.btn-play,
html body .product-theme-dark .allopen-box-btn.btn-play,
html body .product-theme-dark .hero-cta-button.btn-play,
html body .product-theme-dark .tech-button.btn-play,
html body .product-theme-dark button.hero-cta-button:not(.btn-app),
html body .product-theme-dark button.tech-button:not(.btn-app),
html body .product-theme-dark button.allopen-box-btn:not(.btn-app) {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: #38bdf8 !important;
  color: #eaf7ff !important;
  -webkit-text-fill-color: #eaf7ff !important;
}

/* Mobile container size refinement: wider product cards with consistent safe gutters. */
@media (max-width: 640px) {
  html body.index-page #our-products-section .container,
  html body.index-page .product-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }

  html body.index-page #our-products-section .product-universe-grid,
  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box,
  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 378px) !important;
    max-width: calc(100vw - 1.25rem) !important;
  }

  html body.index-page #our-products-section .product-universe-card,
  html body.index-page #our-products-section a.product-universe-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-screen-stage {
    width: min(100%, 358px) !important;
    max-width: calc(100vw - 2rem) !important;
    height: 410px !important;
    min-height: 410px !important;
    max-height: 410px !important;
  }
}

/* Absolute final Play Store lock: filled blue in every state, even if old hover rules fire. */
html body a[href*="play.google"],
html body a[href*="play.google"]:link,
html body a[href*="play.google"]:visited,
html body a[href*="play.google"]:hover,
html body a[href*="play.google"]:focus,
html body a[href*="play.google"]:active,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].tech-button:hover,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].hero-cta-button:hover,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].allopen-box-btn:hover,
html body a[href*="play.google"].allopen-alert-btn,
html body a[href*="play.google"].allopen-alert-btn:hover {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(0, 113, 227, 0.22) !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"]:hover *,
html body a[href*="play.google"]:focus *,
html body a[href*="play.google"]:active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

/* Final product-button hover unifier: AllOpen and AllinLocal match every Play Store button. */
html body.index-page #allopen-section a[href*="play.google"],
html body.index-page #allin-local-section a[href*="play.google"],
html body.index-page #allopen-section a[href*="play.google"]:hover,
html body.index-page #allin-local-section a[href*="play.google"]:hover,
html body.index-page #allopen-section a[href*="play.google"]:focus,
html body.index-page #allin-local-section a[href*="play.google"]:focus,
html body.index-page #allopen-section a[href*="play.google"]:active,
html body.index-page #allin-local-section a[href*="play.google"]:active {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12), 0 12px 24px rgba(0, 113, 227, 0.18) !important;
}

html body.index-page #allopen-section a[href*="play.google"] *,
html body.index-page #allin-local-section a[href*="play.google"] *,
html body.index-page #allopen-section a[href*="play.google"]:hover *,
html body.index-page #allin-local-section a[href*="play.google"]:hover * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.ap-motion-ready .ap-card-reveal,
html body.ap-motion-ready .product-page-main,
html body.ap-motion-ready .product-page-cta,
html body.ap-motion-ready .allin-platform-hero,
html body.ap-motion-ready .allin-feature-showcase,
html body.ap-motion-ready .allin-benefits-panel,
html body.ap-motion-ready .allvideo-showcase-hero,
html body.ap-motion-ready .ac-flow-card {
  transition: opacity 680ms cubic-bezier(.2,.8,.2,1), transform 680ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease !important;
}

/* Absolute final Play Store interaction v2: identical base and hover everywhere. */
html body a[href*="play.google"],
html body a[href*="play.google"].btn-app,
html body a[href*="play.google"].tech-button,
html body a[href*="play.google"].hero-cta-button,
html body a[href*="play.google"].allopen-box-btn,
html body a[href*="play.google"].allopen-alert-btn,
html body.index-page #allopen-section a[href*="play.google"],
html body.index-page #allin-local-section a[href*="play.google"] {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border: 1px solid #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(0, 113, 227, 0.16) !important;
  opacity: 1 !important;
  filter: none !important;
}

html body a[href*="play.google"]:hover,
html body a[href*="play.google"].btn-app:hover,
html body a[href*="play.google"].tech-button:hover,
html body a[href*="play.google"].hero-cta-button:hover,
html body a[href*="play.google"].allopen-box-btn:hover,
html body a[href*="play.google"].allopen-alert-btn:hover,
html body.index-page #allopen-section a[href*="play.google"]:hover,
html body.index-page #allin-local-section a[href*="play.google"]:hover,
html body a[href*="play.google"]:focus-visible,
html body a[href*="play.google"].btn-app:focus-visible,
html body a[href*="play.google"].tech-button:focus-visible,
html body a[href*="play.google"].hero-cta-button:focus-visible,
html body a[href*="play.google"].allopen-box-btn:focus-visible {
  background: #0071e3 !important;
  background-color: #0071e3 !important;
  background-image: none !important;
  border-color: #0071e3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.13), 0 16px 30px rgba(0, 113, 227, 0.22) !important;
  opacity: 1 !important;
  filter: none !important;
}

html body a[href*="play.google"] *,
html body a[href*="play.google"]:hover *,
html body a[href*="play.google"]:focus-visible * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Final mobile product-card contract: every index product detail card follows one size. */
@media (max-width: 640px) {
  html body.index-page .product-section > .container,
  html body.index-page #allconnect-section > .container,
  html body.index-page #allvideo-section > .container,
  html body.index-page #allinvoice-section > .container,
  html body.index-page #allopen-section > .container,
  html body.index-page #alltask-section > .container,
  html body.index-page #allin-local-section > .container,
  html body.index-page #allvideo-showcase-section > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-boxes-container,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center,
  html body.index-page .product-section .allopen-boxes-container.two-columns {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 1rem !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page .product-section .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.product-boxes-center > .allopen-box,
  html body.index-page .product-section .allopen-boxes-container.two-columns > .allopen-box,
  html body.index-page section#allin-local-section.product-section.product-theme-dark .allopen-boxes-container.product-boxes-center.two-columns > .allopen-box {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allvideo-showcase-section .allvideo-showcase-hero {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.index-page #our-products-section .product-universe-grid {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) ul,
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) .allopen-box-desc ul {
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.1rem !important;
    text-align: left !important;
    list-style-position: outside !important;
  }

  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) li,
  html body.index-page #allin-local-section .allopen-boxes-container.two-columns > .allopen-box:nth-child(2) .allopen-box-desc li {
    text-align: left !important;
    justify-content: flex-start !important;
  }

  html body.index-page #allin-details-section,
  html body.allin-page #allin-details-section {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }

  html body.index-page #allin-details-section .allin-benefits-panel,
  html body.allin-page #allin-details-section .allin-benefits-panel,
  html body.product-detail-page #allin-details-section .allin-benefits-panel {
    width: min(100%, 414px) !important;
    max-width: calc(100vw - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* Final border-weight trim: keep the same shapes, just lighter strokes. */
html body .allopen-box,
html body .product-universe-card,
html body .product-page-main,
html body .product-page-card,
html body .product-page-cta,
html body .allin-platform-hero,
html body .allin-feature-showcase,
html body .allin-benefits-panel,
html body .allvideo-showcase-hero,
html body .ac-flow-card {
  border-width: 1px !important;
}

html body .product-page-screenshot img,
html body .mobile-screenshot-container img,
html body .mobile-screenshot-wrapper img,
html body .hero-screenshot-section img,
html body .allvideo-screen,
html body .allin-hero-shot {
  border-width: 1px !important;
}

/* Final shared navigation lock: always available, same color on every page. */
html body {
  padding-top: 72px !important;
}

html body .custom-navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 72px !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
  z-index: 5000 !important;
}

html body .custom-navbar .container {
  min-height: 72px !important;
}

html body .custom-navbar .logo,
html body .custom-navbar .navbar-brand,
html body.index-page .custom-navbar .logo,
html body.index-page .custom-navbar .navbar-brand {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
}

html body .custom-navbar .nav-link,
html body .custom-navbar .navbar-links a,
html body.index-page .custom-navbar .nav-link,
html body.index-page .custom-navbar .navbar-links a,
html body .custom-navbar .nav-link:hover,
html body .custom-navbar .navbar-links a:hover,
html body .custom-navbar .nav-link:focus,
html body .custom-navbar .navbar-links a:focus {
  color: #202633 !important;
  -webkit-text-fill-color: #202633 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link.active,
html body.index-page .custom-navbar .nav-link.active {
  color: #101725 !important;
  -webkit-text-fill-color: #101725 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .custom-navbar .nav-link:hover::after,
html body .custom-navbar .navbar-links a:hover::after {
  opacity: 0 !important;
}

html body .custom-navbar .nav-link.active::after {
  opacity: 1 !important;
  background: #101725 !important;
}

@media (max-width: 900px) {
  html body {
    padding-top: 64px !important;
  }

  html body .custom-navbar,
  html body .custom-navbar .container {
    min-height: 64px !important;
  }

  html body #navbar-links.navbar-links,
  html body .custom-navbar #navbar-links.navbar-links {
    top: calc(64px + env(safe-area-inset-top, 0px)) !important;
  }

  html body #navbar-links.navbar-links a:hover,
  html body #navbar-links.navbar-links a:focus,
  html body #navbar-links.navbar-links .nav-link.active {
    color: #101725 !important;
    -webkit-text-fill-color: #101725 !important;
    background: transparent !important;
  }
}

/* Scroll-aware nav behavior: hide on scroll down, return on scroll up. */
html body .custom-navbar.ap-nav-hidden {
  transform: translateY(calc(-100% - 12px)) scale(0.985) !important;
  opacity: 0.72 !important;
  filter: blur(1.5px) saturate(120%) !important;
  transition: transform 360ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease, filter 260ms ease !important;
}

html body .custom-navbar.ap-nav-visible,
html body .custom-navbar:focus-within,
html body.mobile-nav-open .custom-navbar {
  transform: translateY(0) !important;
  opacity: 1 !important;
  filter: none !important;
  transition: none !important;
}

/* Simple site-wide scroll reveal: no blur, no heavy distortion. */
html body.ap-motion-ready .ap-reveal:not(.ap-in-view),
html body.ap-motion-ready .reveal-on-scroll:not(.reveal-in) {
  opacity: 0 !important;
  transform: translate3d(0, 22px, 0) !important;
  filter: none !important;
  will-change: opacity, transform !important;
}

html body.ap-motion-ready .ap-reveal,
html body.ap-motion-ready .reveal-on-scroll {
  transition:
    opacity 420ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  transition-delay: min(var(--ap-reveal-delay, 0ms), 140ms) !important;
}

html body.ap-motion-ready .ap-reveal.ap-in-view,
html body.ap-motion-ready .reveal-on-scroll.reveal-in {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: none !important;
}

html body.ap-motion-ready .ap-card-reveal.ap-in-view,
html body.ap-motion-ready .ap-device-reveal.ap-in-view,
html body.ap-motion-ready .allvideo-showcase-hero.ap-in-view,
html body.ap-motion-ready .allin-feature-showcase.ap-in-view,
html body.ap-motion-ready .allin-platform-hero.ap-in-view,
html body.ap-motion-ready .ac-flow-card.ap-in-view {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .ap-reveal,
  html body .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* Final navigation interaction polish: professional Products list and burger-to-X. */
html body .custom-navbar .burger {
  position: relative !important;
  display: none !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .custom-navbar .burger span {
  position: absolute !important;
  left: 9px !important;
  width: 26px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #101725 !important;
  opacity: 1 !important;
  transform-origin: center !important;
  transition:
    top 220ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 140ms ease,
    width 180ms ease !important;
}

html body .custom-navbar .burger span:nth-child(1) {
  top: 14px !important;
}

html body .custom-navbar .burger span:nth-child(2) {
  top: 21px !important;
  width: 21px !important;
}

html body .custom-navbar .burger span:nth-child(3) {
  top: 28px !important;
}

html body .custom-navbar .burger.active span {
  top: 21px !important;
  width: 26px !important;
}

html body .custom-navbar .burger.active span:nth-child(1) {
  transform: rotate(45deg) !important;
}

html body .custom-navbar .burger.active span:nth-child(2) {
  opacity: 0 !important;
  transform: scaleX(0.25) !important;
}

html body .custom-navbar .burger.active span:nth-child(3) {
  transform: rotate(-45deg) !important;
}

html body .custom-navbar .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

html body .custom-navbar .dropdown-toggle::after {
  border: 0 !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 0.25rem !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: translateY(-1px) rotate(45deg) !important;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle::after,
html body .custom-navbar .nav-item.dropdown.products-open > .dropdown-toggle::after {
  transform: translateY(2px) rotate(225deg) !important;
}

@media (min-width: 901px) {
  html body .custom-navbar .dropdown-menu,
  html body .custom-navbar .navbar-links .dropdown-menu {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 16px) !important;
    right: -0.6rem !important;
    left: auto !important;
    width: 248px !important;
    min-width: 248px !important;
    max-width: min(248px, calc(100vw - 2rem)) !important;
    padding: 0.45rem !important;
    border-radius: 18px !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.16) !important;
    backdrop-filter: blur(22px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, -8px, 0) scale(0.985) !important;
    transform-origin: 82% 0 !important;
    transition:
      opacity 180ms ease,
      visibility 180ms ease,
      transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  html body .custom-navbar .dropdown-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    right: 30px !important;
    width: 12px !important;
    height: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-left: 1px solid rgba(16, 24, 40, 0.08) !important;
    border-top: 1px solid rgba(16, 24, 40, 0.08) !important;
    transform: rotate(45deg) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:hover > .dropdown-menu,
  html body .custom-navbar .nav-item.dropdown:focus-within > .dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .dropdown-menu li {
    width: 100% !important;
  }

  html body .custom-navbar .dropdown-item {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0.58rem 0.72rem !important;
    border-radius: 13px !important;
    font-size: 0.88rem !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    background: transparent !important;
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease !important;
  }

  html body .custom-navbar .dropdown-item:hover,
  html body .custom-navbar .dropdown-item:focus {
    background: rgba(0, 113, 227, 0.08) !important;
    color: #07111f !important;
    -webkit-text-fill-color: #07111f !important;
    transform: translateX(2px) !important;
  }
}

@media (max-width: 900px) {
  html body .custom-navbar .burger {
    display: inline-flex !important;
    z-index: 10080 !important;
  }

  html body .mobile-nav-backdrop {
    background: rgba(5, 10, 18, 0.38) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
  }

  html body .custom-navbar .navbar-links,
  html body #navbar-links.navbar-links {
    position: fixed !important;
    top: calc(68px + env(safe-area-inset-top, 0px)) !important;
    left: clamp(0.85rem, 4vw, 1.35rem) !important;
    right: clamp(0.85rem, 4vw, 1.35rem) !important;
    width: auto !important;
    max-height: calc(100dvh - 90px) !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.28rem !important;
    padding: 0.7rem !important;
    border-radius: 24px !important;
    border: 1px solid rgba(16, 24, 40, 0.08) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.2) !important;
    backdrop-filter: blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(155%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(0, -10px, 0) scale(0.985) !important;
    transition:
      opacity 190ms ease,
      visibility 190ms ease,
      transform 240ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    z-index: 10070 !important;
  }

  html body .custom-navbar .navbar-links.open,
  html body #navbar-links.navbar-links.open,
  html body .custom-navbar .navbar-links.active,
  html body #navbar-links.navbar-links.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  html body .custom-navbar .navbar-links > li,
  html body #navbar-links.navbar-links > li {
    width: 100% !important;
    opacity: 0 !important;
    transform: translateY(5px) !important;
    transition: opacity 220ms ease, transform 220ms ease !important;
  }

  html body .custom-navbar .navbar-links.open > li,
  html body #navbar-links.navbar-links.open > li,
  html body .custom-navbar .navbar-links.active > li,
  html body #navbar-links.navbar-links.active > li {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body .custom-navbar .navbar-links.open > li:nth-child(1) { transition-delay: 20ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(2) { transition-delay: 40ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(3) { transition-delay: 60ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(4) { transition-delay: 80ms !important; }
  html body .custom-navbar .navbar-links.open > li:nth-child(5) { transition-delay: 100ms !important; }

  html body .custom-navbar .navbar-links .nav-link,
  html body .custom-navbar .navbar-links a,
  html body #navbar-links.navbar-links .nav-link,
  html body #navbar-links.navbar-links a {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.72rem 0.85rem !important;
    border-radius: 16px !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .custom-navbar .navbar-links .nav-link.active,
  html body .custom-navbar .navbar-links .nav-link:hover,
  html body .custom-navbar .navbar-links a:hover,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-toggle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #101725 !important;
    box-shadow: 0 12px 26px rgba(16, 23, 37, 0.14) !important;
  }

  html body .custom-navbar .navbar-links .nav-link::after,
  html body #navbar-links.navbar-links .nav-link::after {
    display: none !important;
  }

  html body .custom-navbar .dropdown-menu,
  html body #navbar-links.navbar-links .dropdown-menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 0.2rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: rgba(245, 249, 252, 0.9) !important;
    box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.06) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, padding 220ms ease, margin 220ms ease !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body #navbar-links.navbar-links .dropdown-menu.show {
    max-height: 360px !important;
    margin: 0.28rem 0 0.15rem !important;
    padding: 0.35rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body .custom-navbar .dropdown-item,
  html body #navbar-links.navbar-links .dropdown-item {
    min-height: 40px !important;
    padding: 0.62rem 0.72rem !important;
    border-radius: 12px !important;
    font-size: 0.9rem !important;
    font-weight: 760 !important;
    color: #263244 !important;
    -webkit-text-fill-color: #263244 !important;
    background: transparent !important;
  }
}

/* Header-only Allpixel brand colors. */
html body .custom-navbar .navbar-brand.logo,
html body .custom-navbar .logo {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  font-size: clamp(1.28rem, 1.65vw, 1.58rem) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 640px) {
  html body .custom-navbar .navbar-brand.logo,
  html body .custom-navbar .logo {
    margin-left: -0.28rem !important;
  }
}

html body .custom-navbar .navbar-brand.logo span,
html body .custom-navbar .logo span {
  color: var(--ap-brand-letter-color, #000000) !important;
  -webkit-text-fill-color: var(--ap-brand-letter-color, #000000) !important;
  display: inline-block !important;
}

/* Product-card artwork from images/our_products should render as graphics, not tiny app icons. */
html body.index-page #our-products-section .product-card-logo[src*="images/our_products/"],
html body.index-page .product-section .product-logo[src*="images/our_products/"] {
  object-fit: cover !important;
  object-position: center !important;
  background: #ffffff !important;
  padding: 0 !important;
}

/* Allin main-card media: border follows the real image size, including future artwork. */
html body.index-page #allin-details-section .allin-screenshot-stage,
html body.allin-page #allin-details-section .allin-screenshot-stage {
  min-height: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html body.index-page #allin-details-section .allin-main-screen,
html body.allin-page #allin-details-section .allin-main-screen {
  width: auto !important;
  height: auto !important;
  max-width: min(430px, 100%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

html body.index-page #allin-details-section .allin-main-screen img,
html body.allin-page #allin-details-section .allin-main-screen img {
  --ap-shot: #25d6d6;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(430px, 100%) !important;
  max-height: min(520px, 62vh) !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  border: 2px solid var(--ap-shot, #25d6d6) !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: 0 20px 42px rgba(15, 23, 42, 0.1) !important;
}

@media (max-width: 640px) {
  html body.index-page #allin-details-section .allin-main-screen,
  html body.allin-page #allin-details-section .allin-main-screen,
  html body.index-page #allin-details-section .allin-main-screen img,
  html body.allin-page #allin-details-section .allin-main-screen img {
    max-width: min(320px, 82vw) !important;
  }
}
/* Allpixel Hardware coming-soon page */
html body.hardware-page {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 122, 26, 0.16), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(79, 214, 226, 0.24), transparent 32%),
    #f5f5f7 !important;
}

html body.hardware-page .hardware-coming-soon {
  min-height: calc(100dvh - 72px);
}

html body.hardware-page .hardware-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(100dvh - 72px);
  padding: clamp(3rem, 7vw, 6.5rem) 0;
  overflow: hidden;
}

html body.hardware-page .hardware-panel {
  position: relative;
  z-index: 1;
  width: min(100%, 980px);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4.5rem);
  text-align: center;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(229, 251, 253, 0.9));
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.12);
}

html body.hardware-page .hardware-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  background: rgba(218, 250, 255, 0.92);
  color: #006978;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html body.hardware-page .hardware-panel h1 {
  margin: 0 0 1.2rem;
  color: #101725;
  font-family: "Press Start 2P", "Inter", sans-serif;
  font-size: clamp(1.75rem, 5vw, 4.4rem);
  line-height: 1.18;
  text-transform: uppercase;
}

html body.hardware-page .hardware-pixel-text {
  margin: 0 auto 1.35rem;
  color: #0071e3;
  font-family: "Press Start 2P", "Inter", sans-serif;
  font-size: clamp(0.72rem, 1.25vw, 1rem);
  line-height: 1.9;
}

html body.hardware-page .hardware-copy {
  max-width: 740px;
  margin: 0 auto 2rem;
  color: #5f6b7d;
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  font-weight: 650;
  line-height: 1.6;
}

html body.hardware-page .hardware-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
}

html body.hardware-page .hardware-secondary {
  background: #fff !important;
  border: 1px solid #0071e3 !important;
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body.hardware-page .hardware-pixel-field {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.54;
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px);
  background-size: 38px 38px;
}

html body.hardware-page .hardware-pixel-field span {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: var(--pixel-color, #0071e3);
  box-shadow: 0 0 22px color-mix(in srgb, var(--pixel-color, #0071e3) 70%, transparent);
  animation: hardwarePixelFloat 7s ease-in-out infinite;
}

html body.hardware-page .hardware-pixel-field span:nth-child(1) { --pixel-color: #ff7a1a; left: 8%; top: 22%; animation-delay: -0.5s; }
html body.hardware-page .hardware-pixel-field span:nth-child(2) { --pixel-color: #0071e3; left: 18%; top: 68%; animation-delay: -1.5s; }
html body.hardware-page .hardware-pixel-field span:nth-child(3) { --pixel-color: #20c997; left: 28%; top: 16%; animation-delay: -2.2s; }
html body.hardware-page .hardware-pixel-field span:nth-child(4) { --pixel-color: #ffd84d; left: 39%; top: 76%; animation-delay: -3s; }
html body.hardware-page .hardware-pixel-field span:nth-child(5) { --pixel-color: #ff3131; left: 52%; top: 20%; animation-delay: -1s; }
html body.hardware-page .hardware-pixel-field span:nth-child(6) { --pixel-color: #28d7e5; left: 62%; top: 72%; animation-delay: -2.8s; }
html body.hardware-page .hardware-pixel-field span:nth-child(7) { --pixel-color: #ff7a1a; left: 74%; top: 18%; animation-delay: -4.3s; }
html body.hardware-page .hardware-pixel-field span:nth-child(8) { --pixel-color: #0071e3; left: 83%; top: 66%; animation-delay: -2.5s; }
html body.hardware-page .hardware-pixel-field span:nth-child(9) { --pixel-color: #20c997; left: 92%; top: 34%; animation-delay: -3.8s; }
html body.hardware-page .hardware-pixel-field span:nth-child(10) { --pixel-color: #ffd84d; left: 13%; top: 42%; animation-delay: -5s; }
html body.hardware-page .hardware-pixel-field span:nth-child(11) { --pixel-color: #ff3131; left: 48%; top: 88%; animation-delay: -4.6s; }
html body.hardware-page .hardware-pixel-field span:nth-child(12) { --pixel-color: #28d7e5; left: 88%; top: 12%; animation-delay: -1.8s; }

@keyframes hardwarePixelFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.42;
  }
  50% {
    transform: translate3d(0, -18px, 0) scale(1.14);
    opacity: 1;
  }
}

@media (max-width: 640px) {
  html body.hardware-page .hardware-coming-soon {
    min-height: auto;
  }

  html body.hardware-page .hardware-hero {
    min-height: auto;
    padding: 2.75rem 0 1.35rem;
  }

  html body.hardware-page .hardware-panel {
    border-radius: 22px;
    padding: 2rem 1.25rem;
  }

  html body.hardware-page .hardware-panel h1 {
    font-size: clamp(1.45rem, 8vw, 2.2rem);
  }

  html body.hardware-page .hardware-actions {
    flex-direction: column;
    align-items: stretch;
  }

  html body.hardware-page .hardware-actions .hero-cta-button {
    width: 100%;
  }
}

/* AllinLocal hero screenshot stability: both hero screens must stay visible. */
html body.allinlocal-page .allin-hero .mobile-screenshots-container,
html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper,
html body.allinlocal-page .allin-hero .mobile-screenshot-container,
html body.allinlocal-page .allin-hero .mobile-screenshot {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.allinlocal-page .allin-hero .mobile-screenshots-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper {
  display: block !important;
  will-change: transform;
}

html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:first-child {
  transform: rotate(-5deg) translateX(44px) translateY(-4px) !important;
  z-index: 2 !important;
}

html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:nth-child(2) {
  transform: rotate(6deg) translateX(-42px) translateY(38px) scale(0.94) !important;
  z-index: 1 !important;
}

html body.allinlocal-page .allin-hero .mobile-screenshot-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: #2f6df6 !important;
}

html body.allinlocal-page .allin-hero .mobile-screenshot {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (max-width: 900px) {
  html body.allinlocal-page .allin-hero .mobile-screenshots-container {
    gap: 0.75rem !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:first-child,
  html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:nth-child(2) {
    transform: none !important;
  }
}

/* Final AllinLocal hero background alignment with the shared product-page system. */
html body.allinlocal-page .allin-hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 122, 26, 0.13), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(47, 107, 255, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(255, 248, 239, 0.92) 0%, rgba(255, 255, 255, 0.98) 46%, rgba(226, 250, 253, 0.96) 100%) !important;
}

html body.allinlocal-page .allin-hero::before {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
  opacity: 0.55 !important;
}

/* Product hero pixel field: hardware-style motion, scoped to product pages only. */
html body.product-detail-page .allin-hero,
html body.product-detail-page .ac-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body.product-detail-page .allin-hero > .container,
html body.product-detail-page .ac-hero > .container {
  position: relative !important;
  z-index: 3 !important;
}

html body.product-detail-page .allin-hero::after,
html body.product-detail-page .ac-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 6% !important;
  top: 14% !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 2px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: 0.66 !important;
  background: #0071e3 !important;
  box-shadow:
    7vw 9vh 0 #ff7a1a,
    14vw 30vh 0 #20c997,
    22vw 12vh 0 #ffd84d,
    31vw 42vh 0 #28d7e5,
    40vw 18vh 0 #ff3131,
    51vw 36vh 0 #0071e3,
    60vw 10vh 0 #ff7a1a,
    69vw 44vh 0 #20c997,
    78vw 20vh 0 #28d7e5,
    87vw 34vh 0 #ffd84d,
    10vw 54vh 0 rgba(0, 113, 227, 0.72),
    28vw 58vh 0 rgba(255, 122, 26, 0.72),
    46vw 55vh 0 rgba(32, 201, 151, 0.72),
    64vw 57vh 0 rgba(40, 215, 229, 0.72),
    82vw 52vh 0 rgba(255, 49, 49, 0.68) !important;
  filter: drop-shadow(0 0 12px rgba(40, 215, 229, 0.32)) !important;
  animation: apProductPixelFlight 9s ease-in-out infinite alternate !important;
}

@keyframes apProductPixelFlight {
  0% {
    transform: translate3d(-10px, 16px, 0) scale(0.88) rotate(0deg);
    opacity: 0.28;
  }
  42% {
    transform: translate3d(10px, -14px, 0) scale(1.08) rotate(6deg);
    opacity: 0.72;
  }
  100% {
    transform: translate3d(24px, -28px, 0) scale(1.16) rotate(11deg);
    opacity: 0.5;
  }
}

@media (max-width: 640px) {
  html body.product-detail-page .allin-hero::after,
  html body.product-detail-page .ac-hero::after {
    width: 6px !important;
    height: 6px !important;
    opacity: 0.48 !important;
    box-shadow:
      12vw 8vh 0 #ff7a1a,
      30vw 18vh 0 #20c997,
      48vw 10vh 0 #ffd84d,
      66vw 24vh 0 #28d7e5,
      82vw 13vh 0 #ff3131,
      16vw 42vh 0 rgba(0, 113, 227, 0.68),
      42vw 48vh 0 rgba(255, 122, 26, 0.66),
      72vw 44vh 0 rgba(32, 201, 151, 0.66) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.product-detail-page .allin-hero::after,
  html body.product-detail-page .ac-hero::after {
    animation: none !important;
  }
}

/* Match the hardware hero pixel scale on primary product heroes. */
html body.allconnect-page .ac-hero::after,
html body.allin-page .allin-hero::after,
html body.allinlocal-page .allin-hero::after {
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}

@media (max-width: 640px) {
  html body.allconnect-page .ac-hero::after,
  html body.allin-page .allin-hero::after,
  html body.allinlocal-page .allin-hero::after {
    width: 14px !important;
    height: 14px !important;
  }
}

/* Keep legal/support hero headings readable instead of using the oversized landing hero scale. */
html body.legal-page .hero {
  min-height: auto !important;
  padding: clamp(4.25rem, 8vw, 5.75rem) 0 clamp(2.2rem, 4vw, 3.2rem) !important;
}

html body.legal-page .hero-content {
  padding: 0 clamp(1rem, 4vw, 2rem) !important;
}

html body.legal-page .hero h1 {
  max-width: 920px !important;
  font-size: clamp(2.2rem, 4.25vw, 3.9rem) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

html body.legal-page .hero .lead {
  max-width: 760px !important;
  margin-top: 0.8rem !important;
  font-size: clamp(0.98rem, 1.75vw, 1.25rem) !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

html body.legal-page .hero + section.py-5 {
  padding-top: clamp(2rem, 4vw, 3rem) !important;
}

html body.legal-page .tech-card h2 {
  font-size: clamp(1.35rem, 2.3vw, 2rem) !important;
  line-height: 1.15 !important;
}

@media (max-width: 640px) {
  html body.legal-page .hero {
    padding: 3.85rem 0 2.2rem !important;
  }

  html body.legal-page .hero h1 {
    font-size: clamp(2rem, 10vw, 2.85rem) !important;
    line-height: 1.08 !important;
  }

  html body.legal-page .hero + section.py-5 {
    padding-top: 1.5rem !important;
  }
}

/* Final product/mobile polish: keep requested details consistent without changing layouts elsewhere. */
html body.index-page #allin-details-section .allin-benefits-list li,
html body.allin-page #allin-details-section .allin-benefits-list li {
  justify-content: flex-start !important;
  text-align: left !important;
}

html body.index-page #allin-details-section .allin-benefits-list li::before,
html body.allin-page #allin-details-section .allin-benefits-list li::before {
  flex: 0 0 auto !important;
}

html body .hero-cta-button .fa-apple,
html body .allopen-box-btn .fa-apple,
html body button.hero-cta-button .fa-apple,
html body button.allopen-box-btn .fa-apple {
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
}

html body .hero-cta-button .fa-apple::before,
html body .allopen-box-btn .fa-apple::before,
html body .btn-app .fa-apple,
html body .btn-app .fa-apple::before,
html body i.fab.fa-apple,
html body i.fab.fa-apple::before {
  color: #0071e3 !important;
  -webkit-text-fill-color: #0071e3 !important;
  text-shadow: none !important;
}

@media (max-width: 640px) {
  html body.allinlocal-page .allin-hero .hero-screenshot-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 1.15rem !important;
    overflow: visible !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshots-container {
    position: relative !important;
    display: block !important;
    width: min(88vw, 340px) !important;
    min-height: 390px !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    display: block !important;
    width: min(47vw, 188px) !important;
    max-width: 188px !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:first-child {
    transform: translateX(-86%) rotate(-4deg) !important;
    z-index: 2 !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshot-wrapper:nth-child(2) {
    transform: translateX(-18%) translateY(34px) rotate(5deg) scale(0.94) !important;
    z-index: 1 !important;
  }

  html body.allinlocal-page .allin-hero .mobile-screenshot-container,
  html body.allinlocal-page .allin-hero .mobile-screenshot {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .custom-navbar .navbar-links,
  html body #navbar-links.navbar-links {
    max-height: calc(100dvh - 86px - env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: calc(0.9rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body .custom-navbar .dropdown-menu.show,
  html body .custom-navbar .nav-item.dropdown.show > .dropdown-menu,
  html body #navbar-links.navbar-links .dropdown-menu.show {
    max-height: min(42vh, 360px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
}