/* Workforce image ticker comparison section and final mobile refinements. */
.workforce-v2{
  overflow:hidden;
  padding:88px 0;
  background:#f8f8f8;
  color:#111;
}
.workforce-v2-header{
  width:calc(100% - 32px);
  max-width:1000px;
  margin:0 auto 38px;
  text-align:center;
}
.workforce-v2 .section-label{margin:0 0 14px}
.workforce-v2 h2{
  margin:0;
  font-family:"Instrument Serif",Georgia,serif;
  font-size:clamp(42px,5vw,64px);
  font-weight:400;
  line-height:1;
  letter-spacing:-1.4px;
}
.workforce-v2 .section-intro{
  max-width:620px;
  margin:18px auto 0;
  font-size:16px;
  line-height:1.55;
}
.workforce-v2-rows{display:grid;gap:14px}
.workforce-v2-row{
  width:100%;
  overflow:hidden;
}
.workforce-v2-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:workforce-v2-left 46s linear infinite;
}
.workforce-v2-row:nth-child(2) .workforce-v2-track{
  animation-name:workforce-v2-right;
  animation-duration:52s;
}
.workforce-v2-set{
  display:flex;
  flex:none;
  gap:14px;
  padding-right:14px;
}
.workforce-v2-card{
  position:relative;
  flex:0 0 168px;
  width:168px;
  height:168px;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:14px;
  background:#222;
  box-shadow:none;
}
.workforce-v2-photo{
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-color:#ddd;
}
.workforce-v2-photo::after{
  content:"";
  position:absolute;
  inset:36% 0 0;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));
  pointer-events:none;
}
.workforce-v2-title{
  position:absolute;
  z-index:2;
  left:14px;
  right:14px;
  bottom:13px;
  color:#fff;
  font-size:15px;
  font-weight:750;
  line-height:1.15;
  text-align:left;
  text-shadow:0 1px 3px rgba(0,0,0,.35);
}
.workforce-v2-image-edit,
.workforce-v2-remove{
  position:absolute;
  z-index:5;
  top:9px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:999px;
  background:rgba(17,17,17,.84);
  color:#fff;
  font:700 12px/1 var(--orvon-font,Inter,Arial,sans-serif);
}
.workforce-v2-image-edit{
  left:9px;
  padding:9px 11px;
  cursor:pointer;
}
.workforce-v2-image-edit input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.workforce-v2-remove{
  right:9px;
  width:32px;
  height:32px;
  padding:0;
}
.workforce-v2-edit-actions{
  display:flex;
  justify-content:center;
  width:calc(100% - 32px);
  max-width:1000px;
  margin:24px auto 0;
}
.workforce-v2-add{min-height:44px}
body:has(.owner-toolbar .save-control) .workforce-v2-track{animation-play-state:paused}
@keyframes workforce-v2-left{to{transform:translateX(-50%)}}
@keyframes workforce-v2-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){
  .workforce-v2-track{animation-play-state:paused}
}
@media (max-width:809.98px){
  body.orvon-bootstrap main>section.faq>.faq-inner.row{
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    --bs-gutter-x:0!important;
  }
  body.orvon-bootstrap main>section.faq .faq-heading,
  body.orvon-bootstrap main>section.faq .faq-list{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.orvon-bootstrap main>section.problem .stat-grid.row>article{
    flex:0 0 min(78vw,300px)!important;
    width:min(78vw,300px)!important;
    max-width:300px!important;
  }
  body.orvon-bootstrap main>section.provider .provider-partner-card{
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.orvon-bootstrap main>section.provider .provider-partner-card h1,
  body.orvon-bootstrap main>section.provider .provider-partner-card p{
    width:100%!important;
    text-align:left!important;
  }
  .workforce-v2{padding:52px 0!important}
  .workforce-v2-header{
    margin-bottom:28px;
    text-align:left;
  }
  .workforce-v2 h2{
    font-size:42px;
    letter-spacing:-1px;
  }
  .workforce-v2 .section-intro{margin-top:14px}
  .workforce-v2-rows{gap:12px}
  .workforce-v2-set{gap:12px;padding-right:12px}
  .workforce-v2-card{
    flex-basis:136px;
    width:136px;
    height:136px;
    border-radius:12px;
  }
  .workforce-v2-title{
    left:12px;
    right:12px;
    bottom:11px;
    font-size:14px;
  }
  .workforce-v2-edit-actions{justify-content:stretch}
  .workforce-v2-add{width:100%}
}


/* Bootstrap responsive behavior with a stable Orvon comparison column. */
body.orvon-bootstrap #difference .comparison-responsive.table-responsive{
  width:100%;
  max-width:1050px;
  margin:34px auto 0;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid #dedede;
  border-radius:15px;
  background:#fff;
  box-shadow:0 10px 30px rgba(17,17,17,.06);
  -webkit-overflow-scrolling:touch;
}
body.orvon-bootstrap #difference .comparison-responsive>.comparison{
  width:100%!important;
  min-width:720px!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
}
body.orvon-bootstrap #difference .comparison-head.row,
body.orvon-bootstrap #difference .comparison-row.row{
  display:grid!important;
  grid-template-columns:minmax(300px,2fr) minmax(190px,1fr) minmax(190px,1fr)!important;
  width:100%!important;
  min-width:0!important;
  min-height:66px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
