/*
  Edit Bay flagship tool treatment.
  This is an additive finish layer for existing product pages; it avoids rewiring
  demos, counters, install paths, and page-specific scripts.
*/

body.eb-tool-page {
  --eb-tool-display: Cinzel, Georgia, serif;
  --eb-tool-gold: #d7a945;
  --eb-tool-copper: #ff6b35;
  --eb-tool-cyan: #39f5d4;
  --eb-tool-ink: #010204;
  background:
    radial-gradient(ellipse 46% 26% at 82% 16%, rgba(57,245,212,.11), transparent 68%),
    radial-gradient(ellipse 42% 30% at 18% 12%, rgba(215,169,69,.14), transparent 70%),
    linear-gradient(180deg, #010204, #06080c 46%, #010204) !important;
}

body.eb-tool-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 64px);
  opacity: .5;
}

body.eb-tool-page nav {
  background: linear-gradient(180deg, rgba(1,2,4,.92), rgba(1,2,4,.68)) !important;
  border-bottom: 1px solid rgba(215,169,69,.16) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.34);
}

body.eb-tool-page .hero,
body.eb-tool-page .section,
body.eb-tool-page footer,
body.eb-tool-page main {
  position: relative;
  z-index: 2;
}

body.eb-tool-page .hero h1,
body.eb-tool-page .hero-h1,
body.eb-tool-page .section-title,
body.eb-tool-page .sec-h2,
body.eb-tool-page .tc-logo {
  font-family: var(--eb-tool-display) !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  color: #fff4e3 !important;
  text-shadow: 0 22px 70px rgba(0,0,0,.55);
}

body.eb-tool-page.eb-scopelab-page .hero h1 .accent,
body.eb-tool-page.eb-scopelab-page .nav-logo span,
body.eb-tool-page.eb-scopelab-page .footer-logo span {
  color: var(--eb-tool-cyan) !important;
}

body.eb-tool-page.eb-cinesrt-page .hero-h1 .line-teal,
body.eb-tool-page.eb-cinesrt-page .nav-title span {
  color: var(--eb-tool-cyan) !important;
}

body.eb-tool-page.eb-cinesrt-page .hero-h1 .line-dim {
  color: rgba(255,244,227,.58) !important;
}

body.eb-tool-page.eb-cinesrt-page .nav-icon img {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  object-fit: cover;
}

body.eb-tool-page .section-label,
body.eb-tool-page .hero-eyebrow,
body.eb-tool-page .price-launch,
body.eb-tool-page .price-label,
body.eb-tool-page .scope-type,
body.eb-tool-page .view-badge .vb-label {
  letter-spacing: .16em !important;
  font-family: "DM Mono", "JetBrains Mono", monospace !important;
}

body.eb-tool-page .luxury-card,
body.eb-tool-page .scope-pane,
body.eb-tool-page .scope-row,
body.eb-tool-page .scope-visual,
body.eb-tool-page .how-step,
body.eb-tool-page .usecase-card,
body.eb-tool-page .install-card,
body.eb-tool-page .faq-item,
body.eb-tool-page .price-card,
body.eb-tool-page .feat,
body.eb-tool-page .plat-card,
body.eb-tool-page .hero-video-wrap {
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025) 44%, rgba(255,255,255,.055)),
    radial-gradient(circle at 12% 0%, rgba(215,169,69,.13), transparent 40%),
    rgba(11, 13, 15, .76) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.08) !important;
}

body.eb-tool-page.eb-scopelab-page .luxury-card,
body.eb-tool-page.eb-scopelab-page .scope-pane,
body.eb-tool-page.eb-scopelab-page .scope-row,
body.eb-tool-page.eb-scopelab-page .scope-visual,
body.eb-tool-page.eb-scopelab-page .price-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025) 44%, rgba(255,255,255,.055)),
    radial-gradient(circle at 12% 0%, rgba(57,245,212,.13), transparent 40%),
    rgba(9, 13, 14, .76) !important;
}

body.eb-tool-page .luxury-card:hover,
body.eb-tool-page .scope-pane:hover,
body.eb-tool-page .how-step:hover,
body.eb-tool-page .usecase-card:hover,
body.eb-tool-page .faq-item:hover,
body.eb-tool-page .feat:hover,
body.eb-tool-page .plat-card:hover {
  transform: translateY(-4px);
  border-color: rgba(215,169,69,.32) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.5), 0 0 42px rgba(215,169,69,.08) !important;
}

