@charset "UTF-8";
/* =============================================================================
// TYPEFORM-RESULTS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// ========================================================================== */
/* =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Base
//   02. Site Styles
// ========================================================================== */
/* Base
// ========================================================================== */
/* =============================================================================
// __FUNCTIONS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// ========================================================================== */
/* =============================================================================
// __MIXINS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// ========================================================================== */
/* =============================================================================
// __VARIABLES.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// ========================================================================== */
/* Site Styles
// ========================================================================== */
/* =============================================================================
// _TEMPLATE-TYPEFORM-RESULTS.SCSS
// -----------------------------------------------------------------------------
// Site styles.
// ========================================================================== */
.tco-template-typeform-results {
  --c-base:                                #3d3d3d;
  --c-base-head:                           #121212;
  --typeform-results-spacing-y:            14vmin;
  --typeform-results-content-max-width:    38rem;
  padding: 1px 0; }
  .tco-template-typeform-results main {
    padding-top: var(--typeform-results-spacing-y);
    padding-bottom: var(--typeform-results-spacing-y); }
    .tco-template-typeform-results main + footer {
      padding-top: var(--typeform-results-spacing-y);
      padding-bottom: var(--typeform-results-spacing-y);
      background-color: var(--c-base-bg-alt); }
  .tco-template-typeform-results .tco-content {
    --content-spacing-media:    1.95312rem;
    max-width: var(--typeform-results-content-max-width);
    margin-left: auto;
    margin-right: auto; }
    .tco-template-typeform-results .tco-content .tco-alert {
      --alert-border-radius:       20px;
      --alert-padding-x:           calc(1.25rem + 0.16777rem);
      --alert-padding-y:           1.25rem;
      --alert-font-size:           0.8rem;
      --alert-font-weight:         var(--fw-base);
      --alert-letter-spacing:      0px;
      --alert-line-height:         1.6;
      --alert-color:               var(--c-base-head);
      --alert-border-color:        var(--c-typeform-results-alert);
      --alert-background-color:    var(--c-typeform-results-alert);
      align-items: flex-start;
      max-width: 24rem;
      margin-left: auto;
      margin-right: auto; }
      .tco-template-typeform-results .tco-content .tco-alert .tco-svg {
        margin-top: 0.16777rem;
        margin-right: calc(var(--alert-padding-x) * 0.512);
        font-size: 1.5625em;
        color: var(--alert-border-color); }
      .tco-template-typeform-results .tco-content .tco-alert strong {
        display: block;
        margin-bottom: 0.26214em;
        line-height: 1.5; }
      .tco-template-typeform-results .tco-content .tco-alert span {
        font-style: italic; }
    .tco-template-typeform-results .tco-content nav.tco-junction-box {
      --c-base-bg-alt:            #e0e0e0;
      --c-btn-outlined-bg:        var(--c-base-bg);
      --c-btn-outlined-bg-int:    var(--c-base-bg);
      --btn-height:               2.5rem;
      margin-bottom: calc((var(--content-spacing-media) * -1) - (var(--btn-height) / 2)); }
      @media (min-width: 1400px) {
        .tco-template-typeform-results .tco-content nav.tco-junction-box {
          --btn-height:    2rem; } }
    .tco-template-typeform-results .tco-content h1 {
      margin: 0 auto 0.512em;
      font-family: var(--ff-base);
      font-size: 56px;
      font-weight: var(--fw-base-bold);
      letter-spacing: -0.02815em;
      text-align: center;
      text-transform: none; }
      @media (min-width: 320px) {
        .tco-template-typeform-results .tco-content h1 {
          font-size: calc(56px + (72 - 56) * ((100vw - 320px) / (1200 - 320))); } }
      @media (min-width: 1200px) {
        .tco-template-typeform-results .tco-content h1 {
          font-size: 72px; } }
      .tco-template-typeform-results .tco-content h1 span {
        background: linear-gradient(to bottom, transparent 71%, var(--c-base-accent) 71% 86%, transparent 86%); }
    .tco-template-typeform-results .tco-content p > a {
      position: relative;
      z-index: 1;
      font-weight: var(--fw-base-bold);
      text-decoration: none;
      white-space: nowrap;
      color: var(--c-base-head);
      cursor: pointer; }
      .tco-template-typeform-results .tco-content p > a:before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom, transparent 71%, var(--c-base-accent) 71%);
        opacity: 0.22;
        pointer-events: none; }
      .tco-template-typeform-results .tco-content p > a:hover {
        text-decoration: none;
        color: var(--c-base-head); }
        .tco-template-typeform-results .tco-content p > a:hover:before {
          opacity: 0.44; }
    .tco-template-typeform-results .tco-content .tco-form {
      --form-textarea-min-height:    12em;
      --form-textarea-padding-y:     0.45em; }
      .tco-template-typeform-results .tco-content .tco-form .tco-btn {
        --btn-font-family:       var(--ff-base);
        --btn-font-size:         0.8rem;
        --btn-font-weight:       var(--fw-base-bold);
        --btn-letter-spacing:    0px;
        --btn-text-transform:    none; }
    .tco-template-typeform-results .tco-content hr {
      opacity: 0; }