body.orvon-bootstrap #difference .comparison-head.row>*,
body.orvon-bootstrap #difference .comparison-row.row>*{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:15px 20px!important;
  border:0!important;
  transform:none!important;
}
body.orvon-bootstrap #difference .comparison-head.row>span,
body.orvon-bootstrap #difference .comparison-row.row>span{
  justify-content:flex-start!important;
  text-align:left!important;
}
body.orvon-bootstrap #difference .comparison-head{
  background:#f1f2f1!important;
  border-bottom:1px solid #d8d8d8!important;
}
body.orvon-bootstrap #difference .comparison-head>*{
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.03em!important;
}
body.orvon-bootstrap #difference .comparison-row{
  background:#fff!important;
  border-bottom:1px solid #e5e5e5!important;
}
body.orvon-bootstrap #difference .comparison-row:last-child{border-bottom:0!important}
body.orvon-bootstrap #difference .comparison-row:nth-child(odd){background:#fafafa!important}
body.orvon-bootstrap #difference .orvon-table-head,
body.orvon-bootstrap #difference .orvon-result{
  position:relative!important;
  inset:auto!important;
  background:#1b1f1d!important;
  color:#fff!important;
}
body.orvon-bootstrap #difference .orvon-table-head{
  flex-direction:column!important;
  gap:6px!important;
}
body.orvon-bootstrap #difference .orvon-table-head img{
  display:block!important;
  width:92px!important;
  max-width:92px!important;
  height:auto!important;
}
body.orvon-bootstrap #difference .orvon-table-head small{
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-align:center!important;
}
body.orvon-bootstrap #difference .comparison-row svg{
  width:22px!important;
  height:22px!important;
  flex:none!important;
}
body.orvon-bootstrap #difference .traditional-result{
  background:transparent!important;
  color:#555!important;
  font-size:14px!important;
}
@media (max-width:809.98px){
  body.orvon-bootstrap #difference .comparison-responsive.table-responsive{
    width:100%!important;
    margin-top:24px!important;
    border-radius:13px!important;
  }
  body.orvon-bootstrap #difference .comparison-responsive>.comparison{min-width:650px!important}
  body.orvon-bootstrap #difference .comparison-head.row,
  body.orvon-bootstrap #difference .comparison-row.row{
    grid-template-columns:270px 190px 190px!important;
    min-height:62px!important;
  }
  body.orvon-bootstrap #difference .comparison-head.row>*,
  body.orvon-bootstrap #difference .comparison-row.row>*{padding:14px 16px!important}
  body.orvon-bootstrap #difference .comparison-scroll-hint{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:18px 0 0!important;
    font-size:14px!important;
  }
}


body.orvon-bootstrap #difference .orvon-result svg{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}


