.product-page {
  overflow-x: hidden;
}

.product-page #navbar {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  background: rgba(2, 2, 2, 0.82);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
}

.product-page #navbar .container {
  width: 100%;
  max-width: none;
}

.product-page #navbar .btn-stealth {
  min-height: 40px;
  padding: 0 20px;
}

.product-page > section:first-of-type {
  min-height: 760px;
  padding-top: 96px !important;
  padding-bottom: 72px;
}

.product-page > section:first-of-type .max-w-\[900px\] {
  max-width: 940px;
}

.product-page > section:first-of-type > .absolute {
  inset: 0;
  width: 100%;
  height: 100%;
}

.product-page > section:first-of-type > .absolute > picture {
  display: block;
  width: 100%;
  height: 100%;
}

.product-page > section:first-of-type > .absolute > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.62 !important;
  filter: brightness(1.08) contrast(1.08) saturate(1.06);
}

.product-page .hero-side-mask {
  background: linear-gradient(to right, #020202 0%, rgba(2, 2, 2, 0.9) 30%, rgba(2, 2, 2, 0.42) 58%, rgba(2, 2, 2, 0.08) 100%) !important;
}

.product-page .hero-title {
  max-width: 940px;
  margin-bottom: 28px !important;
  font-size: clamp(4.6rem, 8.3vw, 7.35rem);
  line-height: 0.88;
  letter-spacing: -0.055em;
}

.product-page > section:first-of-type p.text-xl {
  max-width: 760px;
  margin-bottom: 28px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important;
  line-height: 1.42 !important;
}

.product-page > section:first-of-type .flex.flex-wrap.gap-6 {
  gap: 14px !important;
  align-items: center;
}

.product-page .btn-primary-forge,
.product-page .btn-forge,
.product-page .btn-stealth {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.product-page .btn-stealth {
  color: rgba(255, 255, 255, 0.68);
  border-color: rgba(255, 255, 255, 0.14);
}

/* Static product pages use utilities that are absent from the shared Tailwind build. */
.product-page .p-4 { padding: 1rem; }
.product-page .p-5 { padding: 1.25rem; }
.product-page .p-6 { padding: 1.5rem; }
.product-page .p-8 { padding: 2rem; }
.product-page .px-5 { padding-inline: 1.25rem; }
.product-page .px-8 { padding-inline: 2rem; }
.product-page .py-3 { padding-block: 0.75rem; }
.product-page .py-4 { padding-block: 1rem; }
.product-page .py-10 { padding-block: 2.5rem; }
.product-page .py-16 { padding-block: 4rem; }
.product-page .py-20 { padding-block: 5rem; }
.product-page .pt-6 { padding-top: 1.5rem; }
.product-page .pt-20 { padding-top: 5rem; }
.product-page .pb-4 { padding-bottom: 1rem; }
.product-page .pb-5 { padding-bottom: 1.25rem; }
.product-page .pb-6 { padding-bottom: 1.5rem; }
.product-page .pb-10 { padding-bottom: 2.5rem; }

.product-page .mb-1 { margin-bottom: 0.25rem; }
.product-page .mb-2 { margin-bottom: 0.5rem; }
.product-page .mb-3 { margin-bottom: 0.75rem; }
.product-page .mb-4 { margin-bottom: 1rem; }
.product-page .mb-5 { margin-bottom: 1.25rem; }
.product-page .mb-6 { margin-bottom: 1.5rem; }
.product-page .mb-8 { margin-bottom: 2rem; }
.product-page .mb-10 { margin-bottom: 2.5rem; }
.product-page .mb-12 { margin-bottom: 3rem; }
.product-page .mb-16 { margin-bottom: 4rem; }
.product-page .mt-8 { margin-top: 2rem; }

.product-page .gap-2 { gap: 0.5rem; }
.product-page .gap-3 { gap: 0.75rem; }
.product-page .gap-4 { gap: 1rem; }
.product-page .gap-6 { gap: 1.5rem; }
.product-page .gap-8 { gap: 2rem; }
.product-page .gap-10 { gap: 2.5rem; }
.product-page .gap-12 { gap: 3rem; }
.product-page .gap-y-10 { row-gap: 2.5rem; }
.product-page .space-y-4 > :not(:last-child) { margin-bottom: 1rem; }

.product-page .w-2 { width: 0.5rem; }
.product-page .w-10 { width: 2.5rem; }
.product-page .w-12 { width: 3rem; }
.product-page .w-14 { width: 3.5rem; }
.product-page .w-16 { width: 4rem; }
.product-page .w-20 { width: 5rem; }
.product-page .w-24 { width: 6rem; }
.product-page .h-2 { height: 0.5rem; }
.product-page .h-4 { height: 1rem; }
.product-page .h-6 { height: 1.5rem; }
.product-page .h-8 { height: 2rem; }
.product-page .h-10 { height: 2.5rem; }
.product-page .h-12 { height: 3rem; }

.product-page .text-xs { font-size: 0.75rem; line-height: 1rem; }
.product-page .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.product-page .text-base { font-size: 1rem; line-height: 1.5rem; }
.product-page .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.product-page .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.product-page .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.product-page .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.product-page .text-5xl { font-size: 3rem; line-height: 1; }
.product-page .text-white\/20 { color: rgba(255, 255, 255, 0.36); }
.product-page .text-white\/25 { color: rgba(255, 255, 255, 0.4); }
.product-page .text-white\/30 { color: rgba(255, 255, 255, 0.48); }
.product-page .text-white\/40 { color: rgba(255, 255, 255, 0.66); }
.product-page .text-white\/60 { color: rgba(255, 255, 255, 0.72); }
.product-page .text-white\/70 { color: rgba(255, 255, 255, 0.78); }
.product-page .text-white\/80 { color: rgba(255, 255, 255, 0.86); }
.product-page .text-accent\/60 { color: rgba(37, 99, 235, 0.6); }

.product-page .border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }
.product-page .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.product-page .border-accent\/10 { border-color: rgba(37, 99, 235, 0.1); }
.product-page .border-accent\/15 { border-color: rgba(37, 99, 235, 0.15); }
.product-page .border-accent\/30 { border-color: rgba(37, 99, 235, 0.3); }
.product-page .border-accent\/40 { border-color: rgba(37, 99, 235, 0.4); }
.product-page .bg-white\/5 { background-color: rgba(255, 255, 255, 0.05); }
.product-page .bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.product-page .bg-white\/15 { background-color: rgba(255, 255, 255, 0.15); }
.product-page .bg-white\/40 { background-color: rgba(255, 255, 255, 0.4); }
.product-page .bg-black\/30 { background-color: rgba(0, 0, 0, 0.3); }
.product-page .bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
.product-page .bg-accent\/5 { background-color: rgba(37, 99, 235, 0.05); }
.product-page .bg-accent\/30 { background-color: rgba(37, 99, 235, 0.3); }
.product-page .bg-accent\/60 { background-color: rgba(37, 99, 235, 0.6); }

@media (min-width: 769px) {
  .product-page > section:first-of-type .container > div {
    max-width: min(940px, 56vw) !important;
  }
}

.product-page .section-title {
  font-size: clamp(2.8rem, 4.2vw, 4rem);
  line-height: 0.96;
  letter-spacing: -0.045em;
}

.product-page .forge-card h3,
.product-page h4 {
  line-height: 1.08;
  letter-spacing: 0;
}

.product-page .forge-card p,
.product-page .space-y-0 p,
.product-page section p.text-white\/40,
.product-page section p.text-white\/60 {
  line-height: 1.62;
}

.product-page .site-preview,
.product-page .post-composer,
.product-page .dashboard-panel,
.product-page .call-panel,
.product-page .chat-window {
  max-width: 100%;
}

@media (min-width: 768px) {
  .product-page .md\:block { display: block; }
  .product-page .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .product-page .lg\:flex { display: flex; }
  .product-page .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .product-page .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .product-page .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .product-page .lg\:gap-20 { gap: 5rem; }
  .product-page .lg\:p-8 { padding: 2rem; }
  .product-page .lg\:p-10 { padding: 2.5rem; }
  .product-page .lg\:p-12 { padding: 3rem; }
  .product-page .lg\:py-32 { padding-block: 8rem; }
  .product-page .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .product-page .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .product-page .lg\:text-7xl { font-size: 4.5rem; line-height: 1; }
}

@media (max-width: 1024px) {
  .product-page #navbar .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-page > section:first-of-type {
    min-height: 720px;
  }

  .product-page .hero-title {
    font-size: clamp(4rem, 11vw, 6.3rem);
  }
}

