@font-face {
  font-family: "TWK Lausanne Pan";
  src: url("/fonts/TWKLausanne-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne Pan";
  src: url("/fonts/TWKLausanne-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "TWK Lausanne Pan";
  src: url("/fonts/TWKLausanne-500Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Georgia Pro Condensed";
  src: url("/fonts/GeorgiaPro-CondItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --font-sans: "TWK Lausanne Pan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --color-ground: oklab(11.4% 0.018 -0.005);
  --color-ground-lift: oklab(69.3% -0.0005 -0.008);
  --color-ink: #dcd9db;
  --color-ink-strong: #dbe4e5;
  --color-ink-soft: #dcd9dba3;
  --color-ink-faint: #ffffff61;
  --color-line: #dcd9db29;
  --paper-bg-top: var(--color-ground);
  --paper-bg-bottom: var(--color-ground-lift);
  --paper-grad: linear-gradient(in oklab 180deg, var(--paper-bg-top) 68.46%, var(--paper-bg-bottom) 100%);
  --paper-text: #fff;
  --paper-body: #ffffffd1;
  --paper-muted: #ffffff73;
  --paper-faint: #ffffff59;
  --paper-rule: #ffffff24;
  --paper-rule-soft: #ffffff17;
  --paper-sans: var(--font-sans);
  --paper-serif: var(--font-serif);
  --paper-ease: cubic-bezier(.22, .61, .36, 1);
}

html,
body {
  background-color: var(--paper-bg-top) !important;
  background-image: var(--paper-grad) !important;
  background-attachment: fixed !important;
}

body.flow-left::before,
body.flow-builder::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--paper-grad);
}

body,
.flow-col,
.flow-page,
body.flow-left .flow-page > .ob,
body.flow-left .flow-page > .sun,
body.flow-left .flow-page > .welc,
body.flow-left .flow-page > .reg,
body.flow-left .flow-page > .dk,
.ob,
.reg,
.sun,
.welc,
.welc-panel,
.welc-src,
.doc,
.dk,
body.flow-builder .sk,
body.flow-builder .eq-root,
.sk,
.eq-root,
.cs,
.dk .slide {
  --bg: transparent !important;
  background-color: transparent !important;
  background-image: var(--paper-grad) !important;
  background-attachment: fixed !important;
}

.ds-generated-page {
  background-color: transparent !important;
  background-image: var(--paper-grad) !important;
  background-attachment: fixed !important;
}

.flow-page > *,
.dk .slide > *,
.welc-panel > *,
.welc-src > * {
  --bg: transparent !important;
}

.ob,
.reg,
.sun,
.welc,
.welc-panel,
.welc-src,
.doc,
.dk,
.dk .slide,
.sk,
.eq-root,
.cs,
.ds-generated-page {
  background-color: transparent !important;
}

.ob,
.sun,
.welc {
  --text: var(--paper-text);
  --body: var(--paper-body);
  --muted: var(--paper-muted);
  --faint: var(--paper-faint);
  --rule: var(--paper-rule);
  --rule-soft: var(--paper-rule-soft);
  --sans: var(--paper-sans);
  --serif: var(--paper-serif);
  font-family: var(--paper-sans) !important;
}

.ob .eyebrow,
.ob .section-eyebrow,
.ob .keycat,
.ob th,
.sk .ob-eye,
.sk .ob-kicker,
.sk .ob-scale,
.eq-eye,
.eq-kicker,
.cs .eyebrow {
  color: var(--paper-muted) !important;
  font-family: var(--paper-sans) !important;
  font-weight: 400 !important;
  letter-spacing: .28em !important;
}

.ob h1 {
  color: var(--paper-text) !important;
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(42px, 5vw, 50px) !important;
  line-height: 1.1 !important;
}

.ob h2,
.ob h3,
.ob blockquote,
.sk .ob-h,
.sk .ob-balance,
.eq-h,
.eq-mh,
.cs h1,
.cs h2 {
  color: var(--paper-text) !important;
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.ob p,
.ob li,
.ob td,
.sun p,
.welc p {
  color: var(--paper-body) !important;
  font-family: var(--paper-sans) !important;
}

.step4-page .sk .ob-greet {
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ob .meta,
.ob .by,
.ob small,
.sk .ob-hi,
.sk .ob-sub,
.sk .ob-note,
.eq-sub,
.eq-copy,
.eq-detbtn,
.cs .muted {
  color: var(--paper-muted) !important;
}

.ob .quote-meta,
.ob .caption,
.ob .ph,
.eq-capline,
.eq-ahelp {
  color: var(--paper-faint) !important;
}

.ob .keybox,
.ob .callout,
.ob pre,
.ob .day,
.ob .ec,
.reg .keybox,
.reg .callout,
.reg pre,
.reg .day,
.reg .ec,
.doc,
.doc-draft-banner,
.doc-callout,
.doc-warning,
.doc-data-row,
.doc-signature,
.welc-card,
.welc-panel,
.sk .ob-modal,
.sk .ob-mpanel,
.eq-mcard,
.cs .panel,
.cs .card,
.cs .dsh-kpi,
.cs .dsh-panel,
.cs .pf-card,
.cs .vside,
.cs .vdonut .vhole,
.cs .tl .node {
  border-color: var(--paper-rule) !important;
  background-color: rgba(255, 255, 255, .035) !important;
}

.sk .ob-modal,
.sk .ob-mpanel,
.eq-mcard,
.doc,
.doc-draft-banner,
.doc-callout,
.doc-warning,
.doc-signature,
.welc-card,
.cs .dsh-kpi,
.cs .dsh-panel,
.cs .pf-card,
.cs .vside,
.cs .vdonut .vhole {
  background-image: none !important;
}

.sk .ob-modal::backdrop {
  background: rgba(0,0,0,.9) !important;
}

.eq-mback {
  background: rgba(3, 2, 3, .74) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
}

.eq-mcard {
  background-color: rgba(7, 5, 7, .92) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  box-shadow: 0 40px 110px rgba(0,0,0,.5) !important;
}

.cs .tl .node {
  background-image: var(--paper-grad) !important;
}

.flow-continue,
.flow-ct,
.ob-pill,
.eq-pill,
.eq-later,
.dl,
.cs .btn,
.cs .tabs label,
.faq details.q > summary,
.eq-detbtn {
  transition:
    color .24s cubic-bezier(.22,.61,.36,1),
    border-color .24s cubic-bezier(.22,.61,.36,1),
    background .24s cubic-bezier(.22,.61,.36,1),
    opacity .24s cubic-bezier(.22,.61,.36,1),
    transform .24s cubic-bezier(.22,.61,.36,1) !important;
}

.flow-continue:hover,
.flow-ct:hover,
.ob-pill:hover,
.eq-pill:hover {
  transform: translateY(-1px);
}

.sk .ob-modal,
.sk .ob-mpanel {
  background-color: rgba(255,255,255,.045) !important;
}

.sk .ob-perk {
  border-radius: 3px;
}

.sk .ob-perk:focus-visible,
.eq-detbtn:focus-visible,
.flow-continue:focus-visible,
.flow-ct:focus-visible,
.cs .tabs label:focus-visible {
  outline: 1px solid rgba(255,255,255,.62);
  outline-offset: 4px;
}

.eq-mcard {
  border-radius: 4px !important;
}

.eq-mx {
  top: 16px !important;
  right: 20px !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--paper-sans) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(255,255,255,.48) !important;
  transition: color .2s cubic-bezier(.22,.61,.36,1), opacity .2s cubic-bezier(.22,.61,.36,1) !important;
}

.eq-mx:hover,
.eq-mx:focus-visible {
  color: #fff !important;
  opacity: 1 !important;
}

/* Paper parity pass: apply the actual artboard typography and page widths. */
body.flow-left .flow-page > .ob {
  max-width: 696px !important;
}

body.flow-left .flow-page > .reg,
body.flow-left .flow-page .reg {
  max-width: 660px !important;
  width: 100% !important;
  color: var(--paper-text) !important;
  font-family: var(--paper-sans) !important;
}

body.flow-left .flow-page > .sun,
body.flow-left .flow-page .sun {
  max-width: 696px !important;
  width: 100% !important;
  padding-top: 0 !important;
  font-family: var(--paper-sans) !important;
}

body.flow-left .flow-page > .welc,
body.flow-left .flow-page .welc-home,
body.flow-left .flow-page .welc-src > .reg {
  max-width: 642px !important;
  width: 100% !important;
}

.reg,
.sun,
.welc,
.doc {
  --text: var(--paper-text) !important;
  --body: var(--paper-body) !important;
  --muted: var(--paper-muted) !important;
  --faint: var(--paper-faint) !important;
  --rule: var(--paper-rule) !important;
  --rule-soft: var(--paper-rule-soft) !important;
  --sans: var(--paper-sans) !important;
  --serif: var(--paper-serif) !important;
  color: var(--paper-body) !important;
  font-family: var(--paper-sans) !important;
}

.reg .doc-eyebrow,
.reg .hw-eyebrow,
.sun .sun-eyebrow,
.sun .eyebrow,
.sun .sec-eyebrow,
.welc-eyebrow,
.welc-co,
.welc-listhead .lab,
.doc-eyebrow,
.sk .ob-greet,
.eq-eye,
.eq-kicker,
.eq-acat,
.eq-meye,
.eq-msec,
.cs .kicker,
.cs .vlabel,
.cs .he-eye {
  color: var(--paper-muted) !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
  line-height: 16px !important;
}

.eq-root .eq-acat {
  color: #fff !important;
  font-family: "TWK Lausanne Pan", "Lausanne", "Helvetica Neue", Helvetica, system-ui, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  line-height: 12px !important;
  opacity: .25 !important;
}

.reg h1,
.sun h1,
.welc-home h1,
.doc h1,
.ob h1 {
  color: var(--paper-text) !important;
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: clamp(46px, 5vw, 54px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.welc-home h1 {
  font-size: clamp(50px, 5vw, 58px) !important;
  line-height: 1.04 !important;
}

.reg h2,
.sun h2,
.welc-title,
.doc h2,
.doc h3,
.ob h2,
.ob h3,
.sk .ob-title,
.sk .ob-h,
.sk .ob-balance,
.eq-h,
.eq-aname,
.eq-mh,
.cs h1,
.cs h2,
.cs .hrx-head h1 {
  color: var(--paper-text) !important;
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.reg h2,
.sun h2,
.doc h2,
.ob h2 {
  font-size: 29px !important;
  line-height: 36px !important;
}

.sk .ob-title {
  font-size: 27px !important;
  line-height: 34px !important;
  color: #ffffff87 !important;
}

.eq-h {
  font-size: clamp(44px, 5vw, 52px) !important;
  line-height: 56px !important;
}

.eq-aname {
  font-size: 29px !important;
  line-height: 32px !important;
}

.reg .ob-lede,
.reg .hw-lede,
.sun .lede,
.sun > p,
.welc-lede,
.doc > p,
.ob .lede {
  color: var(--paper-body) !important;
  font-family: var(--paper-sans) !important;
  font-size: 19px !important;
  line-height: 29px !important;
  font-weight: 400 !important;
}

.reg p,
.reg li,
.reg td,
.sun p,
.sun li,
.doc p,
.doc li,
.welc-desc,
.eq-adesc,
.eq-copy,
.eq-mwhat,
.cs p,
.cs td,
.cs li {
  color: var(--paper-body) !important;
  font-family: var(--paper-sans) !important;
  font-weight: 400 !important;
}

.reg table,
.reg th,
.reg td,
.ob table,
.ob th,
.ob td {
  border-color: var(--paper-rule) !important;
}

.reg th,
.ob th,
.cs th {
  color: var(--paper-muted) !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  font-family: var(--paper-sans) !important;
  font-weight: 400 !important;
}

.flow-continue,
.sk .ob-pill,
.eq-pill,
.welc-back,
.reg .doc-cta {
  min-height: 43px !important;
  padding: 11px 42px !important;
  border-color: #ffffff59 !important;
  color: var(--paper-text) !important;
  font-family: var(--paper-serif) !important;
  font-style: italic !important;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Paper typography parity: selected onboarding frames, text styles only. */
body.flow-left .flow-page > .ob .eyebrow,
body.flow-left .flow-page > .ob .sec-eyebrow {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .48em !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

body.step1-page.flow-left .flow-page {
  padding-top: 150px !important;
}

body.step1-page .ob .eyebrow,
body.step1-page .ob .meta,
body.step1-page .ob footer,
body.step1-page .ob .sec:first-of-type > p:not(.sec-eyebrow),
body.step1-page .ob .sec:nth-of-type(2) > p:not(.sec-eyebrow) {
  display: none !important;
}

body.step1-page .ob h1 {
  max-width: 696px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #DCD9DB !important;
  font-size: 50px !important;
  line-height: 55px !important;
  text-align: center !important;
}

body.step1-page .ob .lede {
  max-width: 518px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #DCD9DBA3 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: center !important;
}

body.step1-page .ob .sec:nth-of-type(2) {
  padding-top: 64px !important;
  text-align: center !important;
}

body.step1-page .ob .sec:nth-of-type(2) .sec-eyebrow {
  margin-bottom: 17px !important;
  text-align: center !important;
}

body.step1-page .ob .sec:nth-of-type(2) h2 {
  max-width: 630px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #DCD9DB !important;
  font-size: 30px !important;
  line-height: 36px !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

body.step1-page .ob .sec:nth-of-type(2) .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  margin-top: 192px !important;
  min-height: 38px !important;
  min-width: 194px !important;
  padding: 0 14px !important;
  width: 194px !important;
}

body.flow-left .flow-page > .ob h1 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(42px, 7vw, 50px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 55px !important;
}

body.step2-page.flow-left .flow-page > .reg,
body.step2-page.flow-left .flow-page .reg {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 660px !important;
  width: 660px !important;
}

body.step2-page .reg .doc-eyebrow {
  display: none !important;
}

body.step2-page .reg > h1 {
  color: #DCD9DB !important;
  font-family: var(--paper-serif) !important;
  font-size: 52px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 56px !important;
  margin: 0 0 26px !important;
  text-align: center !important;
}

body.step2-page .reg > .ob-lede {
  color: #DCD9DBA3 !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  margin: 0 auto 68px !important;
  max-width: 440px !important;
  text-align: center !important;
}

body.step2-page.flow-left .flow-page > .reg > .ob-lede,
body.step2-page.flow-left .flow-page .reg > .ob-lede {
  color: #DCD9DBA3 !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  margin: 0 auto 68px !important;
  max-width: 423px !important;
  text-align: center !important;
  width: 423px !important;
}

body.step2-page.flow-left .flow-page > .reg > h1,
body.step2-page.flow-left .flow-page .reg > h1 {
  color: #DCD9DB !important;
  font-family: var(--paper-serif) !important;
  font-size: 52px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 56px !important;
  margin: 0 0 26px !important;
  text-align: center !important;
}

body.step2-page .reg section {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 58px !important;
}

body.step2-page .reg section + section {
  border-top: 1px solid var(--paper-rule) !important;
  padding-top: 46px !important;
}

body.step2-page .reg .cta-wrap {
  margin-top: -82px !important;
  padding-bottom: 170px !important;
  text-align: center !important;
}

body.step2-page .reg .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  margin-top: 0 !important;
  min-height: 38px !important;
  min-width: 148px !important;
  padding: 0 14px !important;
  width: 148px !important;
}

body.step3-page .sun {
  max-width: 696px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.step3-page .submit-sec {
  display: flex !important;
  justify-content: center !important;
  margin-top: 106px !important;
  padding-bottom: 150px !important;
  text-align: center !important;
}

body.step3-page .submit-sec .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  margin-top: 0 !important;
  min-height: 38px !important;
  min-width: 91px !important;
  padding: 0 14px !important;
  width: 91px !important;
}

body.step3-page .sun .faq {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  max-width: 696px !important;
  width: 100% !important;
}

body.step3-page .sun .faq details.q,
body.step3-page .sun .faq details.q:first-child {
  border-bottom: 0 !important;
  border-top: 1px solid var(--paper-rule) !important;
  margin: 0 !important;
}

body.step3-page .sun .faq details.q > summary {
  align-items: center !important;
  color: #DCD9DB !important;
  cursor: pointer !important;
  display: flex !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  justify-content: space-between !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  list-style: none !important;
  min-height: 56px !important;
  padding: 16px 0 !important;
  position: relative !important;
  text-align: left !important;
}

body.step3-page .sun .faq details.q > summary::-webkit-details-marker {
  display: none !important;
}

body.step3-page .sun .faq details.q > summary::after {
  background: #DCD9DBA3 !important;
  border-radius: 9999px !important;
  content: "" !important;
  flex: 0 0 auto !important;
  height: 3px !important;
  margin-left: 16px !important;
  margin-top: 0 !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  transition: background-color .2s var(--paper-ease), opacity .2s var(--paper-ease) !important;
  width: 3px !important;
}

body.step3-page .sun .faq details.q > summary:hover::after,
body.step3-page .sun .faq details.q[open] > summary::after {
  background: #DCD9DB !important;
}

body.step3-page .sun .faq details.q .a {
  overflow: hidden !important;
  padding: 0 0 16px !important;
}

body.step3-page .sun .faq details.q[open] .a {
  animation: step3AccordionReveal .34s var(--paper-ease) both !important;
}

body.step3-page .sun .faq details.q .a p {
  color: #DCD9DBA3 !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  margin: 0 !important;
  max-width: 696px !important;
  padding-top: 0 !important;
}

@keyframes step3AccordionReveal {
  from {
    opacity: 0;
    filter: blur(4px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

body.flow-left .flow-page {
  padding-bottom: 150px !important;
}

body.flow-builder .flow-page {
  padding-bottom: 140px !important;
}

body.flow-left .flow-page > .ob .lede {
  color: #FFFFFFD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-left .flow-page > .ob .meta {
  color: #FFFFFF73 !important;
  font-family: var(--paper-serif) !important;
  font-size: 15px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.flow-left .flow-page > .ob h2 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 30px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 36px !important;
}

body.flow-left .flow-page > .ob .sec > p:not(.sec-eyebrow):not(.tq):not(.tby) {
  color: #FFFFFFBF !important;
  font-family: var(--paper-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.flow-left .flow-page > .ob .tq,
body.flow-left .flow-page > .ob .qt {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 19px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-left .flow-page > .ob .tby {
  color: #FFFFFF59 !important;
  font-family: var(--paper-sans) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .2em !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .reg > .doc-eyebrow,
body.flow-left .flow-page > .reg .doc-eyebrow {
  color: #FFFFFF75 !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .reg > h1 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(44px, 7vw, 54px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 56px !important;
}

body.flow-left .flow-page > .reg > .ob-lede {
  color: #FFFFFFD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 19px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 29px !important;
}

body.flow-left .flow-page > .reg section > h2 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 27px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 34px !important;
}

body.flow-left .flow-page > .reg section > p {
  color: #FFFFFFD6 !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-left .flow-page > .reg th {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .22em !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .reg td {
  color: #FFFFFFC7 !important;
  font-family: var(--paper-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

body.flow-left .flow-page > .sun h1 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(44px, 7vw, 53px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 55px !important;
}

body.flow-left .flow-page > .sun .lede {
  color: #FFFFFFD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 19px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 29px !important;
}

body.flow-left .flow-page > .sun .ttl {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 29px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 36px !important;
}

body.flow-left .flow-page > .sun p,
body.flow-left .flow-page > .sun li {
  color: #FFFFFFD6 !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-left .flow-page > .sun .faq details.q > summary {
  color: #DCD9DB !important;
  font-family: var(--paper-sans) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

body.flow-builder .eq-root .eq-aeye,
body.flow-builder .eq-root .eq-kicker,
body.flow-builder .eq-root .eq-eye {
  color: #FFFFFF6B !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
}

body.flow-builder .eq-root .eq-ah,
body.flow-builder .eq-root .eq-h {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(44px, 7vw, 52px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 56px !important;
}

body.flow-builder .eq-root .eq-alede,
body.flow-builder .eq-root .eq-copy {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

body.flow-builder .eq-root .eq-aname {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 29px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 32px !important;
}

body.flow-builder .eq-root .eq-aval {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 23px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
}

body.flow-builder .eq-root .eq-adesc {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

body.flow-builder .eq-root .eq-detbtn,
body.flow-builder .eq-root .eq-later {
  color: #FFFFFF8C !important;
  font-family: var(--paper-serif) !important;
  font-size: 13px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 16px !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.flow-builder .eq-root .eq-later {
  color: #FFFFFF6B !important;
}

body.flow-builder .eq-root .eq-atot {
  color: #FFFFFF99 !important;
  font-family: var(--paper-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
}

body.flow-builder .eq-root {
  min-height: 1430px !important;
  justify-content: flex-start !important;
}

body.flow-builder .eq-root .eq-wrap {
  max-width: 646px !important;
  padding: 0 0 90px !important;
}

body.flow-builder .eq-root .eq-aeye {
  display: none !important;
}

body.flow-builder .eq-root .eq-ah {
  max-width: 646px !important;
  margin: 0 auto 17px !important;
  color: #DCD9DB !important;
  font-size: 52px !important;
  line-height: 56px !important;
  width: 646px !important;
}

body.flow-builder .eq-root .eq-alede {
  max-width: 440px !important;
  margin: 0 auto 100px !important;
  color: #DCD9DBA3 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

body.flow-builder .eq-root .eq-arows {
  max-width: 540px !important;
  gap: 0 !important;
  margin: 0 auto 100px !important;
}

body.flow-builder .eq-root .eq-arow {
  display: flex !important;
  flex-direction: column !important;
  height: 151px !important;
  padding-bottom: 38px !important;
}

body.flow-builder .eq-root .eq-arow:first-child {
  height: 145px !important;
}

body.flow-builder .eq-root .eq-arowhead {
  align-items: end !important;
  column-gap: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 0 16px !important;
  row-gap: 8px !important;
}

body.flow-builder .eq-root .eq-ameta {
  display: contents !important;
}

body.flow-builder .eq-root .eq-aname {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.flow-builder .eq-root .eq-aval {
  align-self: end !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body.flow-builder .eq-root .eq-adesc {
  color: #DCD9DBA3 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
}

body.flow-builder .eq-root .eq-detbtn {
  align-items: center !important;
  align-self: start !important;
  border-bottom: 0 !important;
  color: #DCD9DB !important;
  display: inline-flex !important;
  font-size: 15px !important;
  gap: 6px !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  line-height: 16px !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.flow-builder .eq-root .eq-arow:first-child .eq-detbtn {
  text-decoration: underline 1px !important;
  text-underline-offset: 2px !important;
}

body.flow-builder .eq-root .eq-arow:not(:first-child) .eq-detbtn::after {
  content: "\2197";
  font-family: var(--paper-sans);
  font-size: 11px;
  line-height: 1;
}

body.flow-builder .eq-root .eq-slider {
  margin: 0 !important;
}

body.step5-page .eq-root .eq-act .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 150px !important;
  padding: 0 14px !important;
  width: 150px !important;
}

body.step5-page .eq-root .eq-act .eq-later {
  align-items: center !important;
  border: 1px solid #ffffff59 !important;
  color: #DCD9DB !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  margin-top: 24px !important;
  min-height: 38px !important;
  min-width: 89px !important;
  padding: 0 9px !important;
  text-decoration: none !important;
  width: 89px !important;
}

body.flow-builder .eq-root .eq-mback {
  cursor: pointer !important;
}

body.flow-builder .eq-root .eq-modal {
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;
}

body.flow-builder .eq-root .eq-mcard {
  max-width: 520px !important;
  width: min(520px, calc(100vw - 56px)) !important;
}

body.flow-left .flow-page > .welc .welc-eyebrow {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .4em !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .welc .welc-home h1 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(48px, 7vw, 58px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 60px !important;
}

body.flow-left .flow-page > .welc .welc-lede {
  color: #FFFFFFDB !important;
  font-family: var(--paper-sans) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 27px !important;
}

body.flow-left .flow-page > .welc .welc-metaline {
  color: #FFFFFF6B !important;
  font-family: var(--paper-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

body.flow-left .flow-page > .welc .welc-listhead .lab,
body.flow-left .flow-page > .welc .welc-co {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .24em !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .welc .welc-listhead .cnt {
  color: #FFFFFF5C !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

body.flow-left .flow-page > .welc .welc-no {
  color: #FFFFFF59 !important;
  font-family: var(--paper-serif) !important;
  font-size: 22px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
}

body.flow-left .flow-page > .welc .welc-title {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 24px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
}

body.flow-left .flow-page > .welc .welc-desc {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}

body.step6-page.flow-left .flow-page {
  max-width: 100% !important;
  padding-top: 150px !important;
  padding-bottom: 0 !important;
  width: 100vw !important;
}

body.step6-page.flow-left .flow-page > .welc,
body.step6-page.flow-left .flow-page .welc-home {
  max-width: 640px !important;
  width: 640px !important;
}

body.step6-page.flow-left .flow-page > .welc {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.step6-page.flow-left .flow-page .welc-home {
  padding: 0 0 0 !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-eyebrow {
  display: none !important;
  margin: 0 0 20px !important;
  text-align: center !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-home h1 {
  font-size: 58px !important;
  line-height: 60px !important;
  margin: 0 !important;
  text-align: center !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-lede {
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 28px auto 0 !important;
  max-width: 520px !important;
  text-align: center !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-metaline {
  justify-content: center !important;
  margin: 34px 0 0 !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-listhead {
  margin-top: 62px !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-row label {
  grid-template-columns: 48px 1fr 32px !important;
  padding: 22px 0 !important;
}

body.step6-page.flow-left .flow-page > .welc .welc-row label:hover {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

body.step6-page.flow-left .flow-nav {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 96px !important;
  padding-bottom: 150px !important;
  text-align: center !important;
  width: 640px !important;
}

body.step6-page.flow-left .flow-nav .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 91px !important;
  padding: 0 14px !important;
  width: 91px !important;
}

body.flow-left .flow-page > .dk .ob .eyebrow,
body.flow-left .flow-page > .dk .ob .sec-eyebrow,
body.flow-left .flow-page > .dk .k,
body.flow-left .flow-page > .dk .n {
  color: #FFFFFF73 !important;
  font-family: var(--paper-sans) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .24em !important;
  line-height: 15px !important;
  text-transform: uppercase !important;
}

body.flow-left .flow-page > .dk .ob h1 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: clamp(44px, 7vw, 54px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 55px !important;
}

body.flow-left .flow-page > .dk .ob h2 {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 28px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 31px !important;
}

body.flow-left .flow-page > .dk .ob p,
body.flow-left .flow-page > .dk .ob li,
body.flow-left .flow-page > .dk .ob label {
  color: #FFFFFFD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.flow-left .flow-page > .dk .ob .lede {
  color: #FFFFFFD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-left .flow-page > .dk .ob .qt {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 19px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

body.flow-builder .flow-page {
  max-width: 760px !important;
}

.sk .ob-wrap {
  max-width: 520px !important;
}

body.step4-page.flow-builder .flow-page {
  min-height: 100vh !important;
  max-width: 100% !important;
  width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html:has(body.step4-page),
body.step4-page {
  width: 100vw !important;
  overflow: hidden !important;
}

body.step4-page.flow-builder .sk {
  width: 100vw !important;
  min-height: 100vh !important;
  background-color: transparent !important;
  background-image: var(--paper-grad) !important;
  background-attachment: fixed !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: min(160px, 17.8vh) !important;
}

body.step4-page .sk .ob-wrap {
  width: 520px !important;
  max-width: calc(100vw - 44px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body.step4-page .sk .lp-tog {
  display: none !important;
}

body.step4-page .sk .ob-greet {
  color: #FFFFFF73 !important;
  font-family: var(--paper-serif) !important;
  font-size: 14px !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  margin: 0 0 11px !important;
  text-transform: none !important;
}

body.step4-page .sk .ob-title {
  color: #FFFFFF87 !important;
  font-size: 27px !important;
  line-height: 34px !important;
  margin: 0 0 72px !important;
}

body.step4-page .sk .ob-stats {
  align-items: flex-start !important;
  display: flex !important;
  height: 89px !important;
  justify-content: center !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 520px !important;
}

body.step4-page .sk .ob-cell {
  flex: 0 0 220px !important;
  padding: 0 !important;
  width: 220px !important;
}

body.step4-page .sk .ob-num {
  font-size: 64px !important;
  letter-spacing: 0 !important;
  line-height: 64px !important;
  margin: 0 0 16px !important;
}

body.step4-page .sk .ob-lab {
  color: #FFFFFF54 !important;
  font-family: var(--paper-sans) !important;
  font-size: 10px !important;
  letter-spacing: .44em !important;
  line-height: 14px !important;
}

body.step4-page .sk .ob-divider {
  background: transparent !important;
  flex: 0 0 91px !important;
  height: 70px !important;
  margin: 0 !important;
  position: relative !important;
  width: 91px !important;
}

body.step4-page .sk .ob-divider::before {
  background: #FFFFFF24 !important;
  content: "" !important;
  height: 66px !important;
  left: 45px !important;
  position: absolute !important;
  top: 4px !important;
  width: 1px !important;
}

body.step4-page .sk .ob-bd {
  color: #FFFFFF5E !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  letter-spacing: .34em !important;
  line-height: 16px !important;
  margin: 34px 0 52px !important;
}

body.step4-page .sk .ob-rig {
  margin: 0 auto 47px !important;
  max-width: 520px !important;
}

body.step4-page .sk .mo-slider {
  background: linear-gradient(to right, #fff 0%, #fff 65.77%, #FFFFFF29 65.77%, #FFFFFF29 100%) !important;
  height: 2px !important;
}

body.step4-page .sk .mo-slider::-webkit-slider-thumb {
  box-shadow: none !important;
  height: 18px !important;
  width: 18px !important;
}

body.step4-page .sk .mo-slider::-moz-range-thumb {
  box-shadow: none !important;
  height: 18px !important;
  width: 18px !important;
}

body.step4-page .sk .ob-scale {
  color: #FFFFFF47 !important;
  font-family: var(--paper-sans) !important;
  font-size: 10px !important;
  letter-spacing: .28em !important;
  line-height: 14px !important;
  margin-top: 6px !important;
}

body.step4-page .sk .ob-balance {
  color: #FFFFFF85 !important;
  font-size: 27px !important;
  line-height: 34px !important;
  margin: 0 0 7px !important;
}

body.step4-page .sk .ob-balance .ob-balword > span {
  color: inherit !important;
}

body.step4-page .sk .ob-micro {
  color: #FFFFFF73 !important;
  font-size: 15px !important;
  line-height: 20px !important;
  margin: 0 0 31px !important;
}

body.step4-page .sk .ob-act .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 91px !important;
  padding: 0 14px !important;
  width: 91px !important;
}

body.step4-page .sk .ob-scene-offer,
body.step4-page .sk .ob-scene-allocate {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.step4-page .sk .ob-modal {
  background-color: rgba(12, 10, 12, .16) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.28) !important;
  backdrop-filter: blur(30px) saturate(1.28) !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

body.step4-page .sk .ob-modal::backdrop {
  background: rgba(10, 8, 10, .28) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

body.step4-page .sk .ob-mfoot {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  body.step4-page.flow-builder .sk {
    padding-top: 96px !important;
  }

  body.step4-page .sk .ob-wrap {
    width: calc(100vw - 44px) !important;
  }

  body.step4-page .sk .ob-stats {
    width: 100% !important;
  }

  body.step4-page .sk .ob-cell {
    flex: 1 1 0 !important;
    width: auto !important;
  }

  body.step4-page .sk .ob-divider {
    flex-basis: 42px !important;
    width: 42px !important;
  }

  body.step4-page .sk .ob-divider::before {
    left: 20px !important;
  }

  body.step4-page .sk .ob-num {
    font-size: 52px !important;
    line-height: 54px !important;
  }
}

.cs {
  padding: 22px 22px 90px !important;
}

.cs .col,
.cs .stage,
.cs .pane,
.cs .hrx,
.cs .dsh,
.cs .pf {
  max-width: 1396px !important;
}

.cs .tabs {
  border-bottom-color: var(--paper-rule-soft) !important;
}

.cs .tabs label,
.cs .btn,
.cs .docbtn,
.cs .vdocbtn,
.cs .dsh-btn,
.cs .hrx-btn {
  border-color: var(--paper-rule) !important;
  color: var(--paper-muted) !important;
  background-color: rgba(255,255,255,.025) !important;
}

.cs .tabs label:hover,
.cs .btn:hover,
.cs .docbtn:hover,
.cs .vdocbtn:hover,
.cs .dsh-btn:hover,
.cs .hrx-btn:hover {
  color: var(--paper-text) !important;
  border-color: #ffffff73 !important;
  background-color: rgba(255,255,255,.055) !important;
}

.dk .slide {
  min-height: 100vh;
}

.dk .slide > .ob {
  background: transparent !important;
}

.dk-scrollhint {
  color: rgba(255,255,255,.5) !important;
}

body.step7-page.flow-left .flow-page {
  max-width: 100% !important;
  padding: 0 !important;
  width: 100vw !important;
}

body.step7-page.flow-left .flow-page > .dk {
  width: 100vw !important;
}

body.step7-page.flow-left .flow-page > .dk .slide {
  align-items: center !important;
  background: transparent !important;
  border-bottom-color: #FFFFFF12 !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 100vh !important;
  padding: 70px 0 !important;
}

body.step7-page.flow-left .flow-page > .dk .slide > .ob {
  max-width: 760px !important;
  padding: 0 30px !important;
  width: 760px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .eyebrow,
body.step7-page.flow-left .flow-page > .dk .ob .sec-eyebrow,
body.step7-page.flow-left .flow-page > .dk .k,
body.step7-page.flow-left .flow-page > .dk .n {
  color: #DCD9DBA3 !important;
  font-family: var(--paper-sans) !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .2em !important;
  line-height: 15px !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

body.step7-page.flow-left .flow-page > .dk .ob h1 {
  color: #DCD9DB !important;
  font-family: var(--paper-serif) !important;
  font-size: 54px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 55px !important;
  margin: 0 !important;
  max-width: 700px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob h2 {
  color: #DCD9DB !important;
  font-family: var(--paper-serif) !important;
  font-size: 39px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 43px !important;
  margin: 0 !important;
  max-width: 700px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob p,
body.step7-page.flow-left .flow-page > .dk .ob li,
body.step7-page.flow-left .flow-page > .dk .ob label {
  color: #DCD9DBD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 22px !important;
  max-width: 720px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .lede {
  color: #DCD9DBD1 !important;
  font-family: var(--paper-sans) !important;
  font-size: 17px !important;
  line-height: 26px !important;
  margin-top: 16px !important;
  max-width: 720px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .meta {
  margin-top: 18px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .qt {
  color: #DCD9DB !important;
  font-family: var(--paper-serif) !important;
  font-size: 19px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  margin-top: 22px !important;
  max-width: 720px !important;
  padding: 0 0 0 16px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .keygrid,
body.step7-page.flow-left .flow-page > .dk .ob .eco {
  gap: 13px !important;
  margin-top: 18px !important;
  max-width: 720px !important;
}

body.step7-page.flow-left .flow-page > .dk .ob .keybox,
body.step7-page.flow-left .flow-page > .dk .ob .ec,
body.step7-page.flow-left .flow-page > .dk .ob .callout {
  background-color: rgba(255,255,255,.015) !important;
  border-color: #FFFFFF24 !important;
  border-radius: 8px !important;
}

body.step7-page.flow-left .flow-nav {
  margin: 0 auto !important;
  padding: 96px 0 150px !important;
  text-align: center !important;
  width: 760px !important;
}

body.step7-page.flow-left .flow-nav .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 91px !important;
  padding: 0 14px !important;
  width: 91px !important;
}

@media (max-width: 820px) {
  body.step7-page.flow-left .flow-page > .dk .slide > .ob,
  body.step7-page.flow-left .flow-nav {
    max-width: calc(100vw - 36px) !important;
    width: calc(100vw - 36px) !important;
  }
}

.cs {
  min-height: 100vh;
}

/* Storybook + Paper selected-frame parity for the offer builder. */
body.step4-page .flow-page {
  padding-top: 160px !important;
}

body.step4-page .sk {
  --accent: #fff !important;
  --sans: var(--paper-sans) !important;
  --display: var(--paper-serif) !important;
  --serif: var(--paper-serif) !important;
}

body.step4-page .sk .ob-wrap {
  max-width: 584px !important;
  padding: 0 32px !important;
}

body.step4-page .sk .ob-greet {
  color: #FFFFFF73 !important;
  font-family: var(--paper-serif) !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 18px !important;
  margin-bottom: 11px !important;
  text-transform: none !important;
}

body.step4-page .sk .ob-title {
  color: #FFFFFF87 !important;
  font-family: var(--paper-serif) !important;
  font-size: 27px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 34px !important;
  margin-bottom: 72px !important;
}

body.step4-page .sk .ob-stats {
  margin-bottom: 34px !important;
}

body.step4-page .sk .ob-cell {
  width: 220px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.step4-page .sk .ob-divider {
  height: 66px !important;
  margin-left: 45px !important;
  margin-right: 45px !important;
}

body.step4-page .sk .ob-num {
  color: #fff !important;
  font-family: var(--paper-serif) !important;
  font-size: 64px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 64px !important;
  margin-bottom: 16px !important;
}

body.step4-page .sk .ob-lab {
  color: #FFFFFF54 !important;
  font-family: var(--paper-sans) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: .44em !important;
  line-height: 14px !important;
}

body.step4-page .sk .ob-bd {
  color: #FFFFFF5E !important;
  font-family: var(--paper-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .34em !important;
  line-height: 16px !important;
  margin-bottom: 52px !important;
}

body.step4-page .sk .ob-rig {
  margin-bottom: 47px !important;
  max-width: 520px !important;
}

body.step4-page .sk .mo-slider {
  background: linear-gradient(to right, #fff 0%, #fff 66.6%, #FFFFFF29 66.6%, #FFFFFF29 100%) !important;
}

body.step4-page .sk .mo-slider::-webkit-slider-thumb {
  width: 18px !important;
  height: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.step4-page .sk .mo-slider::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.step4-page .sk .ob-scale {
  color: #FFFFFF47 !important;
  font-family: var(--paper-sans) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .28em !important;
  line-height: 14px !important;
  margin-top: 6px !important;
}

body.step4-page .sk .ob-balance {
  color: #FFFFFF85 !important;
  font-family: var(--paper-serif) !important;
  font-size: 27px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 34px !important;
  margin-bottom: 7px !important;
}

body.step4-page .sk .ob-micro {
  color: #FFFFFF73 !important;
  font-family: var(--paper-serif) !important;
  font-size: 15px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  margin-bottom: 31px !important;
}

body.step4-page .sk .flow-continue {
  align-items: center !important;
  display: inline-flex !important;
  height: 38px !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 91px !important;
  padding: 0 14px !important;
  width: 91px !important;
}

@media (max-width: 720px) {
  body.flow-left::before,
  body.flow-builder::before {
    background: var(--paper-grad);
  }
}