:root {
  --site-ink: #19333d;
  --site-copy: #52666f;
  --site-link: #245e72;
  --site-line: #dbe4e7;
  --site-surface: #f3f7f8;
  --site-accent: #ff913f;
  --site-display: Plusjakartadisplay, Arial, sans-serif;
  --site-font: Plusjakartatext, Arial, sans-serif;
}
.site-design { background: #fff; color: var(--site-ink); font: 400 16px/1.75 var(--site-font); }
.site-design * { letter-spacing: 0; }
.site-design :is(h1,h2,h3,h4,h5,h6) { color: var(--site-ink); font-family: var(--site-display); font-weight: 700; white-space: normal; overflow-wrap: break-word; }
.site-design h1 { font-size: 48px; line-height: 1.15; }
.site-design .heading.h2-48 { color: var(--site-ink); }
.site-design h2 { font-size: 32px; line-height: 1.3; }
.site-design h3 { font-size: 24px; line-height: 1.4; }
.site-design h4 { font-size: 21px; line-height: 1.4; }
.site-design :is(p,.paragraph-24,.text-block) { color: var(--site-copy); font-family: var(--site-font); }
.site-design .text-block.light-purple, .site-design .text-block._18px { color: var(--site-copy); }
.site-design p { font-size: 16px; line-height: 1.75; }
.site-design a:not(.w-button) { color: var(--site-link); }
.site-design :is(.text-span-2,.text-span-5,.text-span-6,.text-span-15,.light-purple,.dark-blue,.tier,.feature-text) { color: var(--site-ink); }
.site-design :is(h1,h2,h3) strong { font: inherit; color: inherit; }
.site-design .wrapper { width: calc(100% - 64px); max-width: 1200px; padding-block: 64px; }
.site-design .wrapper .wrapper { width: 100%; }
.site-design :is(.blur-gradient,.wave-image,.gradient-image,.orange-circle,.blue-circle) { display: none; }
.site-design :is(.blog-2-animation-div,.blog-post-animation-div) { display: none !important; }
.site-design .main-wrapper { background: #fff; }
.site-design :is(.home-2-hero-section,.tool-header,.pricing-1-options-section,.pricing-1-faq-section,.terms-hero-section,.reviews-section,.benefits-section,.blog-2-slider-section,.blog-2-recent-blog-section) { background: #fff; background-image: none; }
.site-design .w-button:not(.nav-link-buttons-2) { display: inline-block; min-height: 48px; max-width: 100%; padding: 12px 24px; border: 1px solid transparent; border-radius: 6px; background: var(--site-accent); box-shadow: none; color: var(--site-ink); font: 700 15px/1.5 var(--site-font); text-align: center; white-space: normal; height: auto; }
.site-design .w-button:not(.nav-link-buttons-2):hover { background: #ffab69; color: var(--site-ink); }
.site-design .w-button br { display: none; }
.site-design a:focus-visible, .site-design summary:focus-visible { outline: 2px solid var(--site-link); outline-offset: 4px; }
.site-design .navigation { position: relative; z-index: 1000; background: #fff; border-bottom: 1px solid var(--site-line); box-shadow: none; }
.site-design .navigation .wrapper { min-height: 80px; padding-block: 12px; gap: 20px; }
.site-design .brand { width: 164px; padding: 0; margin: 0; flex-shrink: 0; }
.site-design .brand img { position: static; inset: auto; width: 100%; height: auto; margin: 0; object-fit: contain; }
.site-design .nav-links { align-items: center; }
.site-design .nav-link-buttons-2 { padding: 10px 12px; border: 0; border-radius: 0; color: var(--site-ink); background: transparent; font: 500 14px/1.5 var(--site-font); }
.site-design .nav-link-buttons-2.w--current { color: var(--site-link); box-shadow: inset 0 -2px 0 var(--site-accent); }
.site-design .nav-link-buttons-2:hover { background: var(--site-surface); color: var(--site-ink); }
.site-design .menu-mob-3 { min-width: 44px; min-height: 44px; color: var(--site-ink); }
.site-design .menu-mob-3.w--open { background: var(--site-surface); color: var(--site-ink); }
.site-design .footer.section { padding: 0; border-top: 1px solid var(--site-line); background: var(--site-surface); }
.site-design .footer .wrapper { padding-block: 56px 24px; }
.site-design .footer-links-container { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: start; gap: 72px; }
.site-design .footer-logo-and-text-container { width: 100%; max-width: 460px; min-width: 0; margin: 0; }
.site-design .footer-text { margin-top: 20px; font-size: 14px; line-height: 1.75; }
.site-design .footer-logo-wrapper { max-width: 164px; height: auto; }
.site-design .footer-emal { margin-top: 20px; }
.site-design .footer-social-icons-wrapper { width: auto; margin-top: 24px; justify-content: flex-start; }
.site-design .footer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; width: 100%; max-width: none; min-width: 0; }
.site-design .footer-column { display: flex; flex-direction: column; align-items: stretch; width: 100%; min-width: 0; margin: 0; text-align: left; }
.site-design .footer-column-heading { margin-bottom: 16px; }
.site-design .h6-footer { margin: 0; font-size: 14px; line-height: 1.5; }
.site-design .footer-link { color: var(--site-copy); font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
.site-design .footer-column .footer-link { display: block; width: 100%; min-height: 44px; margin: 0; padding: 10px 0; text-align: left; overflow-wrap: break-word; }
.site-design .footer-copyright-container { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--site-line); gap: 24px; align-items: center; }
.site-design .footer-links-grid { gap: 24px; }
.site-design .footer-links-grid .footer-link { min-height: 44px; margin: 0; padding-block: 10px; }
.site-design .footer .text-block.footer { width: auto; margin: 0; padding: 0; font-size: 12px; text-align: left; }

/* Home: a focused introduction followed by alternating, unframed product stories. */
.site-home .w-button:not(.nav-link-buttons-2) {
  position: relative;
  min-height: 48px;
  padding: 14px 56px 14px 24px;
  border: 1px solid #193d43;
  border-radius: 8px;
  background: #193d43;
  box-shadow: 0 2px 4px rgb(25 51 61 / 12%);
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.site-home .w-button:not(.nav-link-buttons-2)::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 21px;
  width: 20px;
  height: 20px;
  background: var(--site-accent);
  mask: url("/images/arrow-left-line-1.svg") center / contain no-repeat;
  pointer-events: none;
  transition: transform 160ms ease;
}
@media (hover: hover) {
  .site-home .w-button:not(.nav-link-buttons-2):hover {
    background: #24545a;
    border-color: #24545a;
    color: #fff;
    box-shadow: 0 6px 14px rgb(25 51 61 / 16%);
    transform: translateY(-2px);
  }
  .site-home .w-button:not(.nav-link-buttons-2):hover::after { transform: translateX(3px); }
}
.site-home .w-button:not(.nav-link-buttons-2):active { background: #193d43; box-shadow: none; transform: translateY(1px); }
.site-home .w-button:not(.nav-link-buttons-2):focus-visible { outline: 3px solid var(--site-link); outline-offset: 4px; }
.site-home :is(.home-2-hero-wrapper,.navigation) .w-button:not(.nav-link-buttons-2) { background: #ff913f; border-color: #ff913f; box-shadow: 0 2px 4px rgb(25 51 61 / 8%); color: var(--site-ink); }
.site-home :is(.home-2-hero-wrapper,.navigation) .w-button:not(.nav-link-buttons-2)::after { background: currentColor; }
@media (hover: hover) {
  .site-home :is(.home-2-hero-wrapper,.navigation) .w-button:not(.nav-link-buttons-2):hover { background: #ffa45f; border-color: #ffa45f; box-shadow: 0 6px 14px rgb(25 51 61 / 12%); }
}
@media (prefers-reduced-motion: reduce) {
  .site-home .w-button:not(.nav-link-buttons-2),
  .site-home .w-button:not(.nav-link-buttons-2)::after { transition: none; transform: none; }
  .site-home .w-button:not(.nav-link-buttons-2):is(:hover,:active),
  .site-home .w-button:not(.nav-link-buttons-2):hover::after { transform: none; }
}
.site-home .home-2-hero-section { padding: 0; border-bottom: 1px solid var(--site-line); }
.site-home .wrapper.home-2-hero-wrapper { max-width: 1000px; padding-block: 64px 0; }
.site-home .wrapper.home-problem { padding: 0; width: 100%; max-width: 1000px; }
.site-home .problem-main-heading-and-content-wrapper { width: 100%; max-width: 1000px; margin: 0 auto; }
.site-home .heading.h2-48 { margin: 0; padding: 0; color: var(--site-ink); font-size: 64px; line-height: 1.12; }
.site-home .heading.h2-48 .text-span-5 { color: #317a88; }
.site-home .heading.h2-48 span { display: inline; }
.site-home .problem-main-text-wrapper { width: 100%; max-width: 800px; margin-inline: auto; }
.site-home .paragraph-3 { margin-top: 24px; padding: 0; font-size: 17px; line-height: 1.75; }
.site-home .home-2-hero-wrapper .button-2 { margin: 0; }
.site-home .home-2-hero-wrapper > .div-block-4 { padding: 24px 0 0; margin: 0; }
.site-home .home-2-hero-section .columns { max-width: 760px; gap: 28px; margin: 32px auto 0; }
.site-home .home-2-hero-feature-item-3 { padding: 14px 0 0; border-top: 2px solid var(--site-line); border-radius: 0; background: transparent; box-shadow: none; }
.site-home .home-2-hero-section .text-block-52._14-px.light-grey { color: var(--site-copy); font: 400 13px/1.6 var(--site-font); }
.site-home .text-block-52 strong { color: var(--site-ink); font-weight: 700; }
.site-home .wrapper.laptop-wrapper { position: static; max-width: 1200px; padding: 32px 0 48px; margin: 0 auto; border-radius: 0; box-shadow: none; }
.site-home .laptop-wrapper img { border-radius: 0; max-width: 100%; height: auto; }
.site-home .home-2-logos-section { padding-top: 40px; }
.site-home .heading-5 { max-width: 1000px; padding: 0 24px; margin: 0 auto; color: var(--site-copy); font: 700 12px/1.7 var(--site-font); text-transform: uppercase; }
.site-home .wrapper.home-2-logos { max-width: 1100px; padding-block: 32px 48px; gap: 48px; }
.site-home .home-2-logo-item { display: flex; align-items: center; justify-content: center; height: 64px; padding: 8px; border: 0; background: transparent; box-shadow: none; }
.site-home .home-2-logo-item img { height: 40px; width: 100%; object-fit: contain; }
.site-home .home-2-logos-section .home-2-logo-item { opacity: 0.85; }
.site-home .blog-main { background: var(--site-surface); border-block: 1px solid var(--site-line); padding-top: 48px; }
.site-home .orange-subtitle { width: calc(100% - 64px); max-width: 1200px; margin: 0 auto; color: var(--site-link); text-align: left; font: 700 12px/1.7 var(--site-font); text-transform: uppercase; }
.site-home .wrapper.trust { display: block; padding-block: 0; }
.site-home .site-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); align-items: center; gap: 56px; padding-block: 64px; border-bottom: 1px solid var(--site-line); }
.site-home .site-story:last-child { border-bottom: 0; }
.site-home .site-story:nth-child(even) .site-story-copy { order: 2; }
.site-home .site-story-copy { min-width: 0; text-align: left; }
.site-home .site-story-copy h3 { margin: 0 0 20px; padding: 0; font-size: 32px; line-height: 1.3; }
.site-home .site-story-copy h3::before { content: ""; display: block; width: 40px; height: 3px; margin-bottom: 24px; background: var(--site-accent); }
.site-home .site-story-copy h3 > br { display: none; }
.site-home .site-story-copy p { margin: 0 0 24px; padding: 0; font-size: 16px; line-height: 1.75; }
.site-home .site-story-copy .w-button { margin: 0; }
.site-home .site-story-media { min-width: 0; }
.site-home .site-story-media img { display: block; width: 100%; height: auto; margin: 0; padding: 0; box-shadow: none; }
.site-home .site-story .div-block-4 { padding: 0; }
.site-design .wrapper.benefits-heading { padding-block: 56px 32px; }
.site-design .benefits-card-wrapper { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; padding-block: 0 64px; align-items: stretch; }
.site-design .benefits-card { min-width: 0; width: auto; padding: 24px 0; background: transparent; border: 0; border-top: 1px solid var(--site-line); border-radius: 0; box-shadow: none; }
.site-design .benefits-icon-wrapper { width: 64px; height: 64px; margin: 0 0 24px; }
.site-design .benefits-icon-wrapper img { width: 64px; height: 64px; object-fit: contain; }
.site-design .benefits-card h2 { font-size: 21px; line-height: 1.4; }
.site-design .benefits-card .text-block { font-size: 15px; line-height: 1.75; }
.site-design .benefits-section-spacing { margin: 0; font-size: 32px; line-height: 1.3; }
.site-design .first-question-section { background: var(--site-surface); border-block: 1px solid var(--site-line); }
.site-design .first-question-section .home-problem { padding-block: 64px; }
.site-design .first-question-section h2 { font-size: 32px; line-height: 1.3; }
.site-home .div-block-6 { height: auto; padding: 40px 20px; text-align: center; }
.site-home .div-block-6 .w-button { margin: 0; }
.site-home .cta-section { padding: 56px 0; background: var(--site-surface); border-top: 1px solid var(--site-line); }
.site-home .cta-section .heading-18 { width: calc(100% - 64px); max-width: 1200px; margin: 0 auto 32px; padding: 0; color: var(--site-ink); font-size: 32px; line-height: 1.3; text-align: left; }
.site-home .wrapper.cta-wrapper.cma-wrapper { padding: 0; margin-block: 0; gap: 48px; }
.site-home .cta-content { min-width: 0; width: 50%; }
.site-home .cta-paragraph-wrapper { width: 100%; padding: 0; }
.site-home .paragraph-5 { padding: 0; margin: 0 0 24px; font-size: 16px; line-height: 1.75; }
.site-home .paragraph-5 > br:first-child { display: none; }
.site-home .cta-buttons-container { margin: 0; padding: 0; }
.site-home .section-image.cta { position: static; min-width: 0; width: 50%; margin: 0; transform: none; }
.site-home .cta-image-1 { width: 100%; height: auto; margin: 0; padding: 0; }
.site-home .cta-image-1 img { width: 100%; height: auto; object-fit: contain; }
.site-design .tabs-menu.feature-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.site-design .tabs-menu .tab-link-tools { width: auto; flex: 1 1 180px; padding: 12px; border: 1px solid var(--site-line); border-radius: 6px; background: #fff; }
.site-design .tabs-menu .tab-link-tools.w--current { border-color: var(--site-link); background: var(--site-surface); }
.site-design .tabs-menu .h3-tabs { margin: 0; padding: 0; color: var(--site-ink); font-size: 14px; line-height: 1.5; }
.site-design .tabs-menu .h3-tabs strong { color: inherit; }
.site-design .tab-pane { padding-block: 24px; }
.site-design .tabs-text-wrapper { color: var(--site-copy); }
.site-design .tabs-text-wrapper li { font-size: 16px; line-height: 1.75; }
.site-home .wrapper.tabs-wrapper { padding: 0 0 64px; border-radius: 0; box-shadow: none; background: transparent; }
.site-home .tabs { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.site-home .tabs-menu.feature-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-bottom: 0; border-top: 1px solid var(--site-line); }
.site-home .tabs-menu .tab-link-tools { display: flex; align-items: center; justify-content: center; min-height: 72px; margin: 0; padding: 16px 20px; border: 0; border-bottom: 1px solid var(--site-line); border-radius: 0; background: transparent; text-decoration: none; transition: background-color 160ms ease; }
.site-home .tabs-menu .tab-link-tools:hover { background: var(--site-surface); }
.site-home .tabs-menu .tab-link-tools.w--current { background: #edf4f5; box-shadow: inset 0 -3px 0 #317a88; }
.site-home .tabs-menu .h3-tabs { text-decoration: none; }
.site-home .tab-pane { padding-block: 48px 16px; }
.site-home .tabs-content, .site-home .tabs-content.feature { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items: center; gap: 48px; padding: 0; }
.site-home .tabs-image-wrapper, .site-home .tabs-text-wrapper { width: 100%; min-width: 0; margin: 0; padding: 0; }
.site-home .tabs-image-wrapper img { display: block; width: 100%; height: auto; margin: 0; }
.site-home .tabs-text-wrapper p, .site-home .tabs-text-wrapper li { font-size: 16px; line-height: 1.75; }
.site-home .tabs-text-wrapper ul { padding-left: 22px; margin-block: 20px 28px; }
.site-home .tabs-text-wrapper li { padding-left: 4px; margin-bottom: 8px; }
.site-home .tabs-text-wrapper li::marker { color: #317a88; }
.site-home .tabs-text-wrapper .w-button { margin: 12px 0 0; }
.site-home .tabs-heading-wrapper:empty { display: none; }

/* Tools and plan pages use the same title / content / proof rhythm. */
.site-design .tool-header { margin-top: 0; padding: 48px 0 40px; border-bottom: 1px solid var(--site-line); }
.site-design .tool-header > .quick-stack { display: flex; flex-direction: column; gap: 32px; width: calc(100% - 64px); max-width: 1200px; padding: 0; margin-inline: auto; }
.site-design .tool-header .w-layout-cell { width: 100%; align-items: center; text-align: center; order: 0; }
.site-design .tool-pages-header { width: 100%; max-width: 900px; height: auto; margin: 0 auto; padding: 0; }
.site-design .tool-pages-header h1 { margin: 0 0 24px; font-size: 48px; line-height: 1.15; }
.site-design .tool-pages-header h1 > br { display: none; }
.site-design .tool-pages-header .div-block-14 { margin: 24px 0 0; padding: 0; }
.site-design .tool-pages-header .w-button { margin: 0; }
.site-design .tool-header .image-13 { display: block; width: auto; max-width: min(100%,600px); max-height: 120px; object-fit: contain; }
.site-design .tool-header.chat .image-13 { max-height: 180px; }
.site-design .asobench .wrapper-grid { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.site-design .asobench .wrapper-grid > .div-block-11 { width: 100%; text-align: center; }
.site-design .asobench .wrapper-grid h1 { margin: 0; padding: 0; font-size: 48px; line-height: 1.15; }
.site-design .asobench .paragraph-18 { width: 100%; max-width: 850px; margin: 20px auto 0; padding: 0; color: var(--site-copy); font-size: 18px; line-height: 1.65; }
.site-design .asobench .wrapper.reporting { display: block; margin: 0; padding: 24px 0 0; text-align: center; }
.site-design .asobench .wrapper.reporting .w-button { margin: 0; }
.site-design .asobench .wrapper-grid .image-11 { width: 100%; max-width: 1000px; height: auto; }
.site-design .site-logo-title { max-width: 500px; margin: 0 auto 24px; }
.site-design .section-4 { padding-block: 0; background: #fff; }
.site-design .section-4 > :is(.wrapper,.w-container) { width: calc(100% - 64px); max-width: 1200px; padding: 56px 0; margin-inline: auto; border-bottom: 1px solid var(--site-line); }
.site-design .heading-9, .site-design .heading-10 { max-width: 850px; margin: 0 0 24px; text-align: left; font-size: 32px; line-height: 1.3; }
.site-design .paragraph-20, .site-design .paragraph-24 { max-width: 850px; width: 100%; margin-block: 0 24px; text-align: left; font-size: 16px; line-height: 1.75; }
.site-design .paragraph-21 { font-size: 15px; line-height: 1.75; }
.site-design .quick-stack-2 { padding: 0; gap: 32px; width: 100%; margin-top: 28px; }
.site-design .list-horizontal { padding: 24px 0; border-top: 1px solid var(--site-line); background: transparent; border-radius: 0; box-shadow: none; }
.site-design .list-horizonatal-counter { margin-bottom: 16px; color: var(--site-ink); font: 700 21px/1.4 var(--site-display); }
.site-design .pricing-1-options-section { padding: 0; }
.site-design .section-3 { margin: 0; padding: 48px 20px 0; }
.site-design .section-3 .pricing-1-options-heading-wrapper { margin-bottom: 0; }
.site-design .site-free-content { display: block; max-width: 1000px; text-align: left; }
.site-design .site-free-content > p { max-width: 850px; margin: 0 0 40px; }
.site-design .site-free-content > section { padding-block: 40px; border-top: 1px solid var(--site-line); }
.site-design .site-free-content h2 { max-width: 850px; margin: 0 0 24px; }
.site-design .site-free-content section > p { max-width: 850px; }
.site-design .site-free-content .w-button { margin: 16px 0 24px; }
.site-design .site-free-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 48px; padding: 0; margin: 0; list-style: none; }
.site-design .site-free-feature-grid li { padding-top: 16px; border-top: 1px solid var(--site-line); color: var(--site-copy); font-size: 16px; line-height: 1.75; }
.site-design .site-free-feature-grid strong { display: block; margin-bottom: 6px; color: var(--site-ink); }
.site-design .pricing-1-options-heading-wrapper { width: 100%; max-width: 900px; margin: 0 auto 32px; padding: 0; }
.site-design .pricing-1-options-heading-wrapper > :is(h1,h2) { font-size: 48px; line-height: 1.15; margin: 0; }
.site-design .pricing-1-options-wrapper { padding-block: 48px 56px; }
.site-design .pricing-1-tabs { padding-top: 0; }
.site-design .pricing-1-tabs-content-wrapper { margin-top: 0; }
.site-design .pricing-1-tabs .div-block-5 { margin: 0; }
.site-design .pricing-tabs-menu { display: inline-flex; width: auto; padding: 4px; gap: 4px; border: 1px solid var(--site-line); border-radius: 6px; background: var(--site-surface); margin-bottom: 24px; }
.site-design .pricing-tab-link { padding: 10px 24px; margin: 0; border-radius: 3px; background: transparent; color: var(--site-copy); }
.site-design .pricing-tab-link.w--current { color: var(--site-ink); background: #fff; box-shadow: 0 1px 3px #19333d12; }
.site-design .pricing-tab-link div { font-size: 14px; line-height: 1.5; }
.site-design .pricing-1-grid { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 24px; }
.site-design .pricing-1-option-wrapper { min-width: 0; margin-top: 0; padding: 28px 24px; border: 1px solid var(--site-line); border-radius: 8px; background: #fff; box-shadow: none; }
.site-design .pricing-1-option-wrapper:nth-child(2) { border-top: 3px solid var(--site-accent); }
.site-design .pricing-1-cost-wrapper .text-block { color: var(--site-ink); font-size: 28px; line-height: 1.35; }
.site-design .pricing-1-option-wrapper .tier { font-size: 17px; font-weight: 700; }
.site-design .pricing-1-name-and-cost-wrapper { width: 100%; min-height: 180px; }
.site-design .pricing-1-pointers-and-button-wrapper { flex: 1; width: 100%; }
.site-design .pricing-1-pointer-text-wrapper { min-width: 0; }
.site-design .pricing-1-pointer-text-wrapper .text-block { font-size: 14px; line-height: 1.65; }
.site-design .pricing-1-pointer-wrapper { align-items: flex-start; gap: 10px; }
.site-design .pricing-1-checkmark-icon-wrapper { flex: 0 0 16px; margin-top: 4px; }
.site-design .pricing-1-button-wrapper { margin-top: 24px; }
.site-design .pricing-button { width: 100%; }
.site-design .annual-pricing-benefit { margin-block: 0 24px; padding: 0; color: var(--site-copy); font-size: 14px; line-height: 1.75; }
.site-design .pricing-1-faq-section { padding: 0 0 48px; border-top: 1px solid var(--site-line); }
.site-design .pricing-1-faq-heading-and-text-wrapper { padding-bottom: 24px; }
.site-design .pricing-1-faq-main-wrapper { max-width: 900px; padding-block: 0; }
.site-design .site-faq-item { width: 100%; border-bottom: 1px solid var(--site-line); }
.site-design .site-faq-item summary { position: relative; padding: 20px 40px 20px 0; list-style: none; cursor: pointer; font: 700 17px/1.5 var(--site-display); }
.site-design .site-faq-item summary::-webkit-details-marker { display: none; }
.site-design .site-faq-item summary::after { content: "+"; position: absolute; right: 10px; top: 20px; }
.site-design .site-faq-item[open] summary::after { content: "-"; }
.site-design .site-faq-answer { padding-bottom: 24px; color: var(--site-copy); }
.site-design .site-faq-answer p { margin-bottom: 0; }
.site-design .reviews-section { border-block: 1px solid var(--site-line); background: var(--site-surface); }
.site-design .review-split-wrapper { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.site-design .review-item { width: 100%; height: auto; padding: 28px; border: 1px solid var(--site-line); border-radius: 8px; background: #fff; box-shadow: none; }
.site-design .review-content-container { width: 100%; height: auto; }
.site-design .review-wrapper:not(.wrapper) { width: 100%; height: auto; padding: 0; }
.site-design .review-item .review { color: var(--site-copy); font-size: 16px; line-height: 1.75; }

/* Editorial and legal pages keep prose readable rather than stretching it across the screen. */
.site-design .site-page-intro { width: calc(100% - 64px); max-width: 1200px; margin-inline: auto; padding-block: 48px 16px; }
.site-design .site-page-intro h1 { margin: 0; }
.site-design .blog-2-slider-section { padding-block: 0; }
.site-design .blog-2-slider-wrapper { padding-block: 24px 48px; }
.site-design .blog-2-slide-card { box-shadow: none; }
.site-design .blog-2-slide-heading-wrapper h3 { font-size: 18px; }
.site-design .blog-2-slide-blog-heading { font-size: 30px; line-height: 1.4; }
.site-design .blog-2-slide-image { transform: none !important; }
.site-design .blog-2-slide-featured-wrapper { padding: 0; margin-bottom: 20px; }
.site-design .blog-2-slide-featured-subtext-wrapper .text-block { font-size: 12px; line-height: 1.5; }
.site-design .blog-2-slide-featured-heading-wrapper h3 { margin: 4px 0 0; color: var(--site-link); font-size: 14px; }
.site-design .blog-2-slide-content-and-image-wrapper { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: start; margin: 0; height: auto; border-radius: 0; background: transparent; box-shadow: none; }
.site-design .blog-2-slide-content-wrapper { width: 100%; min-width: 0; }
.site-design .blog-2-slide-content-card { margin: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.site-design .blog-2-slide-content-card .text-block._18px { font-size: 16px; line-height: 1.75; }
.site-design .blog-2-slide-image-wrapper { width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; }
.site-design .blog-2-slide-image { width: 100%; height: 100%; object-fit: cover; }
.site-design .blog-2-recent-blog-section { border-top: 1px solid var(--site-line); }
.site-design .recent-blogs-heading-wrapper { padding-bottom: 24px; }
.site-design .recent-blogs-wrapper { padding-top: 0; }
.site-design .blog-2-collection-list { gap: 32px; }
.site-design .blog-2-card { padding: 24px 0; border: 0; background: #fff; border-radius: 0; box-shadow: none; }
.site-design .blog-2-recent-blogs-heading, .site-design .related-blog-heading { color: var(--site-ink); font-size: 21px; line-height: 1.4; }
.site-design .blog-2-text-wrapper .text-block, .site-design .related-blog-text-wrapper .text-block { color: var(--site-copy); font-size: 15px; line-height: 1.75; }
.site-design .blog-2-recent-blogs-div { border-radius: 0; box-shadow: none; }
.site-design .recent-blog-image-wrapper { border-radius: 6px; }
.site-design .blog-post-wrapper { padding-block: 48px; gap: 48px; }
.site-design .blog-post-heading-wrapper h1 { font-size: 36px; line-height: 1.3; }
.site-design .blog-post-card { padding: 0; background: #fff; border-radius: 0; box-shadow: none; }
.site-design .blog-post-rich-text-wrapper { max-width: 900px; padding-block: 24px 48px; }
.site-design .blog-content { width: 100%; max-width: 100%; margin: 0; }
.site-design .blog-content p, .site-design .blog-content li { font-size: 16px; line-height: 1.8; color: var(--site-copy); }
.site-design .blog-content :is(h2,h3) { margin-block: 36px 20px; font-size: 28px; line-height: 1.4; }
.site-design .blog-content a { text-decoration: underline; text-underline-offset: 3px; }
.site-design .blog-content .blog-faq :is(h2,h3,h4) { margin: 0 0 28px; font-size: 32px; line-height: 1.3; }
.site-design .blog-content .blog-faq-item > summary { font-family: var(--site-display); }
.site-design .related-blogs-section { border-top: 1px solid var(--site-line); padding-block: 0 48px; }
.site-design .related-blogs-heading-wrapper { padding-bottom: 24px; }
.site-design .wrapper.related-blogs { padding-top: 0; }
.site-design .terms-hero-wrapper { display: block; max-width: 900px; padding-block: 48px 64px; }
.site-design .terms-hero-head-container { margin: 0 0 40px; text-align: left; width: 100%; }
.site-design .terms-hero-head-container h1 { margin: 0; font-size: 48px; line-height: 1.15; }
.site-design :is(.rich-text,.rich-text-copy,.rich-text-block) { width: 100%; max-width: 100%; }
.site-design :is(.rich-text,.rich-text-copy,.rich-text-block) h2 { font-size: 26px; line-height: 1.4; margin-block: 40px 20px; }
.site-design :is(.rich-text,.rich-text-copy,.rich-text-block) h3 { font-size: 21px; line-height: 1.5; margin-block: 32px 16px; }
.site-design :is(.rich-text,.rich-text-copy,.rich-text-block) :is(p,li) { font-size: 16px; line-height: 1.8; color: var(--site-copy); }
.site-design .feature-proof figcaption, .site-design .blog-faq-answer { color: var(--site-copy); }

@media (max-width: 1199px) {
  .site-design .navigation .wrapper { min-height: 72px; }
  .site-design .navigation .brand { width: 150px; }
  .site-design .footer-links-container { gap: 40px; }
  .site-home .site-story { gap: 32px; }
  .site-design .nav-links[data-nav-menu-open] { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; padding: 12px 20px; border-bottom: 1px solid var(--site-line); background: #fff; box-shadow: 0 8px 16px #19333d0d; }
  .site-design .nav-links[data-nav-menu-open] .nav-link-buttons-2 { display: block; width: 100%; min-height: 44px; padding: 12px; text-align: left; }
}
@media (max-width: 991px) {
  .site-design h1, .site-home .heading.h2-48, .site-design .tool-pages-header h1, .site-design .pricing-1-options-heading-wrapper > :is(h1,h2), .site-design .terms-hero-head-container h1 { font-size: 40px; }
  .site-design h2, .site-home .site-story-copy h3, .site-design .heading-9, .site-design .heading-10 { font-size: 28px; }
  .site-home .site-story { grid-template-columns: minmax(0,1fr); }
  .site-home .site-story:nth-child(even) .site-story-copy { order: 0; }
  .site-home .tabs-content, .site-home .tabs-content.feature { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .site-home .tabs-image-wrapper { max-width: 720px; margin-inline: auto; }
  .site-home .wrapper.cta-wrapper.cma-wrapper { flex-direction: column; }
  .site-home .cta-content, .site-home .section-image.cta { width: 100%; }
  .site-design .footer-links-container { grid-template-columns: minmax(0,1fr); }
  .site-design .pricing-1-grid { grid-template-columns: minmax(0,1fr); max-width: 640px; margin-inline: auto; }
  .site-design .blog-2-slide-content-and-image-wrapper { gap: 32px; }
  .site-design .pricing-1-name-and-cost-wrapper { min-height: 0; }
  .site-design .review-split-wrapper { grid-template-columns: minmax(0,1fr); }
  .site-design .benefits-card-wrapper { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media (max-width: 767px) {
  .site-design .wrapper, .site-design .site-page-intro, .site-design .tool-header > .quick-stack, .site-design .section-4 > :is(.wrapper,.w-container) { width: calc(100% - 40px); }
  .site-design .wrapper { padding-block: 40px; }
  .site-design .navigation .wrapper { padding-block: 8px; }
  .site-design .wrapper .wrapper { width: 100%; }
  .site-design h1, .site-home .heading.h2-48, .site-design .tool-pages-header h1, .site-design .pricing-1-options-heading-wrapper > :is(h1,h2), .site-design .terms-hero-head-container h1 { font-size: 34px; }
  .site-design h2, .site-home .site-story-copy h3, .site-design .heading-9, .site-design .heading-10, .site-design .benefits-section-spacing, .site-design .first-question-section h2 { font-size: 27px; }
  .site-home .wrapper.home-2-hero-wrapper { padding-top: 36px; }
  .site-home .paragraph-3 { font-size: 15px; line-height: 1.7; }
  .site-home .wrapper.laptop-wrapper { padding-block: 28px 36px; }
  .site-home .home-2-hero-section .columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 12px; }
  .site-home .home-2-hero-section .columns > .w-col { float: none; width: auto; min-width: 0; padding: 0; }
  .site-home .home-2-hero-section .text-block-52._14-px.light-grey { font-size: 12px; line-height: 1.6; }
  .site-home .home-2-hero-section .text-block-52 br { display: none; }
  .site-home .home-2-hero-section .text-block-52 strong { display: block; margin-bottom: 4px; }
  .site-home .site-story { padding-block: 40px; gap: 28px; }
  .site-home .orange-subtitle { width: calc(100% - 40px); }
  .site-home .cta-section .heading-18 { width: calc(100% - 40px); font-size: 27px; }
  .site-home .wrapper.home-2-logos { gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-home .home-2-hero-feature-item-3 { padding-top: 10px; }
  .site-home .tabs-menu.feature-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-home .tabs-menu .tab-link-tools { min-height: 80px; padding: 14px 10px; }
  .site-home .tab-pane { padding-block: 32px 0; }
  .site-home .wrapper.tabs-wrapper { padding-bottom: 40px; }
  .site-design .footer-grid { gap: 24px; }
  .site-design .footer-copyright-container { flex-direction: column; align-items: flex-start; }
  .site-design .footer-links-grid { display: flex; flex-wrap: wrap; gap: 12px 24px; }
  .site-design .tool-header { padding-block: 36px; }
  .site-design .tool-header .image-13 { max-height: 100px; }
  .site-design .tool-header.chat .image-13 { max-height: 150px; }
  .site-design .asobench .wrapper-grid h1 { font-size: 34px; }
  .site-design .asobench .paragraph-18 { font-size: 16px; }
  .site-design .section-4 > :is(.wrapper,.w-container) { padding-block: 40px; }
  .site-design .pricing-1-options-heading-wrapper { margin-bottom: 28px; }
  .site-design .site-free-feature-grid { grid-template-columns: minmax(0,1fr); }
  .site-design .pricing-1-option-wrapper { padding: 24px 20px; }
  .site-design .pricing-tabs-menu { margin-bottom: 24px; }
  .site-design .site-page-intro { padding-top: 36px; }
  .site-design .blog-post-heading-wrapper h1 { font-size: 30px; }
  .site-design .blog-2-slide-content-and-image-wrapper { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .site-design .blog-2-slide-content-wrapper { order: 2; }
  .site-design .blog-2-slide-blog-heading { font-size: 27px; }
  .site-design .blog-content :is(h2,h3), .site-design .blog-content .blog-faq :is(h2,h3,h4) { font-size: 27px; }
  .site-design .blog-post-rich-text-wrapper { padding-top: 0; }
  .site-design .review-item { padding: 24px; }
}
@media (max-width: 374px) {
  .site-design h1, .site-home .heading.h2-48, .site-design .tool-pages-header h1, .site-design .pricing-1-options-heading-wrapper > :is(h1,h2), .site-design .terms-hero-head-container h1 { font-size: 30px; }
  .site-design h2 { font-size: 25px; }
}
@media (max-width: 479px) {
  .site-design .navigation .button-7 { display: none; }
}