/* What is Escrow: focused editorial layouts.  The shared homepage type tokens
   remain the source of truth; this file only composes the requested modules. */
body.what-is-escrow{
  --what-page-ink:#071B14;
  --what-page-muted:#466157;
  --what-page-surface:#fff;
  --what-page-mist:#f8f9fa;
  --what-page-green:#00D16A;
  --what-page-navy:#08252a;
  --what-page-blue:#386ed9;
  --what-page-radius:clamp(1.25rem,2vw,2.25rem);
  --what-page-radius-sm:clamp(.875rem,1.25vw,1.25rem);
  color:var(--what-page-ink);
  background:var(--what-page-surface);
  overflow-x:clip;
}

/* The inner-page shell uses the exact home header, pinned to the viewport. */
body.what-is-escrow > .shared-layout-shell--header{
  display:block;
  block-size:var(--topbar-h,86px);
  min-block-size:var(--topbar-h,86px);
}
body.what-is-escrow > .shared-layout-shell--header .topbar{
  position:fixed!important;
  inset:0 0 auto;
  z-index:1000;
  inline-size:100%;
}
body.what-is-escrow main{background:var(--what-page-surface);}

/* Match the homepage's shared 1440px content container and responsive gutters. */
body.what-is-escrow main{
  --home-content-max:1440px;
  --home-content-gutter:clamp(20px,3.2vw,56px);
}
body.what-is-escrow main .container{
  box-sizing:border-box;
  width:min(var(--home-content-max),calc(100% - 2 * var(--home-content-gutter)));
  max-width:none;
  min-width:0;
  margin-inline:auto;
}
@media (min-width:1720px){
  body.what-is-escrow main{--home-content-gutter:clamp(56px,5vw,96px);}
}
@media (max-width:1180px){
  body.what-is-escrow main{--home-content-gutter:24px;}
}
@media (max-width:680px){
  body.what-is-escrow main{--home-content-gutter:15px;}
}
@media (max-width:420px){
  body.what-is-escrow main{--home-content-gutter:12px;}
}

body.what-is-escrow main .section.bg-mist{
  background:var(--what-page-mist)!important;
  color:var(--what-page-ink);
}
body.what-is-escrow main .section.bg-mist :is(h2,h3,p,li){color:inherit;}

\n/* Restored standard content containers: static split content, paired
   protections and a readable vertical process. */
body.what-is-escrow main :is(#mechanism,#suitable){
  background:var(--what-page-surface);
  color:var(--what-page-ink);
}
body.what-is-escrow main :is(#mechanism,#suitable) .section-head{
  max-width:none;
  margin-bottom:24px;
}
body.what-is-escrow main :is(#mechanism,#suitable) .section-head h2{
  color:var(--what-page-ink)!important;
}
body.what-is-escrow main :is(#mechanism,#suitable) :is(p,li){
  color:var(--what-page-muted);
}
body.what-is-escrow main :is(#mechanism,#suitable) .media-split__copy{
  align-self:center;
  min-width:0;
  max-width:none;
}
body.what-is-escrow main :is(#mechanism,#suitable) .media-split__media{
  border:0;
  background:#e7f8eb;
}
body.what-is-escrow main #mechanism .content-photo,
body.what-is-escrow main #suitable .content-photo{
  filter:none;
}
body.what-is-escrow main #mechanism .card--mint{
  background:#e7f8eb!important;
  border:0;
  color:var(--what-page-ink);
}
body.what-is-escrow main #mechanism .card--mint h3{
  color:var(--what-page-ink)!important;
}
body.what-is-escrow main #mechanism .card--mint .icon,
body.what-is-escrow main #suitable .checks li::before{
  background:var(--what-page-green);
  color:var(--what-page-ink);
}
body.what-is-escrow main #suitable .checks li::after{
  border-color:var(--what-page-ink);
}

/* 3. Buyer and seller protection — restored paired protection cards. */
body.what-is-escrow main #rights{
  padding-block:var(--section);
  background:var(--what-page-mist)!important;
  color:var(--what-page-ink);
}
body.what-is-escrow main #rights > .container > .section-head{
  max-width:800px;
  margin-bottom:40px;
}
body.what-is-escrow main #rights .section-head h2{color:var(--what-page-ink)!important;}
body.what-is-escrow main #rights .section-head p{color:var(--what-page-muted)!important;}
body.what-is-escrow main #rights .support-scope{gap:32px;}
body.what-is-escrow main #rights .support-scope__card{
  background:#fff;
  border-color:rgba(7,27,20,.14);
  box-shadow:none;
}
body.what-is-escrow main #rights .support-scope__heading,
body.what-is-escrow main #rights .support-scope__card--can .support-scope__heading{
  background:#e7f8eb;
}
body.what-is-escrow main #rights .support-scope__heading h3{color:var(--what-page-ink)!important;}
body.what-is-escrow main #rights .support-scope__list li{
  color:var(--what-page-muted)!important;
  border-color:rgba(7,27,20,.1);
}
body.what-is-escrow main #rights .support-scope__list li::before{background:var(--what-page-green);}
body.what-is-escrow main #rights .support-scope__list li::after{border-color:var(--what-page-ink);}
body.what-is-escrow main #process-steps{
  padding-block:var(--section);
  background:var(--what-page-mist)!important;
  color:var(--what-page-ink);
}
body.what-is-escrow main #process-steps .section-head{
  max-width:800px;
}
body.what-is-escrow main #process-steps .section-head h2,
body.what-is-escrow main #process-steps .step__text h3{
  color:var(--what-page-ink)!important;
}
body.what-is-escrow main #process-steps .step__text :is(p,li),
body.what-is-escrow main #process-steps .step__note{
  color:var(--what-page-muted)!important;
}
body.what-is-escrow main #process-steps .step::before{
  background:rgba(7,27,20,.18);
}
body.what-is-escrow main #process-steps .step__marker{
  background:#142929;
  color:#fff;
}
body.what-is-escrow main #process-steps .step__note{
  background:#e7f8eb;
  border:0;
}

/* The inner-page closing action follows the homepage CTA exactly while other
   .bg-mist sections keep their own standard surface. */
body.what-is-escrow main .section.bg-mist.escrow-cta-shell{
  display:block;
  min-block-size:0;
  padding:40px 0!important;
  background:#142929!important;
  color:#fff;
}
body.what-is-escrow main .escrow-cta-shell > .container.cta__inner{
  display:grid;
  grid-template-columns:1fr;
  width:80%;
  max-width:var(--container);
  min-block-size:0;
  margin-inline:auto;
}
body.what-is-escrow main .escrow-cta-shell .cta{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:center;
  padding-block:80px;
  background:transparent;
  border:0;
}
body.what-is-escrow main .escrow-cta-shell .cta h2{
  max-width:none;
  color:#fff!important;
  text-align:center;
}
body.what-is-escrow main .escrow-cta-shell .cta p{
  max-width:none;
  margin-inline:auto;
  color:rgba(255,255,255,.72)!important;
  text-align:center;
}
body.what-is-escrow main .escrow-cta-shell .cta .btn-row{
  justify-content:center;
}
@media (max-width:760px){
  body.what-is-escrow main :is(#mechanism,#suitable) .media-split__copy{
    padding:0;
  }
  body.what-is-escrow main #rights .support-scope{
    gap:24px;
  }
  body.what-is-escrow main .escrow-cta-shell > .container.cta__inner{
    width:min(100% - 30px,80%);
  }
  body.what-is-escrow main .escrow-cta-shell .cta{
    padding-block:56px;
  }
}
/* Restore the approved deep role section. It uses the site's dark ink and
   green service markers while retaining the existing three-party content. */
