/* [project]/apps/client/web/src/features/home/LandingComparisonSection/LandingComparisonSection.module.scss.module.css [app-client] (css) */
.LandingComparisonSection-module-scss-module__yQOd9q__comparison {
  padding: 80px 24px;
}

.LandingComparisonSection-module-scss-module__yQOd9q__sectionTitle {
  letter-spacing: -.02em;
  max-width: var(--content-max-width);
  text-align: center;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.LandingComparisonSection-module-scss-module__yQOd9q__cards {
  max-width: var(--content-max-width);
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 24px auto 0;
  display: grid;
}

.LandingComparisonSection-module-scss-module__yQOd9q__card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: 24px;
}

.LandingComparisonSection-module-scss-module__yQOd9q__cardAccent {
  border-left: 3px solid var(--accent);
}

.LandingComparisonSection-module-scss-module__yQOd9q__cardHeader {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
}

.LandingComparisonSection-module-scss-module__yQOd9q__cardBody {
  color: var(--foreground-muted);
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .LandingComparisonSection-module-scss-module__yQOd9q__cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .LandingComparisonSection-module-scss-module__yQOd9q__comparison {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* [project]/apps/client/web/src/features/notepad/NotepadDemo/NotepadDemo.module.scss.module.css [app-client] (css) */
.NotepadDemo-module-scss-module__DPWANW__wrapper {
  max-width: var(--content-max-width);
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.NotepadDemo-module-scss-module__DPWANW__notepadContainer {
  position: relative;
}

.NotepadDemo-module-scss-module__DPWANW__usedOverlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: var(--background-translucent);
  border-radius: var(--radius-card);
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 32px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.NotepadDemo-module-scss-module__DPWANW__usedText {
  color: var(--foreground);
  text-align: center;
  font-size: 16px;
}

.NotepadDemo-module-scss-module__DPWANW__overlayCtaButton {
  background: var(--accent);
  border-radius: var(--radius-button);
  color: var(--white);
  text-align: center;
  transition: background var(--transition-hover);
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.NotepadDemo-module-scss-module__DPWANW__overlayCtaButton:hover {
  background: var(--accent-hover);
}

@keyframes NotepadDemo-module-scss-module__DPWANW__bounce {
  0%, 100% {
    transform: scale(1);
  }

  15% {
    transform: scale(1.06, .94);
  }

  30% {
    transform: scale(.96, 1.04);
  }

  45% {
    transform: scale(1.04, .96);
  }

  60% {
    transform: scale(.98, 1.02);
  }

  75% {
    transform: scale(1.02, .98);
  }
}

.NotepadDemo-module-scss-module__DPWANW__generateBounce {
  transform-origin: center;
  animation: .6s cubic-bezier(.36, .07, .19, .97) infinite NotepadDemo-module-scss-module__DPWANW__bounce;
}

@media (prefers-reduced-motion: reduce) {
  .NotepadDemo-module-scss-module__DPWANW__generateBounce {
    animation: none;
  }
}

/* [project]/apps/client/web/src/features/home/LandingDemoSection/LandingDemoSection.module.scss.module.css [app-client] (css) */
.LandingDemoSection-module-scss-module__5l4P-a__demoSection {
  padding: 24px 24px 80px;
}

.LandingDemoSection-module-scss-module__5l4P-a__subhead {
  color: var(--foreground-muted);
  max-width: var(--content-max-width);
  text-align: center;
  margin: 0 auto 24px;
  font-size: 16px;
  line-height: 1.5;
}

.LandingDemoSection-module-scss-module__5l4P-a__clickWrap {
  max-width: var(--content-max-width);
  margin: 0 auto;
  position: relative;
}

.LandingDemoSection-module-scss-module__5l4P-a__overlay {
  border-radius: var(--radius-card);
  cursor: pointer;
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LandingDemoSection-module-scss-module__5l4P-a__overlay:hover {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}

@media (max-width: 480px) {
  .LandingDemoSection-module-scss-module__5l4P-a__demoSection {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* [project]/apps/client/web/src/features/home/LandingExtensionBanner/LandingExtensionBanner.module.scss.module.css [app-client] (css) */
.LandingExtensionBanner-module-scss-module___znWaW__extensionBanner {
  border-bottom: 1px solid var(--border);
  border-top: 1px solid var(--border);
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  display: flex;
}

.LandingExtensionBanner-module-scss-module___znWaW__icon {
  color: var(--accent);
  flex-shrink: 0;
}

.LandingExtensionBanner-module-scss-module___znWaW__text {
  color: var(--foreground-muted);
  font-size: 14px;
}

.LandingExtensionBanner-module-scss-module___znWaW__link {
  color: var(--accent);
  transition: opacity var(--transition-hover);
  font-size: 14px;
  font-weight: 500;
}

.LandingExtensionBanner-module-scss-module___znWaW__link:hover {
  opacity: .8;
}

@media (max-width: 800px) {
  .LandingExtensionBanner-module-scss-module___znWaW__extensionBanner {
    text-align: center;
    flex-direction: column;
    gap: 8px;
  }
}

/* [project]/apps/client/web/src/features/home/LandingFooter/LandingFooter.module.scss.module.css [app-client] (css) */
.LandingFooter-module-scss-module__sBM1PG__footer {
  text-align: center;
  padding: 48px 24px;
}

.LandingFooter-module-scss-module__sBM1PG__tagline {
  color: var(--foreground-muted);
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.5;
}

.LandingFooter-module-scss-module__sBM1PG__nav {
  max-width: var(--content-max-width);
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 0 auto;
  display: flex;
}

.LandingFooter-module-scss-module__sBM1PG__link {
  color: var(--foreground-muted);
  transition: color var(--transition-hover);
  font-size: 14px;
}

.LandingFooter-module-scss-module__sBM1PG__link:hover {
  color: var(--foreground);
}

@media (max-width: 480px) {
  .LandingFooter-module-scss-module__sBM1PG__nav {
    gap: 16px;
  }
}

/* [project]/apps/client/web/src/features/home/LandingHero/LandingHero.module.scss.module.css [app-client] (css) */
.LandingHero-module-scss-module__fIK8Ta__hero {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 64px 24px 48px;
  display: flex;
}

.LandingHero-module-scss-module__fIK8Ta__headline {
  letter-spacing: -.03em;
  max-width: 640px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.1;
}

.LandingHero-module-scss-module__fIK8Ta__subhead {
  color: var(--foreground-muted);
  max-width: 520px;
  font-size: 18px;
  line-height: 1.5;
}

.LandingHero-module-scss-module__fIK8Ta__ctaButton {
  background: var(--accent);
  border-radius: var(--radius-button);
  color: var(--white);
  transition: background var(--transition-hover);
  margin-top: 8px;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.LandingHero-module-scss-module__fIK8Ta__ctaButton:hover {
  background: var(--accent-hover);
}

.LandingHero-module-scss-module__fIK8Ta__caveat {
  color: var(--foreground-muted);
  font-size: 13px;
}

.LandingHero-module-scss-module__fIK8Ta__loginLink {
  color: var(--accent);
  transition: color var(--transition-hover);
  font-size: 13px;
  text-decoration: underline;
}

.LandingHero-module-scss-module__fIK8Ta__loginLink:hover {
  color: var(--accent-hover);
}

@media (max-width: 800px) {
  .LandingHero-module-scss-module__fIK8Ta__headline {
    font-size: 32px;
  }
}

@media (max-width: 480px) {
  .LandingHero-module-scss-module__fIK8Ta__hero {
    padding: 48px 16px 32px;
  }
}

/* [project]/apps/client/web/src/components/RulePill/RulePill.module.scss.module.css [app-client] (css) */
.RulePill-module-scss-module__YK8Hfq__pill {
  background: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  display: flex;
}

.RulePill-module-scss-module__YK8Hfq__label {
  border-radius: var(--radius-subtle);
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}

.RulePill-module-scss-module__YK8Hfq__labelAlways {
  background: var(--success-light);
  color: var(--success);
}

.RulePill-module-scss-module__YK8Hfq__labelNever {
  background: var(--error-light);
  color: var(--error);
}

.RulePill-module-scss-module__YK8Hfq__text {
  color: var(--foreground);
  font-size: 14px;
  line-height: 1.5;
}

/* [project]/apps/client/web/src/features/home/LandingVoicePreview/LandingVoicePreview.module.scss.module.css [app-client] (css) */
.LandingVoicePreview-module-scss-module__opfM-q__voicePreview {
  background: var(--surface);
  padding: 80px 24px;
}

.LandingVoicePreview-module-scss-module__opfM-q__sectionTitle {
  letter-spacing: -.02em;
  max-width: var(--content-max-width);
  text-align: center;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.LandingVoicePreview-module-scss-module__opfM-q__subhead {
  color: var(--foreground-muted);
  text-align: center;
  max-width: 600px;
  margin: 16px auto 32px;
  font-size: 16px;
  line-height: 1.5;
}

.LandingVoicePreview-module-scss-module__opfM-q__pillGrid {
  max-width: var(--content-max-width);
  flex-direction: column;
  gap: 12px;
  margin: 0 auto;
  display: flex;
}

@media (max-width: 480px) {
  .LandingVoicePreview-module-scss-module__opfM-q__voicePreview {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* [project]/apps/client/web/src/app/page.module.scss.module.css [app-client] (css) */
.page-module-scss-module__gj1UfW__page {
  background: var(--background);
}

.page-module-scss-module__gj1UfW__skipLink {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.page-module-scss-module__gj1UfW__skipLink:focus {
  background: var(--accent);
  border-radius: var(--radius-button);
  clip: auto;
  clip-path: none;
  color: var(--white);
  z-index: 1000;
  width: auto;
  height: auto;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  position: fixed;
  top: 16px;
  left: 16px;
}

.page-module-scss-module__gj1UfW__problem {
  background: var(--surface);
  padding: 64px 24px;
}

.page-module-scss-module__gj1UfW__sectionTitle {
  letter-spacing: -.02em;
  max-width: var(--content-max-width);
  text-align: center;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 480px) {
  .page-module-scss-module__gj1UfW__problem {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/*# sourceMappingURL=apps_client_web_src_ebe884d9._.css.map*/