/* Shared design layer. Existing routes, documents and legacy assets stay available. */
:root {
  --refresh-blue:#2455ce;
  --refresh-ink:#172038;
  --refresh-muted:#526079;
  --refresh-line:#dfe6f0;
  --refresh-pale:#eff5ff
}

html {
  scroll-padding-top:24px
}

.site-refresh {
  margin:0;
  background:#fff;
  color:var(--refresh-ink);
  font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  min-width:0
}

.site-refresh * {
  box-sizing:border-box
}

.site-refresh .container {
  width:calc(100% - 96px);
  max-width:1280px;
  margin-inline:auto
}

.site-refresh .pure-g,.site-refresh .pure-g [class*="pure-u"] {
  font-family:inherit;
  letter-spacing:normal
}

.site-refresh h1,.site-refresh h2,.site-refresh h3,.site-refresh h4,.site-refresh h5 {
  color:var(--refresh-ink);
  font-family:inherit;
  font-style:normal;
  text-transform:none;
  letter-spacing:-.035em;
  line-height:1.2;
  font-weight:700
}

.site-refresh h1 {
  font-size:clamp(34px,4.2vw,56px)
}

.site-refresh h2 {
  font-size:clamp(27px,3vw,38px)
}

.site-refresh h3 {
  font-size:23px
}

.site-refresh p {
  line-height:1.65
}

.site-refresh a {
  color:var(--refresh-blue);
  text-underline-offset:4px
}

.site-refresh a:hover {
  text-decoration:underline
}

.site-refresh img {
  max-width:100%;
  height:auto
}

.site-refresh button,.site-refresh input,.site-refresh select,.site-refresh textarea {
  font:inherit
}

.site-refresh a:focus-visible,.site-refresh button:focus-visible,.site-refresh summary:focus-visible,.site-refresh input:focus-visible {
  outline:3px solid #83a7ff;
  outline-offset:5px
}

.refresh-skip {
  position:absolute;
  top:-100px;
  left:16px;
  padding:10px 20px;
  background:#fff;
  z-index:100
}

.refresh-skip:focus {
  top:10px
}

.site-refresh .refresh-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:46px;
  padding:11px 22px;
  border:1px solid transparent;
  border-radius:7px;
  background:var(--refresh-blue);
  color:#fff;
  font-size:16px;
  font-weight:650;
  line-height:1.4;
  text-decoration:none
}

.site-refresh .refresh-button:hover {
  background:#1744b4;
  text-decoration:none
}

.refresh-button span {
  font-size:22px;
  line-height:1
}

.site-refresh .refresh-white {
  background:#fff;
  color:var(--refresh-blue)
}

.site-refresh .refresh-white:hover {
  background:#eef4ff
}

.refresh-header {
  position:relative;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #edf0f5
}

.refresh-header-inner {
  display:flex;
  align-items:center;
  gap:32px;
  min-height:84px;
  width:calc(100% - 96px);
  max-width:1328px;
  margin:auto
}

.site-refresh .refresh-brand {
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  color:var(--refresh-ink);
  font-size:25px;
  font-weight:750;
  letter-spacing:-1px;
  white-space:nowrap;
  text-decoration:none
}

.refresh-brand img {
  width:34px;
  height:37px;
  object-fit:contain
}

.refresh-brand span {
  font-weight:400
}

.refresh-navigation {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
  flex:1;
  font-size:14px
}

.site-refresh .refresh-navigation>a,.refresh-dropdown summary {
  color:var(--refresh-ink);
  font-weight:500;
  text-transform:none
}

.refresh-navigation>a {
  white-space:nowrap
}

.refresh-dropdown {
  position:relative
}

.refresh-dropdown summary {
  cursor:pointer;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  list-style:none
}

.refresh-dropdown summary::-webkit-details-marker {
  display:none
}

.refresh-dropdown>div {
  position:absolute;
  top:48px;
  left:-16px;
  min-width:230px;
  border:1px solid var(--refresh-line);
  background:#fff;
  border-radius:9px;
  padding:8px;
  box-shadow:0 10px 28px #162b5414
}

.refresh-dropdown>div>a {
  display:block;
  padding:10px;
  border-radius:5px;
  color:var(--refresh-ink);
  font-size:13px;
  line-height:1.5
}

.refresh-dropdown>div>a:hover {
  background:var(--refresh-pale);
  text-decoration:none;
  color:var(--refresh-blue)
}

.refresh-languages>div {
  left:auto;
  right:0
}

.refresh-menu {
  display:none
}

.refresh-hero {
  position:relative;
  isolation:isolate;
  background:#184bc2;
  color:white;
  overflow:hidden
}

.refresh-hero-visual {
  position:relative;
  min-width:0;
  width:100%;
  align-self:center;
  display:flex;
  align-items:center;
  margin:0;
  overflow:visible;
  pointer-events:none
}

.refresh-hero-illustration {
  display:block;
  width:100%;
  height:auto!important;
  object-fit:contain;
  object-position:center
}

.refresh-hero .container {
  position:relative;
  z-index:1;
  min-height:clamp(480px,44vw,650px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,3vw,56px);
  align-items:center
}

.refresh-hero-copy {
  max-width:650px;
  min-width:0;
  width:100%;
  padding:64px 0
}

