@font-face { font-family: "GT Zirkon"; font-weight: 400; src: url("/assets/fonts/GT-Zirkon-Book.ttf") format("truetype"), url("/assets/fonts/GT-Zirkon-Book.woff") format("woff"), url("/assets/fonts/GT-Zirkon-Book.woff2") format("woff2");}@font-face { font-family: "GT Zirkon"; font-weight: 700; src: url("/assets/fonts/GT-Zirkon-Black.ttf") format("truetype"), url("/assets/fonts/GT-Zirkon-Black.woff") format("woff"), url("/assets/fonts/GT-Zirkon-Black.woff2") format("woff2");}:root { /* ─── Typography ─────────────────────────────────── */ --main-font: "GT Zirkon"; --font-stack: "GT Zirkon", sans-serif; --rem-reset: 62.5%; --font-size-80: 8rem; --font-size-64: 6.4rem; --font-size-48: 4.84rem; --font-size-36: 3.6rem; --font-size-30: 3rem; --font-size-28: 2.8rem; --font-size-24: 2.4rem; --font-size-23: 2.3rem; --font-size-20: 2rem; --font-size-18: 1.8rem; --font-size-16: 1.6rem; --font-size-14: 1.4rem; --line-height-regular: 1.5; --line-height-headings: 1.2; --line-height-display: 1.1; --tracking-regular: -0.01em; --tracking-headings: -0.04em; --tracking-uppercase: 0.1em; /* ─── Colors — base palette ──────────────────────── */ --clr-white: #ffffff; --clr-black: #000000; --clr-mid-grey: #777777; --clr-grey: #3D3E43; --clr-grey-light: #ECF0F5; --clr-grey-lines: #D2DFE3; --clr-white-bg: #F5FAFC; --clr-purple: #5B185E; --clr-purple-deep: #3E163F; --clr-pink: #F5DDF6; --clr-blue-rich: #134FEA; --clr-blue-soft: #0071AF; --clr-blue-medium: #33CCFF; --clr-blue-light: #ADEBFF; --clr-blue-dark: #23376B; --clr-teal: #068EAC; --clr-orange: #FFBF25; --clr-bg-blockquote: #E6F3F7; /* ─── Colors — semantic aliases ──────────────────── */ --clr-cta-primary: var(--clr-orange); --clr-cta-bold: var(--clr-blue-rich); --clr-panel: var(--clr-grey-light); --clr-icon-background: var(--clr-blue-light); --clr-light-bg: var(--clr-white-bg); --clr-icon-foreground: var(--clr-blue-soft); /* ─── Border radius ──────────────────────────────── */ --radius-buttons: 2px; --radius-sm: 4px; --radius-mid: 6px; --radius-panels: 12px; --radius-media: 12px; --radius-tabs: 20px; /* ─── Resolved Sass color function values ─────────  Source: compiled output of _site/css/main.css  Do not change these values without recompiling Sass first. */ --clr-cta-primary-hover: #fbb100; --clr-cta-bold-hover: #1042c4; --clr-ghost-hover:  #e6ecfd; --clr-white-hover:  #f2f2f2; --clr-purple-light-65: #f1cff3; --clr-grey-light-65:  #e5e5e7; --clr-purple-light-50: #e092e3; --clr-grey-light-60:  #d7d8db;}*,::after,::before { box-sizing: border-box;}html,body { margin: 0; padding: 0;}html { font-size: var(--rem-reset); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; scroll-padding-top: 12em;}body { background: var(--clr-light-bg); font-family: var(--font-stack); font-weight: 400; font-size: var(--font-size-20); /* Set base font size */ line-height: var(--line-height-regular); letter-spacing: var(--tracking-regular); /* Set base font tracking */ text-rendering: optimizeLegibility;}h1,h2,h3,h4,label,strong,b { font-weight: 700; /* Set font weights */}body.no-scroll { margin: 0; height: 100%; overflow: hidden;}.heading-display { font-size: var(--font-size-64); letter-spacing: var(--tracking-regular); line-height: var(--line-height-display); text-align: center; @media (max-width: 1024px) { font-size: var(--font-size-48); } @media (max-width: 767px) { font-size: var(--font-size-36); }}h1 { margin: 0 0 30px; font-size: var(--font-size-48); letter-spacing: var(--tracking-headings); line-height: var(--line-height-headings); @media (max-width: 1199px) { font-size: var(--font-size-36); } @media (max-width: 767px) { font-size: var(--font-size-28); margin-bottom: 20px; }}h2 { font-size: var(--font-size-28); margin: 36px 0 24px; letter-spacing: var(--tracking-headings); line-height: var(--line-height-headings); @media (max-width: 767px) { font-size: var(--font-size-24); }}h3 { font-size: var(--font-size-20); margin: 0;}p { margin: 0 0 24px;}li { margin: 0 0 12px; &:last-of-type { margin: 0 0 24px; }}ul { padding: 0 0 0 1em;}a { color: var(--clr-blue-rich); text-decoration: none; &:hover { text-decoration: underline; }}.align-center { text-align: center;}.pr-md-0 { @media (max-width: 991px) { padding-right: 0; }}.mb-mobile-40 { @media (max-width: 767px) { margin-bottom: 40px; }}.mb-0 { margin-bottom: 0 !important;}.pl-0 { padding-left: 0 !important;}/* Text decorations */.text-decorations { display: inline-block; position: relative; z-index: 1; &::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); width: 110%; height: 200%; z-index: -1; }}.circled-text-img { &::before { background-image: url(/assets/img/circled-text-img.png); }}.underline-text-img { &::before { background-image: url(/assets/img/underline-text-img.png); top: auto; bottom: 0; transform: translate(-50%, 50%); height: 100%; }}/* Content styles */.content-media, .content-image { @media (max-width: 991px) { text-align: center; } img { width: 100%; max-width: 552px; border-radius: var(--radius-media); } video { width: 100%; max-width: 552px; border-radius: var(--radius-media); }}/* Media classes */.md-ten-percent { width: 100%; max-width: 10% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-twenty-percent { width: 100%; max-width: 20% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-thirty-percent { width: 100%; max-width: 30% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-forty-percent { width: 100%; max-width: 40% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-fifty-percent { width: 100%; max-width: 50% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-sixty-percent { width: 100%; max-width: 60% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-seventy-percent { width: 100%; max-width: 70% !important; .with-line { max-width: 100% !important; @media (max-width: 991px) {  max-width: 100% !important; } } @media (max-width: 991px) { max-width: 100% !important; }}.md-eighty-percent { width: 100%; max-width: 80% !important; .with-line { max-width: 100% !important; @media (max-width: 991px) {  max-width: 100% !important; } } @media (max-width: 991px) { max-width: 100% !important; }}.md-ninety-percent { width: 100%; max-width: 90% !important; @media (max-width: 991px) { max-width: 100% !important; }}.md-100-percent { width: 100%; max-width: 100% !important; @media (max-width: 991px) { max-width: 100% !important; }}.content-media.md-sixty-percent { img { max-width: 100% !important; }}.page-inner.content-right { .content-wrap.md-forty-percent { padding: 0 0 0 10px; @media (max-width: 767px) {  padding: 0; } }}.sm-100-percent { @media (max-width: 767px) { width: 100%; max-width: 100% !important; }}.mobile-flex-column { @media (max-width: 767px) { flex-direction: column !important; }}.mobile-w-100 { @media (max-width: 767px) { width: 100% !important; max-width: 100% !important; }}/* Skip to content link */.skip-to-content-link { display: block; background: var(--clr-orange); color: var(--clr-black); margin: 20px; padding: 8px 24px; position: absolute; transform: translateY(-200%); transition: transform 0.2s; font-size: var(--font-size-24);}.skip-to-content-link:focus { transform: translateY(0%);}/* News strip */.news-strip { margin: 10px 10px 0; background: var(--clr-blue-rich); color: var(--clr-white); border-radius: var(--radius-mid); box-sizing: border-box; p { padding: 0.5em 1em; margin: 0; font-size: var(--font-size-18); text-align: center; letter-spacing: var(--tracking-regular); @media (max-width: 767px) {  font-size: var(--font-size-16); } } a { color: inherit; text-decoration: underline; &:hover {  text-decoration: none; } }}/* Header and Navigation */.primary-header { width: 100%; box-sizing: border-box; padding: 30px 50px; display: flex; flex-direction: row; background: white; align-items: center; justify-content: space-between; font-size: var(--font-size-18); @media (max-width: 767px) { padding: 20px 15px; } .site-logo { display: block; text-indent: -9999em; width: 132px; height: 24px; background: url('/assets/svg/logo.svg') center no-repeat; } .btn-nav { display: none; position: relative; padding: 0px; width: 30px; height: 30px; border: none; z-index: 998; background-color: transparent; @media (max-width: 1200px) {  display: block; } &:hover, &:focus {  outline: none; } &--line {  display: inline-block;  height: 3px;  width: 24px;  background-color: var(--clr-blue-dark);  position: absolute;  top: 0px;  left: 50%;  transform: translateX(-50%);  &:first-child {  top: 8px;  }  &:last-child {  top: auto;  bottom: 8px;  } } &.active {  .btn-nav--line {  background-color: #fff;  }  .btn-nav--line:first-child {  transform: translate(-50%, -50%) rotate(45deg);  top: 50%;  }  .btn-nav--line:last-child {  transform: translate(-50%, -50%) rotate(-45deg);  bottom: 40%;  } } } .nav-primary { @media (max-width: 1200px) {  position: fixed;  top: 0;  left: 0;  right: 0;  width: 100%;  max-width: 100%;  bottom: 100vh;  background-color: var(--clr-purple-deep);  z-index: -5;  padding-top: 100px;  padding-bottom: 50px;  min-height: 100vh;  overflow-y: scroll;  opacity: 0; } @media (max-width: 767px) {  padding-top: 80px; } } ul,li { list-style: none; margin: 0; padding: 0; @media (max-width: 991px) {  padding: 5px 0; } } ul { display: flex; align-items: center; @media (max-width: 1200px) {  opacity: 0;  display: block;  text-align: center; } } li.btn-item { @media (max-width: 1200px) {  padding-top: 91px; } } li { position: relative; display: inline-flex; margin: 0 0 0 30px; list-style: none; &:first-of-type {  margin: 0; } @media (max-width: 1200px) {  display: block;  margin: 0; } } .vertical-rule { padding: 12px 0 10px; width: 1px; height: 12px; background-color: var(--clr-grey-light); @media (max-width: 1200px) {  display: none; } } a { color: var(--clr-black); text-decoration: none; @media (max-width: 1200px) {  color: #fff;  font-size: var(--font-size-30);  line-height: 30px;  &.cta--primary {  color: var(--clr-black);  font-size: var(--font-size-18);  } } } a[href="#"] { cursor: default; } .nav-link { display: inline-block; box-sizing: border-box; padding: 15px 0 10px; border-bottom: 4px solid var(--clr-white); &.blue--medium:hover,&.blue--medium.active { border-bottom-color: var(--clr-blue-medium); } &.blue--soft:hover,&.blue--soft.active { border-bottom-color: var(--clr-blue-soft); } &.purple:hover,&.purple.active { border-bottom-color: var(--clr-purple); } &.teal:hover,&.teal.active { border-bottom-color: var(--clr-teal); } &.orange:hover,&.orange.active { border-bottom-color: var(--clr-orange); } &:hover,&.active { border-bottom-color: var(--clr-purple); } @media (max-width: 1200px) {  display: inline-block;  padding: 21px 16px;  border: none; } } /* Dropdown nav */ li:hover, li:focus-within { cursor: pointer; } .use-case ul { -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } ul li ul { visibility: hidden; opacity: 0; width: max-content; /* 250px */ min-width: 264px; position: absolute; transition: all 0.5s ease; left: -6px; top: 42px; display: none; @media (max-width: 1200px) {  display: block;  visibility: visible;  opacity: 1;  position: static;  width: 100%;  background-color: transparent; } li {  display: block;  margin: 18px 0 0;  @media (max-width: 1200px) {  margin: 24px 0 0;  }  a {  display: inline-block;  padding: 2px 0 2px 36px;  background-position: left center;  background-repeat: no-repeat;  background-size: 24px 24px;  &.icon-data-analytics { background-image: url('/assets/svg/icon-data-analytics.svg'); }  &.icon-diple { background-image: url('/assets/svg/icon-diple.svg'); }  &.icon-dna { background-image: url('/assets/svg/icon-dna.svg'); }  &.icon-easy { background-image: url('/assets/svg/icon-easy.svg'); }  &.icon-styles { background-image: url('/assets/svg/icon-styles.svg'); }  &.icon-sales { background-image: url('/assets/svg/icon-sales.svg'); }  &.icon-insights { background-image: url('/assets/svg/icon-insights.svg'); }  &.icon-learning { background-image: url('/assets/svg/icon-learning.svg'); }  &.icon-recruitment { background-image: url('/assets/svg/icon-recruitment.svg'); }  &.icon-support-team { background-image: url('/assets/svg/icon-support-team.svg'); }  &.icon-blog { background-image: url('/assets/svg/icon-blog.svg'); }  &.icon-support { background-image: url('/assets/svg/icon-support.svg'); }  &.icon-events { background-image: url('/assets/svg/icon-events.svg'); }  &.icon-help { background-image: url('/assets/svg/icon-help.svg'); }  &.icon-whitepapers { background-image: url('/assets/svg/icon-whitepapers.svg'); }  &.icon-case-studies { background-image: url('/assets/svg/icon-case-studies.svg'); }  &.icon-install { background-image: url('/assets/svg/icon-install.svg'); }  &.icon-tri-stars { background-image: url('/assets/svg/icon-tri-stars.svg'); }  &.icon-recruitment-agency { background-image: url('/assets/svg/icon-recruitment-agency.svg'); }  &.icon-lead { background-image: url('/assets/svg/icon-lead.svg'); }  &.icon-sales-enablement { background-image: url('/assets/svg/icon-sales-enablement.svg'); }  &.icon-customer-success { background-image: url('/assets/svg/icon-customer-success.svg'); }  &.icon-account-based-marketing { background-image: url('/assets/svg/icon-account-based-marketing.svg'); }  &.icon-content-marketing { background-image: url('/assets/svg/icon-content-marketing.svg'); }  &.icon-contest-microsite { background-image: url('/assets/svg/icon-contest-microsite.svg'); }  &.icon-product-microsite { background-image: url('/assets/svg/icon-product-microsite.svg'); }  @media (max-width: 1200px) {   font-size: var(--font-size-24);   line-height: 24px;   background-image: none !important;   padding: 0;   color: #fff;  }  }  a:hover {  text-decoration: none;  color: var(--clr-blue-soft);  } } } .dropdown { z-index: 10; box-sizing: border-box; padding: 24px; z-index: 20; background: var(--clr-white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 30px 40px -24px rgba(0, 0, 0, 0.1); border-radius: var(--radius-mid);  @media(max-width: 1200px) {  background-color: transparent;  box-shadow: none;  padding: 0;  padding-bottom: 21px; } } @media (max-width: 991px) { ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover, ul li ul:focus {  visibility: hidden;  opacity: 1;  display: none !important; } .show-ul ul.dropdown {  display: block !important;  li {  a {   color: #33CCFF;  }  } } li#link-dropdown a.nav-link {  position: relative;  &:before {  position: absolute;  content: '';  background: url('/assets/svg/icon-caret.svg');  background-repeat: no-repeat;  filter: invert(100%);  width: 22px;  height: 15px;  top: 4px;  right: -17px;  transition: all ease-in 200ms;  } } li.show-ul a.nav-link {  &:before {  transform: rotate(180deg);  } } } ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover, ul li ul:focus { visibility: visible; opacity: 1; display: block; } ul li ul li { clear: both; &:first-child {  @media (max-width: 1200px) {  padding-top: 9px;  } } }}.js-nav-primary,.js-btn-nav{ transition: .1s all ease-out;}.primary-header.active { position: absolute; top: 0; .site-logo { background: url('/assets/svg/logo-light.svg') center no-repeat; z-index: 998; } li.btn-item { padding-top: 20px; } .nav-primary { @media (max-width: 1200px) {  z-index: 997;  bottom: 0;  opacity: 1; } ul {  opacity: 1; } ul li {  a.nav-link {  font-size: 2rem;  display: block;  padding: 15px 10px 0;  text-transform: uppercase;  line-height: 24px;  }  &:first-child {  a {   padding-top: 0;  }  }  ul {  padding: 0  }  ul.dropdown li {  margin: 0;  a {   font-size: 1.8rem;   display: block;   padding: 12.5px 10px 0;   text-transform: uppercase;  }  } } @media (max-width: 991px) {  ul li {  a.nav-link {   display: inline-block;   padding-top: 0;  }  a.nav-link.active {   color: #FFBF25;  }  ul.dropdown li {   a {   padding-top: 0;   display: inline-block;   }  }  } } }}.show-ul ul.dropdown { display: block !important;}/* Content page */.page-wrapper { position: relative; z-index: 10; background: var(--clr-white-bg); padding: 60px 0 90px; overflow: hidden; @media (max-width: 991px) { padding: 60px 0; } @media (max-width: 767px) { padding: 30px 0; } &.small-padding-top { padding-top: 42px; } &.large-padding-top { padding-top: 90px; @media (max-width: 767px) {  padding: 30px 0; } @media (max-width: 991px) {  padding: 30px 0; } } &.small-padding-bottom { padding-bottom: 42px; @media (max-width: 767px) {  padding-bottom: 0; } @media (max-width: 991px) {  padding-bottom: 0; } } &.white { background: var(--clr-white); } &.dark-bg { background: var(--clr-grey-light); }}.page-inner { margin: 0 auto; width: 100%; max-width: 1158px; /* 1128px + padding (15px + 15px) */ padding: 0 15px; .narrow { padding: 0 90px; @media (max-width: 1199px) {  padding: 0 70px; } @media (max-width: 767px) {  padding: 0; } } .content-wrapper h2 { font-size: var(--font-size-28); @media (max-width: 767px) {  font-size: var(--font-size-24); } @media (max-width: 575px) {  font-size: var(--font-size-20); } } h2 { font-size: var(--font-size-48); margin: 12px 0 24px -0.075em; @media (max-width: 991px) {  font-size: var(--font-size-36); } @media (max-width: 767px) {  font-size: var(--font-size-36); } @media (max-width: 575px) {  font-size: var(--font-size-28); } &.headline {  text-align: center;  margin-bottom: 42px; } &.headline-left {  text-align: left;  margin-bottom: 42px; } } .intro-text { margin: 0 0 42px; width: 650px; max-width: 100%; color: var(--clr-grey); } &.bottom-spacing { padding-bottom: 42px; @media (max-width: 767px) {  padding-bottom: 36px;  &:last-of-type {  padding-bottom: 0;  } } } &.bottom-spacing-xl { padding-bottom: 100px; @media (max-width: 991px) {  padding-bottom: 36px; } @media (max-width: 767px) {  padding-bottom: 36px; } } &.bottom-spacing-home { padding-bottom: 60px; @media (max-width: 767px) {  padding-bottom: 42px; } } &.content-right { .content-wrap {  padding: 0 0 0 60px;  @media (max-width: 991px) {  padding: 0 0 0 30px;  }  @media (max-width: 767px) {  padding: 0;  } } } &.content-left { .content-wrap {  @media (max-width: 991px) {  padding: 0 30px 0 0;  }  @media (max-width: 767px) {  padding: 0;  } } } @media (max-width: 767px) { &.content-left {  padding-bottom: 50px;  .content-wrap {  order: 2;  }  .content-media {  order: 1;  margin-bottom: 10px;  } } &.content-right {  padding-bottom: 50px;  .content-wrap {  padding: 0;  } } }}.flex-contents { display: flex; justify-content: space-between; align-items: center; overflow: hidden; &.md-flex-direction { @media (max-width: 991px) {  flex-direction: column; } } &.flex-50>* { width: 50%; @media (max-width: 991px) {  width: 100%; } } &.align-top { align-items: flex-start; } &.sidebar-content { @media (max-width: 1199px) {  flex-direction: column; } } &.align-top-md { @media (min-width: 768px) {  align-items: flex-start; } }}.panels { justify-content: normal; gap: 60px; flex-wrap: wrap; flex-direction: row; @media (max-width: 991px) { gap: 30px; } @media (max-width: 767px) { gap: 40px 0; flex-direction: column; &:last-of-type {  margin-bottom: 0; } }}.panel-group { margin: 60px auto 0;}.panel { width: 100%; max-width: 29%; align-self: baseline; @media (max-width: 767px) { max-width: 100%; text-align: center; &.text-left {  text-align: left; } } img { margin: 0 0 9px; width: 100%; max-width: 54px; } hr { margin: 0 0 18px; width: 54px; max-width: 15%; border: none; height: 3px; background: var(--clr-blue-medium); } h3 { margin: 0 0 6px; font-size: var(--font-size-24); min-height: 3em; } p { margin: 0; font-size: var(--font-size-16); } @media (max-width: 767px) { &:last-of-type {  margin-bottom: 12px; } }}.panel-numbers { box-sizing: border-box; margin: 90px auto 0; padding: 60px; text-align: center; background: var(--clr-panel); border-radius: var(--radius-panels); @media (max-width: 1199px) { padding: 50px 30px; } @media (max-width: 767px) { padding: 40px 30px; } @media (max-width: 375px) { padding: 40px 28px; } @media (max-width: 374px) { padding: 40px 20px; } h2 { margin: 0 auto 30px; font-size: var(--font-size-48); max-width: 100%; @media (max-width: 767px) {  font-size: var(--font-size-36); } @media (max-width: 575px) {  font-size: var(--font-size-28); } @media (max-width: 374px) {  font-size: var(--font-size-24); } } p { margin: 0 auto 60px; width: 740px; max-width: 80%; @media (max-width: 767px) {  max-width: 100%;  margin: 0 auto 40px; } &.numbers {  width: 100%;  max-width: 100%;  margin: 0;  font-size: var(--font-size-16);  @media (max-width: 767px) {  max-width: 60%;  }  @media (max-width: 575px) {  max-width: 100%;  } } span, cite {  display: block; } .number-large {  margin: 0 0 .05em;  line-height: 1;  font-size: var(--font-size-80);  @media (max-width: 767px) {  font-size: var(--font-size-64);  } } cite {  margin: .75em 0 0;  font-size: var(--font-size-14);  text-transform: uppercase;  letter-spacing: var(--tracking-uppercase);  color: var(--clr-mid-grey);  font-style: normal; } }}.number-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 50px; @media (max-width: 1199px) { gap: 30px; } @media (max-width: 767px) { gap: 40px; flex-direction: column; }}.video-shadow,.image-shadow { box-shadow: 0px 20px 60px -20px rgba(0, 0, 0, 0.1);}.purple-gradient { padding-top: 90px; padding-bottom: 90px; background: url('/assets/img/bg-gradient--row.png') top right no-repeat var(--clr-purple-deep); color: var(--clr-white); .add-page{ .page-quote{  background-color: rgba(255, 255, 255, 0.05);  p:before{  background: url(/assets/svg/icon-quote-white.svg) no-repeat center center;  } } @media (max-width: 414px){  .page-quote{   margin-bottom: 1.2em;  } } } @media (max-width: 767px) { padding-top: 40px; padding-bottom: 40px; }}.sidebar-nav { width: 264px; padding: 24px 0 0 30px; box-sizing: border-box; border-left: 1px solid var(--clr-grey-light-65); @media (max-width: 1199px) { border-left: none; margin-bottom: 30px; text-align: center; width: 100%; padding: 0; } ul, li { margin: 0; padding: 0; list-style: none; } li { font-weight: 700; font-size: var(--font-size-20); margin: 0 0 12px; line-height: 1; &:first-of-type {  margin: 0 0 18px;  @media (max-width: 1199px) {  margin: 0 0 10px;  } } @media (max-width: 1199px) {  display: inline-block;  margin: 0;  &:not(:last-child) {  margin-right: 12px;  }  &:first-child {  width: 100%;  margin-right: 0;  } } } a { font-size: var(--font-size-16); font-weight: 400; color: var(--clr-black); text-decoration: none; &:hover {  text-decoration: underline;  &.active {  text-decoration: none;  cursor: default;  } } &.active {  color: var(--clr-grey);  border-bottom: 1px dashed var(--clr-purple-light-50) } }}.eyebrow { font-weight: 700; font-size: var(--font-size-16); color: var(--clr-blue-soft); &.light-eyebrow { color: var(--clr-blue-medium); }}a.arrow { display: inline-block; font-size: var(--font-size-16); color: var(--clr-blue-rich); img { transition: .1s; margin-left: 4px; } &:hover { text-decoration: none; img {  margin-left: 6px; } }}.header-link { display: flex; align-items: center; justify-content: space-between; @media (max-width: 767px) { flex-direction: column; margin-bottom: 30px; align-items: flex-start; } a.arrow:hover { text-decoration: underline; img {  margin-left: 4px; } }}.learn-more-wrap { max-width: 100%; display: flex; /* flex-wrap: wrap; */ justify-content: space-between; align-items: flex-start; gap: 30px; @media (max-width: 767px) { flex-direction: column; }}.learn-more-panel,.learn-more-wrap article { box-sizing: border-box; padding: 24px; background: var(--clr-panel); border-radius: var(--radius-panels); width: 32%; @media (max-width: 767px) { width: 100%; margin-bottom: 30px; } h3 { font-size: var(--font-size-28); margin: 0 0 18px; line-height: 1; } p { font-size: var(--font-size-16); margin: 0 0 12px; }}.learn-more-wrap.add-page { max-width: 100%; display: flex; gap: 44px; flex-wrap: wrap; align-items: stretch; flex-direction: row; margin-top: 30px; @media (max-width: 414px) {  gap: 0px; }}.add-page .learn-more-panel { width: 30%; @media (max-width: 414px){   width: 100%; }}.learn-more-wrap article { background: none; margin: 12px 0 0; padding: 0; a.blog-image { display: block; margin: 0 0 18px; max-height: 210px; overflow: hidden; border-radius: var(--radius-media); box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.05); } img { max-width: 100%; } a { color: var(--clr-black); &:hover {  text-decoration: none; } } h3 { font-size: var(--font-size-24); margin: 0 0 9px; line-height: var(--line-height-headings) } p { margin: 0; font-size: var(--font-size-16); color: var(--clr-mid-grey); }}.tabbed-navigation { padding: 60px 0 30px; border-bottom: 1px solid var(--clr-grey-light-60); &.no-border { padding: 20px 0; border-bottom: none; @media (max-width: 767px) {  padding-top: 0; } } ul, li { margin: 0; padding: 0; } ul { display: flex; font-size: var(--font-size-16); justify-content: center; flex-direction: row; align-items: center; @media (max-width: 767px) {  flex-wrap: wrap;  gap: 1rem; } } li { list-style: none; } button, .toggle-nav li { margin: 0 3px; display: inline-block; padding: 10px 18px; border: none; font-family: inherit; font-size: inherit; border-radius: var(--radius-tabs); background: none; line-height: 1; &:hover, &.active {  background: var(--clr-purple-light-65);  cursor: pointer; } }}.toggle-img { width: 100%; max-width: 100%; display: none; margin: 30px 0 0; border-radius: var(--radius-media); text-align: left; &.visible { display: block; gap: 20px; img {  max-width: 100%; } } @media (min-width: 767px) { picture {  grid-area: img; } h3 {  grid-area: title;  align-self: flex-end; } p {  grid-area: text; } &.visible {  grid-template-columns: 300px auto;  grid-template-rows: min-content;  grid-template-areas:  "title img"  "text img"; } }}.tabbed-content { margin-bottom: 72px; @media (max-width: 767px) { margin-bottom: 30px; }}.inspiration-items { margin: 0; padding: 42px 0 12px; display: flex; max-width: 100%; flex-wrap: wrap; justify-content: space-between; img { display: block; max-width: 100%; margin: 0 0 2.4rem; border-radius: var(--radius-mid); border: 1px solid var(--clr-grey-light); } li { display: none; max-width: 48%; width: 100%; margin: 0 0 48px; padding: 0; list-style: none; @media (max-width: 767px) {  max-width: 100%; } &.visible {  display: block; } } .inspiration-items-copy{ display: grid; justify-content: space-between; gap: 1rem; grid-template-areas:  "div a" "p p";  div{  margin-top: 6px;  display: flex;  flex-wrap: wrap;  gap: .8rem;  grid-area: div;   h2 {  width: 100%;  margin: 0;  font-size: var(--font-size-20);  }   span {  font-size: var(--font-size-16);  font-weight: 400;  color: var(--clr-mid-grey);  margin-right: 8px;  background-color: var(--clr-grey-light);  border-radius: 42px;  padding: 3px 12px;  } }  .link-preview {  font-size: var(--font-size-16);  grid-area: a;  justify-self: right; }   p{  grid-area: p;  font-size: var(--font-size-16);  margin: 0; } }}.content-wrapper { width: 100%; max-width: 840px; @media (max-width: 1199px) { max-width: 100%; }}.content-wrap { box-sizing: border-box; padding: 0 60px 0 0; @media (max-width: 991px) { padding: 0; }}.container-404 { margin: 0 auto; padding: 42px 0; max-width: 90%; text-align: center; width: 400px; h1 { margin: 0 0 12px; } p { margin: 0; } img { display: block; margin: 0 0 24px; width: 100%; }}.comparison-members { h2 { text-align: center; font-size: var(--font-size-48); max-width: 740px; }}/* Events page */.events_intro { display: flex; justify-content: space-evenly; align-items: center; min-height: 400px; gap: 1em; background-color: var(--clr-purple-deep); color: var(--clr-white); padding: 1em; border-radius: 12px; margin-bottom: 1em; text-align: center; @media (max-width: 992px) { flex-wrap: wrap; } img { max-width: 96px; } h1 { font-size: var(--font-size-64); } p { max-width: 744px; } img:first-child { align-self: flex-end; padding-bottom: 2em; } img:last-child { align-self: flex-start; padding-top: 2em; }}.events_news { display: flex; gap: 3rem; justify-content: center; align-items: flex-start; flex-wrap: wrap; @media (min-width: 1200px) { justify-content: space-between; }}.key-events { flex: 1 0 360px; display: flex; align-items: flex-start; gap: 1em; width: 100%;}.table-wrapper { background: #F5FAFC;}.add-page.tablestyle { max-width: 100%; display: flex; gap: 0px; flex-wrap: wrap; align-items: stretch; flex-direction: row; .learn-more-panel:nth-child(1), .learn-more-panel:nth-child(5), .learn-more-panel:nth-child(9) { border-left: 0px solid #ccc; } .learn-more-panel:nth-child(4), .learn-more-panel:nth-child(8), .learn-more-panel:nth-child(12) { border-right: 0px solid #ccc; } .learn-more-panel:nth-child(9), .learn-more-panel:nth-child(10), .learn-more-panel:nth-child(11), .learn-more-panel:nth-child(12) { border-bottom: 0px solid #ccc; } @media (max-width: 767px){ .learn-more-panel:nth-child(even){  border-right: 0px;  } .learn-more-panel:nth-child(9), .learn-more-panel:nth-child(10) {  border-bottom: 1px solid #ccc!important; } } @media (max-width: 500px){ .learn-more-panel{  border-right: 0px!important;  } .learn-more-panel:nth-child(9), .learn-more-panel:nth-child(10), .learn-more-panel:nth-child(11) {  border-bottom: 1px solid #ccc!important; } } .learn-more-panel {  width: 25%;  border-radius: 0px;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  background: none; @media (max-width: 767px){  width: 50%;  margin-bottom: 0px;   } @media (max-width: 500px){  width: 100%;  margin-bottom:0px; } a{  display:none; } h3{  letter-spacing: -0.8px;  font-size: 2rem; } p {  font-size: 1.4rem;  margin: 0 0 12px; } }}/* // CTA before footer */.footer-cta { width: 100%; padding: 90px 2%; box-sizing: border-box; background: url('/assets/img/bg-gradient--footer.png') center center no-repeat var(--clr-purple); background-size: cover; color: var(--clr-white); text-align: center; @media (max-width: 767px) { padding: 90px 30px; } h2 { margin: 0 auto 30px; width: 800px; max-width: 100%; font-size: var(--font-size-48); @media (max-width: 767px) {  font-size: var(--font-size-28); } } p { margin: 0 auto 30px; width: 800px; max-width: 100%; }}/* CTA section (used across platform, comparisons, academy) */.comparisons-cta { background-image: url('/assets/img/bg-comparisons-cta.png'); background-size: cover; background-repeat: no-repeat; display: grid; justify-items: center; padding: 80px 15px; text-align: center; color: white; h2 { font-size: var(--font-size-48); margin: 0 0 16px; } ul { display: flex; gap: 44px; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; max-width: 1128px; li {  list-style: none;  img {  margin-right: 20px;  vertical-align: middle;  } } }}/* CTA before lessons footer in Academy section */.lessons-cta { display: flex; justify-content: center; align-items: center; flex-direction: column; h2{ font-size: var(--font-size-36); margin-bottom: 16px; } p{ font-size: var(--font-size-18); max-width: 592px; margin-bottom: 40px; }}/* Main footer */footer { width: 100%; padding: 64px 0; display: flex; gap: 56px; flex-direction: column; align-items: center; background: linear-gradient(91.5deg, rgba(255, 255, 255, 0.35) 25.21%, rgba(255, 255, 255, 0) 90.55%), #E7F5FA; @media (max-width: 1200px) { padding: 64px 15px; } a { color: var(--clr-black); } section:first-child { width: 100%; max-width: 1128px; display: grid; gap: 6.07rem; grid-template-columns: repeat(auto-fit, minmax(min(176px, 150px), 1fr)); grid-template-rows: auto;  @media (max-width: 1200px) {  gap: 1rem; } a{  @media (max-width: 992px) {  grid-column: 1/-1;  } } a img{  max-width: 100%; } div {  display: flex;  flex-direction: column;  gap: 8px;  font-size: var(--font-size-16);  h4 {  margin: 0 0 8px;  color: var(--clr-mid-grey);  font-weight: 400;  } } } section:last-child { width: 100%; max-width: 1128px; padding-top: 24px; display: flex; justify-content: space-between; border-top: 1px solid var(--clr-grey-light); ; div {  font-size: var(--font-size-14);  &:last-child a {  margin-left: 24px;  } } }}/* Buttons */.cta { display: inline-block; padding: 12px 24px; border: none; border-radius: var(--radius-buttons); font-size: var(--font-size-18); font-family: inherit; line-height: var(--line-height-regular); cursor: pointer; text-decoration: none; color: inherit; img { display: inline-block; margin-left: 10px; } &:hover { text-decoration: none; } &.margin-bottom { margin: 0 0 18px; }}.cta-landing { /* display: inline-block; */ padding: 14px 0; width: 280px; border: none; border-radius: var(--radius-buttons); font-size: var(--font-size-18); font-family: inherit; line-height: var(--line-height-regular); cursor: pointer; text-decoration: none; display: flex; justify-content: center; align-items: center; color: inherit; img { display: inline-block; margin-left: 10px; } &:hover { text-decoration: none; } &.margin-bottom { margin: 0 0 18px; }}.cta--mt20 { margin-top: 20px; @media (max-width: 767px) { margin-top: 0; }}.cta--primary { background: var(--clr-cta-primary); &:hover { background: var(--clr-cta-primary-hover); }}.cta--bold { background: var(--clr-cta-bold); color: var(--clr-white); &:hover { background: var(--clr-cta-bold-hover); }}.cta--ghost { color: var(--clr-cta-bold); background: none; border: 1px solid var(--clr-cta-bold); &:hover { background: var(--clr-ghost-hover); } &.disabled { border-color: var(--clr-grey); color: var(--clr-grey); cursor: default; &:hover {  background: none;  cursor: default; } }}.cta--white { color: var(--clr-black); background: var(--clr-white); &:hover { background: var(--clr-white-hover); }}/* Contact form */.contact-page { max-width: 95%; width: 900px; @media (max-width: 767px) {  padding-bottom: 30px; }}.site-form { border-top: 8px solid var(--clr-purple); box-sizing: border-box; margin: 54px auto 30px; @media (max-width: 767px) {  margin-top: 30px; } padding: 30px; width: 420px; max-width: 95%; background: var(--clr-white); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02), 0px 20px 30px -4px rgba(0, 0, 0, 0.1); border-radius: var(--radius-sm); @media (max-width: 575px) {  padding: 25px; } @media (max-width: 374px) {  padding: 15px; } .cta {  width: 100%;  margin: 30px 0 0;  text-align: center;  box-sizing: border-box; } label {  display: block;  margin: 0 0 12px;  font-size: var(--font-size-14);  color: var(--clr-grey);  &.select {   margin: 0;   display: inline-block;   font-size: var(--font-size-18);   font-weight: normal;   color: var(--clr-black);  } } fieldset {  margin: 0;  padding: 0;  border: none;  display: flex;  gap: 30px;  legend {   text-indent: -999em;   height: 0;   margin: 0;   padding: 0;  }  @media (max-width: 575px) {   gap: 25px;  }  @media (max-width: 374px) {   gap: 15px;  }  input {   width: 50%;  } } input[type=text], input[type=email], select, textarea {  box-sizing: border-box;  display: block;  margin: 0 0 24px;  padding: 12px 18px;  font-size: var(--font-size-18);  width: 100%;  border: none;  background: var(--clr-panel);  border-radius: var(--radius-sm);  font-family: inherit;  color: var(--clr-black); } textarea {  margin: 0;  min-height: 6.67em; } select {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  background-image: url(/assets/svg/select-arr.svg);  background-repeat: no-repeat;  background-position: 96% 50%;  background-size: 24px;  padding-right: 42px; }}div.site-form { margin-bottom: 0;}.contact-page p { margin: 0; font-size: var(--font-size-16); text-align: center;}/* Social proof row */.social-proof { position: relative; z-index: 10; padding: 42px 0; width: 100%; background: var(--clr-white); text-align: center; @media (max-width: 767px) { padding-right: 24px; padding-left: 24px; }}.social-proof--logos { margin: 0 auto; display: inline-block; align-items: center; width: 1158px; max-width: 100%;}.social-proof--subline { margin: 0 auto; display: flex; align-items: center; width: 1158px; max-width: 100%;}.social-proof--logos { padding: 24px 15px 0; position: relative; overflow: hidden; border-top: 1px solid var(--clr-grey-light); justify-content: space-between; @media (max-width: 767px) { flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 1199px) { flex-wrap: wrap; } img { width: 100%; max-width: 100px; width: auto; margin: 15px; vertical-align: middle; @media (min-width: 768px) and (max-width: 1199px) {  margin: 10px; } @media (max-width: 767px) {  max-width: 80px;  margin: 10px; } @media (max-width: 374px) {  max-width: 65px; } &:nth-child(3) {  max-width: 120px; } &.logo-small {  max-width: 50px;  @media (max-width: 767px) {  max-width: 40px;  }  @media (max-width: 991px) {  max-width: 40px;  } } }}.social-proof--subline { justify-content: center; padding: 30px 0 0; font-size: var(--font-size-14); a { line-height: 1; &:nth-of-type(2) {  padding-bottom: 2px;  line-height: 1px;  margin-left: 10px; } }}.page-wrapper.press-release { padding-top: 0; padding-bottom: 0; background: #FFF;}.press-release { .page-inner { padding-top: 50px; padding-bottom: 0; /*border-bottom: 1px solid #ECF0F5;*/ .pr-logo { img { height: 64px; } } .pr-title { h2 { font-size: 3.6rem; margin-left: 27.5rem; margin-right: 27.5rem; margin-bottom: 25px; } } @media (max-width: 767px) { .pr-title { h2 {  font-size: 2.8rem;  margin-left: 0;  margin-right: 0; } } } @media (min-width: 768px) and (max-width: 1024px) { .pr-title { h2 {  margin-left: 10rem;  margin-right: 10rem; } } } }}.faq-page { padding: 3em 0; .content-wrapper { p { font-size: 1.8rem; line-height: 27px; &:last-of-type { margin-bottom: 0; } } }}.sidebar-nav { width: 230px; ul { display: flex; flex-direction: column; gap: .5em; } @media (max-width: 1199px) { border-left: none; margin-bottom: 30px; text-align: center; padding: 0; width: 100%; } @media (min-width: 1300px) { position: sticky; left: calc((100% - (230px + 840px))/2); top: 0; }}.faq-list { break-before: column; margin-bottom: 40px; &:first-of-type { padding-top: 40px; } &:last-of-type { margin-bottom: 0; } h3 { margin-bottom: 15px; }}.faq-item { margin-bottom: 15px; page-break-inside: avoid;   /* Theoretically FF 20+ */ break-inside: avoid-column;   /* Chrome, Safari, IE 11 */ &:last-of-type { margin-bottom: 0; } .faq-question { background-color: #ECF0F5; padding: 15px; display: flex; justify-content: space-between; align-items: center; color: #000; border-radius: 8px; &:hover { text-decoration: none; cursor: pointer; } img, svg { transition: all ease-in 200ms; } &.active { border-radius: 8px 8px 0 0; img, svg { transform: rotate(45deg); } } h3{margin: 0;} h4 { font-size: 2rem; font-weight: 400; line-height: 30px; margin: 0; margin-right: 20px; } } .faq-answer { max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.2s ease, padding 0.2s ease; background-color: #ECF0F5; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; &.open {  max-height: 1000px;  padding: 0 15px 15px; } p {  font-size: 1.8rem;  line-height: 27px;  color: #3D3E43;  &:last-of-type {  margin-bottom: 0;  } } li {  font-size: 1.8rem;  line-height: 27px;  color: #3D3E43;  &:last-of-type {  margin-bottom: 0;  } } ul {  padding-left: 45px;  margin-top: 0; } }}.policies{ padding: 3em 0;}.creative-agency.page-inner { max-width: 45%; @media (max-width: 414px) { max-width: 90%; }}.faq-home{ width: 100%; max-width: 1128px; padding: 9rem 15px; margin-inline: auto; @media (min-width: 1128px) { padding: 9rem 0; } h2{ margin: 0 0 2.4rem; } & > div{ display: grid; grid-template-columns: repeat(auto-fit, minmax(396px, 1fr)); gap: 1.2rem; article{  width: 100%; .faq-question, .faq-answer{ background-color: white; } h3{ font-weight: 400; } } }}.accordion-element { padding: 3em 0; .content-wrapper { p { font-size: 1.8rem; line-height: 27px; &:last-of-type { margin-bottom: 0; } } }}.sidebar-nav { width: 230px; ul { display: flex; flex-direction: column; gap: .5em; } @media (max-width: 1199px) { border-left: none; margin-bottom: 30px; text-align: center; padding: 0; width: 100%; } @media (min-width: 1300px) { position: sticky; left: calc((100% - (230px + 840px))/2); top: 0; }}.accordion-list { break-before: column; margin-bottom: 40px; &:first-of-type { padding-top: 40px; } &:last-of-type { margin-bottom: 0; } h3 { margin-bottom: 15px; }}.accordion-item { margin-bottom: 15px; page-break-inside: avoid;   /* Theoretically FF 20+ */ break-inside: avoid-column;   /* Chrome, Safari, IE 11 */ &:last-of-type { margin-bottom: 0; } .accordion-question { background-color: #ECF0F5; padding: 15px; display: flex; justify-content: space-between; align-items: center; color: #000; border-radius: 8px; &:hover { text-decoration: none; cursor: pointer; } img, svg { transition: all ease-in 200ms; } &.active { border-radius: 8px 8px 0 0; img, svg { transform: rotate(45deg); } } h3{ margin: 0; font-weight: normal; } h4 { font-size: 2rem; font-weight: 400; line-height: 30px; margin: 0; margin-right: 20px; } @media (max-width: 414px){ svg {  width: 100% !important;  height: 100% !important;  max-width: 28px; } } } .accordion-question svg {  padding: 6px;  width: 24px;  height: 24px;  background: #A8ECFE;  border-radius: 200px; } .accordion-question svg path {  fill: #2E4AE4; } .accordion-answer { display: none; &.open { display: block; } background-color: #ECF0F5; padding: 0 15px 15px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; hr {  margin: 0;  padding-bottom: 10px;  border-top: 1px #0000001a solid;  border-left: 0;  border-right: 0;  border-bottom: 0; } p { font-size: 1.8rem; line-height: 27px; color: #3D3E43; &:last-of-type { margin-bottom: 0; } } li { font-size: 1.8rem; line-height: 27px; color: #3D3E43; &:last-of-type { margin-bottom: 0; } } ul { padding-left: 45px; margin-top: 0; } } }.policies{ padding: 3em 0;}.accordion-style.page-inner { max-width: 1128px; @media (max-width: 414px) { max-width: 90%; }}.design-services-page{ .accordion-style.page-inner{ max-width: 60%; }}.accordion-home{ width: 100%; max-width: 1128px; padding: 9rem 15px; margin-inline: auto; @media (min-width: 1128px) { padding: 9rem 0; } h2{ margin: 0 0 2.4rem; } & > div{ display: grid; grid-template-columns: repeat(auto-fit, minmax(396px, 1fr)); gap: 1.2rem; article{ width: 100%; .accordion-question, .accordion-answer{ background-color: white; } h3{ font-weight: 400; } } }}.landing-page { .page-inner { @media (max-width: 767px) { text-align: center; } } .quote { width: 100%; padding: 50px; z-index: 100; @media (max-width: 767px) { padding: 25px; } p { font-size: 2.4rem; line-height: 36px; @media (max-width: 767px) { text-align: left; &:before {  margin-left: 0; } } } p.big-quote { font-size: 3.6rem; line-height: 43.2px; @media (max-width: 767px) { font-size: 2.4rem; line-height: 36px; } } } .social-proof { padding: 0; h4 { color: #000; width: 100%; text-align: center; border-bottom: 1px solid #E5E6EA; line-height: 0; margin: 15px 0; span { font-size: 1.4rem; text-transform: uppercase; background: #fff; padding: 0 15px; letter-spacing: 0.1em; } @media (max-width: 767px) { display: none; } } } .social-proof-grey { background: none; h4 { span { background: #F5FAFC; } } } .social-proof--logos { border-top: none; } span.eyebrow { color: #33CCFF; }}.top-section { padding-top: 0 !important;}.landing-header { background: transparent !important;}.floating-quote-before { padding-bottom: 200px !important; @media (max-width: 767px) { padding-bottom: 250px; }}.floating-quote { .quote { margin-top: -220px; margin-bottom: 100px; }}.overflow-visible { overflow: visible !important;}.gradient-bg-rev { background: linear-gradient(360deg, #FFFFFF 0%, rgba(255,255,255,0) 100%),#E7F1F3 !important;}.site-form { label.form-header-sm { font-size: 1.6rem; font-weight: 400; text-align: center; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; } label.form-footer-sm { font-size: 1.4rem; font-weight: 400; text-align: center; letter-spacing: -0.5px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; &:last-of-type { margin-top: 15px; margin-bottom: 0; } img { margin-right: 10px; } }}.content-sm { margin: 0 auto 45px; width: 775px; max-width: 90%; @media (max-width: 767px) { max-width: 100%; } @media (max-width: 991px) { margin-bottom: 30px; } h1 { @media (max-width: 767px) { font-size: 3.6rem; line-height: 41.8px; } } h2 { font-size: 4.8rem; line-height: 58px; margin: 0 0 20px; &:first-child { margin-top: 0; } @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; margin: 12px 0 27px -0.075em; } @media (max-width: 991px) { margin-top: 20px; } br { @media (max-width:767px) { display: none; } } } h2.font-80 { font-size: 3.6rem; line-height: 46px; @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; } } h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 12px; @media (max-width: 767px) { line-height: 30px; } @media (max-width: 991px) { line-height: 30px; } } h3.sub_header { font-weight: 400; margin-top: 35px; margin-bottom: 35px; letter-spacing: -.02em; @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; letter-spacing: 0; } } h3.sub_header2 { font-size: 3.2rem; font-weight: 400; line-height: 42px; margin-top: 35px; margin-bottom: 35px; &:first-child { margin-top: 0 } @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; } } h4 { font-size: 3.6rem; font-weight: 400; line-height: 36px; margin: 20px 0; } h4.font-80 { font-size: 2.4rem; line-height: 27px; margin-bottom: 20px; } p { margin: 0 0 20px; font-size: 1.8rem; @media (max-width: 767px) { font-size: 2rem; line-height: 30px; width: 100%; } &:last-of-type { @media (max-width: 767px) { margin-bottom: 25px; } @media (max-width: 991px) { margin-bottom: 25px; } } &.w-80 { width: 80%; } &.w-70 { width: 70%; } a { color: #0071AF; text-decoration: underline; } a.blue-link { font-size: 1.6rem; color: #134FEA; text-decoration: none; letter-spacing: -0.5px; &:hover { text-decoration: underline; } } a.text-blue { color: #134FEA; text-decoration: none; &:hover { text-decoration: underline; } } } &:last-of-type { margin-bottom: 0; } .color-blue { color: #0071AF; } .small-text { p { font-size: 1.6rem; line-height: 24.8px; margin: 0 0 20px; } } .big-text { p { font-size: 2rem; line-height: 30px; } } .benefits-table { h2 { @media (max-width: 767px) { font-size: 2.4rem; } } }}.content-wide { margin: 0 auto 45px; width: 100%; @media (max-width: 767px) { max-width: 100%; } @media (max-width: 991px) { margin-bottom: 30px; } h1 { @media (max-width: 767px) { font-size: 3.6rem; line-height: 41.8px; } } h2 { font-size: 4.8rem; line-height: 58px; margin: 0 0 20px; &:first-child { margin-top: 0; } @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; margin: 12px 0 27px -0.075em; } @media (max-width: 991px) { margin-top: 20px; } br { @media (max-width:767px) { display: none; } } } h2.font-80 { font-size: 3.6rem; line-height: 46px; @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; } } h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 12px; @media (max-width: 767px) { line-height: 30px; } @media (max-width: 991px) { line-height: 30px; } } h3.sub_header { font-weight: 400; margin-top: 35px; margin-bottom: 35px; letter-spacing: -.02em; @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; letter-spacing: 0; } } h3.sub_header2 { font-size: 3.2rem; font-weight: 400; line-height: 42px; margin-top: 35px; margin-bottom: 35px; &:first-child { margin-top: 0 } @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; } } h4 { font-size: 3.6rem; font-weight: 400; line-height: 36px; margin: 20px 0; } h4.font-80 { font-size: 2.4rem; line-height: 27px; margin-bottom: 20px; } p { margin: 0 0 20px; font-size: 1.8rem; @media (max-width: 767px) { font-size: 2rem; line-height: 30px; width: 100%; } &:last-of-type { margin-bottom: 0; @media (max-width: 767px) { margin-bottom: 25px; } @media (max-width: 991px) { margin-bottom: 25px; } } &.w-80 { width: 80%; } &.w-70 { width: 70%; } a { color: #0071AF; text-decoration: underline; } a.blue-link { font-size: 1.6rem; color: #134FEA; text-decoration: none; letter-spacing: -0.5px; &:hover { text-decoration: underline; } } a.text-blue { color: #134FEA; text-decoration: none; &:hover { text-decoration: underline; } } } &:last-of-type { margin-bottom: 0; } .color-blue { color: #0071AF; } .small-text { p { font-size: 1.6rem; line-height: 24.8px; margin: 0 0 20px; } } .big-text { p { font-size: 2rem; line-height: 30px; } } .benefits-table { h2 { @media (max-width: 767px) { font-size: 2.4rem; } } }}.content-md { margin: 0 auto 45px; width: 991px; max-width: 80%; @media (max-width: 767px) { max-width: 100%; } @media (max-width: 991px) { margin-bottom: 30px; } h1 { @media (max-width: 767px) { font-size: 3.6rem; line-height: 41.8px; } } h2 { font-size: 4.8rem; line-height: 58px; margin: 0 0 20px; &:first-child { margin-top: 0; } @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; margin: 12px 0 27px -0.075em; } @media (max-width: 991px) { margin-top: 20px; } br { @media (max-width:767px) { display: none; } } } h2.font-80 { font-size: 3.6rem; line-height: 46px; @media (max-width: 767px) { font-size: 2.8rem; line-height: 33.6px; } } h3 { font-size: 2.4rem; line-height: 30px; margin-bottom: 12px; @media (max-width: 767px) { line-height: 30px; } @media (max-width: 991px) { line-height: 30px; } } h3.sub_header { font-weight: 400; margin-top: 35px; margin-bottom: 35px; letter-spacing: -.02em; @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; letter-spacing: 0; } } h3.sub_header2 { font-size: 3.2rem; font-weight: 400; line-height: 42px; margin-top: 35px; margin-bottom: 35px; &:first-child { margin-top: 0 } @media (max-width: 767px) { font-size: 2.4rem; line-height: 30px; } } h4 { font-size: 3.6rem; font-weight: 400; line-height: 36px; margin: 20px 0; } h4.font-80 { font-size: 2.4rem; line-height: 27px; margin-bottom: 20px; } p { margin: 0 0 20px; font-size: 1.8rem; @media (max-width: 767px) { font-size: 2rem; line-height: 30px; width: 100%; } &:last-of-type { @media (max-width: 767px) { margin-bottom: 25px; } @media (max-width: 991px) { margin-bottom: 25px; } } &.w-80 { width: 80%; } &.w-70 { width: 70%; } a { color: #0071AF; text-decoration: underline; } a.blue-link { font-size: 1.6rem; color: #134FEA; text-decoration: none; letter-spacing: -0.5px; &:hover { text-decoration: underline; } } a.text-blue { color: #134FEA; text-decoration: none; &:hover { text-decoration: underline; } } } &:last-of-type { margin-bottom: 0; } .color-blue { color: #0071AF; } .small-text { p { font-size: 1.6rem; line-height: 24.8px; margin: 0 0 20px; } } .big-text { p { font-size: 2rem; line-height: 30px; } } .benefits-table { h2 { @media (max-width: 767px) { font-size: 2.4rem; } } }}.content-row { display: flex; margin-left: 0; margin-right: 0; justify-content: space-between; flex-wrap: wrap; @media (max-width: 767px) { display: block !important; } @media (max-width: 991px) { display: flex; }}.landing-row { display: flex; margin-left: 0; margin-right: 0; justify-content: space-between; flex-wrap: wrap; padding-bottom: 40px; @media (max-width: 767px) { display: flex; justify-content: space-between; padding-bottom: 0; } @media (max-width: 991px) { display: flex; justify-content: center; padding-top: 30px; padding-bottom: 0; }}.landing-icon { text-align: center; @media (max-width: 767px) { max-width: 50%; flex: 0 0 50%; } p { font-size: 1.6rem !important; line-height: 24px !important; margin-top: 10px !important; }}.content-panel { text-align: left; background-color: #ECF0F5; border-radius: 12px; padding: 24px; @media (max-width: 767px) { &:not(:last-of-type) { margin-bottom: 15px; } } @media (max-width: 991px) { &:not(:last-of-type) { margin-bottom: 15px; } } &.col-4 { max-width: 32%; flex: 0 0 32%; @media (max-width: 767px) { max-width: 100% !important; flex: 0 0 100% !important; } @media (max-width: 991px) { max-width: 100%; flex: 0 0 100%; } } &.col-3 { max-width: 24%; flex: 0 0 24%; @media (max-width: 767px) { max-width: 100% !important; } @media (max-width: 991px) { max-width: 100%; flex: 0 0 100%; } } &.col-2 { max-width: 49%; flex: 0 0 49%; @media (max-width: 767px) { max-width: 100%; } @media (max-width: 991px) { max-width: 100%; } } h3 { font-size: 2.8rem; line-height: 34px; br { @media (max-width: 991px) { display: none; } } } p { font-size: 1.8rem; line-height: 27px; margin-top: 10px; &:last-of-type { margin-bottom: 0; } br { @media (max-width: 991px) { display: none; } } } &.panel-with-icon { text-align: center; } &.no-bg { background: none; }}.d-flex { display: flex; align-items: center; padding: 0; p { font-size: 1.6rem; line-height: 27px; margin-top: 0; margin-left: 20px; text-align: left; letter-spacing: -0.05em; @media (max-width: 991px) { letter-spacing: 0; } }}.landing-faq-item { display: flex; justify-content: space-between; border-bottom: 1px solid #ECF0F5; padding: 40px 0; &:first-of-type { border-top: 1px solid #ECF0F5; } @media (max-width: 767px) { display: block; text-align: left; } h3 { font-size: 2.4rem; line-height: 28.8px; } p { font-size: 2rem; line-height: 30px; color: #3D3E43; &:last-of-type { margin-bottom: 0; } }}.landing-faq-question { display: flex; justify-content: space-between; @media (max-width: 767px) { display: block; } span { font-size: 2.4rem; font-weight: 400; line-height: 28.8px; margin-right: 30px; } h3 { width: 85%; @media (max-width: 767px) { width: 100%; } }}.landing-faq-question,.landing-faq-answer { width: 45%; @media (max-width: 767px) { width: 100%; }}.landing-footer { }.landing-footer-cta { width: 100%; padding: 90px 2%; box-sizing: border-box; background: url('/assets/img/bg-gradient--footer2.jpg') center center no-repeat var(--clr-purple); background-size: cover; color: var(--clr-white); text-align: center; @media (max-width: 767px) { padding: 70px 35px; } &.landing-footer-cta-wide { h2 { width: 1000px; } } h2 { margin: 0 auto 15px; width: 800px; max-width: 100%; font-size: 4.8rem; font-weight: 700; letter-spacing: -.04em; line-height: 1.2; @media (max-width: 767px) { font-size: 38px; line-height: 41.8px; } } p { font-size: 2rem; line-height: 30px; margin-bottom: 0; } a.cta { margin-top: 40px; padding-left: 40px; padding-right: 40px; } small { display: block; font-size: 1.4rem; line-height: 21px; margin-top: 10px; } ul { margin-top: 50px !important; padding-left: 50px; padding-right: 50px; @media (max-width: 767px) { padding-left: 0; padding-right: 0; } p { margin-bottom: 20px; } li { text-align: left; position: relative; list-style-type: none; padding-left: 40px; &:before { position: absolute; content: ''; background-image: url('/assets/svg/icon-check-white.svg'); background-repeat: no-repeat; background-position: center; width: 28px; height: 28px; top: 0; left: 0; } @media (max-width: 767px) { font-size: 1.8rem; line-height: 28px; } } }}.landing-footer-copyright { padding: 40px 0; .footer-copyright { display: flex; align-items: center; justify-content: space-between; @media (max-width: 767px) { display: block; } p { font-size: 1.4rem; line-height: 14px; color: #454545; margin-bottom: 0; @media (max-width: 767px) { margin-bottom: 10px; } } } p { font-size: 1.4rem; line-height: 14px; color: #454545; margin-bottom: 0; } ul { margin: 0; padding: 0; list-style-type: none; li { margin: 0; display: inline-block; a { font-size: 1.4rem; color: #454545; } &:not(:last-of-type) { margin-right: 20px; } } }}.landing-table { position: relative; background: #FFF; border-radius: 6px; padding: 75px 50px 50px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02), 0px 20px 30px rgba(0, 0, 0, 0.1); @media (max-width: 767px) { padding: 50px 30px 30px; } &.mt-30 { @media (max-width: 767px) { margin-top: 30px; } } &.with-margin-top { @media (max-width: 767px) { margin-top: 30px; } } &:before { position: absolute; content: ''; background-color: #EF5B5B; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; height: 24px; top: 0; left: 0; } h3 { font-size: 2.8rem; line-height: 33.6px; text-align: center; @media (max-width: 767px) { font-size: 2.4rem; line-height: 28.8px; } } ul { padding-left: 0; li { position: relative; list-style-type: none; padding-left: 40px; &:before { position: absolute; content: ''; background-image: url('/assets/svg/icon-x.svg'); background-repeat: no-repeat; width: 30px; height: 30px; top: 0; left: 0; @media (max-width: 767px) {  width: 24px;  height: 24px;  background-size: 100%; } } @media (max-width: 767px) { font-size: 1.6rem; line-height: 24px; text-align: left; } } }}span.font-italic { font-style: italic;}.content-media-bg { background-color: #ECF0F5; border-radius: 16px; padding: 75px 0 0; @media (max-width: 767px) { padding: 30px 0 0; }}.bottom-hr { padding-bottom: 30px; border-bottom: 1px solid #ECF0F5;}.landing-vid-testimonial { video, .ytvideo { margin-bottom: 20px; @media (max-width: 767px) { margin-bottom: 20px; margin-top: 20px; height: 200px !important; } @media (max-width: 1199px) { margin-bottom: 20px; margin-top: 20px; height: 400px; } } .ytvideo { width: 100%; height: 330px; background-image: url(/assets/img/yt-thumb.png); background-size: 100%; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; iframe { border-style: none; height: 100%; width: 100%; border-radius: 12px; } .playbutton { background-image: url(/assets/svg/icon-play-button.svg); background-repeat: no-repeat; width: 40px; height: 40px; border-radius: 100%; box-shadow: 0 0 0 15px rgba(255,255,255,0.2); transition: all ease-in 300ms; &:hover { box-shadow: 0 0 0 15px rgba(255,255,255,0.3); transform: scale(1.1); } } } h3 { font-size: 3.6rem !important; font-weight: 400; line-height: 43.2px !important; @media (max-width: 767px) { font-size: 2.4rem !important; line-height: 28.8px !important; } } p { font-size: 2rem; line-height: 30px; @media (max-width: 767px) { font-size: 1.8rem; line-height: 28px; } } .big-text { p { @media (max-width: 767px) { font-size: 1.8rem; line-height: 28px; text-align: center !important;; } } } cite { margin: 30px 0 0; font-style: normal; color: #3D3E43; font-size: 1.6rem; display: inline-block; }}.align-left-md { @media (max-width: 991px) { text-align: left !important; }}.imgvideo { cursor: pointer;}.ytvideo { position: relative; margin: 0; padding: 0; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; cursor: pointer;}.purple-gradient-bg { width: 100%; padding: 90px 5%; box-sizing: border-box; background: url('/assets/img/bg-gradient--footer2.jpg') center center no-repeat var(--clr-purple); background-size: cover; border-radius: 12px; color: #FFF; @media (max-width: 767px) { padding: 5%; }}.inpage-heading { li { @media (max-width: 767px) { width: unset !important; } }}.pillar-post { .tabbed-navigation { ul.toggle-nav { text-align: center; li { @media (max-width: 767px) {  width: unset; } } } }}.mt-30 { margin-top: 30px;}