body.what-is-escrow main .process-roles{
  background:#071B14;
  color:#fff;
}
body.what-is-escrow main .process-roles .section-head h2{color:#fff!important;}
body.what-is-escrow main .process-roles .section-head p{color:rgba(255,255,255,.74)!important;}
body.what-is-escrow main .process-roles .grid--3 > .card{
  background:#102A22;
  color:#fff;
  border-color:rgba(255,255,255,.08);
  box-shadow:none;
}
body.what-is-escrow main .process-roles .grid--3 > .card h3{color:#fff!important;}
body.what-is-escrow main .process-roles .grid--3 > .card p{color:rgba(255,255,255,.72)!important;}
body.what-is-escrow main .process-roles .grid--3 > .card .icon{
  background:#00D16A;
  color:#071B14;
}
/* Active page-only rules moved out of the document. Redundant legacy selectors
   for #rights .bullets and unused .measure variants were removed. */
body.what-is-escrow main #mechanism .card--mint{
  display:flex;
  align-items:center;
  gap:20px;
  box-shadow:none;
}
body.what-is-escrow main #mechanism .card--mint .icon{margin:0;flex:none;}
body.what-is-escrow main #mechanism .card--mint h3{margin:0;min-width:0;overflow-wrap:anywhere;}
body.what-is-escrow main .process-roles .section-head{margin-inline:0;text-align:left;max-width:800px;}
body.what-is-escrow main .process-roles__extra{margin-top:40px;}
body.what-is-escrow main .process-roles__extra .card,
body.what-is-escrow main .process-roles__extra .card:hover{translate:none;box-shadow:none;transition:none;}
body.what-is-escrow main .process-roles__extra .card{background:transparent;border-color:transparent;box-shadow:none;padding:0;}
body.what-is-escrow main .fund-flow__head{margin-bottom:24px;}
body.what-is-escrow main .fund-flow__head h3{margin:0 0 10px;font-size:1.125rem;}
body.what-is-escrow main .fund-flow__head p{margin:0;color:var(--ink-2);max-width:60em;}
body.what-is-escrow main .fund-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px;}
body.what-is-escrow main .fund-flow__track{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:64px;padding:0 10px;border-radius:999px;background:linear-gradient(90deg,#080e20 0%,#152654 55%,#4775ff 100%);}
body.what-is-escrow main .fund-flow__node{display:grid;place-items:center;width:44px;height:44px;margin:0 auto;border-radius:50%;background:#111620;color:#aac0ff;}
body.what-is-escrow main .fund-flow__node svg{width:22px;height:22px;}
body.what-is-escrow main .fund-flow__labels{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
body.what-is-escrow main .fund-flow__label{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 8px;}
body.what-is-escrow main .fund-flow__txt{font-weight:600;color:var(--ink);line-height:1.4;}
body.what-is-escrow main .fund-flow__label .status{font-size:.75rem;padding:3px 10px 3px 8px;}
body.what-is-escrow main .step__tags{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 12px;}
body.what-is-escrow main .states-compact .state-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
body.what-is-escrow main .states-compact .state{padding:16px;}
body.what-is-escrow main .states-compact .state .status{margin-bottom:10px;}
body.what-is-escrow main .states-compact .state p{font-size:var(--fs-0);line-height:1.7;}
@media (max-width:1100px){body.what-is-escrow main .states-compact .state-list{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){
  body.what-is-escrow main .fund-flow__track{grid-template-columns:1fr;height:auto;padding:16px;border-radius:24px;row-gap:12px;justify-items:center;}
  body.what-is-escrow main .fund-flow__labels{grid-template-columns:1fr;row-gap:12px;}
  body.what-is-escrow main .fund-flow__label{flex-direction:row;justify-content:space-between;text-align:left;}
}
@media (max-width:600px){body.what-is-escrow main .states-compact .state-list{grid-template-columns:repeat(2,minmax(0,1fr));}}


/* Keep the restored dark process area internally consistent, including its fund-flow detail. */
body.what-is-escrow main .process-roles .process-roles__extra .card{color:#fff;}
body.what-is-escrow main .process-roles .fund-flow__head h3,
body.what-is-escrow main .process-roles .fund-flow__txt{color:#fff;}
body.what-is-escrow main .process-roles .fund-flow__head p{color:rgba(255,255,255,.72);}
body.what-is-escrow main .process-roles .fund-flow__track{
  background:linear-gradient(90deg,#0A241C 0%,#14543C 55%,#00D16A 100%);
}
body.what-is-escrow main .process-roles .fund-flow__node{
  background:#0F3629;
  color:#00D16A;
}
/* Banner, CTA, and restored buyer/seller protection patch. */
/* Match the homepage banner height policy while centering the inner-page copy. */
body.what-is-escrow main > .page-head{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding-block:clamp(4rem,7.5vw,7rem)!important;
  background:#00D16A!important;
  color:#142929!important;
}
body.what-is-escrow main > .page-head::before,
body.what-is-escrow main > .page-head::after{display:none!important;}
body.what-is-escrow main > .page-head > .container{text-align:center!important;}
body.what-is-escrow main > .page-head :is(h1,.lead){
  margin-inline:auto!important;
  color:#142929!important;
  text-align:center!important;
}
body.what-is-escrow main > .page-head .lead{max-inline-size:68ch;}
@media (min-width:981px) and (max-width:1919.98px){
  body.what-is-escrow main > .page-head{
    height:100vh!important;
    height:100svh!important;
    max-height:100svh!important;
    padding-block:clamp(24px,4vh,40px)!important;
  }
}
@media (min-width:1920px){
  body.what-is-escrow main > .page-head{
    height:85vh!important;
    height:85svh!important;
    max-height:85svh!important;
    padding-block:clamp(24px,4vh,40px)!important;
  }
}
@media (max-width:980px){
  body.what-is-escrow main > .page-head{
    height:auto!important;
    max-height:none!important;
    padding-block:clamp(4rem,11vw,6rem)!important;
  }
}

/* Reuse the homepage button dimensions and interaction states in this CTA. */
body.what-is-escrow main .escrow-cta-shell .btn{
  min-height:48px;
  padding:0 24px;
  border-radius:10px;
  font-size:1rem!important;
  font-weight:600!important;
  line-height:1.25!important;
  box-shadow:none;
}
body.what-is-escrow main .escrow-cta-shell .btn--primary,
body.what-is-escrow main .escrow-cta-shell .btn--contact{
  background:#00D16A;
  border-color:#00D16A;
  color:#142929;
}
body.what-is-escrow main .escrow-cta-shell .btn--primary:hover,
body.what-is-escrow main .escrow-cta-shell .btn--contact:hover{
  background:#fff;
  border-color:#fff;
  color:#142929;
}
body.what-is-escrow main .escrow-cta-shell .btn--outline{
  background:transparent;
  border-color:rgba(255,255,255,.72);
  color:#fff;
}
body.what-is-escrow main .escrow-cta-shell .btn--outline:hover{
  background:rgba(255,255,255,.16);
  border-color:#fff;
  color:#fff;
}

/* Current escrow page: aligned process surface and fund-flow reveal. */
/* Use exactly the homepage on-chain section surface. */
body.what-is-escrow main .process-roles{background:#071B14!important;}
body.what-is-escrow main .process-roles .section-head{
  max-width:800px;
  margin-inline:auto!important;
  text-align:center!important;
}
body.what-is-escrow main .process-roles .section-head p{
  margin-inline:auto!important;
  text-align:center!important;
}
body.what-is-escrow main .process-roles .fund-flow__node{
  background:#03110c;
  color:#00D16A;
}
@keyframes what-fund-flow-track-in{
  from{opacity:0;clip-path:inset(0 100% 0 0 round 999px);}
  to{opacity:1;clip-path:inset(0 0 0 0 round 999px);}
}
@keyframes what-fund-flow-labels-in{
  from{opacity:0;transform:translateX(-24px);}
  to{opacity:1;transform:translateX(0);}
}
@keyframes what-fund-flow-node-in{
  from{opacity:0;transform:translateX(-12px) scale(.9);}
  to{opacity:1;transform:translateX(0) scale(1);}
}
body.what-is-escrow main .fund-flow.is-motion-ready > .fund-flow__track,
body.what-is-escrow main .fund-flow.is-motion-ready > .fund-flow__labels{opacity:0;}
body.what-is-escrow main .fund-flow.is-motion-ready .fund-flow__node{opacity:0;}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed > .fund-flow__track{
  animation:what-fund-flow-track-in .68s cubic-bezier(.22,.61,.36,1) both;
}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed > .fund-flow__labels{
  animation:what-fund-flow-labels-in .48s cubic-bezier(.22,.61,.36,1) .32s both;
}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed .fund-flow__node{
  animation:what-fund-flow-node-in .34s cubic-bezier(.22,.61,.36,1) both;
}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed .fund-flow__node:nth-child(1){animation-delay:.16s;}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed .fund-flow__node:nth-child(2){animation-delay:.29s;}
body.what-is-escrow main .fund-flow.is-motion-ready.is-revealed .fund-flow__node:nth-child(3){animation-delay:.42s;}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main .fund-flow.is-motion-ready > :is(.fund-flow__track,.fund-flow__labels),
  body.what-is-escrow main .fund-flow.is-motion-ready .fund-flow__node{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
  }
}

/* Current escrow page: capped banner and mechanism callout cadence. */
/* The banner may size to its content, but never exceed 620px. */
body.what-is-escrow main > .page-head{
  height:auto!important;
  min-height:0!important;
  max-height:620px!important;
}
/* Preserve the requested 20px callout cadence and reduced supporting scale. */
body.what-is-escrow main #mechanism .card--mint{margin-top:20px!important;}
body.what-is-escrow main #mechanism .card--mint h3{
  font-size:calc(var(--what-type-h3-size) - 4px)!important;
  line-height:calc(var(--what-type-h3-line) - 4px)!important;
}

/* Current escrow page: fixed banner height and media-to-copy alignment. */
body.what-is-escrow main > .page-head{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
}

/* On desktop, let the media frame fill the text column's natural row height. */
@media (min-width:861px){
  body.what-is-escrow main :is(#mechanism,#suitable) .media-split__grid{
    align-items:stretch;
  }
  body.what-is-escrow main :is(#mechanism,#suitable) .media-split__media{
    align-self:stretch;
    aspect-ratio:auto;
  }
}

/* Homepage colour roles, retained across light and dark escrow sections. */
body.what-is-escrow{
  --what-page-ink:#142929;
  --what-page-muted:#3C5450;
  --what-page-subtle:#6A807C;
}
body.what-is-escrow main .section-head p{color:var(--what-page-subtle)!important;}
body.what-is-escrow main > .page-head .lead{color:rgba(20,41,41,.8)!important;}
/* The mint callout uses the homepage's compact card-heading tier. */
body.what-is-escrow main #mechanism .card--mint h3{
  font-size:var(--what-type-h4-size)!important;
  line-height:var(--what-type-h4-line)!important;
  font-weight:600!important;
}

/* START: escrow-mint-card-title-polish */
/* The supporting Truskeep callout is slightly smaller than the card-heading tier. */
body.what-is-escrow main #mechanism .card--mint h3{
  color:var(--what-page-ink)!important;
  font-size:1.25rem!important;
  line-height:1.75rem!important;
  font-weight:600!important;
}
@media (min-width:768px){
  body.what-is-escrow main #mechanism .card--mint h3{
    font-size:clamp(20.5px,calc(19.5px + .13vw),22px)!important;
    line-height:clamp(27px,calc(25.8px + .15vw),29px)!important;
  }
}

/* The escrow page's late CTA layer uses the same two roles without an
   alternate dark-section treatment. */
body.what-is-escrow main .btn{
  border-radius:10px!important;
  box-shadow:none!important;
  font-weight:600!important;
  letter-spacing:.005em;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,translate .22s ease,opacity .22s ease!important;
}
body.what-is-escrow main .btn:is(.btn--accent,.btn--contact,.btn--primary){
  background:#142929!important;
  border-color:#142929!important;
  color:#fff!important;
}
body.what-is-escrow main .btn:is(.btn--accent,.btn--contact,.btn--primary):hover{
  background:#0b1d1b!important;
  border-color:#0b1d1b!important;
  color:#fff!important;
}
body.what-is-escrow main .btn:is(.btn--outline,.btn--outline-light){
  background:transparent!important;
  border-color:rgba(20,41,41,.72)!important;
  color:#142929!important;
}
body.what-is-escrow main .btn:is(.btn--outline,.btn--outline-light):hover{
  background:rgba(255,255,255,.28)!important;
  border-color:#142929!important;
  color:#142929!important;
}
@media (hover:hover){
  body.what-is-escrow main .btn:hover{translate:0!important;transform:none!important;filter:none!important;}
}
/* END: escrow-mint-card-title-polish */

/* START: escrow-content-photo-min-height */
/* Keep each editorial image frame at or above the requested visual height. */
body.what-is-escrow main :is(#mechanism,#suitable) .media-split__media,
body.what-is-escrow main :is(#mechanism,#suitable) .content-photo{
  min-height:620px;
}
/* END: escrow-content-photo-min-height */

/* START: suitable-rights-type-refresh */
/* Editorial suitable-transaction carousel: the title and controls form a
   stable left column, while scenarios remain directly draggable on the right. */
body.what-is-escrow main #suitable{
  background:var(--what-page-surface)!important;
  color:var(--what-page-ink);
  padding-block:clamp(4.5rem,7vw,8rem);
}
body.what-is-escrow main #suitable .suitable-showcase__grid{
  display:grid;
  grid-template-columns:minmax(24rem,1fr) minmax(0,2fr);
  align-items:stretch;
  gap:clamp(2.5rem,6vw,7.5rem);
}
body.what-is-escrow main #suitable .suitable-showcase__intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding-block:clamp(.75rem,2vw,2rem);
}
body.what-is-escrow main #suitable .section-head{
  max-width:none;
  margin:0;
}
body.what-is-escrow main #suitable .section-head h2{
  color:var(--what-page-ink)!important;
}
body.what-is-escrow main #suitable .section-head p{
  max-width:34rem;
  margin:0;
  color:var(--what-page-muted)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__controls{
  display:flex;
  align-items:center;
  gap:.875rem;
  margin-top:clamp(2rem,4vw,4.5rem);
}
body.what-is-escrow main #suitable .suitable-showcase__control{
  display:grid;
  place-items:center;
  width:4rem;
  height:4rem;
  padding:0;
  border:0;
  border-radius:50%;
  background:#edf0ef;
  color:rgba(20,41,41,.5);
  cursor:pointer;
  transition:background-color .22s ease,color .22s ease,opacity .22s ease;
}
body.what-is-escrow main #suitable .suitable-showcase__control svg{width:2rem;height:2rem;}
body.what-is-escrow main #suitable .suitable-showcase__control--next{
  background:var(--what-page-green);
  color:var(--what-page-ink);
}
@media (hover:hover){
  body.what-is-escrow main #suitable .suitable-showcase__control:not(:disabled):hover{
    background:#dbe7e1;
    color:var(--what-page-ink);
  }
  body.what-is-escrow main #suitable .suitable-showcase__control--next:not(:disabled):hover{
    background:#00bb60;
  }
}
body.what-is-escrow main #suitable .suitable-showcase__control:disabled{
  opacity:.72;
  cursor:default;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline mandatory;
  scrollbar-width:none;
  cursor:grab;
  touch-action:pan-y;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport::-webkit-scrollbar{display:none;}
body.what-is-escrow main #suitable .suitable-showcase__viewport:active{cursor:grabbing;}
body.what-is-escrow main #suitable .suitable-showcase__track{
  display:flex;
  gap:clamp(1rem,1.6vw,1.75rem);
  min-width:100%;
}
body.what-is-escrow main #suitable .suitable-card{
  position:relative;
  display:flex;
  flex:0 0 calc(33.333% - 1.25rem);
  flex-direction:column;
  min-height:clamp(22rem,30vw,30rem);
  padding:clamp(1.5rem,2.5vw,2.5rem);
  overflow:hidden;
  border-radius:var(--what-page-radius);
  background:#142929;
  color:#fff;
  scroll-snap-align:start;
}
body.what-is-escrow main #suitable .suitable-card::after{
  content:'';
  position:absolute;
  width:8rem;
  height:8rem;
  right:-4rem;
  bottom:-4rem;
  border:1px solid rgba(0,209,106,.38);
  border-radius:50%;
}
body.what-is-escrow main #suitable .suitable-card__index{
  display:grid;
  place-items:center;
  width:3.25rem;
  height:3.25rem;
  border-radius:50%;
  background:var(--what-page-green);
  color:var(--what-page-ink);
  font-size:var(--what-type-caption-size);
  font-weight:700;
  line-height:1;
}
body.what-is-escrow main #suitable .suitable-card h3{
  position:relative;
  z-index:1;
  margin:auto 0;
  color:#fff!important;
  font-size:var(--what-type-h4-size)!important;
  line-height:var(--what-type-h4-line)!important;
}
@media (max-width:1180px){
  body.what-is-escrow main #suitable .suitable-showcase__grid{grid-template-columns:1fr;gap:2.5rem;}
  body.what-is-escrow main #suitable .suitable-showcase__intro{padding:0;}
  body.what-is-escrow main #suitable .suitable-showcase__controls{margin-top:2rem;}
  body.what-is-escrow main #suitable .suitable-card{flex-basis:calc(50% - .75rem);}
}
@media (max-width:640px){
  body.what-is-escrow main #suitable{padding-block:4rem;}
  body.what-is-escrow main #suitable .suitable-showcase__control{width:3.5rem;height:3.5rem;}
  body.what-is-escrow main #suitable .suitable-card{flex-basis:86%;}
  body.what-is-escrow main #suitable .suitable-card{min-height:20rem;}
}

/* Buyer and seller retain equivalent card geometry with clearly distinct
   surface roles: brand green for the buyer and the deep site ink for seller. */
body.what-is-escrow main #rights .support-scope__card{
  border:0!important;
  box-shadow:none!important;
  overflow:hidden;
}
body.what-is-escrow main #rights .support-scope__card--buyer{background:var(--what-page-green)!important;}
body.what-is-escrow main #rights .support-scope__card--seller{background:#142929!important;}
body.what-is-escrow main #rights .support-scope__card :is(.support-scope__heading,.support-scope__card--can .support-scope__heading){background:transparent!important;}
body.what-is-escrow main #rights .support-scope__card--buyer :is(h3,li,li span){color:var(--what-page-ink)!important;}
body.what-is-escrow main #rights .support-scope__card--seller :is(h3,li,li span){color:#fff!important;}
body.what-is-escrow main #rights .support-scope__card--buyer .support-scope__list li{border-color:rgba(20,41,41,.18)!important;}
body.what-is-escrow main #rights .support-scope__card--seller .support-scope__list li{border-color:rgba(255,255,255,.16)!important;}
body.what-is-escrow main #rights .support-scope__card--buyer .support-scope__list li::before{background:var(--what-page-ink)!important;}
body.what-is-escrow main #rights .support-scope__card--seller .support-scope__list li::before{background:var(--what-page-green)!important;}
body.what-is-escrow main #rights .support-scope__card--buyer .support-scope__list li::after{border-color:var(--what-page-ink)!important;}
body.what-is-escrow main #rights .support-scope__card--seller .support-scope__list li::after{border-color:#fff!important;}