.site-refresh .refresh-hero h1 {
  color:#fff;
  font-size:clamp(46px,5vw,72px);
  line-height:1.06;
  letter-spacing:-.045em;
  margin:0 0 24px
}

.refresh-hero p {
  font-size:19px;
  line-height:1.5;
  max-width:500px;
  margin:18px 0 0
}

.refresh-hero .refresh-intro {
  font-size:26px;
  line-height:1.35;
  font-weight:500;
  margin:0
}

.refresh-actions {
  display:flex;
  align-items:center;
  gap:32px;
  margin-top:32px
}

.refresh-actions>.refresh-button {
  min-height:54px;
  padding:14px 28px;
  font-size:18px
}

.refresh-actions>a:not(.refresh-button) {
  color:#fff;
  text-decoration:underline;
  font-size:17px
}

.refresh-product {
  padding-block:76px 56px
}

.refresh-heading {
  text-align:center
}

.refresh-heading h2 {
  margin:0
}

.refresh-heading p {
  color:var(--refresh-muted);
  font-size:20px;
  margin:14px 0 0
}

.refresh-showcase {
  display:block;
  max-width:1100px;
  margin:24px auto 0;
  border-radius:15px
}

.refresh-showcase img {
  display:block;
  width:100%;
  height:auto
}

.refresh-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:36px;
  margin-top:18px
}

.refresh-benefits>div+div {
  border-left:1px solid var(--refresh-line);
  padding-left:36px
}

.refresh-benefits h3 {
  margin:0 0 10px
}

.refresh-benefits p {
  color:var(--refresh-muted);
  margin:0;
  font-size:16px
}

.refresh-more {
  text-align:center;
  margin:32px 0 0
}

.refresh-more a {
  font-weight:600
}

.refresh-plans {
  background:var(--refresh-pale);
  padding:66px 0
}

.refresh-section-heading h2 {
  margin:0
}

.refresh-section-heading>p {
  color:var(--refresh-muted);
  font-size:19px;
  margin:14px 0 0
}

.refresh-plan-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:35px
}

.refresh-plan {
  background:#fff;
  border:1px solid #d7e0ee;
  border-radius:12px;
  padding:20px
}

.refresh-plan-tint {
  background:#e0f2e9;
  padding:24px;
  border-radius:8px
}

.refresh-plan:nth-child(2) .refresh-plan-tint {
  background:#ede7fa
}

.refresh-plan:nth-child(3) .refresh-plan-tint {
  background:#e4efff
}

.refresh-plan h3 {
  margin:0;
  font-size:25px
}

.refresh-plan .refresh-plan-price {
  font-size:43px;
  font-weight:720;
  letter-spacing:-2px;
  margin:10px 0 0;
  line-height:1.2;
  white-space:nowrap
}

.refresh-plan-price span {
  font-size:15px;
  font-weight:400;
  letter-spacing:normal
}

.refresh-plan>p {
  font-size:17px;
  margin:22px 5px 15px
}

.refresh-plan>a {
  display:inline-block;
  font-size:15px;
  margin:0 5px 7px;
  font-weight:600
}

.refresh-plan-note {
  font-size:14px;
  color:var(--refresh-muted);
  margin:24px 0 0
}

.refresh-details {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  padding-block:76px
}

.refresh-details h2 {
  font-size:33px;
  margin:0 0 20px
}

.refresh-details p {
  color:var(--refresh-muted);
  margin:0 0 24px
}

.refresh-stores {
  display:flex;
  flex-wrap:wrap;
  gap:12px
}

.refresh-stores img {
  width:150px;
  height:45px;
  object-fit:contain
}

.refresh-closing {
  background:var(--refresh-blue);
  color:#fff;
  padding:50px 0
}

.refresh-closing .container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px
}

.refresh-closing h2 {
  color:#fff;
  margin:0;
  font-size:34px
}

.refresh-closing a {
  flex-shrink:0
}

.refresh-footer {
  border-top:1px solid var(--refresh-line);
  padding:48px 0 26px;
  background:#fff
}

.refresh-footer-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:32px
}

.refresh-footer-links {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px 30px
}

.refresh-footer-links a {
  font-size:12px;
  color:var(--refresh-muted);
  line-height:1.5
}

.refresh-footer-languages {
  display:flex;
  flex-wrap:wrap;
  gap:12px 25px;
  margin:32px 0 20px;
  border-top:1px solid var(--refresh-line);
  padding-top:24px;
  font-size:13px
}

.site-refresh .refresh-copyright {
  font-size:11px;
  color:var(--refresh-muted);
  margin:0;
  max-width:900px;
  line-height:1.6
}

/* Existing content families share typography, spacing and blue accents. */
.site-refresh .page_section1 {
  padding:60px 0 72px;
  background:#fff
}

.site-refresh .page-content {
  color:var(--refresh-ink)
}

.site-refresh .post-title {
  font-size:clamp(34px,4vw,53px);
  max-width:1050px;
  margin:0 0 34px;
  line-height:1.16
}

.site-refresh .page-content p,.site-refresh .page-content li,.site-refresh .post-content p,.site-refresh .post-content li {
  font-size:17px;
  color:#48566d;
  line-height:1.75
}