body.eb-tool-page.eb-scopelab-page .luxury-card:hover,
body.eb-tool-page.eb-scopelab-page .scope-pane:hover,
body.eb-tool-page.eb-scopelab-page .how-step:hover,
body.eb-tool-page.eb-scopelab-page .usecase-card:hover,
body.eb-tool-page.eb-scopelab-page .faq-item:hover {
  border-color: rgba(57,245,212,.32) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.5), 0 0 42px rgba(57,245,212,.08) !important;
}

body.eb-tool-page .btn-primary,
body.eb-tool-page .nav-cta,
body.eb-tool-page .install-btn,
body.eb-tool-page .price-btn {
  border-radius: 999px !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.28), 0 0 34px rgba(255,107,53,.12) !important;
}

body.eb-tool-page .view-badge {
  border: 1px solid rgba(215,169,69,.28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
    rgba(0,0,0,.52) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.08);
  padding: 8px 12px !important;
}

body.eb-tool-page .view-badge .vb-count {
  color: #fff4e3 !important;
  font-family: var(--eb-tool-display) !important;
}

body.eb-tool-page.eb-cinesrt-page #pricing {
  background:
    radial-gradient(ellipse 44% 30% at 50% 18%, rgba(255,107,53,.12), transparent 68%),
    linear-gradient(180deg, rgba(1,2,4,0), rgba(1,2,4,.5)) !important;
}

body.eb-tool-page.eb-cinesrt-page .pricing-wrap {
  max-width: 520px !important;
}

body.eb-tool-page.eb-cinesrt-page .price-card {
  border-color: rgba(255,107,53,.32) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025) 44%, rgba(255,255,255,.055)),
    radial-gradient(circle at 18% 0%, rgba(255,107,53,.16), transparent 42%),
    rgba(10, 10, 12, .82) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.54), 0 0 50px rgba(255,107,53,.09), inset 0 1px rgba(255,255,255,.08) !important;
}

body.eb-tool-page.eb-cinesrt-page .price-product-icon {
  display: block;
  margin: 0 auto 16px;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.42), 0 0 32px rgba(255,107,53,.18);
}

body.eb-tool-page.eb-cinesrt-page .price-launch {
  background: linear-gradient(135deg, var(--eb-tool-copper), var(--eb-tool-cyan)) !important;
  border: 1px solid rgba(255,255,255,.16);
}

body.eb-tool-page.eb-cinesrt-page .price-amount {
  font-family: var(--eb-tool-display) !important;
  color: #fff4e3 !important;
  letter-spacing: .03em !important;
}

body.eb-tool-page.eb-cinesrt-page .price-check {
  color: var(--eb-tool-cyan) !important;
}

body.eb-tool-page.eb-cinesrt-page footer {
  border-top: 1px solid rgba(215,169,69,.16) !important;
  background:
    linear-gradient(180deg, rgba(1,2,4,.5), rgba(1,2,4,.92)),
    radial-gradient(ellipse 42% 80% at 82% 0%, rgba(255,107,53,.08), transparent 72%) !important;
}

body.eb-tool-page.eb-cinesrt-page .footer-txt a {
  color: var(--eb-tool-cyan) !important;
}

body.eb-tool-page.eb-scopelab-page #pricing {
  background:
    radial-gradient(ellipse 48% 30% at 50% 16%, rgba(57,245,212,.08), transparent 68%),
    linear-gradient(180deg, rgba(1,2,4,0), rgba(1,2,4,.48)) !important;
}

body.eb-tool-page.eb-scopelab-page .pricing-grid {
  max-width: 860px !important;
}

body.eb-tool-page.eb-scopelab-page .price-card {
  text-align: left;
  min-height: 100%;
}

body.eb-tool-page.eb-scopelab-page .price-card.featured {
  border-color: rgba(57,245,212,.32) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.48), 0 0 48px rgba(57,245,212,.09) !important;
}

body.eb-tool-page.eb-scopelab-page .price-badge {
  border: 1px solid rgba(57,245,212,.28);
  border-radius: 999px;
  background: rgba(57,245,212,.09) !important;
  color: var(--eb-tool-cyan) !important;
  letter-spacing: .14em;
}

body.eb-tool-page.eb-scopelab-page .price-amount {
  font-family: var(--eb-tool-display) !important;
  color: #fff4e3 !important;
  letter-spacing: .02em;
}

body.eb-tool-page.eb-scopelab-page .price-features li::before {
  color: var(--eb-tool-cyan) !important;
}