/* Reapply the shared homepage line-height tokens after page-specific modules.
   Heading separation increases only the space before the following content. */
body.what-is-escrow main h1{line-height:var(--what-type-h1-line)!important;margin-bottom:clamp(1.125rem,1.55vw,1.5rem)!important;}
body.what-is-escrow main h2{line-height:var(--what-type-h2-line)!important;margin-bottom:clamp(1.125rem,1.55vw,1.5rem)!important;}
body.what-is-escrow main h3{line-height:var(--what-type-h3-line)!important;}
body.what-is-escrow main h4{line-height:var(--what-type-h4-line)!important;}
body.what-is-escrow main :is(p,li,dd,dt){line-height:var(--what-type-body-m-line)!important;}
body.what-is-escrow main .lead{line-height:var(--what-type-body-l-line)!important;}
body.what-is-escrow main .btn{line-height:var(--what-type-button-line)!important;}
body.what-is-escrow main #mechanism .card--mint h3{line-height:var(--what-type-h4-line)!important;}
body.what-is-escrow main .section-head h2{margin-bottom:clamp(1.125rem,1.55vw,1.5rem)!important;}

/* The final CTA uses the homepage banner's button roles and its complete
   transition list, with no dark-section color override. */
body.what-is-escrow main .escrow-cta-shell .btn:is(.btn--primary,.btn--contact){
  background:var(--what-page-ink)!important;
  border-color:var(--what-page-ink)!important;
  color:#fff!important;
}
body.what-is-escrow main .escrow-cta-shell .btn:is(.btn--primary,.btn--contact):hover{
  background:#0b1d1b!important;
  border-color:#0b1d1b!important;
  color:#fff!important;
}
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline{
  background:transparent!important;
  border-color:rgba(20,41,41,.72)!important;
  color:var(--what-page-ink)!important;
}
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline:hover{
  background:rgba(255,255,255,.28)!important;
  border-color:var(--what-page-ink)!important;
  color:var(--what-page-ink)!important;
}
/* END: suitable-rights-type-refresh */


/* START: protection-compare-refresh */
/* Paired buyer and seller safeguards use equal panel geometry and a shared
   center seal. The brand-green buyer surface and deep seller surface retain
   the established visual roles while presenting the protection details in
   the requested editorial hierarchy. */
body.what-is-escrow main #rights .section-head{max-width:80%;margin-inline:auto;}
body.what-is-escrow main #rights .protection-compare{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(1.5rem,3vw,2.75rem);
  isolation:isolate;
}
body.what-is-escrow main #rights .protection-compare::before{
  content:'';
  position:absolute;
  z-index:2;
  top:clamp(5.25rem,9vw,8rem);
  bottom:clamp(2rem,4vw,4rem);
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:rgba(0,209,106,.48);
}
body.what-is-escrow main #rights .protection-panel{
  position:relative;
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border:1px solid transparent;
  border-radius:var(--what-page-radius);
}
body.what-is-escrow main #rights .protection-panel--buyer{
  background:linear-gradient(135deg,#00d16a 0%,#00c564 100%);
  border-color:rgba(20,41,41,.12);
  color:var(--what-page-ink);
}
body.what-is-escrow main #rights .protection-panel--seller{
  background:linear-gradient(135deg,#142929 0%,#0b1d1b 100%);
  border-color:rgba(0,209,106,.26);
  color:#fff;
}
body.what-is-escrow main #rights .protection-panel__header{
  position:relative;
  z-index:0;
  min-height:clamp(13.75rem,19vw,18.5rem);
  padding:clamp(1.75rem,3.25vw,3.75rem);
  overflow:hidden;
}
body.what-is-escrow main #rights .protection-panel__header::before,
body.what-is-escrow main #rights .protection-panel__header::after{
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  transform:skewX(-32deg);
}
body.what-is-escrow main #rights .protection-panel__header::before{
  width:58%;
  height:160%;
  top:-30%;
  right:-11%;
}
body.what-is-escrow main #rights .protection-panel__header::after{
  width:23%;
  height:160%;
  top:-30%;
  right:29%;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::before{background:rgba(255,255,255,.19);}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::after{background:rgba(255,255,255,.1);}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::before{background:rgba(255,255,255,.09);}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::after{background:rgba(0,209,106,.12);}
body.what-is-escrow main #rights .protection-panel__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.32rem .88rem;
  border-radius:999px;
  font-size:var(--what-type-label-size);
  font-weight:700;
  line-height:var(--what-type-label-line);
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__eyebrow{background:rgba(255,255,255,.38);color:#08553a;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__eyebrow{background:rgba(0,209,106,.2);color:var(--what-page-green);}
body.what-is-escrow main #rights .protection-panel h3{
  max-width:100%;
  margin:clamp(1rem,1.8vw,1.5rem) 0 .65rem!important;
  color:inherit!important;
  font-size:clamp(2rem,3.4vw,var(--what-type-h2-size))!important;
  font-weight:700!important;
  line-height:1.06!important;
}
body.what-is-escrow main #rights .protection-panel__header > p{
  max-width:38rem;
  margin:0!important;
  color:inherit!important;
  font-size:var(--what-type-body-l-size)!important;
  line-height:var(--what-type-body-l-line)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p{color:rgba(20,41,41,.78)!important;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p{color:rgba(255,255,255,.76)!important;}
body.what-is-escrow main #rights .protection-panel__list{
  display:grid;
  flex:1;
  grid-template-rows:repeat(5,minmax(0,1fr));
  margin:0;
  padding:clamp(1.5rem,2.5vw,2.75rem) clamp(1.75rem,3.25vw,3.75rem);
  list-style:none;
}
body.what-is-escrow main #rights .protection-panel__list li{
  display:grid;
  grid-template-columns:clamp(3.5rem,4.25vw,4.75rem) minmax(0,1fr);
  align-items:center;
  gap:clamp(1rem,1.55vw,1.5rem);
  min-width:0;
  padding:clamp(1.2rem,1.9vw,1.9rem) 0;
}
body.what-is-escrow main #rights .protection-panel__list li + li{border-top:1px solid;}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list li + li{border-color:rgba(20,41,41,.16);}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list li + li{border-color:rgba(255,255,255,.15);}
body.what-is-escrow main #rights .protection-panel__icon{
  display:grid;
  place-items:center;
  width:clamp(3.5rem,4.25vw,4.75rem);
  aspect-ratio:1;
  border-radius:50%;
}
body.what-is-escrow main #rights .protection-panel__icon svg{width:48%;height:48%;}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon{background:rgba(255,255,255,.42);color:var(--what-page-ink);}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{background:rgba(0,209,106,.18);color:var(--what-page-green);}
body.what-is-escrow main #rights .protection-panel__list h4{
  margin:0 0 .35rem!important;
  color:inherit!important;
  font-size:var(--what-type-h4-size)!important;
  font-weight:700!important;
  line-height:var(--what-type-h4-line)!important;
}
body.what-is-escrow main #rights .protection-panel__list p{
  margin:0!important;
  color:inherit!important;
  font-size:var(--what-type-body-m-size)!important;
  line-height:var(--what-type-body-m-line)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p{color:rgba(20,41,41,.76)!important;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{color:rgba(255,255,255,.7)!important;}
body.what-is-escrow main #rights .protection-compare__seal{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  top:50%;
  left:50%;
  width:clamp(5.75rem,7.2vw,7.5rem);
  aspect-ratio:1;
  border:1px solid rgba(0,209,106,.32);
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:rgba(239,255,248,.94);
  box-shadow:0 0 0 .8rem rgba(0,209,106,.1);
  color:#086344;
  pointer-events:none;
}
body.what-is-escrow main #rights .protection-compare__seal svg{width:48%;height:48%;}
@media (max-width:1100px){
  body.what-is-escrow main #rights .section-head{max-width:none;}
  body.what-is-escrow main #rights .protection-compare{grid-template-columns:1fr;}
  body.what-is-escrow main #rights .protection-compare::before,
  body.what-is-escrow main #rights .protection-compare__seal{display:none;}
}
@media (max-width:640px){
  body.what-is-escrow main #rights .protection-panel__header{min-height:0;padding:1.5rem;}
  body.what-is-escrow main #rights .protection-panel__list{display:block;padding:1rem 1.5rem;}
  body.what-is-escrow main #rights .protection-panel__list li{grid-template-columns:3.25rem minmax(0,1fr);padding:1.2rem 0;}
  body.what-is-escrow main #rights .protection-panel h3{font-size:var(--what-type-h3-size)!important;}
}
/* END: protection-compare-refresh */


/* START: suitable-right-bleed-and-drag */
/* Keep the scenario rail aligned with its copy on the left while its visible
   track reaches the browser's right edge. Pointer dragging changes scroll
   position in real time for mouse, touch and pen input. */
body.what-is-escrow main #suitable .suitable-showcase__grid{
  --suitable-right-bleed:max(var(--home-content-gutter),calc((100vw - var(--home-content-max)) / 2));
}
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  width:calc(100% + var(--suitable-right-bleed));
  margin-right:calc(-1 * var(--suitable-right-bleed));
  cursor:grab;
  scroll-behavior:auto;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none!important;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-dragging :is(.suitable-showcase__track,.suitable-card){
  user-select:none;
  -webkit-user-select:none;
}
body.what-is-escrow main #suitable .suitable-showcase__track{padding-right:0;}
@media (max-width:1180px){
  body.what-is-escrow main #suitable .suitable-showcase__grid{--suitable-right-bleed:var(--home-content-gutter);}
}
/* END: suitable-right-bleed-and-drag */

/* START: suitable-ease-and-protection-compact */
/* Keep the gallery visibly inset from the browser edge, and remove snapping so
   pointer release settles gently at the dragged position instead of rebounding. */
body.what-is-escrow main #suitable .suitable-showcase__grid{
  --suitable-edge-inset:10px;
  --suitable-right-bleed:max(0px,calc(max(var(--home-content-gutter),calc((100vw - var(--home-content-max)) / 2)) - var(--suitable-edge-inset)));
}
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  scroll-snap-type:none!important;
}

/* The paired protection headers now use their content height with the requested
   20px vertical breathing room; the former centre divider is not rendered. */
body.what-is-escrow main #rights .protection-compare::before{display:none!important;}
body.what-is-escrow main #rights .protection-panel__header{
  min-height:0!important;
  padding:20px clamp(1.75rem,3.25vw,3.75rem)!important;
}
@media (max-width:640px){
  body.what-is-escrow main #rights .protection-panel__header{padding:20px 1.5rem!important;}
}

/* The dark CTA retains the homepage button roles: a brand-green contact action
   and a white outlined fee action. */
body.what-is-escrow main .escrow-cta-shell .btn:is(.btn--primary,.btn--contact){
  background:#00D16A!important;
  border-color:#00D16A!important;
  color:#142929!important;
}
body.what-is-escrow main .escrow-cta-shell .btn:is(.btn--primary,.btn--contact):hover{
  background:#00bb60!important;
  border-color:#00bb60!important;
  color:#142929!important;
}
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline{
  background:transparent!important;
  border-color:rgba(255,255,255,.9)!important;
  color:#fff!important;
}
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:#fff!important;
  color:#fff!important;
}
/* END: suitable-ease-and-protection-compact */


/* START: rights-typography-and-suitable-snap-v8 */
/* Keep the card gallery on whole-card positions. Pointer drags switch one
   card immediately; arrow controls retain the concise eased transition. */
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  scroll-snap-type:inline mandatory!important;
  scroll-behavior:auto;
}
body.what-is-escrow main #suitable .suitable-card{
  scroll-snap-stop:always;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-dragging{
  scroll-snap-type:inline mandatory!important;
}

/* Apply the shared heading, body and auxiliary-text scale to both rights
   panels without changing their existing composition or colors. */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  font-size:var(--what-type-caption-size)!important;
  font-weight:600!important;
  line-height:var(--what-type-caption-line)!important;
}
body.what-is-escrow main #rights .protection-panel h3{
  font-size:var(--what-type-h3-size)!important;
  font-weight:600!important;
  line-height:var(--what-type-h3-line)!important;
}
body.what-is-escrow main #rights .protection-panel__header > p{
  font-size:var(--what-type-body-l-size)!important;
  font-weight:400!important;
  line-height:var(--what-type-body-l-line)!important;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  font-size:var(--what-type-h4-size)!important;
  font-weight:600!important;
  line-height:var(--what-type-h4-line)!important;
}
body.what-is-escrow main #rights .protection-panel__list p{
  font-size:var(--what-type-body-m-size)!important;
  font-weight:400!important;
  line-height:var(--what-type-body-m-line)!important;
}

/* Fee estimation remains an outline action while using the site brand green. */
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline{
  background:transparent!important;
  border-color:#00D16A!important;
  color:#00D16A!important;
}
body.what-is-escrow main .escrow-cta-shell .btn.btn--outline:hover{
  background:rgba(0,209,106,.12)!important;
  border-color:#00D16A!important;
  color:#00D16A!important;
}
/* END: rights-typography-and-suitable-snap-v8 */

/* START: suitable-title-check-v9 */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  gap:.45rem;
}
body.what-is-escrow main #rights .protection-panel__eyebrow-check{
  flex:0 0 1rem;
  width:1rem;
  height:1rem;
}
/* END: suitable-title-check-v9 */


/* START: rights-colors-cta-hover-wise-carousel-v13 */
/* The rights introduction is a single centred statement, matching the shared
   editorial hierarchy used on the homepage. */