.site-refresh .page-content h2,.site-refresh .post-content h2 {
  margin-top:42px;
  margin-bottom:18px;
  font-size:30px
}

.site-refresh .page-content h3,.site-refresh .post-content h3 {
  margin-top:28px;
  font-size:23px
}

.site-refresh .page-content section,.site-refresh .post-content {
  min-width:0;
  overflow-wrap:break-word
}

.site-refresh .page-content p,.site-refresh .post-content p {
  max-width:960px
}

.site-refresh .pure-button,.site-refresh .pricing_main_action,.site-refresh .humblebee-button {
  border-radius:7px;
  background:var(--refresh-blue);
  color:#fff;
  font-family:inherit;
  font-style:normal;
  text-transform:none;
  letter-spacing:normal;
  padding:12px 21px;
  font-weight:600;
  font-size:16px;
  line-height:1.4
}

.site-refresh .pure-button:hover,.site-refresh .pricing_main_action:hover {
  background:#1846b5;
  color:#fff
}

.site-refresh .summary_box,.site-refresh .decision_facts>div,.site-refresh .fit_comparison>div,.site-refresh .comparison_directory section {
  background:#f3f7ff;
  border:1px solid var(--refresh-line);
  border-radius:10px;
  padding:24px;
  box-shadow:none
}

.site-refresh .pricing_cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:32px 0
}

.site-refresh .pricing_card {
  width:auto;
  padding:0
}

.site-refresh .pricing_card_inner {
  border:1px solid var(--refresh-line);
  border-radius:12px;
  padding:28px
}

.site-refresh .pricing_card_inner.highlighted {
  border-color:#9bb4ee;
  box-shadow:none
}

.site-refresh .pricing_card h2 {
  margin:0 0 10px
}

.site-refresh .pricing_price {
  font-size:35px;
  color:var(--refresh-ink);
  margin-bottom:32px
}

.site-refresh .pricing_price span {
  font-size:13px
}

.site-refresh .pricing_card_lead {
  min-height:0
}

.site-refresh .page-content table {
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  border-collapse:collapse;
  border:1px solid var(--refresh-line);
  border-radius:8px;
  margin-block:24px;
  line-height:1.55
}

.site-refresh .page-content th,.site-refresh .page-content td {
  padding:14px 18px;
  border-bottom:1px solid var(--refresh-line);
  height:auto;
  font-size:15px
}

.site-refresh .page-content table.pricing_matrix {
  display:table;
  min-width:760px
}

.site-refresh .page-content table thead th,.site-refresh .page-content table.pricing_matrix thead th {
  background:#ecf2ff;
  color:var(--refresh-ink)
}

.site-refresh .page-content table tbody th {
  background:#f7f9fd;
  color:var(--refresh-ink)
}

.site-refresh .docs-hero {
  padding:54px 0 34px;
  background:#f3f7ff
}

.site-refresh .docs-hero h1 {
  font-size:clamp(34px,4vw,52px);
  line-height:1.15;
  max-width:1080px;
  text-transform:none
}

.site-refresh .docs-eyebrow {
  font-size:12px;
  letter-spacing:.08em;
  color:var(--refresh-blue)
}

.site-refresh .docs-lede {
  font-size:19px;
  line-height:1.6;
  color:var(--refresh-muted)
}

.site-refresh .docs-shell {
  grid-template-columns:230px minmax(0,900px);
  gap:50px;
  padding-block:40px 72px
}

.site-refresh .docs-sidebar {
  border:0;
  background:#f5f8fd;
  padding:10px;
  border-radius:10px;
  top:20px
}

.site-refresh .docs-nav-link {
  font-size:14px;
  font-weight:500;
  padding:12px;
  border-left:0;
  border-radius:6px;
  color:#4c5c76!important
}

.site-refresh .docs-nav-link.is-active,.site-refresh .docs-nav-link:hover {
  background:#e1ebff;
  color:#1848bb!important;
  text-decoration:none
}

.site-refresh .docs-content {
  padding:0
}

.site-refresh .docs-content h2 {
  font-size:29px;
  text-transform:none;
  line-height:1.25;
  color:var(--refresh-ink);
  margin-top:30px
}

.site-refresh .docs-content h2:first-child {
  margin-top:0
}

.site-refresh .docs-content img {
  border-radius:9px
}

.site-refresh .docs-content p,.site-refresh .docs-content li {
  font-size:17px;
  color:#48566d
}

.site-refresh .featured_banner {
  max-height:410px;
  overflow:hidden;
  background:#eff4fc
}

.site-refresh .featured_banner>img {
  width:100%;
  max-height:410px;
  object-fit:cover
}

.site-refresh .post-content {
  max-width:900px
}

.site-refresh .post-meta {
  color:var(--refresh-muted);
  font-size:14px
}

.site-refresh .post-meta i {
  font-style:normal
}

.site-refresh .share_bar {
  background:#f6f8fc;
  color:var(--refresh-muted);
  padding-block:20px;
  font-size:13px
}

.site-refresh ul.faq {
  padding:0;
  list-style:none
}

.site-refresh ul.faq li {
  margin:0;
  border-bottom:1px solid var(--refresh-line);
  padding:0
}

.site-refresh ul.faq .faq-question {
  font-family:inherit;
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  font-style:normal;
  padding:23px 0;
  color:var(--refresh-ink);
  background:#fff
}

