@charset "UTF-8";
/* ===== BeMyWords marketing styles =====
 * Self-contained: no Bootstrap import. Loaded only by the marketing layout.
 */
/* line 19, app/assets/stylesheets/marketing.scss */
* {
  box-sizing: border-box;
}

/* line 21, app/assets/stylesheets/marketing.scss */
.mkt {
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  color: #0F172A;
  line-height: 1.55;
  background: #FFFFFF;
  margin: 0;
}

/* line 28, app/assets/stylesheets/marketing.scss */
.mkt a:not(.mkt-btn) {
  color: #5B5BD6;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/marketing.scss */
.mkt a:not(.mkt-btn):hover {
  color: #4338CA;
  text-decoration: underline;
}

/* line 31, app/assets/stylesheets/marketing.scss */
.mkt h1, .mkt h2, .mkt h3, .mkt h4 {
  color: #0F172A;
  line-height: 1.15;
  margin: 0 0 0.5em;
  letter-spacing: -0.02em;
  font-weight: 600;
}

/* line 39, app/assets/stylesheets/marketing.scss */
.mkt h1 {
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: 700;
}

/* line 40, app/assets/stylesheets/marketing.scss */
.mkt h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

/* line 41, app/assets/stylesheets/marketing.scss */
.mkt h3 {
  font-size: 1.25rem;
}

/* line 42, app/assets/stylesheets/marketing.scss */
.mkt p {
  margin: 0 0 1em;
}

/* line 44, app/assets/stylesheets/marketing.scss */
.mkt ul, .mkt ol {
  padding-left: 1.25em;
}

/* line 45, app/assets/stylesheets/marketing.scss */
.mkt li {
  margin-bottom: 0.35em;
}

/* line 47, app/assets/stylesheets/marketing.scss */
.mkt code {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: #EEF1FF;
  color: #4338CA;
  padding: 0.1em 0.35em;
  border-radius: 4px;
  font-size: 0.92em;
}

/* line 56, app/assets/stylesheets/marketing.scss */
.mkt pre {
  background: #0B1020;
  color: #E2E8F0;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  overflow-x: auto;
  line-height: 1.5;
  font-size: 0.9rem;
}

/* line 65, app/assets/stylesheets/marketing.scss */
.mkt pre code {
  background: transparent;
  color: inherit;
  padding: 0;
  font-size: inherit;
}

/* line 73, app/assets/stylesheets/marketing.scss */
.mkt blockquote {
  border-left: 3px solid #5B5BD6;
  background: #EEF1FF;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  color: #1E293B;
  border-radius: 4px;
}

/* line 82, app/assets/stylesheets/marketing.scss */
.mkt hr {
  border: 0;
  border-top: 1px solid #E2E8F0;
  margin: 3rem 0;
}

/* line 88, app/assets/stylesheets/marketing.scss */
.mkt table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

/* line 93, app/assets/stylesheets/marketing.scss */
.mkt table th, .mkt table td {
  padding: 0.6rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid #E2E8F0;
  vertical-align: top;
}

/* line 100, app/assets/stylesheets/marketing.scss */
.mkt table th {
  font-weight: 600;
  background: #F8FAFC;
}

/* ----- container ----- */
/* line 105, app/assets/stylesheets/marketing.scss */
.mkt-wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* ----- header ----- */
/* line 112, app/assets/stylesheets/marketing.scss */
.mkt-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
          backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid #E2E8F0;
}

/* line 120, app/assets/stylesheets/marketing.scss */
.mkt-header .mkt-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 64px;
}

/* line 128, app/assets/stylesheets/marketing.scss */
.mkt-header .mkt-logo img {
  height: 28px;
  display: block;
}