body.what-is-escrow main #rights .section-head{
  text-align:center;
}
body.what-is-escrow main #rights .section-head > :is(h2,p){
  margin-inline:auto;
}
body.what-is-escrow main #rights .section-head > p{
  max-width:46rem;
}

/* Buyer and seller panels reproduce the light mint / light blue comparison
   surface: tinted headers, white detail areas, and high-contrast ink. */
body.what-is-escrow main #rights .protection-panel{
  overflow:hidden;
  background:#fff;
  color:#142929;
  box-shadow:none;
}
body.what-is-escrow main #rights .protection-panel--buyer{
  border-color:rgba(0,209,106,.23);
}
body.what-is-escrow main #rights .protection-panel--seller{
  border-color:rgba(88,175,255,.32);
}
body.what-is-escrow main #rights .protection-panel__header{
  isolation:isolate;
  background:#f8fffc;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:linear-gradient(110deg,#f4fffb 0%,#fbfffd 46%,#d9fff0 100%);
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:linear-gradient(110deg,#f6fbff 0%,#fbfdff 46%,#def2ff 100%);
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::before{
  background:rgba(85,237,189,.2);
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::after{
  background:rgba(115,246,201,.1);
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::before{
  background:rgba(86,180,255,.2);
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::after{
  background:rgba(122,204,255,.12);
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__eyebrow{
  background:rgba(0,209,106,.15);
  color:#009760;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__eyebrow{
  background:rgba(88,175,255,.18);
  color:#216fc5;
}
body.what-is-escrow main #rights .protection-panel--buyer h3{
  background:linear-gradient(90deg,#122e3b 0%,#07926c 58%,#057d67 100%);
}
body.what-is-escrow main #rights .protection-panel--seller h3{
  background:linear-gradient(90deg,#162b48 0%,#1b68b7 58%,#135395 100%);
}
body.what-is-escrow main #rights .protection-panel h3{
  color:transparent!important;
  -webkit-background-clip:text;
  background-clip:text;
}
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p{
  color:#52647a!important;
}
body.what-is-escrow main #rights .protection-panel__list li + li,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list li + li,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list li + li{
  border-color:#e8eef1;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  color:#172b46!important;
}
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  color:#60718a!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon{
  background:#e0fff0;
  color:#075246;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{
  background:#e7f4ff;
  color:#134b85;
}
body.what-is-escrow main #rights .protection-compare__seal{
  background:rgba(247,255,251,.97);
  border-color:rgba(0,209,106,.28);
  box-shadow:0 0 0 .8rem rgba(0,209,106,.09);
  color:#087253;
}

/* Keep the closing action's colour roles, timing and subtle upward hover
   feedback in lockstep with the homepage banner buttons. */
body.what-is-escrow main .escrow-cta-shell .btn{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,translate .2s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.what-is-escrow main .escrow-cta-shell .btn:not(:disabled):hover{
    translate:0 -2px;
    filter:none;
    box-shadow:none;
  }
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main .escrow-cta-shell .btn{transition:none;}
}

/* The gallery keeps its existing geometry. During each one-card transition,
   the card that moves behind the active edge recedes with a smaller, softer
   treatment, while the incoming card returns to full emphasis. */
body.what-is-escrow main #suitable .suitable-card{
  transform:scale(1);
  transform-origin:center center;
  opacity:1;
  filter:none;
  transition:transform 380ms cubic-bezier(.22,.61,.36,1),opacity 300ms ease,filter 300ms ease;
  will-change:transform,opacity;
}
body.what-is-escrow main #suitable .suitable-card.is-past,
body.what-is-escrow main #suitable .suitable-card.is-leaving{
  transform:scale(.86);
  opacity:.42;
  filter:saturate(.78) brightness(.9);
}
body.what-is-escrow main #suitable .suitable-card.is-arriving{
  transform:scale(.94);
  opacity:.7;
}
body.what-is-escrow main #suitable .suitable-card.is-current{
  transform:scale(1);
  opacity:1;
  filter:none;
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main #suitable .suitable-card{transition:none;}
}
/* END: rights-colors-cta-hover-wise-carousel-v13 */


/* START: rights-check-and-live-drag-v14 */
/* The list returns to the compact pale-green confirmation mark used by the
   approved comparison reference. */
body.what-is-escrow main #rights .protection-panel__icon{
  position:relative;
  background:#e4fff1!important;
  color:#00a968!important;
}
body.what-is-escrow main #rights .protection-panel__icon svg{display:none;}
body.what-is-escrow main #rights .protection-panel__icon::after{
  content:'';
  width:1rem;
  height:.56rem;
  border-left:.26rem solid currentColor;
  border-bottom:.26rem solid currentColor;
  border-radius:.04rem;
  transform:rotate(-45deg) translate(.02rem,-.08rem);
}

/* Header labels follow the reference: a simple all-caps line rather than a
   pill, while the detailed confirmation marks stay in the list below. */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  min-height:0;
  padding:0;
  border-radius:0;
  background:transparent!important;
}
body.what-is-escrow main #rights .protection-panel__eyebrow-check{display:none;}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__eyebrow{color:#00a968;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__eyebrow{color:#5b697e;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:linear-gradient(110deg,#fcfdfe 0%,#fafbfd 52%,#f0f3f7 100%);
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::before{background:rgba(105,126,154,.09);}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::after{background:rgba(148,163,184,.06);}
body.what-is-escrow main #rights .protection-panel--seller h3{
  background:linear-gradient(90deg,#13233f 0%,#13233f 42%,#657188 72%,#7c8798 100%);
}
body.what-is-escrow main #rights .protection-panel--seller{border-color:#e1e7ed;}
@media (min-width:641px){
  body.what-is-escrow main #rights .protection-panel__header{
    min-height:clamp(12rem,14vw,16rem)!important;
    padding:clamp(2rem,2.8vw,3.75rem)!important;
  }
}

/* A pointer drag follows the finger or mouse in real time. It temporarily
   removes snapping, then eases to exactly one committed card on release. */
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-dragging{
  scroll-snap-type:none!important;
  cursor:grabbing;
}
/* END: rights-check-and-live-drag-v14 */


/* START: rights-reference-layout-v15 */
/* Desktop buyer/seller protection comparison: two equal editorial panels with
   the pale paired header treatment, centered safeguard seal, and quiet rules
   from the supplied reference. */
body.what-is-escrow main #rights{
  background:#fbfcfb!important;
}
body.what-is-escrow main #rights .protection-compare{
  position:relative;
  align-items:stretch;
  isolation:isolate;
}
body.what-is-escrow main #rights .protection-panel{
  background:#fff!important;
  border:1px solid #e1e8e5!important;
  border-radius:1.25rem!important;
  box-shadow:none!important;
  color:#15263d!important;
  overflow:hidden;
}
body.what-is-escrow main #rights .protection-panel--buyer{
  border-color:#d9efe7!important;
}
body.what-is-escrow main #rights .protection-panel--seller{
  border-color:#e1e7ed!important;
}
body.what-is-escrow main #rights .protection-panel__header{
  isolation:isolate;
  border-bottom:1px solid rgba(21,38,61,.07);
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:linear-gradient(110deg,#fbfffd 0%,#f9fffc 47%,#e0fff2 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:linear-gradient(110deg,#fdfefe 0%,#fafbfd 49%,#eff2f6 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::before{
  background:rgba(89,240,190,.18)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::after{
  background:rgba(108,245,201,.1)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::before{
  background:rgba(117,139,166,.1)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::after{
  background:rgba(156,171,192,.065)!important;
}
body.what-is-escrow main #rights .protection-panel__eyebrow{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:clamp(.93rem,.95vw,1.16rem)!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.13em!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__eyebrow{color:#00a968!important;}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__eyebrow{color:#687587!important;}
body.what-is-escrow main #rights .protection-panel h3{
  margin:clamp(1.25rem,1.75vw,2rem) 0 clamp(.9rem,1.15vw,1.35rem)!important;
  font-size:clamp(2.5rem,3.15vw,4rem)!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}
body.what-is-escrow main #rights .protection-panel--buyer h3{
  background:linear-gradient(90deg,#13233f 0%,#13233f 37%,#00b76d 63%,#00a968 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--seller h3{
  background:linear-gradient(90deg,#13233f 0%,#13233f 38%,#6e7888 66%,#7a8493 100%)!important;
}
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p{
  max-width:46rem!important;
  color:#687890!important;
  font-size:clamp(1.08rem,1.16vw,1.42rem)!important;
  font-weight:400!important;
  line-height:1.48!important;
}
body.what-is-escrow main #rights .protection-panel__list li + li{
  border-color:#e9eff0!important;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  color:#172b46!important;
  font-size:clamp(1.12rem,1.3vw,1.52rem)!important;
  font-weight:700!important;
  line-height:1.28!important;
}
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  color:#667892!important;
  font-size:clamp(.98rem,1.06vw,1.28rem)!important;
  font-weight:400!important;
  line-height:1.48!important;
}
body.what-is-escrow main #rights .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{
  background:#e4fff1!important;
  color:#00ac69!important;
}
body.what-is-escrow main #rights .protection-compare__seal{
  background:#f6fff9!important;
  border-color:rgba(0,209,106,.32)!important;
  box-shadow:0 0 0 clamp(.62rem,1.1vw,.9rem) rgba(0,209,106,.085)!important;
  color:#00a968!important;
}

@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare{
    gap:clamp(3.75rem,4.55vw,5.5rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare::before{
    display:block!important;
    z-index:2;
    top:clamp(12.75rem,13vw,16.25rem);
    bottom:clamp(2rem,3vw,3.75rem);
    width:1px;
    background:rgba(0,209,106,.27);
  }
  body.what-is-escrow main #rights .protection-panel{
    min-height:clamp(53rem,52vw,69rem);
  }
  body.what-is-escrow main #rights .protection-panel__header{
    min-height:clamp(12.5rem,13vw,16.25rem)!important;
    padding:clamp(2rem,2.85vw,3.75rem)!important;
  }
  body.what-is-escrow main #rights .protection-panel__list{
    padding:clamp(1.6rem,2.4vw,2.8rem) clamp(2rem,2.85vw,3.75rem)!important;
  }
  body.what-is-escrow main #rights .protection-panel__list li{
    grid-template-columns:clamp(3.7rem,4.1vw,5rem) minmax(0,1fr)!important;
    gap:clamp(1.05rem,1.48vw,1.7rem)!important;
    min-height:0;
    padding:clamp(1.18rem,1.72vw,1.78rem) 0!important;
  }
  body.what-is-escrow main #rights .protection-panel__icon{
    width:clamp(3.7rem,4.05vw,4.85rem)!important;
    height:clamp(3.7rem,4.05vw,4.85rem)!important;
  }
  body.what-is-escrow main #rights .protection-panel__icon::after{
    width:clamp(.92rem,1vw,1.2rem);
    height:clamp(.52rem,.56vw,.68rem);
    border-left-width:clamp(.22rem,.24vw,.29rem);
    border-bottom-width:clamp(.22rem,.24vw,.29rem);
  }
  body.what-is-escrow main #rights .protection-compare__seal{
    display:grid!important;
    top:50%;
    width:clamp(8rem,8vw,9.75rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare__seal svg{
    width:48%;
    height:48%;
  }
}
@media (max-width:1100px){
  body.what-is-escrow main #rights .protection-compare::before,
  body.what-is-escrow main #rights .protection-compare__seal{
    display:none!important;
  }
}
@media (max-width:640px){
  body.what-is-escrow main #rights .protection-panel h3{
    font-size:var(--what-type-h3-size)!important;
    letter-spacing:-.03em!important;
  }
}
/* END: rights-reference-layout-v15 */

/* Preserve gradient headings as text after the reference panel reset. */
body.what-is-escrow main #rights .protection-panel h3{
  color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

/* Reference proportions: the inter-panel gutter and panel height scale from the wide composition. */
@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare{gap:clamp(3rem,3.75vw,5rem)!important;}
  body.what-is-escrow main #rights .protection-panel{min-height:clamp(45rem,52vw,69rem)!important;}
}


/* Keep the rights comparison typography on the shared page type scale. */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  font-size:var(--what-type-label-size)!important;
}
body.what-is-escrow main #rights .protection-panel h3{
  font-size:var(--what-type-h3-size)!important;
}
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p{
  font-size:var(--what-type-body-l-size)!important;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  font-size:var(--what-type-h4-size)!important;
}
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  font-size:var(--what-type-body-m-size)!important;
}

/* Shared label tier has no dedicated label token; use the page caption tier. */
body.what-is-escrow main #rights .protection-panel__eyebrow{font-size:var(--what-type-caption-size)!important;}


/* START: rights-reference-clean-surface-v37 */
/* Pure white comparison surface and the quiet two-sided treatment from the
   supplied reference, without changing the established page type scale. */