.site-refresh ul.faq .faq-answer {
  font-size:16px;
  color:var(--refresh-muted);
  padding:0 0 24px
}

.site-refresh .newsletter-signup {
  background:#f1f5fd;
  border-top:1px solid var(--refresh-line);
  padding:48px 0
}

.site-refresh .newsletter-signup__content {
  max-width:900px
}

.site-refresh .newsletter-signup h2 {
  font-size:28px
}

.site-refresh .newsletter-signup__description {
  font-size:16px
}

.site-refresh .newsletter-signup__controls input[type=email] {
  border:1px solid #c3cfe1;
  border-radius:7px;
  font-family:inherit
}

.site-refresh .newsletter-signup__privacy {
  font-size:13px
}

.refresh-try-heading {
  padding-block:34px 24px
}

.site-refresh .refresh-try-heading h1 {
  font-size:30px;
  margin:0 0 8px
}

.refresh-try-heading p {
  font-size:14px;
  color:var(--refresh-muted);
  margin:0 0 12px
}

.refresh-try-heading>div {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  font-size:14px
}

.refresh-demo-frame {
  padding:0 18px 32px;
  background:#fff
}

.refresh-demo-frame iframe {
  display:block;
  border:1px solid var(--refresh-line);
  border-radius:10px;
  width:100%;
  height:max(760px,calc(100dvh - 255px));
  background:#f8f9fc
}

@media(max-width:1150px) {
  .refresh-header-inner {
    gap:22px
  }

  .refresh-navigation {
    gap:18px;
    font-size:13px
  }

  .site-refresh .refresh-brand {
    font-size:22px
  }

  .refresh-hero-copy {
    width:100%
  }

  .refresh-hero .refresh-intro {
    font-size:23px
  }

  .refresh-hero p {
    font-size:17px
  }

  .refresh-plan .refresh-plan-price {
    font-size:37px
  }

  .refresh-plan-price span {
    font-size:13px
  }

}

@media(max-width:1000px) {
  .site-refresh .container,.refresh-header-inner {
    width:calc(100% - 48px)
  }

  .refresh-header-inner {
    min-height:76px;
    flex-wrap:wrap;
    gap:16px
  }

  .refresh-brand {
    margin-right:auto
  }

  .refresh-menu {
    display:block;
    border:1px solid var(--refresh-line);
    background:#fff;
    border-radius:6px;
    padding:8px 12px;
    font-size:14px;
    cursor:pointer;
    order:3
  }

  .refresh-navigation {
    display:none;
    order:4;
    flex-basis:100%;
    align-items:stretch;
    flex-direction:column;
    gap:0;
    padding:0 0 20px;
    font-size:15px
  }

  .refresh-navigation.is-open {
    display:flex
  }

  .refresh-navigation>a {
    padding:11px 0
  }

  .refresh-dropdown summary {
    min-height:46px
  }

  .refresh-dropdown>div {
    position:static;
    box-shadow:none;
    border:0;
    padding:0 0 10px 10px
  }

  .refresh-dropdown>div>a {
    font-size:14px
  }

  .refresh-hero {
    display:flex;
    flex-direction:column
  }

  .refresh-hero .container {
    min-height:0;
    order:0;
    display:flex;
    gap:0;
    flex-direction:column;
    align-items:stretch
  }

  .refresh-hero h1 {
    font-size:59px!important
  }

  .refresh-hero-copy {
    width:100%;
    padding:48px 0 24px
  }

  .refresh-hero .refresh-intro {
    font-size:22px
  }

  .refresh-hero p {
    max-width:580px
  }

  .refresh-hero-visual {
    position:relative;
    order:1;
    inset:auto;
    align-self:center;
    width:min(680px,100%);
    height:auto
  }

  .refresh-hero-illustration {
    object-position:center bottom;
    padding-top:0
  }

  .refresh-benefits {
    gap:24px
  }

  .refresh-benefits>div+div {
    padding-left:24px
  }

  .refresh-benefits h3 {
    font-size:21px
  }

  .refresh-details {
    gap:40px
  }

  .site-refresh .pricing_cards {
    gap:15px
  }

  .site-refresh .pricing_card_inner {
    padding:20px
  }

  .site-refresh .docs-shell {
    gap:28px;
    grid-template-columns:200px minmax(0,1fr)
  }

}

