.commercial-page{margin:0;color:#25312f;background:#fff;font-family:"Avenir Reguler",Avenir,Arial,sans-serif}.commercial-page *{box-sizing:border-box}.commercial-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.commercial-hero{position:relative;display:grid;min-height:540px;overflow:hidden;background:#153f38;color:#fff;place-items:center}.commercial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.commercial-hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,43,38,.94),rgba(21,91,76,.72),rgba(59,206,172,.42));mix-blend-mode:multiply}.commercial-hero__content{position:relative;z-index:1;padding-block:80px}.commercial-hero h1{max-width:820px;margin:8px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.04}.commercial-hero p:not(.commercial-eyebrow){max-width:720px;font-size:19px;line-height:1.65}.commercial-eyebrow{margin:0 0 10px;color:#20cda9;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.commercial-hero .commercial-eyebrow{color:#fff}.commercial-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;padding:11px 28px;border:2px solid #198f78;border-radius:999px;background:#fff;color:#146c5c;font-weight:800;text-decoration:none}.commercial-button:hover,.commercial-button:focus-visible{border-color:#ff6955;background:#ff6955;color:#fff}.commercial-button--light{border-color:#fff;background:transparent;color:#fff}.commercial-breadcrumbs{display:flex;gap:10px;padding-block:22px;color:#53615f;font-size:14px}.commercial-breadcrumbs a{color:#147c68}.commercial-section{padding-block:76px}.commercial-section h2{max-width:760px;margin:0 0 30px;font-size:clamp(32px,4vw,48px);line-height:1.12}.commercial-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.commercial-card{display:flex;min-height:300px;flex-direction:column;padding:28px;border:1px solid #b8dad2;border-radius:24px;background:linear-gradient(145deg,#fff,#effaf7);box-shadow:0 16px 38px rgba(18,76,64,.08)}.commercial-card__icon{display:grid;width:54px;height:54px;margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,#163f38,#3bceac);color:#fff;font-weight:800;place-items:center}.commercial-card h3{margin:0 0 12px;font-size:23px}.commercial-card p{line-height:1.6}.commercial-card a{margin-top:auto;color:#137b67;font-weight:800}.commercial-intro{display:grid;grid-template-columns:1.4fr .8fr;gap:70px;align-items:start}.commercial-intro p{font-size:18px;line-height:1.7}.commercial-intro aside{padding:32px;border-radius:24px;background:linear-gradient(145deg,#153f38,#2eaa90);color:#fff}.commercial-intro aside h3{font-size:25px}.commercial-intro aside li{margin:12px 0}.commercial-section--tint,.commercial-faq{background:#f2f8f6}.commercial-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.commercial-process article{padding:25px;border:1px solid #bee0d8;border-radius:22px;background:#fff}.commercial-process span{color:#ff6955;font-weight:800}.commercial-process h3{font-size:21px}.commercial-process p{line-height:1.55}.commercial-link-grid{display:flex;flex-wrap:wrap;gap:12px}.commercial-link-grid a{padding:12px 19px;border:1px solid #43bca4;border-radius:999px;color:#146c5c;font-weight:800;text-decoration:none}.commercial-link-grid a:hover{background:#198f78;color:#fff}.commercial-faq details{border-bottom:1px solid #a9cbc4;padding:22px 4px}.commercial-faq summary{cursor:pointer;font-size:18px;font-weight:800}.commercial-faq details p{max-width:900px;line-height:1.65}.commercial-cta{background:linear-gradient(110deg,#153f38,#3bceac);color:#fff;text-align:center}.commercial-cta h2{margin-inline:auto}.commercial-cta p{font-size:18px}.commercial-page .site-footer h2{font-size:20px}
@media(max-width:900px){.commercial-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-process{grid-template-columns:repeat(2,1fr)}.commercial-intro{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.commercial-shell{width:min(100% - 28px,1180px)}.commercial-hero{min-height:500px}.commercial-hero__content{padding-block:60px}.commercial-hero h1{font-size:39px}.commercial-hero p:not(.commercial-eyebrow){font-size:17px}.commercial-section{padding-block:54px}.commercial-card-grid,.commercial-process{grid-template-columns:1fr}.commercial-card{min-height:250px}.commercial-breadcrumbs{overflow:auto;white-space:nowrap}}
.commercial-intake{max-width:900px;margin:32px auto 0;color:#25312f;text-align:left}.commercial-intake .simple-hiring-intake{background:#fff}
.commercial-page .commercial-hero h1,.commercial-page .commercial-hero p{color:#fff;font-family:"Avenir Reguler",Avenir,Arial,sans-serif}.commercial-page .commercial-intro aside h3{color:#fff}

/* Match the site's canonical FAQ cards on function pages. */
.commercial-faq--functions details{margin:0;padding:0;border:1px solid #cfe2dd;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,63,56,.06);overflow:hidden}
.commercial-faq--functions details+details{margin-top:14px}
.commercial-faq--functions summary{position:relative;display:flex;min-height:72px;padding:20px 62px 20px 22px;align-items:center;border:0;background:#fff;color:#303536;font-size:17px;font-weight:700;line-height:1.4;list-style:none}
.commercial-faq--functions summary::-webkit-details-marker{display:none}
.commercial-faq--functions summary::after{content:"+";position:absolute;top:50%;right:22px;display:grid;width:30px;height:30px;border:1.5px solid #3bceac;border-radius:50%;color:#17947b;font-size:22px;font-weight:400;line-height:1;place-items:center;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.commercial-faq--functions details[open]>summary::after{content:"−";background:#3bceac;color:#183f38;transform:translateY(-50%) rotate(180deg)}
.commercial-faq--functions details:hover{border-color:#3bceac;box-shadow:0 12px 30px rgba(24,108,91,.1)}
.commercial-faq--functions summary:focus-visible{outline:3px solid rgba(255,105,85,.42);outline-offset:-3px}
.commercial-faq--functions details p{max-width:900px;margin:0;padding:0 22px 22px;color:#5a6562;font-size:15px;line-height:1.7}
@media(max-width:600px){.commercial-faq--functions summary{min-height:64px;padding:17px 54px 17px 17px;font-size:15px}.commercial-faq--functions summary::after{right:15px;width:27px;height:27px}.commercial-faq--functions details p{padding:0 17px 18px}}
@media(prefers-reduced-motion:reduce){.commercial-faq--functions summary::after{transition:none}}

/*
 * Function pages use TalentoHC's primary Avenir face throughout. The legacy
 * global bundle assigns Open Sans to several heading levels with !important,
 * so this route-specific scope must explicitly restore the brand typeface.
 */
.commercial-page--functions main,
.commercial-page--functions main :where(
  h1,h2,h3,h4,h5,h6,p,li,a,button,label,input,select,textarea,
  summary,legend,span,strong,small
){
  font-family:"Avenir Reguler",Avenir,Helvetica,Arial,sans-serif!important;
}

.commercial-page--functions .commercial-faq--functions :where(h2,summary,details p){
  font-family:"Avenir Reguler",Avenir,Helvetica,Arial,sans-serif!important;
}

/* The shared mobile header overlays the top 121px of the page. Reserve that
   space inside function-page heroes so multi-line titles begin below it. */
@media(max-width:1120px){
  .commercial-page--functions .commercial-hero__content{
    padding-top:240px!important;
  }
}