body.what-is-escrow{
  --rights-kicker:"TWO-SIDED PROTECTION";
  --rights-tagline:"SAME STANDARDS. A STRONGER TRUST.";
}
html[lang^="zh"] body.what-is-escrow{
  --rights-kicker:"\53cc\5411\4fdd\969c";
  --rights-tagline:"\540c\4e00\6807\51c6\ff0c\66f4\503c\5f97\4fe1\8d56\3002";
}
html[lang="zh-HK"] body.what-is-escrow,
html[lang="zh-TW"] body.what-is-escrow{
  --rights-kicker:"\96d9\65b9\4fdd\969c";
  --rights-tagline:"\540c\4e00\6a19\6e96\ff0c\66f4\503c\5f97\4fe1\8cf4\3002";
}
html[lang^="es"] body.what-is-escrow{
  --rights-kicker:"PROTECCION PARA AMBAS PARTES";
  --rights-tagline:"MISMOS ESTANDARES. MAS CONFIANZA.";
}
html[lang^="pt"] body.what-is-escrow{
  --rights-kicker:"PROTECAO PARA AMBAS AS PARTES";
  --rights-tagline:"OS MESMOS PADROES. MAIS CONFIANCA.";
}
html[lang^="fr"] body.what-is-escrow{
  --rights-kicker:"PROTECTION DES DEUX PARTIES";
  --rights-tagline:"LES MEMES STANDARDS. UNE CONFIANCE RENFORCEE.";
}
html[lang^="de"] body.what-is-escrow{
  --rights-kicker:"SCHUTZ FUER BEIDE SEITEN";
  --rights-tagline:"GLEICHE STANDARDS. STAERKERES VERTRAUEN.";
}
html[lang^="id"] body.what-is-escrow{
  --rights-kicker:"PERLINDUNGAN UNTUK KEDUA PIHAK";
  --rights-tagline:"STANDAR YANG SAMA. KEPERCAYAAN YANG LEBIH KUAT.";
}
html[lang^="ja"] body.what-is-escrow{
  --rights-kicker:"\53cc\65b9\306e\4fdd\8b77";
  --rights-tagline:"\540c\3058\57fa\6e96\3002\3088\308a\5f37\3044\4fe1\983c\3002";
}
html[lang^="vi"] body.what-is-escrow{
  --rights-kicker:"BAO VE CHO CA HAI BEN";
  --rights-tagline:"CUNG TIEU CHUAN. NIEM TIN VUNG CHAC HON.";
}

body.what-is-escrow main #rights{
  background:#fff!important;
}
body.what-is-escrow main #rights > .container > .section-head{
  margin-bottom:clamp(2rem,2.5vw,2.75rem)!important;
}
body.what-is-escrow main #rights > .container > .section-head::before{
  content:var(--rights-kicker);
  display:block;
  margin:0 0 .55rem;
  color:#60708b;
  font-size:var(--what-type-caption-size);
  font-weight:700;
  line-height:var(--what-type-caption-line);
  letter-spacing:.26em;
}
body.what-is-escrow main #rights > .container > .section-head h2{
  color:#0d1b37!important;
  margin:.15rem 0 .5rem!important;
}
body.what-is-escrow main #rights > .container > .section-head > p{
  color:#5f718f!important;
}
body.what-is-escrow main #rights .protection-panel{
  border-radius:.9rem!important;
  box-shadow:none!important;
}
body.what-is-escrow main #rights .protection-panel--buyer{
  border-color:#d3efe5!important;
}
body.what-is-escrow main #rights .protection-panel--seller{
  border-color:#dce2ea!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:linear-gradient(112deg,#fcfffd 0%,#f9fffc 57%,#effff7 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:linear-gradient(112deg,#fdfefe 0%,#fafbfd 54%,#f1f3f7 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::before{
  background:rgba(89,240,190,.08)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header::after{
  background:rgba(108,245,201,.045)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::before{
  background:rgba(117,139,166,.075)!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header::after{
  background:rgba(156,171,192,.04)!important;
}
body.what-is-escrow main #rights .protection-panel--buyer h3{
  background:linear-gradient(90deg,#0d1b37 0%,#0d1b37 30%,#00ae69 35%,#00a767 100%)!important;
}
body.what-is-escrow main #rights .protection-panel--seller h3{
  background:linear-gradient(90deg,#0d1b37 0%,#0d1b37 31%,#5f697a 36%,#707a8a 100%)!important;
}
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p{
  color:#5f718f!important;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  color:#0d1b37!important;
}
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  color:#60718d!important;
}
body.what-is-escrow main #rights .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{
  background:#e2fff0!important;
  color:#00aa67!important;
}
body.what-is-escrow main #rights .protection-compare__seal{
  background:#f7fffa!important;
  border-color:rgba(0,185,109,.27)!important;
  box-shadow:0 0 0 .72rem rgba(0,209,106,.08)!important;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:first-child{
  fill:#00b76d;
  stroke:#00b76d;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:last-child{
  stroke:#fff;
  stroke-width:2.35;
}

@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare{
    gap:clamp(3rem,3.75vw,4.5rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare::before{
    top:clamp(9.5rem,10.75vw,11.5rem);
    bottom:clamp(1.8rem,2.7vw,3rem);
    background:rgba(0,185,109,.18);
  }
  body.what-is-escrow main #rights .protection-panel{
    min-height:0!important;
  }
  body.what-is-escrow main #rights .protection-panel__header{
    min-height:0!important;
    padding:clamp(1.65rem,1.95vw,2rem) clamp(2.35rem,2.7vw,2.9rem)!important;
  }
  body.what-is-escrow main #rights .protection-panel__list{
    flex:0 0 auto!important;
    grid-template-rows:repeat(5,auto)!important;
    padding:clamp(1.2rem,1.75vw,1.65rem) clamp(2.35rem,2.7vw,2.9rem)!important;
  }
  body.what-is-escrow main #rights .protection-panel__list li{
    grid-template-columns:clamp(2.65rem,2.85vw,3rem) minmax(0,1fr)!important;
    gap:clamp(1.2rem,1.55vw,1.75rem)!important;
    min-height:clamp(5.25rem,6.7vw,6.7rem)!important;
    padding:clamp(.85rem,1.1vw,1rem) 0!important;
  }
  body.what-is-escrow main #rights .protection-panel__icon{
    width:clamp(2.65rem,2.85vw,3rem)!important;
    height:clamp(2.65rem,2.85vw,3rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare::after{
    content:var(--rights-tagline);
    position:absolute;
    z-index:4;
    left:50%;
    bottom:-3.3rem;
    width:min(39rem,54vw);
    transform:translateX(-50%);
    padding:0;
    color:#63728d;
    background:linear-gradient(90deg,#d0d9e3 0 16%,transparent 16% 84%,#d0d9e3 84% 100%);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 1px;
    font-size:var(--what-type-caption-size);
    font-weight:700;
    line-height:var(--what-type-caption-line);
    letter-spacing:.23em;
    text-align:center;
    white-space:nowrap;
  }
}
@media (max-width:1100px){
  body.what-is-escrow main #rights .protection-compare::after{
    display:none;
  }
}
/* END: rights-reference-clean-surface-v37 */

/* Keep the buyer/seller title gradients clipped to their glyphs. */
body.what-is-escrow main #rights .protection-panel h3{
  color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

/* START: suitable-receding-carousel-and-rights-spacing-v39 */
/* The suitable-transaction rail retains one smaller translucent predecessor,
   mirroring the supplied carousel: forward movement recedes the former card;
   moving back restores it from the smaller preview state. */
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  padding-block:clamp(.75rem,1.15vw,1.25rem);
}
body.what-is-escrow main #suitable .suitable-showcase__track{
  align-items:center;
}
body.what-is-escrow main #suitable .suitable-card{
  z-index:2;
  transform:scale(1);
  transform-origin:center center;
  opacity:1;
  filter:none;
  visibility:visible;
  transition:transform 360ms cubic-bezier(.22,.61,.36,1),opacity 300ms ease,filter 300ms ease,visibility 0s linear 0s;
  will-change:transform,opacity;
}
body.what-is-escrow main #suitable .suitable-card.is-preview,
body.what-is-escrow main #suitable .suitable-card.is-past{
  z-index:1;
  transform:scale(.78) translateX(-.3rem);
  opacity:.48;
  filter:saturate(.72) brightness(.9);
}
body.what-is-escrow main #suitable .suitable-card.is-far-past{
  z-index:0;
  transform:scale(.64) translateX(-.9rem);
  opacity:0;
  filter:saturate(.58) brightness(.84);
  visibility:hidden;
  transition-delay:0s,0s,0s,300ms;
  pointer-events:none;
}
body.what-is-escrow main #suitable .suitable-card.is-current,
body.what-is-escrow main #suitable .suitable-card.is-future{
  z-index:2;
  transform:scale(1);
  opacity:1;
  filter:none;
  visibility:visible;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-shifting-forward .suitable-card.is-leaving-forward{
  transform:scale(.78) translateX(-.65rem);
  opacity:.38;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-shifting-backward .suitable-card.is-leaving-backward{
  transform:scale(.9) translateX(.2rem);
  opacity:.68;
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main #suitable .suitable-card{transition:none!important;}
}

/* Match the supplied two-sided protection hierarchy: tight heading-to-card
   spacing, quiet centered copy, and the existing shared type scale. */
body.what-is-escrow main #rights > .container > .section-head{
  margin-bottom:clamp(1.25rem,1.5vw,1.5rem)!important;
}
body.what-is-escrow main #rights > .container > .section-head h2{
  margin:.15rem 0 .45rem!important;
}
body.what-is-escrow main #rights > .container > .section-head > p{
  margin-bottom:0!important;
}
@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare::after{bottom:-2.7rem;}
}
/* END: suitable-receding-carousel-and-rights-spacing-v39 */

/* Keep the receding predecessor visibly tucked behind the active card instead
   of collapsing at the viewport edge. */
body.what-is-escrow main #suitable .suitable-card.is-preview,
body.what-is-escrow main #suitable .suitable-card.is-past{
  transform:translateX(22%) scale(.78);
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-shifting-forward .suitable-card.is-leaving-forward{
  transform:translateX(22%) scale(.78);
}




/* START: suitable-simple-and-rights-surfaces-v44 */
/* Return the suitable-transaction rail to its straightforward, whole-card carousel. */
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  scroll-snap-type:inline mandatory!important;
  scroll-behavior:smooth!important;
  padding-block:0!important;
}
body.what-is-escrow main #suitable .suitable-showcase__track{
  align-items:stretch!important;
}
body.what-is-escrow main #suitable .suitable-card,
body.what-is-escrow main #suitable .suitable-card.is-current,
body.what-is-escrow main #suitable .suitable-card.is-preview,
body.what-is-escrow main #suitable .suitable-card.is-past,
body.what-is-escrow main #suitable .suitable-card.is-far-past,
body.what-is-escrow main #suitable .suitable-card.is-future{
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
  transition:none!important;
}

/* Let the process introduction use eighty percent of its parent content area. */
body.what-is-escrow main .process-roles .section-head{
  width:80%!important;
  max-width:none!important;
}

/* Keep the comparison within the established content container and let it grow only with its content. */
body.what-is-escrow main #rights .protection-compare,
body.what-is-escrow main #rights .rights-scope{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
}
body.what-is-escrow main #rights .protection-compare::before,
body.what-is-escrow main #rights .protection-compare::after{
  content:none!important;
  display:none!important;
}
body.what-is-escrow main #rights .protection-panel{
  min-height:0!important;
  height:auto!important;
  border-radius:1.25rem!important;
  box-shadow:none!important;
}
body.what-is-escrow main #rights .protection-panel--buyer,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list{
  background:#effff7!important;
}
body.what-is-escrow main #rights .protection-panel--seller,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list{
  background:#f4f6f8!important;
}
body.what-is-escrow main #rights .protection-panel__header::before,
body.what-is-escrow main #rights .protection-panel__header::after{
  display:none!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list li + li{
  border-color:#dcefe7!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list li + li{
  border-color:#e1e7ed!important;
}
/* END: suitable-simple-and-rights-surfaces-v44 */
/* START: process-steps-and-rights-finish-v45 */
/* Give the five-step flow a concise explanation while retaining the shared type scale. */
body.what-is-escrow main #process-steps .section-head > p{
  max-width:46rem;
  margin:.8rem auto 0!important;
  color:#52636e!important;
  font-size:var(--what-type-body-l-size)!important;
  font-weight:400!important;
  line-height:var(--what-type-body-l-line)!important;
  text-align:center;
}

/* Status labels use the same restrained, pale palette as the current page surfaces. */
body.what-is-escrow main .status{
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
body.what-is-escrow main .status.status--protected{
  background:#e1f7eb!important;
  border-color:#c6ead8!important;
  color:#087247!important;
}
body.what-is-escrow main .status.status--paid{
  background:#eaf3fb!important;
  border-color:#cedfeb!important;
  color:#315d7b!important;
}
body.what-is-escrow main .status.status--waiting{
  background:#eef1f3!important;
  border-color:#d9e0e5!important;
  color:#52636e!important;
}
body.what-is-escrow main .status.status--dispute{
  background:#fff2e3!important;
  border-color:#f0d9b5!important;
  color:#8a5d1b!important;
}
body.what-is-escrow main .status.status--released{
  background:#dcf8e8!important;
  border-color:#bfe9d2!important;
  color:#087844!important;
}
body.what-is-escrow main .status.status--refunded{
  background:#f0ebf8!important;
  border-color:#ddd2ed!important;
  color:#67527e!important;
}

/* Keep the two comparison panels soft, with a subtly deeper header and no divider below it. */
body.what-is-escrow main #rights .protection-panel__header{
  border-bottom:0!important;
  box-shadow:none!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:#e3f9ef!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:#ebeff2!important;
}

/* Reduce only the seal surround; preserve the current icon’s rendered size. */
@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare__seal{
    width:clamp(5.06rem,6.336vw,6.6rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare__seal svg{
    width:54.55%!important;
    height:54.55%!important;
  }
}
/* END: process-steps-and-rights-finish-v45 */
/* START: rights-heading-icons-v46 */
/* Keep the panel header’s three-line rhythm compact and consistent with the reference. */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  margin:0!important;
}
body.what-is-escrow main #rights .protection-panel h3{
  margin:1.25rem 0 .75rem!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}