@media(max-width:700px) {
  .site-refresh .container,.refresh-header-inner {
    width:calc(100% - 40px)
  }

  .refresh-header-inner {
    min-height:74px;
    gap:10px
  }

  .site-refresh .refresh-brand {
    font-size:21px;
    gap:6px
  }

  .refresh-brand img {
    width:28px;
    height:32px
  }

  .refresh-menu {
    font-size:13px;
    padding:8px 10px
  }

  .refresh-hero {
    display:flex;
    flex-direction:column
  }

  .refresh-hero .container {
    min-height:0;
    order:0;
    display:flex;
    gap:0;
    flex-direction:column;
    align-items:stretch
  }

  .refresh-hero-copy {
    width:100%;
    padding:46px 0 34px
  }

  .site-refresh .refresh-hero h1 {
    font-size:clamp(42px,10vw,59px)!important;
    letter-spacing:-.04em;
    margin-bottom:23px
  }

  .refresh-hero .refresh-intro {
    font-size:22px;
    max-width:440px
  }

  .refresh-hero p {
    font-size:17px;
    max-width:440px
  }

  .refresh-hero-visual {
    position:relative;
    order:1;
    inset:auto;
    width:100%;
    height:auto
  }

  .refresh-hero-illustration {
    object-position:center bottom;
    transform:none;
    padding-top:0
  }

  .refresh-actions {
    gap:25px;
    margin-top:26px
  }

  .refresh-actions>.refresh-button {
    font-size:16px;
    padding:12px 22px;
    min-height:49px
  }

  .refresh-actions>a:not(.refresh-button) {
    font-size:15px
  }

  .refresh-product {
    padding-block:48px 42px
  }

  .refresh-heading h2 {
    font-size:31px
  }

  .refresh-heading p {
    font-size:17px;
    margin-top:12px
  }

  .refresh-showcase {
    margin:22px -10px 0
  }

  .refresh-benefits {
    grid-template-columns:1fr;
    gap:23px;
    margin-top:24px
  }

  .refresh-benefits>div+div {
    border-left:0;
    padding-left:0;
    border-top:1px solid var(--refresh-line);
    padding-top:24px
  }

  .refresh-benefits h3 {
    font-size:22px
  }

  .refresh-plans {
    padding:45px 0
  }

  .refresh-plan-grid {
    grid-template-columns:1fr;
    gap:20px;
    margin-top:27px
  }

  .refresh-plan .refresh-plan-price {
    font-size:43px
  }

  .refresh-plan-price span {
    font-size:16px
  }

  .refresh-plan h3 {
    font-size:25px
  }

  .refresh-details {
    grid-template-columns:1fr;
    gap:40px;
    padding-block:48px
  }

  .refresh-details h2 {
    font-size:30px
  }

  .refresh-closing {
    padding:40px 0
  }

  .refresh-closing .container {
    display:block
  }

  .refresh-closing h2 {
    font-size:32px
  }

  .refresh-closing .refresh-button {
    margin-top:24px
  }

  .refresh-footer {
    padding-top:32px
  }

  .refresh-footer-links {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 24px
  }

  .site-refresh .page_section1 {
    padding:38px 0 48px
  }

  .site-refresh .post-title {
    font-size:35px;
    margin-bottom:26px
  }

  .site-refresh .page-content p,.site-refresh .page-content li,.site-refresh .post-content p,.site-refresh .post-content li {
    font-size:16px
  }

  .site-refresh .page-content h2,.site-refresh .post-content h2 {
    font-size:27px;
    margin-top:32px
  }

  .site-refresh .pricing_cards {
    grid-template-columns:1fr
  }

  .site-refresh .pricing_card_inner {
    padding:25px
  }

  .site-refresh .docs-hero {
    padding-block:35px 23px
  }

  .site-refresh .docs-shell {
    display:block;
    padding-block:23px 45px
  }

  .site-refresh .docs-sidebar {
    display:flex;
    overflow-x:auto;
    gap:5px;
    max-width:100%;
    margin:0 0 28px;
    position:static;
    padding:8px
  }

  .site-refresh .docs-nav-link {
    flex-shrink:0;
    padding:10px;
    font-size:13px
  }

  .site-refresh .docs-content h2 {
    font-size:27px
  }

  .site-refresh .docs-content p,.site-refresh .docs-content li {
    font-size:16px
  }

  .site-refresh .newsletter-signup {
    padding-block:35px
  }

  .site-refresh .newsletter-signup__controls {
    flex-direction:column
  }

  .site-refresh .newsletter-signup__controls input[type=email],.site-refresh .newsletter-signup__controls .pure-button {
    width:100%
  }

  .site-refresh .decision_facts,.site-refresh .fit_comparison,.site-refresh .comparison_directory {
    grid-template-columns:1fr
  }

  .refresh-demo-frame {
    padding:0 5px 24px
  }

  .refresh-demo-frame iframe {
    height:850px;
    border-radius:6px
  }

  .refresh-try-heading {
    padding-top:25px
  }

  .site-refresh .refresh-try-heading h1 {
    font-size:27px
  }

}

@media(max-width:360px) {
  .refresh-header-inner {
    gap:7px
  }

  .site-refresh .refresh-brand {
    font-size:18px
  }

  .refresh-brand img {
    width:24px
  }

  .refresh-menu {
    font-size:12px;
    padding-inline:8px
  }

}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }

}

.site-refresh .page-content .pricing_price {
  font-size:35px;
  line-height:1.2;
  margin-bottom:32px;
  color:var(--refresh-ink)
}

.refresh-footer-top {
  flex-wrap:wrap
}

@media(max-width:360px) {
  .refresh-header-inner {
    gap:7px
  }

  .refresh-header-inner .refresh-brand {
    font-size:15px;
    letter-spacing:-.6px;
    gap:4px
  }

  .refresh-header-inner .refresh-brand img {
    width:21px;
    height:26px
  }

  .refresh-menu {
    font-size:12px;
    padding-inline:8px
  }

}