@media (max-width: 768px) {
  .product-page #navbar {
    min-height: 56px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .product-page #navbar .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-page #navbar img {
    height: 28px !important;
  }

  .product-page > section:first-of-type {
    min-height: 680px;
    align-items: center;
    padding-top: 72px !important;
    padding-bottom: 48px;
  }

  .product-page > section:first-of-type .max-w-\[900px\] {
    max-width: 100%;
  }

  .product-page .hero-side-mask {
    background: linear-gradient(to bottom, rgba(2, 2, 2, 0.72) 0%, rgba(2, 2, 2, 0.36) 45%, #020202 100%) !important;
  }

  .product-page > section:first-of-type > .absolute > picture img {
    opacity: 0.46 !important;
  }

  .product-page .hero-title {
    margin-bottom: 16px !important;
    font-size: clamp(3rem, 13vw, 3.85rem);
    line-height: 0.92;
    letter-spacing: -0.045em;
  }

  .product-page .mono-tag {
    font-size: 8px;
    line-height: 1.65;
    letter-spacing: 0.32em;
  }

  .product-page > section:first-of-type p.text-xl {
    margin-bottom: 18px !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  .product-page > section:first-of-type .flex.flex-wrap.gap-6 {
    gap: 10px !important;
  }

  .product-page > section:first-of-type .btn-primary-forge,
  .product-page > section:first-of-type .btn-stealth {
    width: min(100%, 280px);
    min-height: 52px;
    padding: 0 18px;
  }

  .product-page > section:nth-of-type(2) {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  .product-page > section:nth-of-type(2) .grid {
    gap: 18px 14px !important;
  }

  .product-page > section:nth-of-type(2) p:first-child {
    font-size: 8px !important;
    line-height: 1.35;
    letter-spacing: 0.22em !important;
  }

  .product-page > section:nth-of-type(2) .text-3xl {
    font-size: 24px !important;
    line-height: 1.05;
  }

  .product-page section.py-20,
  .product-page section.lg\:py-32 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .product-page .section-title {
    margin-bottom: 18px !important;
    font-size: clamp(2.25rem, 10vw, 3rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
  }

  .product-page section p.text-lg,
  .product-page section p.text-white\/40,
  .product-page section p.text-white\/60 {
    font-size: 16px !important;
    line-height: 1.54 !important;
  }

  .product-page .forge-card {
    padding: 24px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
  }

  .product-page .forge-card > div:first-child,
  .product-page .space-y-0 .relative.flex-shrink-0 > div:first-child {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

  .product-page .forge-card > div:first-child {
    margin-bottom: 16px !important;
  }

  .product-page .forge-card h3 {
    margin-bottom: 12px !important;
    font-size: 28px !important;
    line-height: 1.04;
  }

  .product-page .grid.grid-cols-12 {
    gap-y: 28px !important;
  }

  .product-page .site-preview .p-6 {
    padding: 16px !important;
  }

  .product-page .site-preview,
  .product-page .site-preview [class*="border"],
  .product-page .post-composer,
  .product-page .post-composer [class*="border"] {
    border-color: rgba(255, 255, 255, 0.08) !important;
  }

  .product-page .site-preview [class*="border-accent"],
  .product-page .post-composer [class*="border-accent"],
  .product-page .platform-badge.sent {
    border-color: rgba(37, 99, 235, 0.22) !important;
  }

  .product-page .site-preview .grid.grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .product-page .site-content-row {
    min-height: 44px;
  }

  .product-page .metric-row {
    gap: 12px;
  }

  .product-page .metric-bar-track {
    width: 72px;
  }

  .product-page .space-y-0 .flex {
    gap: 16px !important;
  }

  .product-page .space-y-0 .pb-10 {
    padding-bottom: 24px !important;
  }

  .product-page footer {
    padding-bottom: 76px !important;
  }
}

@media (max-width: 420px) {
  .product-page .hero-title {
    font-size: clamp(2.75rem, 12vw, 3.35rem);
  }

  .product-page .section-title {
    font-size: clamp(2.05rem, 9.3vw, 2.7rem);
  }

  .product-page > section:first-of-type .btn-primary-forge,
  .product-page > section:first-of-type .btn-stealth,
  .product-page .btn-forge {
    width: 100%;
    max-width: 312px;
  }
}