body.what-is-escrow main #rights .protection-panel__header > p{
  margin:0!important;
  color:#5f718f!important;
}
body.what-is-escrow main #rights .protection-panel--buyer h3{
  color:#03110c!important;
  -webkit-text-fill-color:#03110c!important;
}
body.what-is-escrow main #rights .protection-panel--seller h3{
  color:#00a968!important;
  -webkit-text-fill-color:#00a968!important;
}

/* The confirmation mark remains semantic but sits on a clean white circular surface. */
body.what-is-escrow main #rights .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{
  background:#fff!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__icon{
  color:#00a968!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__icon{
  color:#03110c!important;
}
/* END: rights-heading-icons-v46 */
/* START: rights-gap-dividers-v47 */
/* Halve the desktop breathing room between the paired protection surfaces. */
@media (min-width:1101px){
  body.what-is-escrow main #rights .rights-scope.protection-compare{
    gap:clamp(1.5rem,1.875vw,2.25rem)!important;
  }
}

/* The suitable-use-case section now reads as one uninterrupted surface. */
body.what-is-escrow main #suitable{
  border-top:0!important;
  border-bottom:0!important;
}
body.what-is-escrow main #rights{
  border-top:0!important;
}

/* Remove the generated kicker above the two-sided protection heading. */
body.what-is-escrow main #rights > .container > .section-head::before{
  content:none!important;
  display:none!important;
}
/* END: rights-gap-dividers-v47 */

/* START: rights-title-process-v48 */
/* Keep the compact confirmation mark while reducing only its visible check. */
body.what-is-escrow main #rights .protection-panel__icon svg{
  width:40%!important;
  height:40%!important;
}
body.what-is-escrow main #rights .protection-panel__icon::after{
  width:.8rem!important;
  height:.45rem!important;
  border-left-width:.21rem!important;
  border-bottom-width:.21rem!important;
}

/* Each protection heading retains a neutral title, with the party name carrying its role colour. */
body.what-is-escrow main #rights .protection-panel h3,
body.what-is-escrow main #rights .protection-panel h3 .protection-panel__title-label{
  color:#6d7788!important;
  -webkit-text-fill-color:#6d7788!important;
}
body.what-is-escrow main #rights .protection-panel h3 .protection-panel__title-role{
  color:#00a968!important;
  -webkit-text-fill-color:#00a968!important;
}
body.what-is-escrow main #rights .protection-panel--seller h3 .protection-panel__title-role{
  color:#03110c!important;
  -webkit-text-fill-color:#03110c!important;
}
body.what-is-escrow main #rights .protection-panel__title-label{margin-inline-start:0;}
html[lang^="en"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="es"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="pt"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="fr"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="de"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="id"] body.what-is-escrow main #rights .protection-panel__title-label,
html[lang^="vi"] body.what-is-escrow main #rights .protection-panel__title-label{margin-inline-start:.23em;}

/* Keep the role section separated from the paired-protection section at the shared 40px cadence. */
body.what-is-escrow main .process-roles{margin-top:40px!important;}

/* Status labels in the fund flow and five-step transaction flow are text-only. */
body.what-is-escrow main :is(.process-roles .fund-flow,.process-roles .fund-flow__labels,#process-steps) .status::before{
  display:none!important;
}
body.what-is-escrow main :is(.process-roles .fund-flow,.process-roles .fund-flow__labels,#process-steps) .status{
  gap:0!important;
  padding:4px 10px!important;
}

/* The five-step explanation follows the requested editorial alignment. */
body.what-is-escrow main #process-steps .section-head > p{
  margin:.8rem 0 0!important;
  text-align:left!important;
}
/* END: rights-title-process-v48 */
/* START: rights-icons-seal-v49 */
/* Heroicons check (MIT) replaces the former hand-drawn mark. */
body.what-is-escrow main #rights .protection-panel__icon svg{
  display:none!important;
  width:34%!important;
  height:34%!important;
}
body.what-is-escrow main #rights .protection-panel__icon::after{
  content:''!important;
  display:block!important;
  width:.72rem!important;
  height:.72rem!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Raise only the two paired protection titles by a small, consistent step. */
body.what-is-escrow main #rights .protection-panel h3{
  font-size:calc(var(--what-type-h3-size) + 2px)!important;
}

/* Keep the central assurance seal proportionally smaller as a single unit. */
@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare__seal{
    width:clamp(4.4rem,5.55vw,5.85rem)!important;
    height:clamp(4.4rem,5.55vw,5.85rem)!important;
  }
  body.what-is-escrow main #rights .protection-compare__seal svg{
    width:48%!important;
    height:48%!important;
  }
}
/* END: rights-icons-seal-v49 */
/* START: process-white-nav-check-v50 */
/* Keep the process flow on white and use the header’s lightweight rounded line-icon language. */
body.what-is-escrow main #process-steps {
  background: #fff !important;
}

body.what-is-escrow main #rights .protection-panel__icon::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
/* END: process-white-nav-check-v50 */
/* START: rights-tone-refinement-v51 */
/* Refine only the paired-protection text tones. */
body.what-is-escrow main #rights .protection-panel h3 .protection-panel__title-label{
  color:#546174!important;
  -webkit-text-fill-color:#546174!important;
}
body.what-is-escrow main #rights .protection-panel__list h4{
  color:#1b2d44!important;
}
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  color:#6f7f98!important;
}
/* END: rights-tone-refinement-v51 */
/* START: protection-check-tabler-v52 */
/* A compact, rounded Tabler check retains the navigation’s clean line-icon character. */
body.what-is-escrow main #rights .protection-panel__icon::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
/* END: protection-check-tabler-v52 */
/* START: protection-check-original-thin-v53 */
/* Restore the original compact CSS confirmation mark with a slightly lighter stroke. */
body.what-is-escrow main #rights .protection-panel__icon::after{
  width:.8rem!important;
  height:.45rem!important;
  border-top:0!important;
  border-right:0!important;
  border-left:.18rem solid currentColor!important;
  border-bottom:.18rem solid currentColor!important;
  border-radius:.04rem!important;
  transform:rotate(-45deg) translate(.02rem,-.08rem)!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
/* END: protection-check-original-thin-v53 */
/* START: rights-panel-surfaces-v54 */
body.what-is-escrow main #rights .protection-panel--buyer,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list{
  background:#f6fffa!important;
}
body.what-is-escrow main #rights .protection-panel--seller,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list{
  background:#f8f9fa!important;
}
/* END: rights-panel-surfaces-v54 */
/* START: process-roles-margin-v55 */
body.what-is-escrow main .process-roles{
  margin-top:100px!important;
}
/* END: process-roles-margin-v55 */
/* START: rights-header-surfaces-v56 */
/* Restore only the previous paired-card header surfaces. */
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:#e3f9ef!important;
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:#ebeff2!important;
}
/* END: rights-header-surfaces-v56 */
/* START: section-head-copy-width-v57 */
/* Keep each section introduction aligned to its own content width. */
body.what-is-escrow main .section-head > p{
  width:100%!important;
  max-width:none!important;
}
/* END: section-head-copy-width-v57 */
/* START: process-roles-copy-left-v58 */
/* Align only the three-party process explanation to the left. */
body.what-is-escrow main .process-roles .section-head > p{
  margin-inline:0!important;
  text-align:left!important;
}
/* END: process-roles-copy-left-v58 */
/* START: process-roles-head-left-v59 */
/* Keep the three-party section title and supporting copy on one left alignment. */
body.what-is-escrow main .process-roles .section-head,
body.what-is-escrow main .process-roles .section-head > :is(h2,p){
  text-align:left!important;
}
body.what-is-escrow main .process-roles .section-head > h2{
  margin-inline:0!important;
}
/* END: process-roles-head-left-v59 */
/* START: process-roles-head-width-v60 */
/* Keep the three-party heading block at the requested content width and left edge. */
body.what-is-escrow main .process-roles .section-head{
  width:60%!important;
  margin-inline:0!important;
}
/* END: process-roles-head-width-v60 */
/* START: suitable-autoplay-fade-v61 */
/* Continuous carousel motion is driven by scroll position; card opacity follows its visible width. */
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}
body.what-is-escrow main #suitable .suitable-card{
  opacity:var(--suitable-card-opacity,1)!important;
  transition:opacity 80ms linear!important;
  will-change:opacity!important;
}
body.what-is-escrow main #suitable .suitable-showcase__control:disabled{
  background:#edf0ef!important;
  color:rgba(20,41,41,.5)!important;
  opacity:1!important;
  cursor:default!important;
  pointer-events:none;
}
body.what-is-escrow main #suitable .suitable-showcase__control:not(:disabled){
  background:var(--what-page-green)!important;
  color:var(--what-page-ink)!important;
  opacity:1!important;
  cursor:pointer;
}
@media (hover:hover){
  body.what-is-escrow main #suitable .suitable-showcase__control:not(:disabled):hover{
    background:#00bb60!important;
    color:var(--what-page-ink)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main #suitable .suitable-card{transition:none!important;}
}
/* END: suitable-autoplay-fade-v61 */

/* START: rights-surfaces-and-manual-rail-v63 */
/* The buyer panel now uses one unified mint surface across its header and detail list. */
body.what-is-escrow main #rights .protection-panel--buyer,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list{
  background:#e7f8eb!important;
}

/* Match the buyer/seller label tier to the supporting promise copy without emphasis. */
body.what-is-escrow main #rights .protection-panel__eyebrow{
  font-size:var(--what-type-body-l-size)!important;
  font-weight:400!important;
  line-height:var(--what-type-body-l-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Keep the central assurance seal slightly more compact and give it a restrained pulse. */
@keyframes escrow-protection-seal-pulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);}
  50%{transform:translate(-50%,-50%) scale(1.045);}
}
@media (min-width:1101px){
  body.what-is-escrow main #rights .protection-compare__seal{
    width:clamp(3.95rem,4.85vw,5.25rem)!important;
    height:clamp(3.95rem,4.85vw,5.25rem)!important;
    animation:escrow-protection-seal-pulse 3.2s ease-in-out infinite!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main #rights .protection-compare__seal{animation:none!important;}
}

/* Keep the three-party role cards translucent over their existing dark section. */
body.what-is-escrow main .process-roles .grid--3 > .card{
  background:rgba(255,255,255,.06)!important;
}
/* END: rights-surfaces-and-manual-rail-v63 */
/* START: suitable-stacked-preview-v66 */
/* Each completed transition leaves one smaller, muted predecessor at the
   leading edge. Scroll-driven variables lower it beneath the active card and
   then take it farther back only when another card replaces that preview. */
body.what-is-escrow main #suitable .suitable-card{
  opacity:var(--suitable-card-opacity,1)!important;
  transform:translate3d(var(--suitable-card-exit-x,0px),0,0) scale(var(--suitable-card-exit-scale,1))!important;
  transform-origin:left center!important;
  z-index:var(--suitable-card-layer,2)!important;
  transition:transform 320ms cubic-bezier(.22,.61,.36,1),opacity 280ms cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform,opacity!important;
}
body.what-is-escrow main #suitable .suitable-showcase__viewport.is-dragging .suitable-card{
  transition:none!important;
}
@media (hover:hover){
  body.what-is-escrow main #suitable .suitable-showcase__control:not(:disabled):hover{
    background:#00bb60!important;
    color:var(--what-page-ink)!important;
    transform:translateY(-2px);
  }
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main #suitable .suitable-card,
  body.what-is-escrow main #suitable .suitable-showcase__control{transition:none!important;}
}
/* END: suitable-stacked-preview-v66 */
/* START: suitable-control-hover-lift-v67 */
body.what-is-escrow main #suitable .suitable-showcase__control{
  transition:background-color .22s ease,color .22s ease,opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1)!important;
}
@media (hover:hover){
  body.what-is-escrow main #suitable .suitable-showcase__control:not(:disabled):hover{
    transform:translateY(-2px)!important;
  }
}
/* END: suitable-control-hover-lift-v67 */
/* START: suitable-scroll-driven-stack-v68 */
/* The rail supplies every intermediate transform value. Keeping cards free of
   their own transform transition makes the 1 → 2 → 3 sequence continuous and
   lets the reverse action trace the same path in the opposite direction. */
body.what-is-escrow main #suitable .suitable-card{
  transition:none!important;
}
/* END: suitable-scroll-driven-stack-v68 */

/* START: buyer-panel-layered-surface-v71 */
/* Restore the existing buyer-panel depth: a lighter content surface and a
   subtly deeper header surface. */
body.what-is-escrow main #rights .protection-panel--buyer{
  background:#f6fffa!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:#e3f9ef!important;
}
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list{
  background:#f6fffa!important;
}
/* END: buyer-panel-layered-surface-v71 */