/* The header and footer replace the old repeated signup bands. */
.site-refresh main > .feature_title { display: none; }
.site-refresh .blog {
  display: grid;
  grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr);
  gap: 40px 32px;
}
.site-refresh .blog > .teaser-img, .site-refresh .blog > .teaser-text { width: auto; margin: 0; }
.site-refresh .blog .teaser-img img { border-radius: 10px; }
.site-refresh .blog .teaser-text h2 { font-size: 28px; padding: 0; margin: 0 0 16px; }
.site-refresh .blog .teaser-text h2 a { color: var(--refresh-ink); }
.site-refresh .blog .teaser-text p { font-size: 17px; padding: 0; color: var(--refresh-muted); }
.site-refresh .blog .blog-date { padding: 0; font-size: 13px; color: var(--refresh-muted); font-weight: 400; }
.site-refresh .blog .blog-date i { font-style: normal; }
.refresh-blog-index .featured_banner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  max-height: none;
  background: #f3f7ff;
}
.refresh-blog-index .featured_banner > img { grid-column: 2; grid-row: 1; height: 100%; max-height: none; object-fit: cover; }
.refresh-blog-index .featured_banner .inner_wrap { position: static; grid-column: 1; grid-row: 1; }
.refresh-blog-index .featured_banner .container { width: 100%; padding: 50px 48px; }
.refresh-blog-index .featured_banner section { width: 100%; }
.refresh-blog-index .featured_banner h1 { font-size: clamp(34px, 3.7vw,52px); line-height: 1.15; margin: 0 0 24px; }
.refresh-blog-index .featured_banner p { font-size: 17px; margin: 0; color: var(--refresh-muted); }
@media(max-width:700px) {
  .site-refresh .blog { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .site-refresh .blog .teaser-text { margin-bottom: 25px; }
  .site-refresh .blog .teaser-img img { max-height: 240px; }
  .refresh-blog-index .featured_banner { grid-template-columns: 1fr; }
  .refresh-blog-index .featured_banner .inner_wrap { grid-column: 1; grid-row: 1; }
  .refresh-blog-index .featured_banner .container { padding: 35px 20px; }
  .refresh-blog-index .featured_banner > img { grid-column: 1; grid-row: 2; max-height: 210px; object-position: 80% center; }
}
.refresh-blog-index .featured_banner > img { object-position: right center; }
.refresh-heading h2 { font-size: clamp(32px,4.3vw,48px); }
.refresh-product { padding-top: 60px; }
@media(min-width:1001px) {
  .refresh-header-inner { min-height: clamp(70px,6.1vw,84px); }
  .refresh-hero .container { min-height: clamp(460px,43.6vw,628px); padding-block:48px; }
  .refresh-hero-copy { padding-block:0; }
}
@media(max-width:700px) { .refresh-product { padding-top:48px; } .refresh-heading h2 { font-size:31px; } }
/* Shared navigation and explicit demo/account actions. */
.refresh-dropdown summary > svg { flex:0 0 14px; width:14px; height:14px; margin-left:2px; color:#71809b; }
.refresh-dropdown[open] summary > svg { transform:rotate(180deg); }
.refresh-header-actions { display:flex; align-items:center; gap:12px; }
.site-refresh .refresh-header-demo { color:var(--refresh-blue); background:#fff; border:1px solid #cbd6ec; }
.site-refresh .refresh-header-demo:hover { background:#eff5ff; }
.refresh-navigation .refresh-mobile-join { display:none; }
.refresh-demo-toolbar { position:sticky; top:0; z-index:30; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:14px 28px; border-block:1px solid var(--refresh-line); background:#fff; font-size:14px; }
.refresh-demo-toolbar > div { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.refresh-demo-back { display:inline-flex; align-items:center; gap:9px; font-weight:650; }
.refresh-demo-back svg { flex-shrink:0; }
/* Card header height follows its contents. The description has its own padding. */
.site-refresh .pricing_card .pricing_card_inner { padding:0; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.site-refresh .pricing_card:nth-child(1) .pricing_card_inner,
.site-refresh .pricing_card:nth-child(2) .pricing_card_inner,
.site-refresh .pricing_card:nth-child(3) .pricing_card_inner { background:#fff; }
.pricing_card { --plan-tint:#e3f4ec; }
.pricing_card:nth-child(2) { --plan-tint:#eee8fb; }
.pricing_card:nth-child(3) { --plan-tint:#e6efff; }
.site-refresh .pricing_card .plan-summary { padding:26px 28px 30px; background:var(--plan-tint); }
.site-refresh .pricing_card .plan-summary h2 { margin:8px 0 0; font-size:29px; }
.site-refresh .pricing_card .plan-summary .pricing_price { margin:14px 0 0; font-size:38px; line-height:1.15; }
.site-refresh .pricing_card .pricing_price span { margin-top:9px; line-height:1.5; }
.site-refresh .pricing_card .plan-body { padding:30px 28px 28px; }
.site-refresh .pricing_card .plan-body p { margin:0 0 18px; }
.site-refresh .pricing_card .plan-body > :last-child { margin-bottom:0; }
.site-refresh .pricing_card .plan-body ul { margin:22px 0 0; }
/* Undo the earlier campaign-only width and left-alignment rules. */
.site-refresh .campaign-page .summary_box { width:100%; max-width:none; padding:26px 30px; }
.site-refresh .campaign-page .summary_box p { max-width:none; }
.site-refresh .campaign-page .pricing_cta { max-width:none; text-align:center; margin:30px 0 16px; }
.site-refresh .campaign-page .signup_note { max-width:80ch; margin:0 auto 40px; text-align:center; font-size:17px; line-height:1.65; }
/* Support pages contain legacy nested page sections. Apply page spacing once. */
.refresh-support-page .page_section1 .page_section1 { padding:0 0 24px; }
.refresh-support-page .page_section1 .container .container { width:100%; max-width:none; }
.refresh-support-page .page_section1 .summary_box { margin:18px 0 24px; }
.refresh-support-page .page_section1 .summary_box p { margin-block:0 14px; }
.refresh-support-page .page_section1 .summary_box p:last-child { margin-bottom:0; }
.refresh-support-page .page-content .featured_banner { display:none; }
.refresh-support-page .page-content .feature_title { padding:24px 0; background:#fff; }
.refresh-support-page .page-content .page_section3 { padding:24px 0; background:#f4f7fd; color:var(--refresh-ink); }
.refresh-support-page .page-content .page_section3 h6 { font-size:20px; color:var(--refresh-ink); }
@media(max-width:1150px) {
 .refresh-header-inner { min-height:76px; flex-wrap:wrap; gap:16px; }
 .refresh-header-inner > .refresh-brand { margin-right:auto; }
 .refresh-menu { display:block; border:1px solid var(--refresh-line); background:#fff; border-radius:6px; padding:8px 12px; font-size:14px; order:3; cursor:pointer; }
 .refresh-header-actions { order:2; }
 .refresh-navigation { display:none; order:4; flex-basis:100%; align-items:stretch; flex-direction:column; gap:0; padding:0 0 20px; font-size:15px; }
 .refresh-navigation.is-open { display:flex; }
 .refresh-navigation > a { padding:11px 0; }
 .refresh-dropdown > div { position:static; box-shadow:none; border:0; padding:0 0 10px 10px; }
 .refresh-navigation .refresh-mobile-join { display:block; }
 .refresh-dropdown summary { min-height:46px; }
}
@media(max-width:700px) {
 .refresh-header-actions .refresh-header-join { display:none; }
 .refresh-header-actions .refresh-header-demo { min-height:40px; padding:9px 13px; font-size:14px; }
 .refresh-header-inner { gap:10px; }
 .refresh-demo-toolbar { padding:12px 15px; align-items:flex-start; gap:16px; font-size:13px; }
 .refresh-demo-toolbar > div { gap:8px 16px; justify-content:flex-end; }
 .refresh-demo-back { min-width:115px; }
 .site-refresh .campaign-page .summary_box { padding:22px; }
 .site-refresh .campaign-page .signup_note { font-size:16px; }
 .site-refresh .pricing_card .plan-summary { padding:24px; }
 .site-refresh .pricing_card .plan-body { padding:27px 24px; }
}
/* All current product screenshots use the same frame and explicit preview label. */
.site-refresh .product-screenshot { border:1px solid #d6dfec; border-radius:11px; box-shadow:0 12px 35px #172d5010; margin:30px auto 40px; max-width:1100px; overflow:hidden; background:#fff; }
.site-refresh .product-screenshot .tour-showcase__chrome { height:36px; background:#f0f4fa; border-color:#dce4ef; }
.site-refresh .product-screenshot .tour-showcase__address { border:0; background:#fff; font:11px/23px Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.site-refresh .product-screenshot img { border:0; border-radius:0; margin:0; display:block; width:100%; height:auto; }
.product-screenshot-link { display:block; }
.site-refresh .product-screenshot figcaption { padding:12px 18px; font-size:13px; line-height:1.6; color:var(--refresh-muted); border-top:1px solid #e1e7f1; }
.product-screen-note { display:block; font-size:12px; color:#65748b; }
.refresh-live-showcase { position:relative; margin:35px 0 38px; padding:12px 20px 18px 8px; perspective:1400px; }
.refresh-desktop-window { width:91%; transform:rotateY(-4deg) rotateZ(-.6deg); transform-origin:center; }
.refresh-desktop-window .product-screenshot { margin:0; max-width:none; }
.refresh-desktop-window .product-screenshot figcaption { display:none; }
.refresh-phone-window { display:block; position:absolute; right:4px; bottom:6px; width:21%; overflow:hidden; border:7px solid #1e2431; border-radius:30px; background:#1e2431; box-shadow:0 12px 30px #18284428; transform:rotateZ(2deg); }
.site-refresh .refresh-phone-window img { width:100%; height:auto; display:block; }
@media(max-width:700px) {
 .refresh-live-showcase { margin:25px -12px 30px; padding:5px 5px 5px 0; }
 .refresh-desktop-window { width:94%; }
 .refresh-phone-window { border-width:3px; border-radius:10px; width:24%; right:0; bottom:0; }
 .refresh-desktop-window .tour-showcase__chrome { height:18px; }
 .refresh-desktop-window .tour-showcase__address { font-size:6px; line-height:12px; }
 .refresh-desktop-window .tour-showcase__controls { gap:3px; }
 .refresh-desktop-window .tour-showcase__controls i { width:5px; height:5px; }
 .site-refresh .product-screenshot figcaption { padding:10px 12px; }
}
.refresh-home-screen-note { margin:0 0 30px; text-align:center; color:var(--refresh-muted); font-size:12px; }
.refresh-support-page .page_section1 .page_section1 { padding-bottom:0; }
.refresh-support-page .page_section1 .summary_box { margin-bottom:18px; }
.refresh-support-page .page_section1 .page_section1 h2:first-child { margin-top:24px; margin-bottom:12px; }
.site-refresh ul.faq { margin-top:12px; }
.site-refresh ul.faq li .faq-question { display:flex; align-items:center; gap:9px; width:100%; border:0; margin:0; padding:17px 0; font-size:17px; line-height:1.5; text-align:left; }
.site-refresh ul.faq li .faq-toggle-icon { display:inline-flex; width:14px; flex:0 0 14px; padding:0; }
.site-refresh ul.faq li .faq-toggle-icon::before { content:none; }
.site-refresh ul.faq .faq-toggle-icon svg { width:14px; height:14px; color:#71809b; }
.site-refresh ul.faq [aria-expanded=true] .faq-toggle-icon svg { transform:rotate(180deg); }
.site-refresh .page-content .pricing_cta { width:100%; max-width:none; text-align:center; margin:24px 0 28px; }
.refresh-pricing-page .page-content .pricing_note { width:100%; max-width:none; text-align:center; margin:12px 0 0; }
.site-refresh ul.faq li .faq-question,
.site-refresh ul.faq li .faq-answer,
.site-refresh ul.faq li .faq-answer p,
.site-refresh ul.faq li .faq-answer li { font-family:inherit; font-size:1.15rem; line-height:1.75; }
.site-refresh ul.faq li .faq-question { font-weight:600; }
.site-refresh ul.faq li .faq-answer p { padding-left:0; margin:0 0 16px; }
.site-refresh .about-external-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin:12px 0 24px; }
/* Paid-campaign pages share the website's hero, imagery and pricing data. */
.site-refresh .campaign-route h2 { font-size:clamp(28px,3vw,40px); margin:0 0 20px; }
.site-refresh .campaign-route .refresh-hero h1 { font-size:clamp(42px,4.4vw,64px)!important; line-height:1.1; }
.campaign-route .refresh-hero-copy { padding-block:52px; }
.campaign-route .refresh-actions { flex-wrap:wrap; gap:16px 24px; margin-top:28px; }
.campaign-route .refresh-button { white-space:normal; text-align:center; max-width:100%; font-size:17px; }
.refresh-hero .campaign-lede { font-size:20px; max-width:480px; }
.campaign-trial-facts { list-style:none; padding:0; margin:24px 0 0; font-size:16px; line-height:1.65; }
.campaign-trial-facts li { padding:0 0 2px; }
.refresh-hero .campaign-trial-begins { font-size:14px; margin-top:10px; opacity:.9; }
.campaign-example { padding-block:72px 40px; display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:center; }
.campaign-example p,.campaign-steps p,.campaign-plans p,.campaign-privacy p { font-size:18px; line-height:1.7; }
.campaign-example .product-screenshot { margin:0; }
.campaign-demo-label { display:inline-flex; gap:12px; padding:8px 12px; border:1px solid var(--refresh-line); border-radius:6px; font-size:14px; }
.campaign-steps { padding-block:32px 72px; }
.campaign-steps ol { list-style:none; padding:0; margin:32px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.campaign-steps li { display:flex; align-items:flex-start; gap:16px; }
.campaign-steps li>span { display:grid; place-items:center; flex:0 0 34px; height:34px; border-radius:50%; background:var(--refresh-pale); color:var(--refresh-blue); font-weight:700; }
.site-refresh .campaign-steps h3 { font-size:20px; margin:3px 0 10px; }
.campaign-steps p { margin:0; }
.campaign-plans { padding-block:64px; background:#f5f8fd; }
.campaign-plans .pricing_cards { margin-top:30px; }
.campaign-plan-price { max-width:850px; }
.campaign-related { display:flex; flex-wrap:wrap; gap:16px 28px; margin-top:24px; }
.campaign-privacy { padding-block:64px; }
.campaign-privacy p { max-width:850px; }
.campaign-final p { margin:0 0 24px; font-size:19px; }
@media(max-width:1000px) {
 .campaign-example { gap:28px; }
 .campaign-steps ol { gap:24px; }
 .campaign-steps li { flex-direction:column; gap:12px; }
}
@media(max-width:700px) {
 .campaign-route .refresh-hero-copy { padding-block:38px; }
 .campaign-route .refresh-button { font-size:16px; padding:13px 18px; }
 .refresh-hero .campaign-lede { font-size:18px; }
 .campaign-example { grid-template-columns:1fr; padding-block:44px 24px; gap:28px; }
 .campaign-steps { padding-block:24px 44px; }
 .campaign-steps ol { grid-template-columns:1fr; gap:24px; }
 .campaign-steps li { flex-direction:row; }
 .campaign-plans,.campaign-privacy { padding-block:44px; }
 .campaign-related { gap:14px 24px; }
}

.site-refresh a.refresh-brand:hover,
.site-refresh a.refresh-brand:focus-visible {
  text-decoration:none
}

/* Preserve old document fragments as usable scroll targets. */
.legacy-anchor { display: block; scroll-margin-top: 6rem; }