/* 2026-09-11 homepage mobile typography and spacing consistency. */
body.orvon-bootstrap main>section.how-v2:not(.homepage-template-section){display:none!important}
@media (max-width:809.98px){
  body.orvon-bootstrap main>section.problem .stat-grid.row>article{
    flex:0 0 calc(75vw - 35px)!important;
    width:calc(75vw - 35px)!important;
    max-width:290px!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section>.container{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid{gap:20px!important}
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media>img{
    margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;
  }
  body.orvon-bootstrap main>section.problem>.container>.section-label,
  body.orvon-bootstrap main>section.problem>.container>h1,
  body.orvon-bootstrap main>section.problem>.container>h2,
  body.orvon-bootstrap main>section.who>.section-label,
  body.orvon-bootstrap main>section.who>h1,
  body.orvon-bootstrap main>section.who>h2,
  body.orvon-bootstrap main>section.who>.section-intro,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section>.container>.section-label,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section>.container>h1,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section>.container>h2,
  body.orvon-bootstrap main>section.difference>.section-label,
  body.orvon-bootstrap main>section.difference>h1,
  body.orvon-bootstrap main>section.difference>h2,
  body.orvon-bootstrap main>section.difference>.section-intro,
  body.orvon-bootstrap main>section.faq .faq-heading,
  body.orvon-bootstrap main>section.faq .faq-heading h1,
  body.orvon-bootstrap main>section.faq .faq-heading h2,
  body.orvon-bootstrap main>section.provider .provider-section-shell>.section-label,
  body.orvon-bootstrap main>section.provider .provider-section-title,
  .workforce-v2-header{text-align:center!important}
  body.orvon-bootstrap main>section.problem>.container>.section-label,
  body.orvon-bootstrap main>section.who>.section-label,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section>.container>.section-label,
  body.orvon-bootstrap main>section.difference>.section-label,
  body.orvon-bootstrap main>section.faq .faq-heading>.section-label,
  body.orvon-bootstrap main>section.provider .provider-section-shell>.section-label,
  .workforce-v2-header>.section-label{
    display:table!important;margin-left:auto!important;margin-right:auto!important;
  }
  body.orvon-bootstrap main>section.how-v2 .how-v2-content,
  body.orvon-bootstrap main>section.how-v2 .how-v2-steps,
  body.orvon-bootstrap main>section.how-v2 .how-v2-steps h3,
  body.orvon-bootstrap main>section.how-v2 .how-v2-steps p,
  body.orvon-bootstrap main>section.provider .provider-partner-card,
  body.orvon-bootstrap main>section.provider .provider-partner-card h1,
  body.orvon-bootstrap main>section.provider .provider-partner-card h2,
  body.orvon-bootstrap main>section.provider .provider-partner-card p,
  body.orvon-bootstrap main>section.faq .faq-list,
  body.orvon-bootstrap main>section.faq .faq-list *{text-align:left!important}
}


/* 2026-09-11 compact mobile How It Works, unified checks, and card alignment. */
.workforce-v2-title{
  right:auto!important;
  max-width:calc(100% - 20px)!important;
  bottom:10px!important;
  left:10px!important;
  padding:8px 10px!important;
  border-radius:7px!important;
  background:#111!important;
  color:#fff!important;
  text-shadow:none!important;
  line-height:1.1!important;
}
body.orvon-bootstrap main .benefit-check,
body.orvon-bootstrap main svg.fa-circle-check,
body.orvon-bootstrap main svg.lucide-circle-check{
  width:22px!important;
  height:22px!important;
  color:#f4ad43!important;
  stroke:#f4ad43!important;
  fill:none!important;
  opacity:1!important;
  flex:none!important;
}
body.orvon-bootstrap main svg.fa-circle-check path{
  fill:currentColor!important;
}
body.orvon-bootstrap #difference .orvon-result svg{
  color:#f4ad43!important;
  stroke:#f4ad43!important;
}
body.orvon-bootstrap main>section.provider .provider-partner-card h1,
body.orvon-bootstrap main>section.provider .provider-partner-card h2,
body.orvon-bootstrap main>section.provider .provider-partner-card h3{
  width:100%!important;
  text-align:left!important;
}
@media (max-width:809.98px){
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid{
    gap:16px!important;
    align-items:start!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media.app-card{
    display:block!important;
    align-self:start!important;
    flex:none!important;
    grid-row:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media.app-card::before,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media.app-card::after{
    display:none!important;
    content:none!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media.app-card>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    margin:0!important;
    border-radius:16px!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-media.app-card>small{
    display:block!important;
    position:static!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 16px 14px!important;
    background:#fff!important;
    font-size:13px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-content{
    min-height:0!important;
    padding:0!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-steps{
    gap:0!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-steps>article{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:0!important;
    padding:16px 0!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-step-number,
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-steps>article>span{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-steps h3{
    margin:0 0 5px!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-steps p{
    margin:0!important;
    font-size:15px!important;
    line-height:1.45!important;
  }
  body.orvon-bootstrap main>section.provider .provider-partner-card,
  body.orvon-bootstrap main>section.provider .provider-partner-card h1,
  body.orvon-bootstrap main>section.provider .provider-partner-card h2,
  body.orvon-bootstrap main>section.provider .provider-partner-card h3,
  body.orvon-bootstrap main>section.provider .provider-partner-card p{
    text-align:left!important;
  }
}


/* Absolute mobile cap: the How media card may never stretch to the steps column. */
@media (max-width:809.98px){
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid.row{
    align-items:flex-start!important;
    grid-auto-rows:max-content!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid.row>.how-v2-media.app-card{
    display:grid!important;
    grid-template-rows:auto max-content!important;
    align-content:start!important;
    justify-content:stretch!important;
    flex:none!important;
    height:max-content!important;
    min-height:0!important;
    max-height:calc(62.5vw + 54px)!important;
    overflow:hidden!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid.row>.how-v2-media.app-card>img{
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.orvon-bootstrap main>section.how-v2.homepage-template-section .how-v2-grid.row>.how-v2-media.app-card>small{
    position:static!important;
    inset:auto!important;
    align-self:start!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:54px!important;
    overflow:hidden!important;
  }
}


/* Homepage content integrity and partner-card alignment. */
body.orvon-bootstrap main .benefit-pills>span::before{
  content:none!important;
  display:none!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section:not(.homepage-section-removed){
  display:block!important;
}
body.orvon-bootstrap main>section.provider .provider-partner-card h1,
body.orvon-bootstrap main>section.provider .provider-partner-card h2,
body.orvon-bootstrap main>section.provider .provider-partner-card h3{
  text-align:left!important;
}
@media (min-width:810px){
  body.orvon-bootstrap main>section.provider .provider-partner-card>p{
    min-height:96px!important;
  }
}


/* The active one-image How It Works replaces retired variants and must survive stale hidden-section state. */
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}


/* 2026-09-11 full-bleed How It Works and roomier workforce gallery. */
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container{
  width:calc(100% - 32px)!important;
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.workforce-v2-row{
  width:calc(100% - 32px)!important;
  max-width:1100px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:14px;
}
.workforce-v2-set{
  gap:24px!important;
  padding-right:24px!important;
}
.workforce-v2-card{
  flex:0 0 220px!important;
  width:220px!important;
  height:220px!important;
}
.workforce-v2-title{
  max-width:calc(100% - 20px)!important;
  padding:6px 8px!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
@media(max-width:809.98px){
  .workforce-v2-row{
    width:100%!important;
    max-width:none!important;
    border-radius:0;
  }
  .workforce-v2-set{
    gap:16px!important;
    padding-right:16px!important;
  }
  .workforce-v2-card{
    flex-basis:152px!important;
    width:152px!important;
    height:152px!important;
  }
  .workforce-v2-title{
    font-size:11px!important;
    font-weight:500!important;
    padding:6px 8px!important;
  }
}


/* 2026-09-11 full-width workforce and corrected How It Works focal layout. */
.workforce-v2-row{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}
.workforce-v2-row:hover .workforce-v2-track{
  animation-play-state:paused!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>.section-label,
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>h1,
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>h2{
  text-align:center!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>.section-label{
  display:table!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active .how-v2-media.app-card>img{
  object-fit:cover!important;
  object-position:82% center!important;
}
@media(max-width:809.98px){
  body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active .how-v2-media.app-card>img{
    object-position:82% center!important;
  }
}


/* 2026-09-11 stable centered How heading and alternating homepage section bands. */
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>h1,
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active>.container>h2{
  display:block!important;
  width:100%!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body.orvon-bootstrap main>section.hero{background:#fff!important}
body.orvon-bootstrap main>section.problem{background:#f8f8f8!important}
body.orvon-bootstrap main>section.workforce-v2{background:#fff!important}
body.orvon-bootstrap main>section.who{
  background:#f8f8f8!important;
  box-shadow:0 0 0 100vmax #f8f8f8!important;
  clip-path:inset(0 -100vmax)!important;
}
body.orvon-bootstrap main>section.how-v2.homepage-template-section.how-open-active{background:#fff!important}
body.orvon-bootstrap main>section.difference{
  background:#f8f8f8!important;
  box-shadow:0 0 0 100vmax #f8f8f8!important;
  clip-path:inset(0 -100vmax)!important;
}
body.orvon-bootstrap main>section.why{background:#fff!important}
body.orvon-bootstrap main>section.faq{background:#f8f8f8!important}
body.orvon-bootstrap main>section.provider{background:#fff!important}