/* START: protection-seal-green-core-v74 */
/* Preserve the outer assurance halo while giving the seal core a green gradient. */
body.what-is-escrow main #rights .protection-compare__seal{
  background:linear-gradient(135deg,#00d16a 0%,#00a968 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:first-child{
  fill:transparent!important;
  stroke:#fff!important;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:last-child{
  stroke:#fff!important;
}
/* END: protection-seal-green-core-v74 */
/* START: suitable-light-card-layout-v75 */
/* The use-case gallery follows the requested pale-gray editorial card layout. */
body.what-is-escrow main #suitable{
  background:#f8f9fa!important;
}
body.what-is-escrow main #suitable .suitable-showcase__grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(2rem,3.5vw,4.5rem)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:1.5rem 2rem!important;
  padding:0!important;
}
body.what-is-escrow main #suitable .section-head p{
  max-width:56rem!important;
}
body.what-is-escrow main #suitable .suitable-showcase__controls{
  justify-self:end;
  margin:0!important;
}
body.what-is-escrow main #suitable .suitable-showcase__track{
  align-items:stretch!important;
}
body.what-is-escrow main #suitable .suitable-card{
  min-height:clamp(31rem,41vw,50rem)!important;
  padding:clamp(2.5rem,3.5vw,4.5rem)!important;
  border:0!important;
  border-radius:clamp(1.5rem,2vw,2rem)!important;
  background:#fff!important;
  color:#03110c!important;
}
body.what-is-escrow main #suitable .suitable-card::after{
  display:none!important;
}
body.what-is-escrow main #suitable .suitable-card__index{
  display:block!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  color:#03110c!important;
  font-size:clamp(3.75rem,5vw,6rem)!important;
  font-weight:600!important;
  line-height:1!important;
}
body.what-is-escrow main #suitable .suitable-card h3{
  margin:clamp(3rem,5vw,6.25rem) 0 0!important;
  color:#03110c!important;
  font-size:var(--what-type-h3-size)!important;
  line-height:var(--what-type-h3-line)!important;
}
body.what-is-escrow main #suitable .suitable-card__description{
  max-width:32rem;
  margin:clamp(1.25rem,2vw,2rem) 0 0!important;
  color:var(--what-page-muted)!important;
  font-size:var(--what-type-body-m-size)!important;
  line-height:var(--what-type-body-m-line)!important;
}
@media (max-width:1180px){
  body.what-is-escrow main #suitable .suitable-showcase__intro{
    grid-template-columns:1fr!important;
  }
  body.what-is-escrow main #suitable .suitable-showcase__controls{
    justify-self:start;
    margin-top:.25rem!important;
  }
  body.what-is-escrow main #suitable .suitable-card{
    min-height:clamp(28rem,56vw,38rem)!important;
  }
}
@media (max-width:640px){
  body.what-is-escrow main #suitable .suitable-card{
    min-height:31rem!important;
    padding:2rem!important;
  }
  body.what-is-escrow main #suitable .suitable-card h3{
    margin-top:3.5rem!important;
  }
}
/* END: suitable-light-card-layout-v75 */
/* START: suitable-restored-carousel-layout-v76 */
/* Restore the established two-column carousel composition while retaining the
   newly supplied explanatory content inside each use-case card. */
body.what-is-escrow main #suitable{
  background:var(--what-page-surface)!important;
  color:var(--what-page-ink)!important;
  padding-block:clamp(4.5rem,7vw,8rem)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__grid{
  display:grid!important;
  grid-template-columns:minmax(24rem,1fr) minmax(0,2fr)!important;
  align-items:stretch!important;
  gap:clamp(2.5rem,6vw,7.5rem)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__intro{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding-block:clamp(.75rem,2vw,2rem)!important;
}
body.what-is-escrow main #suitable .section-head{
  max-width:none!important;
  margin:0!important;
}
body.what-is-escrow main #suitable .section-head h2{color:var(--what-page-ink)!important;}
body.what-is-escrow main #suitable .section-head p{
  max-width:34rem!important;
  margin:0!important;
  color:var(--what-page-muted)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__controls{
  display:flex!important;
  align-items:center!important;
  justify-self:auto!important;
  gap:.875rem!important;
  margin-top:clamp(2rem,4vw,4.5rem)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__track{
  display:flex!important;
  align-items:stretch!important;
  gap:clamp(1rem,1.6vw,1.75rem)!important;
  min-width:100%!important;
}
body.what-is-escrow main #suitable .suitable-card{
  position:relative!important;
  display:flex!important;
  flex:0 0 calc(33.333% - 1.25rem)!important;
  flex-direction:column!important;
  min-height:clamp(22rem,30vw,30rem)!important;
  padding:clamp(1.5rem,2.5vw,2.5rem)!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:var(--what-page-radius)!important;
  background:#142929!important;
  color:#fff!important;
}
body.what-is-escrow main #suitable .suitable-card::after{
  display:block!important;
  content:''!important;
  position:absolute!important;
  width:8rem!important;
  height:8rem!important;
  right:-4rem!important;
  bottom:-4rem!important;
  border:1px solid rgba(0,209,106,.38)!important;
  border-radius:50%!important;
}
body.what-is-escrow main #suitable .suitable-card__index{
  display:grid!important;
  place-items:center!important;
  width:3.25rem!important;
  height:3.25rem!important;
  border-radius:50%!important;
  background:var(--what-page-green)!important;
  color:var(--what-page-ink)!important;
  font-size:var(--what-type-caption-size)!important;
  font-weight:700!important;
  line-height:1!important;
}
body.what-is-escrow main #suitable .suitable-card h3{
  position:relative!important;
  z-index:1!important;
  margin:auto 0 0!important;
  color:#fff!important;
  font-size:var(--what-type-h4-size)!important;
  line-height:var(--what-type-h4-line)!important;
}
body.what-is-escrow main #suitable .suitable-card__description{
  position:relative!important;
  z-index:1!important;
  max-width:none!important;
  margin:1rem 0 0!important;
  color:rgba(255,255,255,.8)!important;
  font-size:var(--what-type-body-s-size)!important;
  line-height:var(--what-type-body-s-line)!important;
}
@media (max-width:1180px){
  body.what-is-escrow main #suitable .suitable-showcase__grid{grid-template-columns:1fr!important;gap:2.5rem!important;}
  body.what-is-escrow main #suitable .suitable-showcase__intro{padding:0!important;}
  body.what-is-escrow main #suitable .suitable-showcase__controls{margin-top:2rem!important;}
  body.what-is-escrow main #suitable .suitable-card{flex-basis:calc(50% - .75rem)!important;}
}
@media (max-width:640px){
  body.what-is-escrow main #suitable{padding-block:4rem!important;}
  body.what-is-escrow main #suitable .suitable-card{flex-basis:86%!important;min-height:20rem!important;padding:2rem!important;}
}
/* END: suitable-restored-carousel-layout-v76 */

/* START: suitable-white-card-layout-v77 */
/* Use the supplied tall, white card treatment while preserving the established rail behavior. */
body.what-is-escrow main #suitable{
  background:#f8f9fa!important;
}
body.what-is-escrow main #suitable .suitable-showcase__controls{
  align-self:flex-start!important;
  justify-content:flex-start!important;
}
body.what-is-escrow main #suitable .suitable-card{
  min-height:clamp(31rem,41vw,50rem)!important;
  background:#fff!important;
  color:#03110c!important;
}
body.what-is-escrow main #suitable .suitable-card::after{
  display:none!important;
}
body.what-is-escrow main #suitable .suitable-card__index{
  display:block!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  color:#03110c!important;
  font-size:clamp(3.75rem,5vw,6rem)!important;
  font-weight:600!important;
  line-height:1!important;
}
body.what-is-escrow main #suitable .suitable-card h3{
  margin:clamp(3rem,5vw,6.25rem) 0 0!important;
  color:#03110c!important;
  font-size:var(--what-type-h3-size)!important;
  line-height:var(--what-type-h3-line)!important;
}
body.what-is-escrow main #suitable .suitable-card__description{
  max-width:32rem!important;
  margin:clamp(1.25rem,2vw,2rem) 0 0!important;
  color:var(--what-page-muted)!important;
  font-size:var(--what-type-body-m-size)!important;
  line-height:var(--what-type-body-m-line)!important;
}
@media (max-width:1180px){
  body.what-is-escrow main #suitable .suitable-card{
    min-height:clamp(28rem,56vw,38rem)!important;
  }
}
@media (max-width:640px){
  body.what-is-escrow main #suitable .suitable-card{
    min-height:31rem!important;
    padding:2rem!important;
  }
  body.what-is-escrow main #suitable .suitable-card h3{
    margin-top:3.5rem!important;
  }
}
/* END: suitable-white-card-layout-v77 */
/* START: suitable-card-sizing-v113 */
/* Let each suitable-transaction card follow its content height at every breakpoint. */
body.what-is-escrow main #suitable .suitable-card{
  min-height:unset!important;
  padding:clamp(1.5rem, 2.5vw, 3rem)!important;
}
/* END: suitable-card-sizing-v113 */
/* START: suitable-intro-top-align-v114 */
body.what-is-escrow main #suitable .suitable-showcase__intro{
  justify-content:flex-start!important;
  padding-block:0!important;
}
body.what-is-escrow main #suitable .suitable-card__index{
  font-size:clamp(3.25rem,4.25vw,5rem)!important;
}
/* END: suitable-intro-top-align-v114 */
/* START: suitable-intro-top-gap-v115 */
body.what-is-escrow main #suitable .suitable-showcase__intro{
  padding-top:20px!important;
  padding-bottom:0!important;
}
/* END: suitable-intro-top-gap-v115 */

/* START: suitable-shared-switch-control-v124 */
/* Match the suitable-transaction controls to the site-wide back-to-top control. */
body.what-is-escrow main #suitable .suitable-showcase__control{
  width:var(--shared-back-to-top-size,70px)!important;
  height:var(--shared-back-to-top-size,70px)!important;
}
body.what-is-escrow main #suitable .suitable-showcase__control svg{
  width:var(--shared-back-to-top-icon-size,28px)!important;
  height:var(--shared-back-to-top-icon-size,28px)!important;
}
/* END: suitable-shared-switch-control-v124 */
/* START: escrow-cta-homepage-motion-v125 */
/* Mirror the homepage closing CTA feedback while preserving this page's existing button colours. */
body.what-is-escrow main .escrow-cta-shell .btn{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,translate .22s ease,opacity .22s ease;
}
@media (hover:hover){
  body.what-is-escrow main .escrow-cta-shell .btn:not(:disabled):hover{
    transform:translateY(-1px);
    translate:0 0;
    filter:none;
    box-shadow:0 .5rem 1.25rem rgba(7,27,20,.08);
  }
}
@media (prefers-reduced-motion:reduce){
  body.what-is-escrow main .escrow-cta-shell .btn{transition:none;}
}
/* END: escrow-cta-homepage-motion-v125 */

/* START: rights-heading-and-copy-tone-v126 */
/* Keep each protection title a single semantic colour and align supporting copy
   to the shared small-text tone. */
