/*
 * Relait responsive composition layer.
 *
 * The accepted mobile layout remains the source below 600px.
 * Tablet and desktop are composed independently instead of scaling the
 * 430px canvas.
 */

@media (min-width: 600px) {
  :root {
    --relait-pad: 44px;
    --relait-section-y: 76px;
  }

  html {
    scroll-padding-top: 76px;
  }

  body {
    padding: 0;
    background: #eef0f7;
  }

  .phone-page,
  .editorial-page {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .site-header,
  .site-menu {
    width: 100%;
    max-width: none;
  }

  .site-header {
    min-height: 72px;
    padding: 24px var(--relait-pad) 12px;
  }

  .site-menu {
    padding-right: var(--relait-pad);
    padding-left: var(--relait-pad);
  }

  .brand {
    font-size: 26px;
  }

  .hero,
  .buyer-hero {
    min-height: 720px;
  }

  .relait-home .hero {
    padding: 0 var(--relait-pad) 42px;
  }

  .relait-home .hero-text {
    width: 52%;
    padding-top: 132px;
  }

  .relait-home .hero :is(h1, h2) {
    max-width: 450px;
    font-size: clamp(45px, 6.4vw, 54px);
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  .relait-home .hero p {
    width: 100%;
    max-width: 360px;
    font-size: 16px;
    line-height: 1.55;
  }

  body.relait-home.variant-1 .hero-text > p {
    width: 100%;
    max-width: 360px;
  }

  body.relait-home.variant-1 .hero-art {
    top: 72px;
    right: 0;
    bottom: 128px;
    left: 38%;
    width: auto;
  }

  body.relait-home.variant-1 .hero-image {
    right: -4%;
    bottom: -4%;
    width: min(61vw, 560px);
    max-height: 100%;
    object-fit: contain;
    object-position: right bottom;
  }

  body.relait-home.variant-1 .hero-bottom {
    right: var(--relait-pad);
    left: var(--relait-pad);
    bottom: 34px;
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 40px;
    align-items: end;
    padding: 0;
  }

  body.relait-home.variant-1 .hero-bottom .benefits {
    max-width: 390px;
  }

  body.relait-home.variant-1 .hero-bottom .primary-cta:not(.is-fixed) {
    grid-column: 2;
    min-height: 58px;
  }

  .relait-home .requests,
  .relait-home .team-section,
  .relait-home .work-section,
  .relait-home .insights-section,
  .relait-home .final-cta-section {
    min-height: 0;
    padding-right: var(--relait-pad);
    padding-left: var(--relait-pad);
  }

  .relait-home .requests {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .relait-home .requests h2,
  .relait-home .team-section h2,
  .relait-home .work-section h2,
  .relait-home .insights-section h2,
  .relait-home .final-cta-section h2 {
    max-width: 620px;
    font-size: clamp(44px, 6.2vw, 54px);
    line-height: 1.03;
    letter-spacing: -.045em;
  }

  .relait-home .request-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .relait-home .request-card {
    min-height: 166px;
    grid-template-columns: 72px 1fr 28px;
    padding: 18px 20px;
    border-radius: 22px;
  }

  .relait-home .request-card b {
    font-size: 16px;
    line-height: 1.35;
  }

  .relait-home .request-icon {
    width: 62px;
    height: 62px;
  }

  .relait-home .complex-card {
    min-height: 270px;
    margin-top: 22px;
    padding: 34px 38px;
    border-radius: 26px;
  }

  .relait-home .complex-card h3 {
    font-size: 27px;
  }

  .relait-home .complex-card strong {
    font-size: 52px;
  }

  .relait-home .complex-card p {
    max-width: 560px;
    font-size: 16px;
    line-height: 1.55;
  }

  .relait-home .team-section {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .relait-home .team-lead-card,
  .relait-home .expert-block {
    border-radius: 28px;
  }

  .relait-home .team-lead-card {
    padding: 38px;
  }

  .relait-home .expert-block {
    margin-top: 22px;
    padding: 38px;
  }

  .relait-home .work-section {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .relait-home .work-lead {
    max-width: 650px;
    font-size: 18px;
    line-height: 1.55;
  }

  .relait-home .principles-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 18px 26px;
    border-radius: 28px;
  }

  .relait-home .principle-item {
    min-height: 190px;
    padding: 30px 24px;
  }

  .relait-home .principle-item:first-child,
  .relait-home .principle-item:last-child {
    padding: 30px 24px;
  }

  .relait-home .principle-item:nth-child(-n + 2) {
    border-top: 0;
  }

  .relait-home .principle-item:nth-child(odd) {
    border-right: 1px solid rgba(15, 23, 42, .1);
  }

  .relait-home .principle-item h3 {
    font-size: 21px;
  }

  .relait-home .principle-item p {
    font-size: 15px;
    line-height: 1.5;
  }

  .relait-home .work-summary {
    min-height: 120px;
    margin-top: 22px;
    padding: 25px 32px;
    border-radius: 26px;
  }

  .relait-home .work-summary strong {
    font-size: 24px;
  }

  .insights-section {
    padding: var(--relait-section-y) var(--relait-pad);
  }

  .insights-section h2 {
    max-width: 700px;
    font-size: clamp(46px, 6.4vw, 56px);
    line-height: 1.02;
    letter-spacing: -.045em;
  }

  .insights-lead {
    max-width: 680px;
    margin-bottom: 34px;
    font-size: 17px;
    line-height: 1.55;
  }

  .insights-card {
    padding: 26px;
    border-radius: 28px;
  }

  .featured-insight {
    grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
  }

  .featured-insight .video-thumb {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .featured-copy h3 {
    font-size: 24px;
  }

  .channels-card {
    padding: 24px 28px;
    border-radius: 24px;
  }

  .channel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .buyer-hero {
    display: grid;
    grid-template-columns: 46% 54%;
    min-height: 720px;
    padding: 0;
    overflow: hidden;
  }

  .buyer-hero-content {
    position: static;
    z-index: 2;
    min-height: 720px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 112px 0 62px var(--relait-pad);
  }

  .buyer-hero-text {
    position: relative;
    z-index: 3;
  }

  .buyer-hero :is(h1, h2) {
    max-width: 460px;
    font-size: clamp(48px, 6.8vw, 58px);
    line-height: .98;
    letter-spacing: -.055em;
  }

  .buyer-hero p {
    max-width: 390px;
    margin-top: 25px;
    font-size: 17px;
    line-height: 1.52;
  }

  .buyer-hero p br {
    display: none;
  }

  .buyer-benefits .benefit p br {
    display: block;
  }

  .buyer-hero-art {
    position: relative;
    inset: auto;
    width: auto;
    height: 720px;
    overflow: hidden;
  }

  .buyer-hero-art img,
  body.check-page .check-hero .buyer-hero-art img {
    position: absolute;
    inset: 0 auto auto 50%;
    width: auto;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translateX(-50%);
  }

  body.buyers-page .buyer-benefits {
    position: absolute;
    right: var(--relait-pad);
    bottom: 30px;
    left: var(--relait-pad);
    z-index: 4;
    width: auto;
    max-width: none;
    margin-top: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 18px 22px;
    border: 1px solid rgba(118, 111, 197, .16);
    border-radius: 22px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 46px rgba(34, 42, 90, .12);
    backdrop-filter: blur(12px);
  }

  body.buyers-page .buyer-benefits .benefit {
    padding: 0 8px;
  }

  body.buyers-page .buyer-benefits .benefit-icon {
    width: 40px;
    height: 40px;
  }

  body.buyers-page .buyer-benefits .benefit p {
    font-size: 13px;
    line-height: 1.25;
  }

  .buyer-service-screens > section {
    min-height: 0;
    height: auto;
    padding: var(--relait-section-y) var(--relait-pad);
  }

  .buyer-service-screens > section > :is(h1, h2),
  .buyer-service-screens .insights-section > h2 {
    max-width: 700px;
    margin-bottom: 34px;
    font-size: clamp(44px, 6.2vw, 54px);
    line-height: 1.01;
    letter-spacing: -.05em;
  }

  .screen-02-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .screen-02-card,
  .screen-02-card:nth-child(n + 3) {
    min-height: 300px;
    margin: 0;
    padding: 24px;
    border-radius: 24px;
  }

  .screen-02-card img,
  .screen-02-card:nth-child(n + 3) img {
    width: 120px;
    height: 120px;
    margin: 0 auto 17px;
    object-fit: contain;
  }

  .screen-02-card h2 {
    font-size: 21px;
    line-height: 1.12;
  }

  .screen-02-card p {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.48;
  }

  .screen-03-lead,
  .screen-06-lead,
  .check-lead,
  body.exchange-page .exchange-lead,
  body.sellers-page .sale-buyer-support-lead {
    max-width: 620px;
    font-size: 17px;
    line-height: 1.52;
  }

  .screen-03-card {
    margin-top: 30px;
    padding: 28px 32px;
    border-radius: 26px;
  }

  .screen-03-list b {
    font-size: 18px;
  }

  .screen-03-list span {
    font-size: 15px;
    line-height: 1.48;
  }

  .screen-03-note,
  .screen-04-control,
  .screen-05-note,
  .criteria-summary,
  .advance-summary,
  body.sellers-page .sale-focus-summary,
  body.sellers-page .sale-support-summary,
  body.exchange-page .exchange-light-summary,
  body.exchange-page .exchange-mortgage-summary {
    border-radius: 24px;
  }

  .screen-04 {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 28px 44px;
    align-items: start;
  }

  .screen-04 > :is(h1, h2) {
    grid-column: 1;
  }

  .screen-04-list {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
  }

  .screen-04-list p {
    font-size: 17px;
    line-height: 1.43;
  }

  .screen-04-control {
    grid-column: 1;
    margin: 0;
  }

  .screen-05-card {
    grid-template-columns: 210px 1fr;
    gap: 28px;
    padding: 28px;
    border-radius: 28px;
  }

  .screen-05-doc {
    width: 200px;
    height: 280px;
  }

  .screen-05-content h2 {
    font-size: 24px;
  }

  .screen-05-content li {
    font-size: 15px;
    line-height: 1.45;
  }

  .screen-06-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .screen-06-grid article {
    min-height: 220px;
    padding: 26px;
    border-radius: 24px;
  }

  .screen-06-grid img {
    width: 92px;
    height: 92px;
  }

  .screen-06-grid h2 {
    font-size: 20px;
  }

  .screen-06-grid p {
    font-size: 14px;
    line-height: 1.48;
  }

  .screen-08 {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
    grid-template-rows: auto auto;
    gap: 16px 44px;
    align-items: center;
  }

  .screen-08 > :is(h1, h2),
  .screen-08 > p {
    grid-column: 1;
  }

  .screen-08 > p {
    max-width: 400px;
    font-size: 17px;
    line-height: 1.5;
  }

  .screen-08-card {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
    border-radius: 28px;
  }

  body.sellers-page .sale-focus-card,
  body.sellers-page .sale-support-list article {
    border-radius: 24px;
  }

  body.sellers-page .sale-focus-card {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 24px;
    align-items: center;
    padding: 24px 28px;
  }

  body.sellers-page .sale-focus-card img {
    width: 150px;
    height: 150px;
  }

  body.sellers-page .sale-support-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  body.sellers-page .sale-support-list article {
    min-height: 210px;
    padding: 24px;
  }

  body.exchange-page .exchange-result-list,
  body.exchange-page .exchange-sale-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  body.exchange-page .exchange-result-list article,
  body.exchange-page .exchange-sale-list article {
    min-height: 190px;
    padding: 22px;
    border-radius: 24px;
  }

  body.exchange-page .exchange-result-list h2,
  body.exchange-page .exchange-sale-list h2 {
    font-size: 19px;
  }

  body.exchange-page .exchange-result-list p,
  body.exchange-page .exchange-sale-list p {
    font-size: 14px;
    line-height: 1.45;
  }

  body.check-page .check-method-card,
  body.check-page .criteria-card,
  body.check-page .advance-list article,
  body.check-page .check-conclusion,
  body.check-page .check-paper {
    border-radius: 24px;
  }

  body.check-page .check-method-card {
    grid-template-columns: 180px 1fr;
    gap: 24px;
    padding: 24px;
  }

  body.check-page .check-method-card > img {
    width: 170px;
    height: 230px;
  }

  body.check-page .check-method-card li,
  body.check-page .check-conclusion li,
  body.check-page .criteria-card li span,
  body.check-page .advance-list p {
    font-size: 14px;
    line-height: 1.46;
  }

  body.check-page .criteria-card {
    padding: 20px 24px;
  }

  body.check-page .criteria-card li {
    padding: 15px 8px 15px 48px;
  }

  body.check-page .criteria-card b,
  body.check-page .advance-list h2 {
    font-size: 18px;
  }

  body.check-page .advance-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  body.check-page .advance-list article {
    grid-template-columns: 1fr;
    align-content: start;
    padding: 20px;
  }

  body.check-page .advance-list img {
    width: 96px;
    height: 96px;
  }

  .editorial-page {
    padding-top: 72px;
  }

  .editorial-hero {
    padding: 72px var(--relait-pad) 62px;
  }

  .editorial-hero :is(h1, h2) {
    max-width: 830px;
    font-size: clamp(54px, 8vw, 70px);
    line-height: .98;
    letter-spacing: -.055em;
  }

  .editorial-hero > p:last-child {
    max-width: 650px;
    font-size: 18px;
  }

  .insights-archive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 34px var(--relait-pad) 72px;
  }

  .insight-archive-card {
    min-height: 320px;
    padding: 28px;
    border-radius: 26px;
  }

  .article-shell {
    max-width: 920px;
  }

  .article-header,
  .editorial-back,
  .article-content {
    padding-right: 54px;
    padding-left: 54px;
  }

  .article-header :is(h1, h2) {
    font-size: 54px;
  }

  .article-summary,
  .article-note,
  .article-service-links {
    margin-right: 42px;
    margin-left: 42px;
  }
}

@media (min-width: 1024px) {
  :root {
    --relait-content: 1240px;
    --relait-gutter: clamp(40px, calc((100vw - var(--relait-content)) / 2 + 40px), 120px);
    --relait-section-y: 112px;
  }

  html {
    scroll-padding-top: 82px;
  }

  body {
    background: #fff;
  }

  .phone-page {
    overflow: clip;
  }

  .site-header {
    left: 0;
    min-height: 82px;
    transform: none;
    align-items: center;
    padding: 0 var(--relait-gutter);
    background: #020617;
  }

  .site-header.is-scrolled {
    background: #020617;
  }

  .brand {
    position: relative;
    z-index: 103;
    font-size: 28px;
  }

  .header-actions {
    position: relative;
    z-index: 103;
    transform: none;
  }

  .round-action {
    width: 42px;
    height: 42px;
  }

  .menu-action {
    display: none;
  }

  .site-menu {
    inset: 0 auto auto 50%;
    z-index: 102;
    width: min(780px, calc(100vw - 360px));
    min-height: 82px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(13px, 1.55vw, 26px);
    padding: 0;
    color: #fff;
    background: transparent;
    visibility: visible;
    opacity: 1;
  }

  .site-menu a {
    flex: 0 0 auto;
    padding: 31px 0 28px;
    border: 0;
    color: rgba(255, 255, 255, .82);
    font-size: clamp(12px, 1vw, 14px);
    line-height: 1;
    font-weight: 760;
    transition: color .2s ease;
  }

  .site-menu a:hover,
  .site-menu a:focus-visible {
    color: #fff;
  }

  .site-menu .site-menu-phone {
    display: none;
  }

  .relait-home .hero {
    min-height: 860px;
    padding: 0 var(--relait-gutter);
  }

  .relait-home .hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 58%;
    height: 76%;
    background: radial-gradient(circle at 56% 48%, rgba(49, 87, 255, .12), transparent 58%);
    pointer-events: none;
  }

  .relait-home .hero-text {
    width: 51%;
    padding-top: 156px;
  }

  .relait-home .hero :is(h1, h2) {
    max-width: 650px;
    margin-bottom: 34px;
    font-size: clamp(64px, 5.5vw, 82px);
    line-height: .96;
    letter-spacing: -.055em;
  }

  .relait-home .hero p {
    max-width: 520px;
    font-size: 19px;
    line-height: 1.58;
  }

  body.relait-home.variant-1 .hero-text > p {
    max-width: 520px;
  }

  body.relait-home.variant-1 .hero-art {
    top: 82px;
    right: max(0px, calc((100vw - 1440px) / 2));
    bottom: 0;
    left: 46%;
    z-index: 1;
    overflow: hidden;
  }

  body.relait-home.variant-1 .hero-image {
    right: 0;
    bottom: -8%;
    width: min(54vw, 740px);
    max-height: none;
  }

  body.relait-home.variant-1 .hero-bottom {
    right: auto;
    left: var(--relait-gutter);
    bottom: 58px;
    z-index: 4;
    width: min(560px, 42vw);
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.relait-home.variant-1 .hero-bottom .benefits {
    max-width: 520px;
  }

  body.relait-home.variant-1 .hero-bottom .benefit {
    justify-items: start;
    text-align: left;
  }

  body.relait-home.variant-1 .hero-bottom .benefit-icon {
    width: 42px;
    height: 42px;
  }

  body.relait-home.variant-1 .hero-bottom .benefit p {
    font-size: 14px;
  }

  body.relait-home.variant-1 .hero-bottom .primary-cta:not(.is-fixed) {
    grid-column: 1;
    width: 360px;
    min-height: 62px;
    font-size: 18px;
  }

  .primary-cta.is-fixed,
  .service-floating-cta.is-fixed {
    left: 50%;
    right: auto;
    width: 380px;
    transform: translateX(-50%);
  }

  .relait-home .requests,
  .relait-home .team-section,
  .relait-home .work-section,
  .relait-home .insights-section,
  .relait-home .final-cta-section {
    padding-right: var(--relait-gutter);
    padding-left: var(--relait-gutter);
  }

  .relait-home .requests {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(620px, 1.28fr);
    gap: 34px 70px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .relait-home .requests h2 {
    grid-column: 1;
    align-self: start;
    margin: 0;
    font-size: clamp(54px, 4.6vw, 68px);
  }

  .relait-home .request-list {
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .relait-home .request-card {
    min-height: 194px;
    grid-template-columns: 78px 1fr 28px;
    gap: 18px;
    padding: 24px 26px;
    transition: transform .2s ease, box-shadow .2s ease;
  }

  .relait-home .request-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(18, 24, 68, .12);
  }

  .relait-home .request-card b {
    font-size: 18px;
  }

  .relait-home .complex-card {
    grid-column: 1 / -1;
    min-height: 360px;
    margin-top: 16px;
    padding: 52px 58px;
  }

  .relait-home .complex-card > div:first-child {
    width: 68%;
  }

  .relait-home .complex-card h3 {
    font-size: 39px;
    line-height: 1.08;
  }

  .relait-home .complex-card strong {
    font-size: 78px;
  }

  .relait-home .complex-card p {
    max-width: 720px;
    font-size: 18px;
  }

  .relait-home .glass-shield {
    right: 6%;
    width: 270px;
    height: 270px;
  }

  .relait-home .team-section {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(560px, 1.14fr);
    gap: 26px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .relait-home .team-lead-card,
  .relait-home .expert-block {
    min-height: 660px;
    margin: 0;
    padding: 48px;
  }

  .relait-home .team-section h2 {
    font-size: clamp(50px, 4.2vw, 62px);
  }

  .relait-home .expert-block {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(260px, 1.14fr);
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
  }

  .relait-home .expert-copy {
    grid-column: 1;
    position: relative;
    z-index: 2;
  }

  .relait-home .expert-visual {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
    height: 430px;
  }

  .relait-home .expert-visual img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }

  .relait-home .expert-facts {
    grid-column: 1;
    position: relative;
    z-index: 2;
    align-self: end;
  }

  .relait-home .team-links {
    grid-column: 1 / -1;
  }

  .relait-home .work-section {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(620px, 1.28fr);
    gap: 20px 70px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .relait-home .work-section > h2,
  .relait-home .work-lead {
    grid-column: 1;
  }

  .relait-home .work-section > h2 {
    margin: 0;
    font-size: clamp(54px, 4.5vw, 67px);
  }

  .relait-home .work-lead {
    align-self: start;
    font-size: 19px;
  }

  .relait-home .principles-card {
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-self: start;
  }

  .relait-home .principle-item {
    min-height: 238px;
    padding: 34px 30px;
  }

  .relait-home .principle-item h3 {
    font-size: 23px;
  }

  .relait-home .work-summary {
    grid-column: 1 / -1;
    min-height: 150px;
    margin-top: 12px;
    padding: 32px 44px;
  }

  .relait-home .work-summary strong {
    max-width: 880px;
    font-size: 30px;
  }

  .insights-section {
    padding: var(--relait-section-y) var(--relait-gutter);
  }

  .insights-section h2,
  .buyer-service-screens .insights-section > h2 {
    max-width: 880px;
    font-size: clamp(58px, 4.6vw, 70px);
  }

  .insights-lead {
    max-width: 800px;
    font-size: 19px;
  }

  .insights-card {
    grid-template-columns: minmax(0, 1.3fr) minmax(380px, .7fr);
    column-gap: 42px;
    padding: 36px;
    border-radius: 32px;
  }

  .featured-insight {
    padding-right: 42px;
  }

  .featured-copy h3 {
    font-size: 32px;
  }

  .featured-copy p {
    font-size: 17px;
  }

  .insight-row {
    padding: 20px 0;
  }

  .channels-card {
    grid-template-columns: 92px minmax(260px, .8fr) minmax(520px, 1.2fr);
    gap: 20px 28px;
    padding: 28px 34px;
  }

  .channels-card h3 {
    align-self: center;
  }

  .channel-grid {
    grid-column: 3;
    align-self: center;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .relait-home .final-cta-section,
  .screen-08 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .buyer-hero {
    grid-template-columns: minmax(470px, 43%) minmax(0, 57%);
    min-height: 820px;
  }

  .buyer-hero::after {
    content: "";
    position: absolute;
    inset: 82px 0 0 38%;
    z-index: 1;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .7) 8%, transparent 32%);
    pointer-events: none;
  }

  .buyer-hero-content {
    position: relative;
    min-height: 820px;
    padding: 132px 0 88px var(--relait-gutter);
  }

  .buyer-hero :is(h1, h2) {
    max-width: 610px;
    font-size: clamp(66px, 5vw, 78px);
    line-height: .93;
  }

  .buyer-hero p {
    max-width: 520px;
    margin-top: 34px;
    font-size: 19px;
  }

  .buyer-hero-art {
    height: 820px;
  }

  .buyer-hero-art img,
  body.check-page .check-hero .buyer-hero-art img {
    left: 50%;
    width: 100%;
    min-width: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  body.buyers-page .buyer-benefits {
    position: static;
    width: calc(100% - 24px);
    max-width: 540px;
    margin-top: 58px;
    gap: 20px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  body.buyers-page .buyer-benefits .benefit {
    justify-items: start;
    text-align: left;
  }

  body.buyers-page .buyer-benefits .benefit + .benefit {
    padding-left: 20px;
  }

  body.buyers-page .buyer-benefits .benefit-icon {
    width: 48px;
    height: 48px;
  }

  body.buyers-page .buyer-benefits .benefit p {
    font-size: 14px;
  }

  .buyer-service-screens > section {
    padding: var(--relait-section-y) var(--relait-gutter);
  }

  .buyer-service-screens > section > :is(h1, h2) {
    max-width: 920px;
    margin-bottom: 52px;
    font-size: clamp(60px, 4.55vw, 70px);
    line-height: .96;
  }

  .screen-02 {
    display: grid;
    grid-template-columns: minmax(300px, .68fr) minmax(760px, 1.32fr);
    gap: 60px;
    align-items: start;
  }

  .screen-02 > :is(h1, h2) {
    grid-column: 1;
    position: sticky;
    top: 120px;
  }

  .screen-02-grid {
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .screen-02-card,
  .screen-02-card:nth-child(n + 3) {
    min-height: 350px;
    padding: 30px;
  }

  .screen-02-card img,
  .screen-02-card:nth-child(n + 3) img {
    width: 140px;
    height: 140px;
  }

  .screen-02-card h2 {
    font-size: 24px;
  }

  .screen-02-card p {
    font-size: 16px;
  }

  .screen-03 {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr);
    gap: 20px 70px;
  }

  .screen-03 > :is(h1, h2) {
    grid-column: 1;
    margin-bottom: 0;
  }

  .screen-03-lead {
    grid-column: 2;
    align-self: end;
    max-width: 620px;
    margin: 0 0 10px;
    font-size: 20px;
  }

  .screen-03-card {
    grid-column: 1 / -1;
    grid-row: auto;
    margin: 34px 0 0;
    padding: 40px 38px 36px;
  }

  .screen-03-list {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    padding: 0;
  }

  .screen-03-list::before {
    top: 28px;
    right: 8%;
    bottom: auto;
    left: 8%;
    width: auto;
    height: 1px;
  }

  .screen-03-list li,
  .screen-03-list li + li {
    min-height: 180px;
    margin: 0;
    padding: 74px 8px 0;
    text-align: center;
  }

  .screen-03-list li::before,
  .screen-03-list li + li::before {
    top: 0;
    left: 50%;
    width: 58px;
    height: 58px;
    transform: translateX(-50%);
  }

  .screen-03-list b {
    font-size: 19px;
  }

  .screen-03-list span {
    margin-top: 8px;
    font-size: 15px;
  }

  .screen-03-note {
    grid-column: 1 / -1;
    width: min(760px, 70%);
    margin: 22px auto 0;
    padding: 22px 28px;
  }

  .screen-04 {
    grid-template-columns: minmax(370px, .78fr) minmax(600px, 1.22fr);
    gap: 34px 84px;
  }

  .screen-04 > :is(h1, h2) {
    margin-bottom: 0;
  }

  .screen-04-list {
    padding-top: 8px;
  }

  .screen-04-list p {
    font-size: 20px;
  }

  .screen-04-control {
    grid-template-columns: 124px minmax(0, 1fr);
    padding: 26px 28px;
  }

  .screen-04-control img {
    width: 116px;
    height: 116px;
  }

  .screen-04-control p {
    font-size: 23px;
  }

  .screen-05 {
    display: grid;
    grid-template-columns: minmax(360px, .72fr) minmax(650px, 1.28fr);
    grid-template-rows: auto auto;
    gap: 30px 80px;
    align-items: center;
  }

  .screen-05 > :is(h1, h2) {
    grid-column: 1;
    margin-bottom: 0;
  }

  .screen-05-card {
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: 250px 1fr;
    gap: 34px;
    margin: 0;
    padding: 38px;
  }

  .screen-05-doc {
    width: 240px;
    height: 340px;
  }

  .screen-05-content h2 {
    font-size: 29px;
  }

  .screen-05-content li {
    font-size: 17px;
  }

  .screen-05-note {
    grid-column: 1;
    margin: 0;
    padding: 22px 24px;
  }

  .screen-06-lead {
    max-width: 800px;
    margin-bottom: 42px;
    font-size: 20px;
  }

  .screen-06-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .screen-06-grid article {
    min-height: 350px;
    align-content: start;
    padding: 28px 26px;
  }

  .screen-06-grid img {
    width: 112px;
    height: 112px;
    margin-bottom: 18px;
  }

  .screen-06-grid h2 {
    font-size: 23px;
  }

  .screen-06-grid p {
    font-size: 15px;
  }

  .screen-08 {
    grid-template-columns: minmax(420px, .82fr) minmax(560px, 1.18fr);
    gap: 20px 90px;
  }

  .screen-08 > p {
    max-width: 500px;
    font-size: 20px;
  }

  .screen-08-card {
    min-height: 360px;
    padding: 42px;
  }

  .screen-08-card img {
    width: 160px;
    height: 160px;
  }

  .screen-08-card > a {
    min-height: 66px;
    font-size: 19px;
  }

  body.sellers-page .sale-focus {
    display: grid;
    grid-template-columns: minmax(340px, .72fr) minmax(660px, 1.28fr);
    gap: 20px 72px;
  }

  body.sellers-page .sale-focus > :is(h1, h2) {
    grid-column: 1;
  }

  body.sellers-page .sale-focus-card {
    grid-column: 2;
    grid-template-columns: 190px 1fr;
    min-height: 240px;
    margin: 0 0 18px;
    padding: 30px;
  }

  body.sellers-page .sale-focus-card:first-of-type {
    grid-row: 1 / span 2;
  }

  body.sellers-page .sale-focus-card img {
    width: 175px;
    height: 175px;
  }

  body.sellers-page .sale-focus-card h2 {
    font-size: 25px;
  }

  body.sellers-page .sale-focus-card li {
    font-size: 16px;
  }

  body.sellers-page .sale-focus-summary {
    grid-column: 1 / -1;
    width: min(800px, 70%);
    margin: 18px auto 0;
  }

  body.sellers-page .sale-buyer-support-lead {
    max-width: 780px;
    font-size: 20px;
  }

  body.sellers-page .sale-support-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  body.sellers-page .sale-support-list article {
    min-height: 330px;
    align-content: start;
    padding: 28px 24px;
  }

  body.sellers-page .sale-support-list img {
    width: 108px;
    height: 108px;
  }

  body.sellers-page .sale-support-list h2 {
    font-size: 22px;
  }

  body.sellers-page .sale-support-list p {
    font-size: 15px;
  }

  body.sellers-page .sale-support-summary {
    width: min(800px, 70%);
    margin: 24px auto 0;
  }

  body.exchange-page .exchange-screen {
    padding: var(--relait-section-y) var(--relait-gutter);
  }

  body.exchange-page .exchange-screen :is(h1, h2) {
    max-width: 900px;
    font-size: clamp(60px, 4.55vw, 70px);
    line-height: .96;
  }

  body.exchange-page .exchange-lead {
    max-width: 820px;
    font-size: 20px;
  }

  body.exchange-page .exchange-result-list,
  body.exchange-page .exchange-sale-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  body.exchange-page .exchange-result-list article,
  body.exchange-page .exchange-sale-list article,
  body.exchange-page .exchange-screen-06 .exchange-sale-list article {
    min-height: 320px;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 12px;
    padding: 26px 24px;
  }

  body.exchange-page .exchange-result-list img,
  body.exchange-page .exchange-sale-list img,
  body.exchange-page .exchange-screen-06 .exchange-sale-list img {
    width: 108px;
    height: 108px;
  }

  body.exchange-page .exchange-result-list h2,
  body.exchange-page .exchange-sale-list h2,
  body.exchange-page .exchange-screen-06 .exchange-sale-list h2 {
    font-size: 22px;
  }

  body.exchange-page .exchange-result-list p,
  body.exchange-page .exchange-sale-list p,
  body.exchange-page .exchange-screen-06 .exchange-sale-list p {
    font-size: 15px;
  }

  body.exchange-page .exchange-result-summary {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 28px 32px;
  }

  body.exchange-page .exchange-result-summary h2 {
    font-size: 25px;
  }

  body.exchange-page .exchange-result-summary p {
    font-size: 16px;
  }

  body.exchange-page .exchange-light-summary,
  body.exchange-page .exchange-mortgage-summary {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 24px 30px;
  }

  body.exchange-page .exchange-light-summary p,
  body.exchange-page .exchange-mortgage-summary p {
    font-size: 19px;
  }

  body.exchange-page .exchange-screen-09 {
    position: relative;
    min-height: 680px;
    padding-right: max(48%, var(--relait-gutter));
  }

  body.exchange-page .exchange-screen-09 strong {
    font-size: 90px;
  }

  body.exchange-page .exchange-screen-09 p {
    max-width: 660px;
    font-size: 19px;
  }

  body.exchange-page .exchange-complex-art {
    position: absolute;
    right: var(--relait-gutter);
    bottom: 60px;
    width: min(40vw, 520px);
    max-height: 520px;
  }

  body.check-page .check-method,
  body.check-page .check-criteria,
  body.check-page .check-advance {
    display: grid;
    grid-template-columns: minmax(360px, .72fr) minmax(650px, 1.28fr);
    gap: 24px 78px;
    align-items: start;
  }

  body.check-page .check-method > :is(h1, h2),
  body.check-page .check-criteria > :is(h1, h2),
  body.check-page .check-advance > :is(h1, h2) {
    grid-column: 1;
    margin-bottom: 0;
  }

  body.check-page .check-lead {
    grid-column: 1;
    font-size: 19px;
  }

  body.check-page .check-method-card,
  body.check-page .criteria-card,
  body.check-page .advance-list {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin: 0;
  }

  body.check-page .check-method-card {
    grid-template-columns: 240px 1fr;
    gap: 30px;
    padding: 32px;
  }

  body.check-page .check-method-card > img {
    width: 225px;
    height: 310px;
  }

  body.check-page .check-method-card li {
    padding: 15px 0 15px 38px;
    font-size: 17px;
  }

  body.check-page .check-conclusion,
  body.check-page .check-paper,
  body.check-page .criteria-summary,
  body.check-page .advance-summary {
    grid-column: 1;
    margin: 0;
    padding: 22px 24px;
  }

  body.check-page .check-conclusion h2 {
    font-size: 20px;
  }

  body.check-page .check-conclusion li {
    font-size: 15px;
  }

  body.check-page .check-paper {
    grid-template-columns: 120px 1fr;
  }

  body.check-page .check-paper img {
    width: 110px;
    height: 110px;
  }

  body.check-page .criteria-card {
    padding: 24px 30px;
  }

  body.check-page .criteria-card > img {
    width: 100px;
    height: 70px;
  }

  body.check-page .criteria-card li {
    padding: 17px 12px 17px 54px;
  }

  body.check-page .criteria-card b {
    font-size: 20px;
  }

  body.check-page .criteria-card li span {
    margin-top: 4px;
    font-size: 16px;
  }

  body.check-page .advance-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  body.check-page .advance-list article {
    min-height: 360px;
    padding: 26px;
  }

  body.check-page .advance-list img {
    width: 120px;
    height: 120px;
  }

  body.check-page .advance-list h2 {
    font-size: 23px;
  }

  body.check-page .advance-list p {
    font-size: 15px;
  }

  .editorial-page {
    padding-top: 82px;
  }

  .editorial-hero {
    padding: 110px var(--relait-gutter) 94px;
  }

  .editorial-hero :is(h1, h2) {
    max-width: 980px;
    font-size: clamp(72px, 6.4vw, 96px);
  }

  .editorial-hero > p:last-child {
    max-width: 760px;
    font-size: 21px;
  }

  .insights-archive {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    padding: 48px var(--relait-gutter) 110px;
  }

  .insight-archive-card {
    min-height: 380px;
    padding: 32px;
  }

  .insight-archive-card h2 {
    font-size: 34px;
  }

  .article-shell {
    max-width: 1040px;
    box-shadow: 0 22px 70px rgba(25, 35, 75, .1);
  }

  .editorial-back {
    padding: 36px 80px 20px;
  }

  .article-header {
    padding: 16px 80px 72px;
  }

  .article-header :is(h1, h2) {
    font-size: 68px;
  }

  .article-summary {
    margin: -32px 64px 0;
    padding: 30px 34px;
  }

  .article-content {
    padding: 52px 80px 64px;
    font-size: 19px;
    line-height: 1.7;
  }

  .article-note,
  .article-service-links {
    margin-right: 64px;
    margin-left: 64px;
  }

  .article-service-links div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-content {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
    gap: 32px 70px;
    padding: 72px var(--relait-gutter) 110px;
  }

  .about-contact {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: start;
    position: sticky;
    top: 112px;
  }

  .site-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px 70px;
    padding: 64px var(--relait-gutter) 42px;
  }

  .site-footer > p {
    max-width: 720px;
    font-size: 20px;
  }

  .footer-meta {
    align-items: end;
  }

  .footer-bottom {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) and (max-width: 1179px) {
  .site-menu {
    display: none;
  }

  .menu-action {
    display: grid;
  }

  .site-menu.is-open,
  .menu-opened .site-menu {
    display: flex;
    width: 100%;
    min-height: 100svh;
    padding: 112px var(--relait-gutter) 40px;
    transform: translate(-50%, 0);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    background: #020617;
  }

  .site-menu.is-open a,
  .menu-opened .site-menu a {
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    font-size: 22px;
  }
}

/* 2026-07-26: editorial desktop/tablet polish after the owner review. */
.primary-cta .cta-label {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  transform: none;
}

.primary-cta .cta-arrow {
  font-size: 31px;
  line-height: 1;
  font-weight: 300;
}

@media (min-width: 600px) and (max-width: 1023px) {
  body.relait-home.variant-1 .hero-bottom .benefit,
  body.buyers-page .buyer-benefits .benefit {
    border: 0;
  }

  body.relait-home.variant-1 .hero-bottom .benefit + .benefit,
  body.buyers-page .buyer-benefits .benefit + .benefit {
    padding-left: 0;
  }

  .relait-home .work-intro {
    margin-bottom: 28px;
  }

  .relait-home .work-intro h2 {
    margin-bottom: 18px;
  }

  .relait-home .work-lead {
    margin: 0;
  }

  .screen-03-card {
    padding: 26px 22px;
  }

  .screen-03-list::before,
  .screen-04-list::before {
    display: none;
  }

  .screen-03-list li,
  .screen-03-list li + li {
    border-top: 0;
  }

  .screen-03-note {
    width: 100%;
    max-width: none;
  }

  .screen-04-list {
    padding-left: 0;
  }

  .screen-04-list li {
    min-height: 58px;
    margin-bottom: 8px;
    padding: 10px 16px 10px 58px;
    border: 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
  }

  .screen-04-list li > span {
    left: 14px;
  }

  .screen-04-control {
    width: 100%;
    max-width: none;
  }

  body.buyers-page .screen-07.insights-section {
    padding-top: 64px;
    padding-bottom: 52px;
  }

  body.buyers-page .screen-07.insights-section h2 {
    max-width: 700px;
    margin-bottom: 26px;
    font-size: clamp(46px, 6.4vw, 56px);
    line-height: 1.02;
    letter-spacing: -.045em;
  }

  .buyer-service-screens > .screen-06 {
    padding-bottom: 58px;
  }

  .buyer-service-screens > .screen-08,
  .relait-home .final-cta-section {
    padding-top: 60px;
  }

  .screen-08-card > a,
  .relait-home .final-cta-button {
    background: #3157ff;
  }
}

@media (min-width: 1024px) {
  .relait-home .hero {
    min-height: 900px;
  }

  .relait-home .hero-text {
    width: 49%;
    padding-top: 132px;
  }

  .relait-home .hero :is(h1, h2) {
    max-width: 690px;
    margin-bottom: 28px;
  }

  .relait-home .hero p,
  body.relait-home.variant-1 .hero-text > p {
    max-width: 550px;
    font-size: 20px;
  }

  body.relait-home.variant-1 .hero-art {
    top: 82px;
    right: 0;
    bottom: 0;
    left: 36%;
    overflow: visible;
  }

  body.relait-home.variant-1 .hero-image {
    right: clamp(18px, 2.6vw, 42px);
    bottom: -4%;
    width: min(60vw, 840px);
  }

  body.relait-home.variant-1 .hero-bottom {
    bottom: 44px;
    width: min(540px, 42vw);
    gap: 18px;
  }

  body.relait-home.variant-1 .hero-bottom .benefits {
    max-width: 500px;
  }

  body.relait-home.variant-1 .hero-bottom .benefit {
    border: 0;
  }

  body.relait-home.variant-1 .hero-bottom .benefit + .benefit {
    padding-left: 0;
  }

  body.relait-home.variant-1 .hero-bottom .primary-cta:not(.is-fixed) {
    width: 282px;
    min-height: 56px;
    padding: 0 22px 0 25px;
    justify-self: start;
    font-size: 16px;
  }

  .primary-cta.is-fixed,
  body.buyers-page .service-floating-cta.is-fixed {
    left: auto;
    right: 26px;
    bottom: 24px;
    width: 62px;
    min-height: 62px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
    transform: none;
    overflow: hidden;
    transition:
      width .25s ease,
      padding .25s ease,
      border-radius .25s ease,
      opacity .24s ease,
      transform .24s ease,
      visibility 0s linear 0s;
  }

  .primary-cta.is-fixed .cta-label,
  body.buyers-page .service-floating-cta.is-fixed .cta-label {
    width: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width .25s ease, opacity .18s ease;
  }

  .primary-cta.is-fixed:hover,
  .primary-cta.is-fixed:focus-visible,
  body.buyers-page .service-floating-cta.is-fixed:hover,
  body.buyers-page .service-floating-cta.is-fixed:focus-visible {
    width: 286px;
    padding: 0 22px;
    justify-content: space-between;
    border-radius: 32px;
  }

  .primary-cta.is-fixed:hover .cta-label,
  .primary-cta.is-fixed:focus-visible .cta-label,
  body.buyers-page .service-floating-cta.is-fixed:hover .cta-label,
  body.buyers-page .service-floating-cta.is-fixed:focus-visible .cta-label {
    width: auto;
    max-width: 220px;
    opacity: 1;
  }

  .relait-home .requests {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .relait-home .complex-card {
    min-height: 300px;
    margin-top: 10px;
    padding: 42px 48px;
  }

  .relait-home .complex-card > div:first-child {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(300px, .74fr) minmax(0, 1.26fr);
    grid-template-rows: auto 1fr;
    gap: 10px 72px;
    align-items: center;
  }

  .relait-home .complex-card h3 {
    grid-column: 1;
    grid-row: 1;
    max-width: 390px;
    margin: 0;
    font-size: 40px;
  }

  .relait-home .complex-card strong {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    font-size: 82px;
  }

  .relait-home .complex-card p {
    grid-column: 2;
    grid-row: 1 / span 2;
    max-width: 720px;
    font-size: 21px;
    line-height: 1.58;
  }

  .relait-home .glass-shield {
    right: 43%;
    top: 50%;
    width: 220px;
    height: 220px;
    opacity: .18;
    transform: translate(50%, -50%);
  }

  .relait-home .work-section {
    grid-template-columns: minmax(360px, .72fr) minmax(650px, 1.28fr);
    gap: 28px 70px;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .relait-home .work-intro {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .relait-home .work-intro h2 {
    margin: 0;
    font-size: clamp(54px, 4.5vw, 67px);
  }

  .relait-home .work-lead {
    max-width: 410px;
    margin: 24px 0 0;
    font-size: 20px;
    line-height: 1.55;
  }

  .relait-home .principles-card {
    grid-column: 2;
    grid-row: 1;
  }

  .relait-home .work-summary {
    grid-row: 2;
  }

  .relait-home .insights-section {
    padding-top: 82px;
    padding-bottom: 52px;
  }

  .relait-home .final-cta-section {
    padding-top: 58px;
    padding-bottom: 88px;
  }

  .relait-home .final-cta-card {
    display: grid;
    grid-template-columns: minmax(420px, .84fr) minmax(520px, 1.16fr);
    gap: 20px 76px;
    align-items: center;
    padding: 46px 52px;
  }

  .relait-home .final-cta-card h2,
  .relait-home .final-cta-card p {
    grid-column: 1;
  }

  .relait-home .final-cta-card h2 {
    margin-bottom: 4px;
    font-size: clamp(54px, 4.5vw, 66px);
  }

  .relait-home .final-cta-card p {
    font-size: 18px;
  }

  .buyer-hero {
    display: block;
    min-height: 790px;
  }

  .buyer-hero::after {
    inset: 82px 0 0 30%;
    z-index: 2;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .9) 8%, rgba(255, 255, 255, .25) 27%, transparent 42%);
  }

  .buyer-hero-content {
    z-index: 4;
    width: 49%;
    min-height: 790px;
    padding-top: 124px;
    padding-bottom: 76px;
  }

  .buyer-hero-art {
    inset: 82px 0 0 34%;
    z-index: 1;
    width: auto;
    height: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .buyer-hero-art img,
  body.check-page .check-hero .buyer-hero-art img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .buyer-service-screens > section {
    padding-top: 86px;
    padding-bottom: 86px;
  }

  .screen-03 {
    gap: 18px 64px;
  }

  .screen-03-card {
    margin-top: 18px;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  .screen-03-list {
    gap: 14px;
  }

  .screen-03-list::before {
    display: none;
  }

  .screen-03-list li,
  .screen-03-list li + li {
    min-height: 220px;
    padding: 76px 17px 22px;
    border: 1px solid rgba(49, 87, 255, .1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 30px rgba(22, 28, 55, .07);
    text-align: left;
  }

  .screen-03-list li::before,
  .screen-03-list li + li::before {
    top: 17px;
    left: 17px;
    width: 46px;
    height: 46px;
    transform: none;
  }

  .screen-03-list b {
    font-size: 20px;
    line-height: 1.12;
  }

  .screen-03-list span {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.42;
  }

  .screen-03-note {
    width: 100%;
    max-width: none;
    min-height: 104px;
    grid-template-columns: 64px 1fr;
    margin: 16px 0 0;
    padding: 20px 30px;
  }

  .screen-03-note img {
    width: 58px;
    height: 58px;
  }

  .screen-03-note p {
    font-size: 20px;
    line-height: 1.35;
  }

  .screen-03-note p br {
    display: none;
  }

  .screen-04 {
    gap: 28px 76px;
  }

  .screen-04-list {
    margin: 0;
    padding: 0;
  }

  .screen-04-list::before {
    display: none;
  }

  .screen-04-list li {
    min-height: 58px;
    margin-bottom: 8px;
    padding: 12px 18px 12px 62px;
    border: 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
  }

  .screen-04-list li > span {
    left: 17px;
  }

  .screen-04-control {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 150px;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 28px;
    padding: 20px 36px;
  }

  .screen-04-control img {
    width: 126px;
    height: 126px;
  }

  .screen-04-control p {
    max-width: 920px;
    font-size: 26px;
    line-height: 1.28;
  }

  .screen-04-control p br {
    display: none;
  }

  .screen-05 {
    grid-template-columns: minmax(500px, .9fr) minmax(560px, 1.1fr);
    gap: 26px 72px;
  }

  .screen-05 > :is(h1, h2) {
    max-width: 540px;
    margin-bottom: 0;
    font-size: clamp(52px, 4.15vw, 60px);
    line-height: .98;
    letter-spacing: -.045em;
  }

  .screen-05-card {
    grid-template-columns: 225px 1fr;
    gap: 30px;
  }

  .screen-05-doc {
    width: 215px;
    height: 315px;
  }

  .screen-05-note {
    min-height: 100px;
    grid-template-columns: 64px 1fr;
    gap: 20px;
    margin-top: 0;
    padding: 18px 0 0;
    border-width: 1px 0 0;
    border-radius: 0;
    background: transparent;
  }

  .screen-05-note img {
    width: 62px;
    height: 62px;
    transform: none;
  }

  .screen-05-note p {
    font-size: 22px;
    line-height: 1.3;
  }

  .buyer-service-screens > .screen-06 {
    padding-bottom: 50px;
  }

  body.buyers-page .screen-07.insights-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  body.buyers-page .screen-07.insights-section h2 {
    max-width: 880px;
    margin-bottom: 26px;
    font-size: clamp(58px, 4.6vw, 70px);
    line-height: .98;
    letter-spacing: -.05em;
  }

  .buyer-service-screens > .screen-08 {
    padding-top: 60px;
    padding-bottom: 86px;
  }

  .screen-08 {
    grid-template-columns: minmax(430px, .82fr) minmax(600px, 1.18fr);
    gap: 18px 76px;
  }

  .screen-08-card {
    min-height: 310px;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
    padding: 34px 40px;
  }

  .screen-08-card img {
    width: 205px;
    height: 205px;
    margin: 0;
  }

  .screen-08-card > a {
    grid-column: 2;
    min-height: 68px;
    background: #3157ff;
  }

  .relait-home .final-cta-button {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    min-height: 68px;
    margin: 0;
    width: min(420px, 100%);
    justify-self: center;
    background: #3157ff;
  }

  .buyer-hero-art {
    position: absolute;
    overflow: hidden;
  }

  .buyer-hero-art img,
  body.check-page .check-hero .buyer-hero-art img {
    inset: auto;
    left: auto;
    min-width: 0;
    transform: none;
  }
}

@media (min-width: 1180px) {
  body.relait-home.variant-1 .hero :is(h1, h2) > span:last-child {
    white-space: nowrap;
  }
}