/* Personal homepage preview. The PSD files are the layout source of truth. */

.personal-home-page {
  overflow-x: clip;
  background: #fff;
  color: #000;
}

.personal-home-page [hidden] {
  display: none !important;
}

.personal-home-page main {
  overflow: clip;
}

.personal-home-page .sd-devfab {
  display: none !important;
}

.sd-home-shell {
  position: relative;
  width: min(100%, 1440px);
  margin-inline: auto;
}

.personal-home-page .sd-text-blue {
  color: #0054fe;
  font-weight: inherit;
}

.personal-home-page .sd-text-blue--51 {
  color: #0051fd;
}

.sd-home-hero picture,
.sd-process picture,
.sd-document-fan picture,
.sd-why__yellow-circle,
.sd-reason__visual,
.sd-reasons__yellow-line {
  display: block;
}

.sd-home-hero picture img,
.sd-process picture img,
.sd-document-fan picture img,
.sd-why__yellow-circle img,
.sd-reason__visual img {
  display: block;
  width: 100%;
  height: auto;
}

/* Header */

.personal-home-page .site-header,
.personal-home-page .site-header--overlay,
.personal-home-page .site-header--overlay.is-scrolled {
  top: 0;
  padding: 12px 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.personal-home-page .site-header .container {
  width: min(100%, 1440px);
  max-width: none;
  padding-inline: 0;
}

.personal-home-page .site-header .nav,
.personal-home-page .site-header--overlay.is-scrolled .nav {
  position: relative;
  width: min(calc(100% - 24px), 1380px);
  min-height: 76px;
  margin-inline: auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 16px;
  background: rgba(255, 255, 255, .78);
  box-shadow:
    0 12px 34px rgba(23, 56, 128, .12),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  -webkit-backdrop-filter: blur(22px) saturate(165%);
  backdrop-filter: blur(22px) saturate(165%);
}

.personal-home-page .brand {
  position: absolute;
  top: 18px;
  left: 65px;
  gap: 7px;
  min-height: 46px;
}

.personal-home-page .site-header--overlay.is-scrolled .nav,
.personal-home-page .site-header--solid.is-scrolled .nav {
  background: rgba(255, 255, 255, .9);
  box-shadow:
    0 14px 38px rgba(23, 56, 128, .16),
    inset 0 1px 0 rgba(255, 255, 255, .98);
}

.personal-home-page .brand__mark {
  width: 45px;
  height: 45px;
  flex-basis: 45px;
  border-radius: 13px;
}

.personal-home-page .brand__word,
.personal-home-page .site-header--overlay .brand__word,
.personal-home-page .site-header--overlay.is-scrolled .brand__word {
  color: #2a2a2a;
  font-size: 45px;
  font-weight: 900;
  line-height: 1;
}

.personal-home-page .nav__audience {
  display: none !important;
}

.personal-home-page .nav__menu {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 76px;
  margin: 0;
}

.personal-home-page .nav__menu > li[data-aud="personal"] {
  position: absolute;
  top: 20px;
  display: block;
  height: 34px;
}

.personal-home-page .nav__menu > li[data-aud="personal"][data-nav-slot="1"] {
  --sd-nav-bubble-image: url("/assets/personal-home/header-hover/contract-types.png");
  --sd-nav-bubble-width: 149px;
  left: 407px;
  width: 155px;
}

.personal-home-page .nav__menu > li[data-aud="personal"][data-nav-slot="2"] {
  --sd-nav-bubble-image: url("/assets/personal-home/header-hover/how.png");
  --sd-nav-bubble-width: 116px;
  left: 619px;
  width: 118px;
}

.personal-home-page .nav__menu > li[data-aud="personal"][data-nav-slot="3"] {
  --sd-nav-bubble-image: url("/assets/personal-home/header-hover/legal.png");
  --sd-nav-bubble-width: 166px;
  left: 786px;
  width: 171px;
}

.personal-home-page .nav__menu > li[data-aud="personal"][data-nav-slot="4"] {
  --sd-nav-bubble-image: url("/assets/personal-home/header-hover/pricing.png");
  --sd-nav-bubble-width: 60px;
  left: 995px;
  width: 74px;
}

.personal-home-page .nav__menu > li[data-aud="personal"][data-nav-slot="5"] {
  --sd-nav-bubble-image: url("/assets/personal-home/header-hover/support.png");
  --sd-nav-bubble-width: 89px;
  left: 1099px;
  width: 103px;
}

.personal-home-page .nav__menu > li > a,
.personal-home-page .nav__menu > li > .nav__item-btn {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 34px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #000;
  font-size: 19px;
  font-weight: 650;
  line-height: 1;
  isolation: isolate;
  transition: color 160ms ease, transform 180ms ease;
}

.personal-home-page .nav__menu > li > a::before,
.personal-home-page .nav__menu > li > .nav__item-btn::before {
  position: absolute;
  top: -8px;
  left: 50%;
  z-index: -1;
  width: var(--sd-nav-bubble-width, 116px);
  height: 44px;
  background: var(--sd-nav-bubble-image) center / 100% 100% no-repeat;
  content: "";
  opacity: 0;
  transform: translate(-50%, 4px) scale(.96);
  transition:
    opacity 160ms ease,
    transform 220ms cubic-bezier(.22, 1, .36, 1);
}

@media (hover: hover) {
  .personal-home-page .nav__menu > li > a:hover,
  .personal-home-page .nav__menu > li > .nav__item-btn:hover,
  .personal-home-page .nav__menu > li:hover > a,
  .personal-home-page .nav__menu > li:hover > .nav__item-btn,
  .personal-home-page .site-header--overlay.is-scrolled .nav__menu > li > a:hover,
  .personal-home-page .site-header--overlay.is-scrolled .nav__menu > li > .nav__item-btn:hover,
  .personal-home-page .site-header--overlay.is-scrolled .nav__menu > li:hover > a,
  .personal-home-page .site-header--overlay.is-scrolled .nav__menu > li:hover > .nav__item-btn {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
  }

  .personal-home-page .nav__menu > li > a:hover::before,
  .personal-home-page .nav__menu > li > .nav__item-btn:hover::before,
  .personal-home-page .nav__menu > li:hover > a::before,
  .personal-home-page .nav__menu > li:hover > .nav__item-btn::before {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

.personal-home-page .nav__menu > li > a:focus-visible,
.personal-home-page .nav__menu > li > .nav__item-btn:focus-visible {
  outline: 3px solid rgba(0, 84, 254, .22);
  outline-offset: 2px;
  color: #fff;
}

.personal-home-page .nav__menu > li > a:focus-visible::before,
.personal-home-page .nav__menu > li > .nav__item-btn:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.personal-home-page .nav__caret {
  display: none;
}

.personal-home-page .nav__actions {
  position: absolute;
  top: 22px;
  left: 1253px;
  width: 71px;
  height: 34px;
  margin: 0;
  display: block;
}

.personal-home-page .nav__login,
.personal-home-page .site-header--overlay .nav__login,
.personal-home-page .site-header--overlay.is-scrolled .nav__login {
  position: absolute;
  inset: 0;
  display: flex;
  width: 71px;
  height: 34px;
  flex: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #0054fe;
  box-shadow: none;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
}

/* Hero */

.sd-home-hero {
  position: relative;
  height: 900px;
  overflow: hidden;
  background:
    url("/assets/personal-home/hero-background-desktop.png") center top / cover no-repeat,
    #fff;
}

.sd-home-hero::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 190px;
  background: linear-gradient(to bottom, rgba(253, 251, 248, 0), #fdfbf8 92%);
  content: "";
  pointer-events: none;
}

.sd-home-hero__inner {
  height: 900px;
}

.sd-home-hero__copy {
  position: absolute;
  top: 154px;
  left: 64px;
  z-index: 20;
  width: 760px;
}

.sd-home-kicker {
  margin: 0 0 0 5px;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 800;
  line-height: 24px;
}

.sd-home-hero h1 {
  position: relative;
  top: -12px;
  margin: 4px 0 0;
  color: #2a2a2a;
  font-weight: 900;
  letter-spacing: 0;
}

.sd-home-hero h1 > span {
  display: block;
  height: 100px;
  font-size: 72px;
  line-height: 100px;
  transform: scaleX(.95);
  transform-origin: left center;
  white-space: nowrap;
}

.sd-home-hero h1 strong {
  color: #0051fd;
  font-weight: inherit;
}

.sd-home-hero h1 .sd-home-hero__answer {
  height: 116px;
  margin-top: 2px;
  font-size: 100px;
  line-height: 116px;
}

.sd-home-hero__mobile-mark {
  display: none;
}

.sd-home-hero__lead {
  margin: 43px 0 0;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 570;
  line-height: 30px;
}

.sd-home-hero__lead strong {
  color: #0051fd;
  font-weight: inherit;
}

.sd-home-arrow-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 65px;
  margin-left: -4px;
  color: #000;
  font-size: 45px;
  font-weight: 900;
  line-height: 52px;
  text-decoration: none;
}

.sd-home-arrow-cta__label strong {
  color: #0054fe;
  font-weight: inherit;
}

.sd-home-arrow-cta__arrow {
  color: #000;
  font-family: AppleGothic, sans-serif;
  font-size: 47px;
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
}

.sd-home-arrow-cta:hover {
  color: #000;
  text-decoration: none;
}

.sd-home-arrow-cta:hover .sd-home-arrow-cta__arrow {
  transform: translateX(-8px);
}

.sd-home-hero__stage {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.sd-home-hero__stage > picture {
  position: absolute;
  top: 133px;
  right: calc((100vw - 100%) / -2 - 21px);
  width: 604px;
}

.sd-home-hero__postit,
.sd-home-hero__spark,
.sd-home-hero__yellow-line {
  position: absolute;
  height: auto;
}

.sd-home-hero__postit {
  top: 620px;
  left: 717px;
  width: 162px;
}

.sd-home-hero__spark {
  top: 360px;
  left: 13px;
  width: 71px;
}

.sd-home-hero__yellow-line {
  top: 460px;
  left: 88px;
  z-index: 1;
  width: 625px;
}

/* Three-step process */

.sd-process {
  position: relative;
  height: 900px;
  overflow: hidden;
  background:
    url("/assets/personal-home/process-background-desktop.png") center top / cover no-repeat,
    #edf3ff;
}

.sd-process__stage {
  height: 900px;
}

.sd-process__head {
  position: absolute;
  top: 148px;
  left: 64px;
  z-index: 5;
}

.sd-process__head h2 {
  margin: 0;
  color: #000;
  font-size: 72px;
  font-weight: 800;
  line-height: 100px;
  letter-spacing: 0;
}

.sd-process__head h2 span {
  display: block;
  transform: scaleX(.95);
  transform-origin: left center;
}

.sd-process__head h2 strong {
  color: #0054fe;
  font-weight: inherit;
}

.sd-process__head p {
  margin: -1px 0 0 1px;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 570;
  line-height: 27px;
}

.sd-process__steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sd-process-step {
  position: absolute;
  top: 462px;
  z-index: 3;
  width: 380px;
}

.sd-process-step:nth-child(1) {
  left: 65px;
}

.sd-process-step:nth-child(2) {
  left: 573px;
}

.sd-process-step:nth-child(3) {
  left: 998px;
}

.sd-process-step h3 {
  display: flex;
  height: 53px;
  align-items: center;
  gap: 17px;
  margin: 0;
  color: #000;
  font-size: 48px;
  font-weight: 800;
  line-height: 53px;
  letter-spacing: 0;
  white-space: nowrap;
}

.sd-process-number {
  position: relative;
  display: grid;
  width: 53px;
  height: 52px;
  flex: 0 0 53px;
  isolation: isolate;
  place-items: center;
}

.sd-process-number::before {
  position: absolute;
  top: -4px;
  left: -2px;
  z-index: -1;
  width: 60px;
  height: 60px;
  background: url("/assets/personal-home/process-step-circle-desktop-fx.png") center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

.sd-process-number b {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
}

.sd-process-step__visual {
  position: absolute;
  inset: 0;
  height: 339px;
}

.sd-process-bubble {
  position: absolute;
  top: 103px;
  left: 14px;
  display: flex;
  width: 304px;
  height: 162px;
  align-items: flex-start;
  padding: 30px 21px;
  background: url("/assets/personal-home/process-bubble-desktop.png") center / 100% 100% no-repeat;
  color: #fff;
  font-size: 30px;
  font-weight: 720;
  line-height: 1.1;
}

.sd-process-accent,
.sd-process-contract,
.sd-process-pencil,
.sd-process-plane,
.sd-process-phone,
.sd-process-phone-logo,
.sd-process-arrow,
.sd-process-check-accent {
  position: absolute;
}

.sd-process-accent--speak {
  top: -31px;
  left: 334px;
  width: 41px;
}

.sd-process-chip {
  --sd-process-chip-fx: none;
  position: absolute;
  z-index: 4;
  display: flex;
  width: 163px;
  height: 56px;
  align-items: center;
  color: #000;
  font-size: 20px;
  font-weight: 750;
  isolation: isolate;
  white-space: nowrap;
}

.sd-process-chip::before {
  position: absolute;
  top: -3px;
  left: -1px;
  z-index: -1;
  width: 170px;
  height: 63px;
  background: var(--sd-process-chip-fx) center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}

.sd-process-chip--paw {
  --sd-process-chip-fx: url("/assets/personal-home/process-paw-chip-desktop-fx.png");
  top: 120px;
  left: 28px;
  padding-left: 52px;
}

.sd-process-chip--home {
  --sd-process-chip-fx: url("/assets/personal-home/process-home-chip-desktop-fx.png");
  top: 209px;
  left: -5px;
  padding-left: 63px;
}

.sd-process-contract {
  top: 74px;
  left: 64px;
  z-index: 2;
  width: 219px;
}

.sd-process-pencil {
  top: 157px;
  left: 221px;
  z-index: 5;
  width: 77px;
}

.sd-process-plane {
  top: 147px;
  left: 71px;
  z-index: 7;
  width: 129px;
}

.sd-process-phone {
  top: 47px;
  left: 127px;
  z-index: 5;
  width: 201px;
}

.sd-process-phone-logo {
  top: 223px;
  left: 220px;
  z-index: 6;
  width: 82px;
}

.sd-process-arrow--one {
  top: 601px;
  left: 394px;
  width: 161px;
}

.sd-process-arrow--two {
  top: 634px;
  left: 894px;
  width: 145px;
}

.sd-process-check-accent {
  top: 417px;
  left: 1091px;
  width: 60px;
}

/* Why SignDeal */

.sd-why {
  position: relative;
  height: 900px;
  overflow: hidden;
  background:
    url("/assets/personal-home/why-background-desktop.png") center top / cover no-repeat,
    #fff;
}

.sd-why__inner {
  height: 900px;
}

.sd-why__copy {
  position: absolute;
  inset: 0;
  z-index: 30;
}

.sd-why__copy h2 {
  position: absolute;
  top: 145px;
  left: 65px;
  margin: 0;
  color: #000;
  font-size: 86px;
  font-weight: 800;
  line-height: 103px;
  letter-spacing: 0;
  transform: scaleX(.95);
  transform-origin: left center;
}

.sd-why__copy h2 strong {
  color: #0054fe;
  font-weight: inherit;
}

.sd-why__intro {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 570;
  line-height: 28px;
}

.sd-why__intro--desktop {
  position: absolute;
  top: 316px;
  left: 64px;
}

.sd-why__intro p {
  margin: 0;
}

.sd-why__intro p + p {
  margin-top: 0;
}

.sd-why__intro--mobile {
  display: none;
}

.sd-why__statement {
  position: absolute;
  top: 498px;
  left: 64px;
  margin: 0;
  color: #000;
  font-size: 72px;
  font-weight: 800;
  line-height: 86px;
  letter-spacing: 0;
  transform: scaleX(.95);
  transform-origin: left center;
}

.sd-why__statement span {
  display: block;
  white-space: nowrap;
}

.sd-why__statement strong,
.sd-why__statement em {
  color: #0054fe;
  font-style: normal;
  font-weight: inherit;
}

.sd-why__statement--mobile {
  display: none;
}

.sd-document-fan {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  height: 900px;
  pointer-events: none;
}

.sd-document-fan > picture {
  position: absolute;
}

.sd-document-fan__light {
  top: -17px;
  left: 882px;
  z-index: 1;
  width: 496px;
}

.sd-document-fan__doc {
  z-index: 5;
  opacity: 0;
  transform-origin: center;
  will-change: opacity, transform;
}

.sd-document-fan__doc--employment {
  top: -56px;
  left: 978px;
  width: 274px;
}

.sd-document-fan__doc--generic {
  top: 33px;
  left: 1035px;
  width: 228px;
}

.sd-document-fan__doc--supply {
  top: -56px;
  left: 1156px;
  width: 229px;
}

.sd-document-fan__doc--power {
  top: -14px;
  left: 1097px;
  width: 281px;
}

.sd-document-fan__doc--lease {
  top: 154px;
  left: 1090px;
  width: 250px;
}

.sd-document-fan__doc--labor {
  top: -35px;
  left: 844px;
  width: 253px;
}

.sd-document-fan__doc--nda {
  top: 61px;
  left: 953px;
  width: 226px;
}

.sd-document-fan__doc--esign {
  top: 163px;
  left: 896px;
  width: 260px;
}

.sd-document-fan .sd-document-fan__doc--mou {
  display: none;
}

.sd-document-fan__phone {
  top: 249px;
  left: 1002px;
  z-index: 20;
  width: 258px;
}

.sd-why__yellow-circle {
  position: absolute;
  top: 646px;
  left: 383px;
  z-index: 20;
  width: 187px;
  pointer-events: none;
}

/* Four-state scrollytelling */

.sd-reasons {
  position: relative;
  height: 400svh;
  background: #fff;
}

.sd-reasons__sticky {
  position: sticky;
  top: 0;
  height: 900px;
  overflow: hidden;
  background:
    url("/assets/personal-home/reason-background-desktop.png") center top / cover no-repeat,
    #fff;
}

.sd-reasons__inner {
  height: 900px;
}

.sd-reasons__head {
  position: absolute;
  inset: 0;
  z-index: 20;
}

.sd-reasons__head h2 {
  position: absolute;
  top: 145px;
  left: 65px;
  margin: 0;
  color: #000;
  font-size: 86px;
  font-weight: 800;
  line-height: 103px;
  letter-spacing: 0;
  transform: scaleX(.95);
  transform-origin: left center;
}

.sd-reasons__head h2 strong {
  color: #0054ff;
  font-weight: inherit;
}

.sd-reasons__counter,
.sd-reasons__dots {
  display: none;
}

.sd-reasons__panels {
  position: absolute;
  inset: 0;
}

.sd-reason {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition:
    opacity 400ms ease,
    transform 580ms cubic-bezier(.22, 1, .36, 1);
  visibility: hidden;
}

.sd-reason.is-active {
  z-index: 5;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.sd-reason__copy {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.sd-reason__badge {
  position: absolute;
  top: 369px;
  left: 62px;
  display: grid;
  width: 124px;
  height: 40px;
  margin: 0;
  place-items: center;
  background: url("/assets/personal-home/reason-badge.png") center / 100% 100% no-repeat;
  color: #000;
  font-size: 27px;
  font-weight: 800;
}

.sd-reason__copy h3 {
  position: absolute;
  top: 422px;
  left: 64px;
  margin: 0;
  color: #000;
  font-size: 72px;
  font-weight: 800;
  line-height: 86px;
  letter-spacing: 0;
  white-space: nowrap;
}

.sd-reason__copy h3 strong {
  color: #0054ff;
  font-weight: inherit;
}

.sd-reason__copy p {
  position: absolute;
  top: 573px;
  left: 64px;
  margin: 0;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 570;
  line-height: 28px;
  white-space: nowrap;
}

.sd-reason__copy > a {
  position: absolute;
  top: 665px;
  left: 64px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #000;
  font-size: 47px;
  font-weight: 900;
  line-height: 56px;
  text-decoration: none;
  white-space: nowrap;
}

.sd-reason__copy > a .sd-reason__link-arrow {
  color: #000;
  font-family: AppleGothic, sans-serif;
  font-size: 47px;
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
}

.sd-reason__copy > a:hover {
  color: #000;
  text-decoration: none;
}

.sd-reason__copy > a:hover .sd-reason__link-arrow {
  transform: translateX(-8px);
}

.sd-reason__visual {
  position: absolute;
  z-index: 2;
  margin: 0;
  pointer-events: none;
}

.sd-reason__visual--request,
.sd-reason__visual--signature {
  overflow: visible;
}

.sd-reason__visual--request > img,
.sd-reason__visual--signature > img {
  position: absolute;
  display: block;
  height: auto;
}

.sd-reason__visual--request {
  height: 376px;
}

.sd-reason__visual .sd-reason__request-bubble {
  top: 93px;
  left: -1px;
  z-index: 1;
  width: 327px;
}

.sd-reason__request-copy {
  position: absolute;
  top: 173px;
  left: 78px;
  z-index: 3;
  width: 234px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}

.sd-reason__visual .sd-reason__request-wave {
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 369px;
}

.sd-reason__visual .sd-reason__request-arrow {
  top: 174px;
  left: 322px;
  z-index: 2;
  width: 209px;
}

.sd-reason__visual .sd-reason__request-contract {
  top: -4px;
  left: 532px;
  z-index: 3;
  width: 248px;
}

.sd-reason__visual--signature {
  height: 563px;
}

.sd-reason__visual .sd-reason__signature-hand {
  top: 0;
  left: 113px;
  z-index: 1;
  width: 535px;
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 78%, rgba(0, 0, 0, .72) 90%, transparent 100%);
  mask-image: linear-gradient(to right, #000 0%, #000 78%, rgba(0, 0, 0, .72) 90%, transparent 100%);
}

.sd-reason__visual .sd-reason__signature-mark {
  top: 270px;
  left: 0;
  z-index: 2;
  width: 124px;
}

.sd-reason__spark {
  position: absolute;
  top: 401px;
  left: 27px;
  z-index: 8;
  width: 52px;
  height: auto;
  pointer-events: none;
}

.sd-reason:nth-child(1) .sd-reason__visual {
  top: 234px;
  left: 576px;
  width: 772px;
}

.sd-reason:nth-child(2) .sd-reason__visual {
  top: 250px;
  left: 802px;
  width: 648px;
}

.sd-reason:nth-child(3) .sd-reason__visual {
  top: 354px;
  left: 640px;
  width: 667px;
}

.sd-reason:nth-child(4) .sd-reason__visual {
  top: 327px;
  left: 782px;
  width: 605px;
}

.sd-reasons__yellow-line {
  position: absolute;
  top: 496px;
  left: 27px;
  z-index: 12;
  width: 518px;
  height: auto;
  pointer-events: none;
}

/* Final CTA */

.sd-start {
  position: relative;
  height: 900px;
  overflow: hidden;
  background: #fff;
}

.sd-start > .sd-home-shell {
  height: 900px;
}

.sd-start__panel {
  position: absolute;
  top: 139px;
  left: 64px;
  display: flex;
  width: 1312px;
  height: 690px;
  flex-direction: column;
  align-items: center;
  padding: 77px 48px 65px;
  border-radius: 46px;
  background: #0758e6;
  color: #fff;
  text-align: center;
}

.sd-start__panel > p {
  margin: 0;
  color: #fff;
  font-size: 30px;
  font-weight: 750;
  line-height: 36px;
  transform: scaleX(.952);
  transform-origin: center;
}

.sd-start__panel h2 {
  margin: 17px 0 0;
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  line-height: 83px;
  letter-spacing: 0;
  transform: scaleX(.954);
  transform-origin: center;
}

.sd-start__panel > span {
  margin-top: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 550;
  line-height: 30px;
  transform: scaleX(.946);
  transform-origin: center;
}

.sd-start__panel > a {
  position: relative;
  left: 2px;
  display: grid;
  width: 724px;
  height: 92px;
  margin-top: 72px;
  place-items: center;
  border-radius: 12px;
  background: #fff;
  color: #0054ff;
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 220ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 220ms ease;
}

.sd-start__panel > a:hover {
  box-shadow: 0 18px 30px rgba(3, 28, 91, .24);
  color: #0054ff;
  text-decoration: none;
  transform: translateY(-4px);
}

.sd-start__panel small {
  margin-top: 22px;
  color: #fff;
  font-size: 19px;
  line-height: 27px;
}

.sd-start__panel small + small {
  margin-top: 40px;
  font-size: 19px;
}

.sd-start__panel small a {
  color: #fff;
  font-weight: 800;
  text-decoration: underline;
}

.sd-start__mobile-break {
  display: none;
}

/* Ordered pop motion for non-text assets. */

.sd-personal-motion [data-pop] {
  opacity: 0;
  transform: translateY(26px) scale(.95);
}

.sd-personal-motion [data-pop].is-pop-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 700ms cubic-bezier(.22, 1, .36, 1),
    transform 700ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: calc(var(--pop-order, 0) * 105ms);
}

/* Mobile PSD layouts */

@media (max-width: 767px) {
  .sd-home-shell {
    width: 100%;
  }

  .personal-home-page .site-header,
  .personal-home-page .site-header--overlay,
  .personal-home-page .site-header--overlay.is-scrolled {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .personal-home-page .site-header .container {
    width: 100%;
    padding-inline: 0;
  }

  .personal-home-page .site-header .nav,
  .personal-home-page .site-header--overlay.is-scrolled .nav {
    width: 100%;
    min-height: 70px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .personal-home-page .brand {
    position: absolute;
    top: 14px;
    left: 50%;
    gap: 7px;
    min-height: 46px;
    transform: translateX(-50%);
  }

  .personal-home-page .brand__mark {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
    border-radius: 13px;
  }

  .personal-home-page .brand__word {
    display: block;
    font-size: 45px;
    line-height: 1;
  }

  .personal-home-page .nav__audience,
  .personal-home-page .nav__menu,
  .personal-home-page .nav__toggle,
  .personal-home-page .nav__actions {
    display: none !important;
  }

  .sd-home-hero,
  .sd-process,
  .sd-why {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 390 / 894;
  }

  .sd-home-hero {
    background:
      url("/assets/personal-home/hero-background-mobile.png") center top / 100% 100% no-repeat,
      #fff;
  }

  .sd-home-hero__inner,
  .sd-process__stage,
  .sd-why__inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .sd-home-hero__copy {
    position: absolute;
    inset: 0;
    width: 100%;
  }

  .sd-home-kicker {
    display: none;
  }

  .sd-home-hero h1 {
    position: absolute;
    top: 0;
    inset: 0;
    margin: 0;
    text-align: center;
  }

  .sd-home-hero h1 > span {
    position: absolute;
    right: 0;
    left: 0;
    height: auto;
    font-size: min(7.18vw, 28px);
    line-height: 1.05;
    transform: none;
  }

  .sd-home-hero h1 > span:nth-child(1) {
    top: 9.4%;
  }

  .sd-home-hero h1 > span:nth-child(2) {
    top: 13.9%;
  }

  .sd-home-hero h1 .sd-home-hero__answer {
    top: 18.3%;
    height: auto;
    margin: 0;
    font-size: min(9.74vw, 38px);
    line-height: 1;
  }

  .sd-home-hero__mobile-mark {
    display: inline;
  }

  .sd-home-hero__lead {
    position: absolute;
    top: 73%;
    right: 0;
    left: 0;
    margin: 0;
    font-size: min(3.85vw, 15px);
    line-height: 2;
    text-align: center;
    white-space: nowrap;
  }

  .sd-home-arrow-cta {
    position: absolute;
    top: min(83.9%, calc(100svh - 125px));
    bottom: auto;
    left: 4.1%;
    gap: 2.8vw;
    margin: 0;
    font-size: min(8.97vw, 35px);
    line-height: 1.1;
  }

  .sd-home-arrow-cta__arrow {
    font-size: min(8.97vw, 35px);
  }

  .sd-home-hero__stage {
    inset: 0;
  }

  .sd-home-hero__stage > picture {
    top: 26.73%;
    right: auto;
    left: 18.21%;
    width: 94.1%;
  }

  .sd-home-hero__postit {
    display: none;
  }

  .sd-home-hero__spark {
    top: 16.78%;
    left: 4.1%;
    width: 9.74%;
  }

  .sd-home-hero__yellow-line {
    top: 22.37%;
    left: 12.56%;
    width: 77.18%;
  }

  .sd-process {
    background:
      url("/assets/personal-home/process-background-mobile.png") center top / 100% 100% no-repeat,
      #edf3ff;
  }

  .sd-process__head {
    position: absolute;
    top: 5.37%;
    left: 5.64%;
  }

  .sd-process__head h2 {
    font-size: min(10.41vw, 40.6px);
    line-height: 1.31;
  }

  .sd-process__head p {
    position: absolute;
    top: 30.25vw;
    left: -1px;
    width: 72vw;
    margin: 0;
    font-size: min(4vw, 15.6px);
    line-height: 1.58;
    white-space: nowrap;
  }

  .sd-process-step {
    top: auto;
    left: 5.13% !important;
    width: 90%;
  }

  .sd-process-step:nth-child(1) {
    top: 25.62%;
  }

  .sd-process-step:nth-child(2) {
    top: 47.43%;
  }

  .sd-process-step:nth-child(3) {
    top: 78.75%;
  }

  .sd-process-step h3 {
    height: 8.46vw;
    gap: 2.31vw;
    font-size: min(7.18vw, 28px);
    line-height: 1;
  }

  .sd-process-number {
    width: 8.72vw;
    height: 8.46vw;
    flex-basis: 8.72vw;
  }

  .sd-process-number::before {
    top: -1.03vw;
    left: -.51vw;
    width: 10.26vw;
    height: 10.26vw;
    background-image: url("/assets/personal-home/process-step-circle-mobile-fx.png");
  }

  .sd-process-number b {
    font-size: min(5.13vw, 20px);
  }

  .sd-process-step__visual {
    height: 48vw;
  }

  .sd-process-bubble {
    top: 15.38vw;
    left: 5.13%;
    width: 50.26vw;
    height: 26.67vw;
    padding: 4.87vw 3.85vw;
    background-image: url("/assets/personal-home/process-bubble-mobile.png");
    font-size: min(5.13vw, 20px);
    line-height: 1.08;
  }

  .sd-process-accent--speak {
    top: -1.54vw;
    left: 52.31vw;
    width: 5.38vw;
  }

  .sd-process-chip {
    width: 31.28vw;
    height: 10.77vw;
    font-size: min(3.85vw, 15px);
  }

  .sd-process-chip::before {
    top: -.77vw;
    left: -.26vw;
    width: 32.82vw;
    height: 12.56vw;
  }

  .sd-process-chip--paw {
    --sd-process-chip-fx: url("/assets/personal-home/process-paw-chip-mobile-fx.png");
    top: 18.21vw;
    left: 7.18vw;
    padding-left: 10vw;
  }

  .sd-process-chip--home {
    --sd-process-chip-fx: url("/assets/personal-home/process-home-chip-mobile-fx.png");
    top: 34.36vw;
    left: 16.41vw;
    padding-left: 12.31vw;
  }

  .sd-process-contract {
    top: 16.15vw;
    left: 51.03vw;
    width: 32.82vw;
  }

  .sd-process-pencil {
    top: 1.54vw;
    left: 53.33vw;
    width: 4.62vw;
  }

  .sd-process-plane {
    top: 17.44vw;
    left: 32.05vw;
    width: 20.26vw;
  }

  .sd-process-phone {
    top: 1.79vw;
    left: 54.87vw;
    width: 30.26vw;
  }

  .sd-process-phone-logo {
    top: 28.2vw;
    left: 67.7vw;
    width: 14.1vw;
  }

  .sd-process-arrow--one {
    display: none;
  }

  .sd-process-arrow--two {
    top: 87.47%;
    left: -2.31%;
    width: 37.18%;
  }

  .sd-process-check-accent {
    top: 76.51%;
    left: 20.77%;
    width: 7.69%;
  }

  .sd-why {
    background:
      url("/assets/personal-home/why-background-mobile.png") center top / 100% 100% no-repeat,
      #fff;
  }

  .sd-why__copy h2,
  .sd-why__intro--desktop,
  .sd-why__statement--desktop {
    display: none;
  }

  .sd-why__intro--mobile,
  .sd-why__statement--mobile {
    display: block;
  }

  .sd-why__intro--mobile {
    position: absolute;
    inset: 0;
    font-size: min(4.62vw, 18px);
    line-height: 1.4;
    text-align: center;
  }

  .sd-why__intro--mobile p {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0;
  }

  .sd-why__intro--mobile p:first-child {
    top: 60.29%;
  }

  .sd-why__intro--mobile p:last-child {
    top: 68.34%;
  }

  .sd-why__statement--mobile {
    top: 75.73%;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    font-size: min(8.97vw, 35px);
    line-height: 1.23;
    text-align: center;
    transform: none;
  }

  .sd-why__statement--mobile span {
    white-space: nowrap;
  }

  .sd-document-fan {
    height: 100%;
  }

  .sd-document-fan__light {
    top: -.22%;
    left: 11.79%;
    width: 75.9%;
  }

  .sd-document-fan__doc--employment {
    top: -2.35%;
    left: 10.26%;
    width: 47.18%;
  }

  .sd-document-fan__doc--generic {
    top: 9.84%;
    left: 37.18%;
    width: 36.41%;
  }

  .sd-document-fan__doc--supply {
    top: -1.12%;
    left: 34.87%;
    width: 34.1%;
  }

  .sd-document-fan__doc--power {
    top: 10.74%;
    left: 48.46%;
    width: 40.77%;
  }

  .sd-document-fan__doc--lease {
    top: 19.8%;
    left: 38.97%;
    width: 37.18%;
  }

  .sd-document-fan__doc--labor {
    top: 5.7%;
    left: 3.33%;
    width: 40.51%;
  }

  .sd-document-fan__doc--nda {
    top: 12.53%;
    left: 15.64%;
    width: 36.67%;
  }

  .sd-document-fan__doc--esign {
    top: 19.13%;
    left: 17.44%;
    width: 43.33%;
  }

  .sd-document-fan .sd-document-fan__doc--mou {
    top: -2.35%;
    left: 53.85%;
    display: block;
    width: 39.74%;
  }

  .sd-document-fan__phone {
    top: 26.51%;
    left: 32.82%;
    width: 34.36%;
  }

  .sd-why__yellow-circle {
    top: 90.6%;
    left: 24.87%;
    width: 25.64%;
  }

  .sd-reasons {
    height: 400svh;
    background: #edf3ff;
  }

  .sd-reasons__sticky {
    height: 100svh;
    min-height: 760px;
    background: #edf3ff;
  }

  .sd-reasons__inner {
    height: 100%;
  }

  .sd-reasons__head h2 {
    top: 105px;
    right: 20px;
    left: 20px;
    font-size: 40px;
    line-height: 1.2;
    transform: none;
  }

  .sd-reason__badge {
    top: 208px;
    left: 20px;
    width: 93px;
    height: 30px;
    font-size: 18px;
  }

  .sd-reason__copy h3 {
    top: 250px;
    right: 20px;
    left: 20px;
    font-size: 39px;
    line-height: 1.18;
    white-space: normal;
  }

  .sd-reason__copy p {
    top: 325px;
    right: 20px;
    left: 20px;
    font-size: 15px;
    line-height: 1.55;
    white-space: normal;
  }

  .sd-reason__copy > a {
    top: 390px;
    left: 20px;
    gap: 10px;
    font-size: 23px;
    line-height: 1.2;
  }

  .sd-reason__copy > a .sd-reason__link-arrow {
    font-size: 26px;
  }

  .sd-reasons__yellow-line {
    top: 303px;
    left: 9px;
    width: 310px;
  }

  .sd-reason__visual,
  .sd-reason:nth-child(1) .sd-reason__visual,
  .sd-reason:nth-child(2) .sd-reason__visual,
  .sd-reason:nth-child(3) .sd-reason__visual,
  .sd-reason:nth-child(4) .sd-reason__visual {
    top: 450px;
    right: auto;
    left: 0;
    width: 100%;
  }

  .sd-reason__visual--request {
    height: 350px;
  }

  .sd-reason__visual .sd-reason__request-bubble {
    top: 55px;
    left: 9px;
    width: 242px;
  }

  .sd-reason__request-copy {
    top: 113px;
    left: 68px;
    width: 166px;
    font-size: 14px;
    line-height: 1.35;
  }

  .sd-reason__visual .sd-reason__request-wave {
    top: 178px;
    bottom: auto;
    left: 20px;
    width: 185px;
  }

  .sd-reason__visual .sd-reason__request-arrow {
    top: 82px;
    left: 194px;
    width: 86px;
  }

  .sd-reason__visual .sd-reason__request-contract {
    top: -2px;
    right: 8px;
    left: auto;
    width: 125px;
  }

  .sd-reason__visual--signature {
    height: 380px;
  }

  .sd-reason__visual .sd-reason__signature-hand {
    top: -10px;
    left: 90px;
    width: 340px;
  }

  .sd-reason__visual .sd-reason__signature-mark {
    top: 145px;
    left: 55px;
    width: 130px;
  }

  .sd-reason:nth-child(2) .sd-reason__copy h3 {
    right: 20px;
    left: 52px;
  }

  .sd-reason__spark {
    top: 255px;
    left: 18px;
    width: 28px;
  }

  .sd-start {
    height: auto;
    min-height: 760px;
    padding: 64px 20px calc(96px + env(safe-area-inset-bottom, 0px));
  }

  .sd-start > .sd-home-shell {
    height: auto;
  }

  .sd-start__panel {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    min-height: 632px;
    padding: 70px 20px 48px;
    border-radius: 26px;
  }

  .sd-start__panel > p {
    font-size: 18px;
    transform: none;
  }

  .sd-start__panel h2 {
    margin-top: 18px;
    font-size: 40px;
    line-height: 1.24;
    transform: none;
  }

  .sd-start__panel > span {
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.6;
    transform: none;
  }

  .sd-start__mobile-break {
    display: inline;
  }

  .sd-start__panel > a {
    left: 0;
    width: 100%;
    height: 66px;
    margin-top: 52px;
    font-size: 24px;
  }

  .sd-start__panel small {
    font-size: 11px;
    line-height: 18px;
  }

  .sd-start__panel small + small {
    margin-top: 28px;
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 360px) {
  .sd-home-hero__lead {
    font-size: 3.9vw;
  }

  .sd-why__statement--mobile {
    font-size: 8.65vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sd-personal-motion [data-pop],
  .sd-personal-motion [data-pop].is-pop-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .sd-document-fan__doc {
    opacity: 1;
    transform: none !important;
  }

  .sd-reason {
    transform: none;
    transition: none;
  }
}