body.what-is-escrow main #rights .protection-panel--buyer h3,
body.what-is-escrow main #rights .protection-panel--buyer h3 :is(.protection-panel__title-role,.protection-panel__title-label){
  color:#00a968!important;
  -webkit-text-fill-color:#00a968!important;
  background:none!important;
}
body.what-is-escrow main #rights .protection-panel--seller h3,
body.what-is-escrow main #rights .protection-panel--seller h3 :is(.protection-panel__title-role,.protection-panel__title-label){
  color:#03110c!important;
  -webkit-text-fill-color:#03110c!important;
  background:none!important;
}
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel__list p{
  color:#3c5450!important;
}
/* END: rights-heading-and-copy-tone-v126 */
/* START: rights-small-copy-tone-v127 */
/* Match the established selector specificity so both panels retain the shared small-text tone. */
body.what-is-escrow main #rights .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header > p,
body.what-is-escrow main #rights .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__list p,
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__list p{
  color:#3c5450!important;
}
/* END: rights-small-copy-tone-v127 */
/* START: process-steps-rail-width-v128 */
/* Keep the five-step connector centred when it is refined to 1.5px. */
body.what-is-escrow main #process-steps .step::before{
  width:1.5px!important;
  left:20.25px!important;
}
/* END: process-steps-rail-width-v128 */
/* START: mechanism-protection-overlay-v160 */
/* Keep the business image intact while adding the code-rendered escrow assurance card. */
body.what-is-escrow main #mechanism .media-split__media{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body.what-is-escrow main #mechanism .mechanism-protection-card{
  position:absolute;
  z-index:1;
  inset-inline:clamp(1rem,4vw,3rem);
  top:50%;
  display:flex;
  align-items:center;
  gap:clamp(.75rem,1.6vw,1.25rem);
  box-sizing:border-box;
  min-height:clamp(5rem,9vw,7.25rem);
  padding:clamp(.625rem,1vw,.875rem) clamp(1rem,2vw,1.5rem) clamp(.625rem,1vw,.875rem) clamp(.625rem,1vw,.875rem);
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 .75rem 2.25rem rgba(3,17,12,.16);
  color:#142929;
  transform:translateY(-50%);
  backdrop-filter:blur(10px);
}
body.what-is-escrow main #mechanism .mechanism-protection-card__icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:clamp(3.5rem,5.4vw,4.75rem);
  height:clamp(3.5rem,5.4vw,4.75rem);
  border-radius:50%;
  background:linear-gradient(135deg,#00d16a,#14df86);
  color:#142929;
}
body.what-is-escrow main #mechanism .mechanism-protection-card__icon svg{
  width:52%;
  height:52%;
}
body.what-is-escrow main #mechanism .mechanism-protection-card__copy{
  display:grid;
  min-width:0;
  gap:.2rem;
}
body.what-is-escrow main #mechanism .mechanism-protection-card__copy strong{
  color:#142929;
  font-size:clamp(1.125rem,1.75vw,1.5rem);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.12;
}
body.what-is-escrow main #mechanism .mechanism-protection-card__copy > span{
  color:#3c5450;
  font-size:clamp(.875rem,1.3vw,1.08rem);
  line-height:1.32;
}
@media (max-width:600px){
  body.what-is-escrow main #mechanism .mechanism-protection-card{
    inset-inline:1rem;
    gap:.75rem;
    min-height:unset;
    padding:.75rem .875rem;
    border-radius:1.35rem;
  }
  body.what-is-escrow main #mechanism .mechanism-protection-card__icon{
    width:3.25rem;
    height:3.25rem;
  }
}
/* END: mechanism-protection-overlay-v160 */
/* START: mechanism-protection-icon-and-seal-tone-v161 */
/* Size the image-overlay icon backdrop to the two-line text block instead of the card itself. */
body.what-is-escrow main #mechanism .mechanism-protection-card__icon{
  width:auto;
  height:clamp(2.9rem,3.8vw,3.45rem);
  aspect-ratio:1 / 1;
  box-sizing:border-box;
  padding:clamp(.55rem,.85vw,.7rem);
}
body.what-is-escrow main #mechanism .mechanism-protection-card__icon svg{
  width:100%;
  height:100%;
}
/* Retain the green seal core while using the established deep ink for its shield and check. */
body.what-is-escrow main #rights .protection-compare__seal{
  color:#142929!important;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:first-child{
  fill:transparent!important;
  stroke:#142929!important;
}
body.what-is-escrow main #rights .protection-compare__seal svg path:last-child{
  stroke:#142929!important;
}
/* END: mechanism-protection-icon-and-seal-tone-v161 */
/* START: mechanism-protection-card-intrinsic-width-v162 */
/* Let the image-overlay assurance card follow its own content while retaining image-edge clearance. */
body.what-is-escrow main #mechanism .mechanism-protection-card{
  inset-inline:auto;
  inset-inline-start:clamp(1rem,4vw,3rem);
  width:fit-content;
  max-width:calc(100% - clamp(2rem,8vw,6rem));
}
/* END: mechanism-protection-card-intrinsic-width-v162 */
/* START: mechanism-protection-card-spacing-v163 */
body.what-is-escrow main #mechanism .mechanism-protection-card{
  min-height:clamp(5rem, 9vw, 6rem);
  padding:clamp(.625rem, 1vw, .875rem) clamp(1rem, 2vw, 1.5rem) clamp(.625rem, 1vw, .875rem) clamp(1.5rem, 1vw, .875rem);
}
/* END: mechanism-protection-card-spacing-v163 */
/* START: mechanism-protection-card-type-cap-v164 */
/* Preserve the small-screen floor while trimming only the largest card type scale. */
body.what-is-escrow main #mechanism .mechanism-protection-card__copy strong{
  font-size:clamp(1.125rem,1.75vw,1.4rem);
}
body.what-is-escrow main #mechanism .mechanism-protection-card__copy > span{
  font-size:clamp(.875rem,1.3vw,1rem);
}
/* END: mechanism-protection-card-type-cap-v164 *//* START: what-is-escrow-banner-homepage-height-policy-v165 */
/* Match the homepage banner: one viewport high on desktop and content-sized on narrow screens. */
@media (min-width:981px){
  body.what-is-escrow main > .page-head{
    height:100vh!important;
    height:100svh!important;
    min-height:0!important;
    max-height:100svh!important;
    padding-block:clamp(24px,4vh,40px)!important;
  }
}
@media (max-width:980px){
  body.what-is-escrow main > .page-head{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}
/* END: what-is-escrow-banner-homepage-height-policy-v165 */

/* START: rights-panel-header-gradient-v1 */
body.what-is-escrow main #rights .protection-panel--buyer .protection-panel__header{
  background:linear-gradient(118deg,#13d978 0%,#00D16A 52%,#00bd61 100%);
}
body.what-is-escrow main #rights .protection-panel--seller .protection-panel__header{
  background:linear-gradient(118deg,#1c3b34 0%,#142929 52%,#0b1d1b 100%);
}
/* END: rights-panel-header-gradient-v1 */

/* START: rights-panels-hover-v1 */
body.what-is-escrow main #rights .protection-panel{
  transition:transform .24s cubic-bezier(.22,.61,.36,1),border-color .24s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.what-is-escrow main #rights .protection-panel--buyer:hover,
  body.what-is-escrow main #rights .protection-panel--seller:hover{
    transform:translateY(-3px);
    border-color:#00D16A;
  }
}
/* END: rights-panels-hover-v1 */

/* START: what-is-escrow-banner-background-v1 */
body.what-is-escrow main > .page-head{
  background-color:#00D16A!important;
  background-image:url("../images/What Is Escrow/banner_bg-2048.webp")!important;
  background-position:center bottom!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* END: what-is-escrow-banner-background-v1 */
/* START: what-is-escrow-banner-login-cta-v1 */
body.what-is-escrow main > .page-head .btn-row{
  justify-content:center!important;
  margin-top:clamp(1.25rem,2vw,2rem)!important;
}
body.what-is-escrow main > .page-head .btn--contact{
  min-height:48px;
  padding-inline:24px;
  border-radius:10px!important;
  background:#00D16A!important;
  border-color:#00D16A!important;
  color:#142929!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
@media (hover:hover){
  body.what-is-escrow main > .page-head .btn--contact:hover{
    transform:translateY(-1px);
    background:#fff!important;
    border-color:#fff!important;
    color:#142929!important;
    box-shadow:0 .5rem 1.25rem rgba(7,27,20,.08);
  }
}
/* END: what-is-escrow-banner-login-cta-v1 */
/* START: what-is-escrow-banner-left-copy-height-v1 */
body.what-is-escrow main > .page-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box;
  height:calc(100vh - var(--topbar-h,84px))!important;
  height:calc(100svh - var(--topbar-h,84px))!important;
  min-height:min(400px,calc(100svh - var(--topbar-h,84px)))!important;
  max-height:none!important;
  padding-block:clamp(3rem,6vw,5rem)!important;
}
body.what-is-escrow main > .page-head > .container{
  text-align:left!important;
}
body.what-is-escrow main > .page-head :is(h1,.lead){
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  color:#fff!important;
}
body.what-is-escrow main > .page-head h1{max-inline-size:18ch;}
body.what-is-escrow main > .page-head .lead{max-inline-size:68ch;}
body.what-is-escrow main > .page-head .btn-row{justify-content:flex-start!important;}
@media(max-width:980px){
  body.what-is-escrow main > .page-head{
    height:calc(100svh - var(--topbar-h,84px))!important;
    min-height:min(400px,calc(100svh - var(--topbar-h,84px)))!important;
  }
}
/* END: what-is-escrow-banner-left-copy-height-v1 */


/* START: what-is-escrow-banner-copy-entrance-v1 */
@keyframes whatEscrowBannerCopyEnter{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}
body.what-is-escrow main>.page-head>.container{
  animation:whatEscrowBannerCopyEnter .72s cubic-bezier(.2,.7,.25,1) .12s both;
}
@media(prefers-reduced-motion:reduce){
  body.what-is-escrow main>.page-head>.container{animation:none;}
}
/* END: what-is-escrow-banner-copy-entrance-v1 */
/* START: what-is-escrow-banner-assurance-cards-v1 */
body.what-is-escrow main>.page-head{position:relative;isolation:isolate;}
body.what-is-escrow main>.page-head>.container{position:relative;left:clamp(-24px,-1.5vw,-8px);z-index:2;}

body.what-is-escrow main>.page-head .what-banner-assurance{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:auto;
  max-width:none;
  margin:0;
  pointer-events:none;
}
body.what-is-escrow main>.page-head .what-banner-assurance__card{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:.625rem;
  width:max-content;
  max-width:100%;
  min-height:56px;
  padding:8px 16px;
  border:1px solid rgba(0,209,106,.22);
  border-radius:20px;
  background:rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(13px) saturate(128%);
  backdrop-filter:blur(13px) saturate(128%);
  box-shadow:0 12px 32px rgba(1,8,6,.12);
  color:#142929;
}
body.what-is-escrow main>.page-head .what-banner-assurance__card--seller{position:absolute;top:21%;right:clamp(2rem,14vw,17rem);}
body.what-is-escrow main>.page-head .what-banner-assurance__card--buyer{position:absolute;top:60%;left:clamp(52%,60vw,64%);}
body.what-is-escrow main>.page-head .what-banner-assurance__icon{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#00D16A;
  color:#142929;
}
body.what-is-escrow main>.page-head .what-banner-assurance__icon svg{display:block;width:20px;height:20px;}
body.what-is-escrow main>.page-head .what-banner-assurance__label{
  display:block;
  flex:1 1 auto;
  min-width:0;
  align-self:center;
  text-align:left;
  flex:0 1 18ch;
  width:18ch;
  max-width:100%;
  color:#142929;
  font-size:clamp(.8125rem,.95vw,1rem);
  font-weight:700;
  line-height:1.2;
  overflow-wrap:anywhere;
}
html[lang^="en"] body.what-is-escrow main>.page-head .what-banner-assurance__card--seller .what-banner-assurance__label{flex-basis:18ch;width:18ch;}
html[lang^="en"] body.what-is-escrow main>.page-head .what-banner-assurance__card--buyer .what-banner-assurance__label{flex-basis:16ch;width:16ch;}
html[lang^="zh"] body.what-is-escrow main>.page-head .what-banner-assurance__label{flex:0 1 auto;width:auto;max-width:100%;}
@media(max-width:980px){
  body.what-is-escrow main>.page-head .what-banner-assurance{
    position:absolute;
    inset:0;
    display:block;
    width:auto;
    max-width:none;
    margin:0;
    transform:none;
  }
  body.what-is-escrow main>.page-head .what-banner-assurance__card{
    position:absolute;
    width:max-content;
    min-height:52px;
    padding:7px 12px;
    gap:.45rem;
    border-radius:16px;
  }
  body.what-is-escrow main>.page-head .what-banner-assurance__card--seller{top:21%;right:4%;}
  body.what-is-escrow main>.page-head .what-banner-assurance__card--buyer{top:60%;left:52%;}
  body.what-is-escrow main>.page-head .what-banner-assurance__icon{flex-basis:30px;width:30px;height:30px;}
  body.what-is-escrow main>.page-head .what-banner-assurance__icon svg{width:16px;height:16px;}
  body.what-is-escrow main>.page-head .what-banner-assurance__label{flex-basis:20ch;width:20ch;font-size:clamp(.66rem,2vw,.76rem);line-height:1.15;}
  html[lang^="en"] body.what-is-escrow main>.page-head .what-banner-assurance__card--seller .what-banner-assurance__label{flex-basis:20ch;width:20ch;}
  html[lang^="en"] body.what-is-escrow main>.page-head .what-banner-assurance__card--buyer .what-banner-assurance__label{flex-basis:18ch;width:18ch;}
}
@media(max-width:420px){
    body.what-is-escrow main>.page-head .what-banner-assurance{gap:.45rem;}
  body.what-is-escrow main>.page-head .what-banner-assurance__card{width:100%;max-width:260px;justify-self:center;padding:7px 12px;gap:.45rem;}
  body.what-is-escrow main>.page-head .what-banner-assurance__icon{flex-basis:30px;width:30px;height:30px;}
  body.what-is-escrow main>.page-head .what-banner-assurance__label{flex-basis:20ch;width:20ch;font-size:.7rem;}
}
@media(max-width:760px){
  body.what-is-escrow main>.page-head .what-banner-assurance{display:none!important;}
}
/* END: what-is-escrow-banner-assurance-cards-v1 */

/* START: escrow-banner-assurance-left-offset-v1 */
body.what-is-escrow main > .page-head .what-banner-assurance__card--seller,
body.what-is-escrow main > .page-head .what-banner-assurance__card--buyer{
  translate:-80px 0 !important;
}
/* END: escrow-banner-assurance-left-offset-v1 */
/* START: fund-flow-mobile-single-row-v1 */
@media (max-width:760px){
  body.what-is-escrow main .fund-flow__track{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:64px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    row-gap:0!important;
    justify-items:stretch!important;
  }
  body.what-is-escrow main .fund-flow__labels{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    row-gap:0!important;
  }
  body.what-is-escrow main .fund-flow__label{
    min-width:0;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    text-align:center!important;
    padding-inline:4px!important;
  }
  body.what-is-escrow main .fund-flow__txt{overflow-wrap:anywhere;}
}
/* END: fund-flow-mobile-single-row-v1 */

/* START: fund-flow-mobile-connector-v1 */
@media(max-width:760px){
  body.what-is-escrow main .fund-flow__track{
    position:relative!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.what-is-escrow main .fund-flow__track::before{
    position:absolute;
    z-index:0;
    inset-inline:16.6667%;
    inset-block-start:50%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#0A241C 0%,#14543C 55%,#00D16A 100%);
    content:"";
    transform:translateY(-50%);
    pointer-events:none;
  }
  body.what-is-escrow main .fund-flow__node{
    position:relative!important;
    z-index:1!important;
  }
}
/* END: fund-flow-mobile-connector-v1 */

/* When the gallery's three-up card width would fall below about 220px, keep two
   cards visible in the rail. The carousel controls and drag behavior remain unchanged. */
body.what-is-escrow main #suitable .suitable-showcase__viewport{
  container: suitable-gallery / inline-size;
}
@container suitable-gallery (max-width:720px){
  body.what-is-escrow main #suitable .suitable-card{
    flex-basis:calc(50% - .5rem)!important;
  }
}
@media (max-width:640px){
  body.what-is-escrow main #suitable .suitable-card{
    flex-basis:calc(50% - .5rem)!important;
  }
}