/* line 133, app/assets/stylesheets/marketing.scss */
.mkt-header nav {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

/* line 138, app/assets/stylesheets/marketing.scss */
.mkt-header nav a {
  color: #1E293B;
  font-size: 0.95rem;
  font-weight: 500;
}

/* line 142, app/assets/stylesheets/marketing.scss */
.mkt-header nav a:hover {
  color: #5B5BD6;
  text-decoration: none;
}

/* line 146, app/assets/stylesheets/marketing.scss */
.mkt-header .mkt-header-cta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 151, app/assets/stylesheets/marketing.scss */
.mkt-header .mkt-header-cta .mkt-header-login {
  color: #1E293B;
  font-weight: 500;
  padding: 0.45rem 0.75rem;
}

/* line 155, app/assets/stylesheets/marketing.scss */
.mkt-header .mkt-header-cta .mkt-header-login:hover {
  color: #5B5BD6;
  text-decoration: none;
}

@media (max-width: 720px) {
  /* line 161, app/assets/stylesheets/marketing.scss */
  .mkt-header nav {
    display: none;
  }
}

/* ----- buttons ----- */
/* line 165, app/assets/stylesheets/marketing.scss */
.mkt-btn {
  display: inline-block;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.65rem 1.15rem;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.05s ease, box-shadow 0.15s ease, background 0.15s ease;
  white-space: nowrap;
}

/* line 178, app/assets/stylesheets/marketing.scss */
.mkt-btn:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

/* line 179, app/assets/stylesheets/marketing.scss */
.mkt-btn:active {
  transform: translateY(0);
}

/* line 182, app/assets/stylesheets/marketing.scss */
.mkt-btn-primary {
  background: #5B5BD6;
  color: #fff;
}

/* line 185, app/assets/stylesheets/marketing.scss */
.mkt-btn-primary:hover {
  background: #4338CA;
  color: #fff;
  box-shadow: 0 4px 16px rgba(91, 91, 214, 0.28);
}

/* line 188, app/assets/stylesheets/marketing.scss */
.mkt-btn-ghost {
  background: transparent;
  color: #0F172A;
  border-color: #E2E8F0;
}

/* line 192, app/assets/stylesheets/marketing.scss */
.mkt-btn-ghost:hover {
  color: #0F172A;
  border-color: #1E293B;
}

/* line 195, app/assets/stylesheets/marketing.scss */
.mkt-btn-lg {
  padding: 0.85rem 1.5rem;
  font-size: 1.02rem;
}

/* ----- hero ----- */
/* line 198, app/assets/stylesheets/marketing.scss */
.mkt-hero {
  padding: 5rem 0 3.5rem;
  background: radial-gradient(ellipse at 20% 10%, rgba(91, 91, 214, 0.1), transparent 55%), radial-gradient(ellipse at 90% 20%, rgba(16, 185, 129, 0.08), transparent 60%), #FFFFFF;
  border-bottom: 1px solid #E2E8F0;
}

/* line 207, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 3rem;
  align-items: center;
}

/* line 213, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-eyebrow {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #4338CA;
  background: #EEF1FF;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  margin-bottom: 1.25rem;
}

/* line 226, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-hero-sub {
  font-size: 1.15rem;
  color: #475569;
  margin-bottom: 1.5rem;
  max-width: 36em;
}

/* line 233, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-hero-cta {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* line 240, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-hero-trust {
  color: #64748B;
  font-size: 0.92rem;
  margin: 0;
}

/* line 246, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-hero-image {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
  border: 1px solid #E2E8F0;
  aspect-ratio: 4 / 3;
}

/* line 253, app/assets/stylesheets/marketing.scss */
.mkt-hero-grid .mkt-hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 880px) {
  /* line 258, app/assets/stylesheets/marketing.scss */
  .mkt-hero {
    padding: 3rem 0 2.5rem;
  }
  /* line 259, app/assets/stylesheets/marketing.scss */
  .mkt-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  /* line 260, app/assets/stylesheets/marketing.scss */
  .mkt-hero-grid .mkt-hero-image {
    aspect-ratio: 16 / 10;
  }
}

/* ----- generic section ----- */
/* line 264, app/assets/stylesheets/marketing.scss */
.mkt-section {
  padding: 4.5rem 0;
}

/* line 266, app/assets/stylesheets/marketing.scss */
.mkt-section.mkt-section-alt {
  background: #F8FAFC;
}

/* line 267, app/assets/stylesheets/marketing.scss */
.mkt-section.mkt-section-tight {
  padding: 3rem 0;
}