ul.tco-typeform-results-results-info {
  grid-gap: calc(var(--content-spacing) / 2);
  grid-template-columns: 1fr;
  max-width: var(--typeform-results-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none; }
  @media (min-width: 750px) {
    ul.tco-typeform-results-results-info.is-2x {
      grid-template-columns: 1fr 1fr; } }
  ul.tco-typeform-results-results-info li {
    border-radius: 10px;
    padding: 1.5625em;
    font-size: 0.8em;
    list-style: none;
    background-color: var(--c-base-bg-alt); }
    ul.tco-typeform-results-results-info li + li {
      margin: 0; }
    ul.tco-typeform-results-results-info li strong {
      display: block;
      margin-bottom: 0.64em;
      font-size: 0.8em;
      letter-spacing: 0.035em;
      line-height: 1.4;
      text-transform: uppercase;
      vertical-align: baseline;
      color: var(--c-base-accent); }
    ul.tco-typeform-results-results-info li p {
      font-size: 1em; }
    ul.tco-typeform-results-results-info li a {
      color: currentColor;
      text-decoration: underline; }
      ul.tco-typeform-results-results-info li a:hover {
        color: var(--c-base-accent); }

.tco-typeform-results-pricing {
  --option-spacing-y-outer:    4.76837rem;
  --option-spacing-y-inner:    1.25rem;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto 2px auto;
  width: 92%;
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 750px) {
    .tco-typeform-results-pricing {
      grid-template-columns: 1fr 2px 1fr;
      grid-template-rows: 1fr;
      width: 100%;
      max-width: none; } }
  .tco-typeform-results-pricing .is-option {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: var(--option-spacing-y-outer); }
    .tco-typeform-results-pricing .is-option:only-child {
      grid-column: 1 / -1;
      grid-row: 1 / -1; }
    .tco-typeform-results-pricing .is-option strong {
      display: block;
      width: 100%;
      position: relative;
      margin-bottom: var(--option-spacing-y-inner);
      padding-top: var(--option-spacing-y-outer);
      font-size: 3.05176em;
      line-height: 1; }
      .tco-typeform-results-pricing .is-option strong span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 0.64rem;
        letter-spacing: 0.065em;
        line-height: 1;
        text-transform: uppercase;
        color: var(--c-base-captions);
        transform: translate3d(0, calc((var(--option-spacing-y-outer) / 2) - 2%), 0); }
    .tco-typeform-results-pricing .is-option .tco-btn {
      --btn-width:          100%;
      --btn-max-width:      16em;
      --btn-height:         4em;
      --btn-font-family:    var(--ff-base);
      --btn-font-size:      0.8rem;
      --btn-font-weight:    var(--fw-base-bold); }
  .tco-typeform-results-pricing .is-divider {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--c-base-border); }
    .tco-typeform-results-pricing .is-divider span {
      display: block;
      padding: 0.512em 0.512em;
      font-family: var(--ff-base);
      font-weight: var(--fw-base-bold);
      line-height: 1;
      text-transform: lowercase;
      color: var(--c-base-head);
      background-color: var(--c-base-bg); }

.tco-typeform-results-small {
  max-width: var(--typeform-results-content-max-width);
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
  text-align: center; }
  .tco-typeform-results-small a {
    color: currentColor;
    text-decoration: underline; }
    .tco-typeform-results-small a:hover {
      color: var(--c-base-accent); }

.tco-pricing-options {
  width: 100%; }

.tco-coe-section-one-plans .tco-coe-one-plan {
  margin-top: 20px !important; }

.tco-coe-section-one-plans .tco-coe-one-plans.single {
  justify-content: flex-start; }

ul.tco-typeform-results-results-info li,
ul.tco-typeform-results-results-info li + li {
  margin-bottom: 20px; }

.support-options {
  margin-top: 3em; }

.support-options-grid {
  margin-top: 20px; }