body.eb-tool-page.eb-scopelab-page footer {
  border-top: 1px solid rgba(215,169,69,.16) !important;
  background:
    linear-gradient(180deg, rgba(1,2,4,.5), rgba(1,2,4,.9)),
    radial-gradient(ellipse 42% 80% at 18% 0%, rgba(215,169,69,.08), transparent 72%) !important;
}

body.eb-tool-page.eb-scopelab-page .cta-banner {
  border-top: 1px solid rgba(215,169,69,.16) !important;
  background:
    radial-gradient(ellipse 42% 54% at 50% 52%, rgba(57,245,212,.12), transparent 68%),
    linear-gradient(180deg, rgba(1,2,4,.18), rgba(1,2,4,.72)) !important;
}

body.eb-tool-page.eb-scopelab-page .cta-banner h2 {
  font-family: var(--eb-tool-display) !important;
  font-size: clamp(2.8rem, 6vw, 5.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
  line-height: 1.04 !important;
  color: #fff4e3 !important;
  text-shadow: 0 22px 70px rgba(0,0,0,.58);
}

body.eb-tool-page.eb-scopelab-page .cta-banner h2 span {
  background: linear-gradient(135deg, var(--eb-tool-cyan), #fff4e3) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

body.eb-tool-page.eb-scopelab-page .footer-logo {
  font-family: var(--eb-tool-display) !important;
  color: #fff4e3 !important;
  letter-spacing: .16em !important;
}

body.eb-tool-page.eb-scopelab-page .scopelab-view-marker {
  display: inline-flex !important;
  align-items: center;
  border: 1px solid rgba(215,169,69,.28) !important;
  border-radius: 999px !important;
  overflow: hidden;
  background: rgba(0,0,0,.38);
  box-shadow: 0 16px 44px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.08);
}

body.eb-tool-page.eb-scopelab-page .scopelab-view-marker span {
  padding: 6px 11px !important;
  background: transparent !important;
  color: #b9aa91 !important;
  font-family: "DM Mono", "JetBrains Mono", monospace !important;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.eb-tool-page.eb-scopelab-page .scopelab-view-marker #dvp-view-count {
  color: #fff4e3 !important;
  border-left: 1px solid rgba(215,169,69,.22);
  font-family: var(--eb-tool-display) !important;
  letter-spacing: .02em;
  text-transform: none;
}

body.eb-tool-page.eb-scopelab-page .dmodal-backdrop {
  background:
    radial-gradient(ellipse 54% 44% at 50% 28%, rgba(57,245,212,.12), transparent 68%),
    rgba(1,2,4,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.eb-tool-page.eb-scopelab-page .dmodal-card {
  border-color: rgba(215,169,69,.24) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025) 44%, rgba(255,255,255,.055)),
    radial-gradient(circle at 12% 0%, rgba(57,245,212,.13), transparent 40%),
    rgba(8, 10, 11, .92) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.68), inset 0 1px rgba(255,255,255,.08) !important;
}

body.eb-tool-page.eb-scopelab-page .dmodal-title {
  font-family: var(--eb-tool-display) !important;
  color: #fff4e3 !important;
  font-weight: 600 !important;
  letter-spacing: .03em;
}

body.eb-tool-page.eb-scopelab-page .dmodal-tier,
body.eb-tool-page.eb-scopelab-page .dmodal-input {
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  border-radius: 14px !important;
}

body.eb-tool-page.eb-scopelab-page .dmodal-custom-btn {
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--eb-tool-cyan), var(--eb-tool-copper)) !important;
}

body.eb-tool-page #cursor,
body.eb-tool-page #cursor-dot {
  display: none !important;
}

@media (max-width: 760px) {
  body.eb-tool-page .hero h1,
  body.eb-tool-page .hero-h1 {
    font-size: clamp(2.55rem, 13vw, 4.4rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere;
  }

  body.eb-tool-page nav {
    overflow-x: auto;
  }

  body.eb-tool-page .luxury-card,
  body.eb-tool-page .scope-pane,
  body.eb-tool-page .scope-row,
  body.eb-tool-page .scope-visual,
  body.eb-tool-page .how-step,
  body.eb-tool-page .usecase-card,
  body.eb-tool-page .install-card,
  body.eb-tool-page .faq-item,
  body.eb-tool-page .price-card,
  body.eb-tool-page .feat,
  body.eb-tool-page .plat-card,
  body.eb-tool-page .hero-video-wrap {
    border-radius: 14px !important;
  }

  body.eb-tool-page .btn-primary,
  body.eb-tool-page .nav-cta,
  body.eb-tool-page .install-btn,
  body.eb-tool-page .price-btn {
    max-width: 100%;
    white-space: normal;
  }
}