/* line 269, app/assets/stylesheets/marketing.scss */
.mkt-section .mkt-section-head {
  text-align: center;
  max-width: 38em;
  margin: 0 auto 2.5rem;
}

/* line 274, app/assets/stylesheets/marketing.scss */
.mkt-section .mkt-section-head p {
  color: #475569;
  font-size: 1.05rem;
  margin: 0.5rem 0 0;
}

/* ----- proof strip (dogfood) ----- */
/* line 279, app/assets/stylesheets/marketing.scss */
.mkt-proof {
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
  background: #F8FAFC;
  padding: 1.5rem 0;
  text-align: center;
}

/* line 286, app/assets/stylesheets/marketing.scss */
.mkt-proof p {
  color: #64748B;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin: 0 0 0.6rem;
}

/* line 294, app/assets/stylesheets/marketing.scss */
.mkt-proof .mkt-proof-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem 1.75rem;
}

/* line 300, app/assets/stylesheets/marketing.scss */
.mkt-proof .mkt-proof-list span {
  color: #0F172A;
  font-weight: 600;
  font-size: 1.05rem;
}

/* ----- 3-up benefits ----- */
/* line 309, app/assets/stylesheets/marketing.scss */
.mkt-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}

/* line 314, app/assets/stylesheets/marketing.scss */
.mkt-benefits .mkt-benefit {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 1.75rem;
  transition: box-shadow 0.15s, transform 0.15s;
}

/* line 321, app/assets/stylesheets/marketing.scss */
.mkt-benefits .mkt-benefit:hover {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
}

/* line 326, app/assets/stylesheets/marketing.scss */
.mkt-benefits .mkt-benefit .mkt-benefit-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #EEF1FF;
  color: #5B5BD6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}

/* line 340, app/assets/stylesheets/marketing.scss */
.mkt-benefits .mkt-benefit h3 {
  font-size: 1.15rem;
  margin-bottom: 0.4rem;
}

/* line 341, app/assets/stylesheets/marketing.scss */
.mkt-benefits .mkt-benefit p {
  color: #475569;
  margin: 0;
}

@media (max-width: 880px) {
  /* line 346, app/assets/stylesheets/marketing.scss */
  .mkt-benefits {
    grid-template-columns: 1fr;
  }
}

/* ----- 2-up feature blocks (richer than .mkt-benefit) ----- */
/* line 350, app/assets/stylesheets/marketing.scss */
.mkt-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem;
}

/* line 355, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 2rem 1.75rem;
}

/* line 361, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature .mkt-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #EEF1FF;
  color: #5B5BD6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}

/* line 375, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

/* line 377, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature p {
  color: #475569;
  margin: 0 0 0.85rem;
}

/* line 378, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature p:last-child {
  margin-bottom: 0;
}

/* line 380, app/assets/stylesheets/marketing.scss */
.mkt-features .mkt-feature .mkt-feature-aside {
  color: #64748B;
  font-size: 0.9rem;
  font-style: italic;
  margin-top: 0.5rem;
}

@media (max-width: 880px) {
  /* line 389, app/assets/stylesheets/marketing.scss */
  .mkt-features {
    grid-template-columns: 1fr;
  }
}

/* Konami key sequence */
/* line 392, app/assets/stylesheets/marketing.scss */
.mkt-konami {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0.75rem 0 1rem;
}

/* line 398, app/assets/stylesheets/marketing.scss */
.mkt-konami kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  height: 2.1rem;
  padding: 0 0.55rem;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0F172A;
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%);
  border: 1px solid #E2E8F0;
  border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.05);
}

/* ----- how it works ----- */
/* line 418, app/assets/stylesheets/marketing.scss */
.mkt-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  counter-reset: step;
}

/* line 424, app/assets/stylesheets/marketing.scss */
.mkt-steps .mkt-step {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 1.5rem;
  position: relative;
  counter-increment: step;
}

/* line 432, app/assets/stylesheets/marketing.scss */
.mkt-steps .mkt-step::before {
  content: counter(step);
  position: absolute;
  top: -14px;
  left: 1.5rem;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #5B5BD6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
}

/* line 449, app/assets/stylesheets/marketing.scss */
.mkt-steps .mkt-step h3 {
  margin-top: 0.5rem;
  font-size: 1.1rem;
}

/* line 451, app/assets/stylesheets/marketing.scss */
.mkt-steps .mkt-step p {
  color: #475569;
  margin: 0;
}

/* line 453, app/assets/stylesheets/marketing.scss */
.mkt-steps .mkt-step code {
  display: block;
  margin-top: 0.65rem;
  padding: 0.5rem 0.7rem;
  font-size: 0.82rem;
  background: #0B1020;
  color: #C4B5FD;
  white-space: pre-wrap;
  word-break: break-all;
}

@media (max-width: 880px) {
  /* line 466, app/assets/stylesheets/marketing.scss */
  .mkt-steps {
    grid-template-columns: 1fr;
  }
}

/* ----- integrations grid ----- */
/* line 469, app/assets/stylesheets/marketing.scss */
.mkt-integrations {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

/* line 474, app/assets/stylesheets/marketing.scss */
.mkt-integrations .mkt-integration {
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 1.25rem;
  text-align: center;
  background: #fff;
  color: #0F172A;
  transition: box-shadow 0.15s, transform 0.15s, border-color 0.15s;
}

/* line 483, app/assets/stylesheets/marketing.scss */
.mkt-integrations .mkt-integration:hover {
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
  border-color: #5B5BD6;
}

/* line 490, app/assets/stylesheets/marketing.scss */
.mkt-integrations .mkt-integration img {
  height: 40px;
  width: auto;
  margin: 0 auto 0.5rem;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 498, app/assets/stylesheets/marketing.scss */
.mkt-integrations .mkt-integration span {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
}

/* line 504, app/assets/stylesheets/marketing.scss */
.mkt-integrations .mkt-integration small {
  display: block;
  color: #64748B;
  font-size: 0.78rem;
  margin-top: 0.15rem;
}

@media (max-width: 880px) {
  /* line 514, app/assets/stylesheets/marketing.scss */
  .mkt-integrations {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ----- comparison strip ----- */
/* line 518, app/assets/stylesheets/marketing.scss */
.mkt-compare {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

/* line 523, app/assets/stylesheets/marketing.scss */
.mkt-compare .mkt-compare-card {
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 1.5rem;
  background: #fff;
}

/* line 529, app/assets/stylesheets/marketing.scss */
.mkt-compare .mkt-compare-card h4 {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748B;
  margin: 0 0 0.5rem;
  font-weight: 600;
}

/* line 538, app/assets/stylesheets/marketing.scss */
.mkt-compare .mkt-compare-card p {
  color: #0F172A;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 539, app/assets/stylesheets/marketing.scss */
.mkt-compare .mkt-compare-card strong {
  color: #4338CA;
}

@media (max-width: 880px) {
  /* line 543, app/assets/stylesheets/marketing.scss */
  .mkt-compare {
    grid-template-columns: 1fr;
  }
}

/* ----- big CTA band ----- */
/* line 546, app/assets/stylesheets/marketing.scss */
.mkt-cta-band {
  background: linear-gradient(135deg, #5B5BD6 0%, #7C3AED 100%);
  color: #fff;
  padding: 4rem 0;
  text-align: center;
}

/* line 552, app/assets/stylesheets/marketing.scss */
.mkt-cta-band h2 {
  color: #fff;
}

/* line 553, app/assets/stylesheets/marketing.scss */
.mkt-cta-band p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  max-width: 36em;
  margin: 0 auto 1.75rem;
}

/* line 555, app/assets/stylesheets/marketing.scss */
.mkt-cta-band .mkt-btn-primary {
  background: #fff;
  color: #4338CA;
}

/* line 558, app/assets/stylesheets/marketing.scss */
.mkt-cta-band .mkt-btn-primary:hover {
  background: #F3F4F6;
  color: #4338CA;
}

/* ----- pricing ----- */
/* line 563, app/assets/stylesheets/marketing.scss */
.mkt-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}

/* line 570, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card {
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 2rem 1.75rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 579, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card.mkt-pricing-featured {
  border-color: #5B5BD6;
  box-shadow: 0 18px 40px rgba(91, 91, 214, 0.18);
  transform: translateY(-4px);
}

/* line 584, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card.mkt-pricing-featured .mkt-pricing-badge {
  position: absolute;
  top: -12px;
  right: 1.5rem;
  background: #5B5BD6;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  text-transform: uppercase;
}

/* line 599, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card h3 {
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
  color: #4338CA;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
}

/* line 600, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card .mkt-pricing-tagline {
  color: #475569;
  font-size: 0.95rem;
  margin: 0 0 1rem;
}

/* line 602, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card .mkt-pricing-price {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin: 0.5rem 0 1.25rem;
}

/* line 608, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card .mkt-pricing-price .mkt-pricing-amount {
  font-size: 2.4rem;
  font-weight: 700;
  color: #0F172A;
  line-height: 1;
}

/* line 609, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card .mkt-pricing-price .mkt-pricing-period {
  color: #64748B;
  font-size: 0.95rem;
}

/* line 612, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  flex: 1 1 auto;
}

/* line 618, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #E2E8F0;
  color: #1E293B;
  font-size: 0.95rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

/* line 627, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card ul li::before {
  content: "✓";
  color: #10B981;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 634, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card ul li:last-child {
  border-bottom: none;
}

/* line 638, app/assets/stylesheets/marketing.scss */
.mkt-pricing-card .mkt-btn {
  width: 100%;
  text-align: center;
}

@media (max-width: 880px) {
  /* line 642, app/assets/stylesheets/marketing.scss */
  .mkt-pricing-grid {
    grid-template-columns: 1fr;
  }
  /* line 643, app/assets/stylesheets/marketing.scss */
  .mkt-pricing-card.mkt-pricing-featured {
    transform: none;
  }
}

/* ----- comparison table ----- */
/* line 647, app/assets/stylesheets/marketing.scss */
.mkt-compare-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 651, app/assets/stylesheets/marketing.scss */
.mkt-compare-table th, .mkt-compare-table td {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid #E2E8F0;
  text-align: left;
  font-size: 0.95rem;
}

/* line 658, app/assets/stylesheets/marketing.scss */
.mkt-compare-table thead th {
  background: #F8FAFC;
  font-weight: 600;
  color: #0F172A;
}

/* line 663, app/assets/stylesheets/marketing.scss */
.mkt-compare-table thead th:first-child {
  width: 28%;
}

/* line 666, app/assets/stylesheets/marketing.scss */
.mkt-compare-table tbody th {
  font-weight: 500;
  color: #1E293B;
}

/* line 671, app/assets/stylesheets/marketing.scss */
.mkt-compare-table tbody td {
  color: #475569;
}

/* line 673, app/assets/stylesheets/marketing.scss */
.mkt-compare-table .mkt-yes {
  color: #10B981;
  font-weight: 600;
}

/* line 674, app/assets/stylesheets/marketing.scss */
.mkt-compare-table .mkt-no {
  color: #64748B;
}

/* ----- FAQ ----- */
/* line 678, app/assets/stylesheets/marketing.scss */
.mkt-faq {
  max-width: 720px;
  margin: 0 auto;
}

/* line 682, app/assets/stylesheets/marketing.scss */
.mkt-faq details {
  border-bottom: 1px solid #E2E8F0;
  padding: 1rem 0;
}

/* line 686, app/assets/stylesheets/marketing.scss */
.mkt-faq details summary {
  list-style: none;
  cursor: pointer;
  font-weight: 600;
  color: #0F172A;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 695, app/assets/stylesheets/marketing.scss */
.mkt-faq details summary::-webkit-details-marker {
  display: none;
}

/* line 697, app/assets/stylesheets/marketing.scss */
.mkt-faq details summary::after {
  content: "+";
  font-weight: 300;
  font-size: 1.5rem;
  color: #5B5BD6;
  transition: transform 0.15s;
}

/* line 706, app/assets/stylesheets/marketing.scss */
.mkt-faq details[open] summary::after {
  content: "−";
}

/* line 708, app/assets/stylesheets/marketing.scss */
.mkt-faq details > p, .mkt-faq details > div {
  margin-top: 0.6rem;
  color: #475569;
}

/* ----- docs ----- */
/* line 713, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}

/* line 719, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid .mkt-docs-card {
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 1.25rem;
  background: #fff;
  text-align: center;
  color: #0F172A;
}

/* line 727, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid .mkt-docs-card:hover {
  text-decoration: none;
  border-color: #5B5BD6;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
}

/* line 734, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid .mkt-docs-card img {
  height: 36px;
  margin-bottom: 0.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 735, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid .mkt-docs-card h4 {
  margin: 0 0 0.15rem;
  font-size: 1rem;
}

/* line 736, app/assets/stylesheets/marketing.scss */
.mkt-docs-grid .mkt-docs-card small {
  display: block;
  color: #64748B;
  font-size: 0.78rem;
}

@media (max-width: 880px) {
  /* line 744, app/assets/stylesheets/marketing.scss */
  .mkt-docs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 746, app/assets/stylesheets/marketing.scss */
.mkt-doc-content {
  max-width: 800px;
  margin: 0 auto;
}

/* line 750, app/assets/stylesheets/marketing.scss */
.mkt-doc-content h1 {
  margin-top: 0;
}

/* line 751, app/assets/stylesheets/marketing.scss */
.mkt-doc-content h2 {
  margin-top: 2.5rem;
  padding-top: 0.5rem;
}

/* line 752, app/assets/stylesheets/marketing.scss */
.mkt-doc-content h3 {
  margin-top: 1.75rem;
}

/* line 754, app/assets/stylesheets/marketing.scss */
.mkt-doc-content ul, .mkt-doc-content ol {
  margin: 0.5rem 0 1rem;
}

/* line 756, app/assets/stylesheets/marketing.scss */
.mkt-doc-content blockquote {
  margin: 1.25rem 0;
}

/* line 758, app/assets/stylesheets/marketing.scss */
.mkt-doc-content table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

/* line 765, app/assets/stylesheets/marketing.scss */
.mkt-doc-back {
  display: inline-block;
  font-size: 0.92rem;
  color: #475569;
  margin-bottom: 1.25rem;
}

/* line 770, app/assets/stylesheets/marketing.scss */
.mkt-doc-back::before {
  content: "← ";
}

/* line 771, app/assets/stylesheets/marketing.scss */
.mkt-doc-back:hover {
  color: #5B5BD6;
  text-decoration: none;
}

/* ----- filter-reference page (sticky left rail + scroll-spy) ----- */
/* line 776, app/assets/stylesheets/marketing.scss */
.filter-ref-columns {
  display: flex;
  gap: 3rem;
  align-items: flex-start;
}

/* line 782, app/assets/stylesheets/marketing.scss */
.filter-ref-rail {
  position: sticky;
  top: 5rem;
  width: 240px;
  flex-shrink: 0;
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
}

/* line 791, app/assets/stylesheets/marketing.scss */
.filter-ref-rail-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #475569;
  margin: 0 0 0.75rem 0;
  padding: 0 0.75rem;
}

/* line 801, app/assets/stylesheets/marketing.scss */
.filter-ref-rail-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* line 810, app/assets/stylesheets/marketing.scss */
.filter-ref-rail-item {
  display: block;
  padding: 0.4rem 0.75rem;
  border-radius: 6px;
  font-size: 0.92rem;
  line-height: 1.4;
  color: #1E293B;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: background 120ms, color 120ms, border-color 120ms;
}

/* line 821, app/assets/stylesheets/marketing.scss */
.filter-ref-rail-item:hover {
  background: #F8FAFC;
  color: #0F172A;
  text-decoration: none;
}

/* line 827, app/assets/stylesheets/marketing.scss */
.filter-ref-rail-item.is-active {
  background: #EEF1FF;
  color: #4338CA;
  border-left-color: #5B5BD6;
  font-weight: 600;
}

/* line 835, app/assets/stylesheets/marketing.scss */
.filter-ref-main {
  flex: 1;
  min-width: 0;
}

/* line 842, app/assets/stylesheets/marketing.scss */
.filter-ref-main .mkt-doc-content {
  margin-left: 0;
}

/* line 846, app/assets/stylesheets/marketing.scss */
.filter-ref-main h3[id] {
  scroll-margin-top: 5rem;
}

@media (max-width: 1023px) {
  /* line 850, app/assets/stylesheets/marketing.scss */
  .filter-ref-columns {
    flex-direction: column;
    gap: 1.5rem;
  }
  /* line 854, app/assets/stylesheets/marketing.scss */
  .filter-ref-rail {
    position: static;
    width: auto;
    max-height: none;
  }
  /* line 859, app/assets/stylesheets/marketing.scss */
  .filter-ref-rail-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 863, app/assets/stylesheets/marketing.scss */
  .filter-ref-rail-item {
    border-left: 0;
    border-bottom: 2px solid transparent;
  }
  /* line 866, app/assets/stylesheets/marketing.scss */
  .filter-ref-rail-item.is-active {
    border-left: 0;
    border-bottom-color: #5B5BD6;
  }
}

/* ----- changelog ----- */
/* line 871, app/assets/stylesheets/marketing.scss */
.mkt-changelog {
  max-width: 760px;
  margin: 0 auto;
  /* First h2 has no border (handled inline). */
}

/* line 875, app/assets/stylesheets/marketing.scss */
.mkt-changelog h2 {
  font-size: 1.4rem;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #E2E8F0;
}

/* line 878, app/assets/stylesheets/marketing.scss */
.mkt-changelog > h2:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

/* line 880, app/assets/stylesheets/marketing.scss */
.mkt-changelog ul {
  padding-left: 1.25em;
}

/* line 881, app/assets/stylesheets/marketing.scss */
.mkt-changelog li {
  margin-bottom: 0.4em;
}

/* line 882, app/assets/stylesheets/marketing.scss */
.mkt-changelog p {
  color: #475569;
}

/* line 884, app/assets/stylesheets/marketing.scss */
.mkt-changelog .mkt-changelog-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.15em 0.5em;
  border-radius: 4px;
  margin-right: 0.4em;
  background: #EEF1FF;
  color: #4338CA;
}

/* ----- legal ----- */
/* line 899, app/assets/stylesheets/marketing.scss */
.mkt-legal {
  max-width: 780px;
  margin: 0 auto;
}

/* line 903, app/assets/stylesheets/marketing.scss */
.mkt-legal h1 {
  margin-bottom: 0.4rem;
}

/* line 904, app/assets/stylesheets/marketing.scss */
.mkt-legal .mkt-legal-meta {
  color: #64748B;
  font-size: 0.9rem;
  margin-bottom: 2rem;
}

/* line 905, app/assets/stylesheets/marketing.scss */
.mkt-legal h2 {
  margin-top: 2.5rem;
}

/* ----- footer ----- */
/* line 909, app/assets/stylesheets/marketing.scss */
.mkt-footer {
  background: #0B1020;
  color: #CBD5E1;
  padding: 3rem 0 2rem;
}

/* line 914, app/assets/stylesheets/marketing.scss */
.mkt-footer a {
  color: #CBD5E1;
}

/* line 915, app/assets/stylesheets/marketing.scss */
.mkt-footer a:hover {
  color: #fff;
}

/* line 917, app/assets/stylesheets/marketing.scss */
.mkt-footer .mkt-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1E293B;
}

/* line 925, app/assets/stylesheets/marketing.scss */
.mkt-footer h4 {
  color: #fff;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 0.85rem;
  font-weight: 600;
}

/* line 934, app/assets/stylesheets/marketing.scss */
.mkt-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 935, app/assets/stylesheets/marketing.scss */
.mkt-footer li {
  margin-bottom: 0.45rem;
  font-size: 0.93rem;
}

/* line 938, app/assets/stylesheets/marketing.scss */
.mkt-footer .mkt-footer-brand img {
  height: 28px;
  margin-bottom: 0.75rem;
  filter: brightness(0) invert(1);
}

/* line 939, app/assets/stylesheets/marketing.scss */
.mkt-footer .mkt-footer-brand p {
  color: #94A3B8;
  font-size: 0.92rem;
  max-width: 22em;
  margin: 0;
}

/* line 942, app/assets/stylesheets/marketing.scss */
.mkt-footer .mkt-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  color: #94A3B8;
  font-size: 0.85rem;
}

@media (max-width: 880px) {
  /* line 953, app/assets/stylesheets/marketing.scss */
  .mkt-footer .mkt-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  /* line 954, app/assets/stylesheets/marketing.scss */
  .mkt-footer .mkt-footer-bottom {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* Rouge code highlighting (deep theme on .mkt pre) */
/* line 960, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .hll,
.mkt pre .hll {
  background-color: #2d2d4d;
}

/* line 961, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .c, .mkt pre.highlight .cm, .mkt pre.highlight .c1, .mkt pre.highlight .cs, .mkt pre.highlight .cp,
.mkt pre .c,
.mkt pre .cm,
.mkt pre .c1,
.mkt pre .cs,
.mkt pre .cp {
  color: #6c7a89;
  font-style: italic;
}

/* line 962, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .err,
.mkt pre .err {
  color: #ff6b6b;
}

/* line 963, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .k, .mkt pre.highlight .kc, .mkt pre.highlight .kd, .mkt pre.highlight .kn, .mkt pre.highlight .kp, .mkt pre.highlight .kr, .mkt pre.highlight .kt,
.mkt pre .k,
.mkt pre .kc,
.mkt pre .kd,
.mkt pre .kn,
.mkt pre .kp,
.mkt pre .kr,
.mkt pre .kt {
  color: #c792ea;
}

/* line 964, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .o, .mkt pre.highlight .ow,
.mkt pre .o,
.mkt pre .ow {
  color: #89ddff;
}

/* line 965, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .gd,
.mkt pre .gd {
  color: #ff6b6b;
}

/* line 966, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .gi,
.mkt pre .gi {
  color: #c3e88d;
}

/* line 967, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .l, .mkt pre.highlight .ld, .mkt pre.highlight .m, .mkt pre.highlight .mf, .mkt pre.highlight .mh, .mkt pre.highlight .mi, .mkt pre.highlight .mo, .mkt pre.highlight .il,
.mkt pre .l,
.mkt pre .ld,
.mkt pre .m,
.mkt pre .mf,
.mkt pre .mh,
.mkt pre .mi,
.mkt pre .mo,
.mkt pre .il {
  color: #f78c6c;
}

/* line 968, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .s, .mkt pre.highlight .sb, .mkt pre.highlight .sc, .mkt pre.highlight .sd, .mkt pre.highlight .s2, .mkt pre.highlight .se, .mkt pre.highlight .sh, .mkt pre.highlight .si, .mkt pre.highlight .sx, .mkt pre.highlight .sr, .mkt pre.highlight .s1, .mkt pre.highlight .ss,
.mkt pre .s,
.mkt pre .sb,
.mkt pre .sc,
.mkt pre .sd,
.mkt pre .s2,
.mkt pre .se,
.mkt pre .sh,
.mkt pre .si,
.mkt pre .sx,
.mkt pre .sr,
.mkt pre .s1,
.mkt pre .ss {
  color: #c3e88d;
}

/* line 969, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .na, .mkt pre.highlight .nb, .mkt pre.highlight .bp, .mkt pre.highlight .nc, .mkt pre.highlight .no, .mkt pre.highlight .nd, .mkt pre.highlight .ni, .mkt pre.highlight .ne, .mkt pre.highlight .nf, .mkt pre.highlight .nl, .mkt pre.highlight .nn, .mkt pre.highlight .py, .mkt pre.highlight .nt, .mkt pre.highlight .nv, .mkt pre.highlight .vc, .mkt pre.highlight .vg, .mkt pre.highlight .vi,
.mkt pre .na,
.mkt pre .nb,
.mkt pre .bp,
.mkt pre .nc,
.mkt pre .no,
.mkt pre .nd,
.mkt pre .ni,
.mkt pre .ne,
.mkt pre .nf,
.mkt pre .nl,
.mkt pre .nn,
.mkt pre .py,
.mkt pre .nt,
.mkt pre .nv,
.mkt pre .vc,
.mkt pre .vg,
.mkt pre .vi {
  color: #82aaff;
}

/* line 970, app/assets/stylesheets/marketing.scss */
.mkt pre.highlight .w,
.mkt pre .w {
  color: #d8d8e0;
}