/* v39: illustrated, approachable service navigation. Existing brand palette retained. */
.friendly-v39 { --sun39:#f3d777; --cream39:#fff9e6; --ink39:#313b32; --soft39:#faf9f4; background:#fffefa; }
.friendly-v39 .site-header { background:#fffefa; border-bottom:1px solid #ece9de; }
.friendly-v39 .desktop-nav .nav-contact { background:var(--sun39); border:0; border-radius:999px; color:var(--ink39); padding:13px 23px; }
.friendly-v39 .button39,.friendly-v39 .ed-cta { border-radius:999px; border:1px solid #d9b953; background:var(--sun39); color:var(--ink39); box-shadow:0 3px 0 #d9b953; font-weight:600; padding:17px 28px; font-size:1rem; line-height:1.65; text-decoration:none; }
.friendly-v39 .button39:hover,.friendly-v39 .ed-cta:hover { background:#f0cf62; transform:translateY(-1px); }
.friendly-v39 .button39 .icon { width:22px; height:22px; flex:none; }
.hero39 { background:var(--sun39); padding:32px 0 0; overflow:hidden; }
.hero39-stage { position:relative; max-width:1440px; min-height:535px; margin:0 auto; padding:20px 0 28px; display:flex; justify-content:center; align-items:center; }
.hero39-copy { position:relative; z-index:2; text-align:center; width:760px; min-height:475px; padding:49px 24px 45px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.hero39-copy::before { content:''; position:absolute; inset:0 -20px; border-radius:50%; background:#fffefa; z-index:-1; }
.hero39-eyebrow { margin:0 0 21px; font-size:.9375rem; font-weight:500; line-height:1.8; }
.hero39-copy h1 { font-size:clamp(2.5rem,3.65vw,3.375rem); letter-spacing:.025em; line-height:1.55; margin:0; font-weight:700; }
.hero39-copy h1>span { background:linear-gradient(transparent 69%,#f8e6a1 69%); }
.hero39-lead { font-size:1rem; line-height:1.9; margin:22px 0; }
.hero39-copy .button39 { display:inline-flex; gap:26px; align-items:center; justify-content:center; }
.hero39-price-link { font-size:.8125rem; margin-top:17px; text-decoration:none; color:var(--ink39); border-bottom:1px solid #b5b9aa; padding-bottom:3px; }
.hero39-price-link>span { margin-left:10px; }
.hero39-art { position:absolute; width:300px; height:300px; object-fit:contain; z-index:3; bottom:12px; pointer-events:none; }
.hero39-art-left { left:0; transform:rotate(-3deg); }
.hero39-art-right { right:0; transform:rotate(2deg); }
.hero39-points { display:flex; justify-content:center; gap:0; padding:23px 20px 27px; font-size:.9375rem; font-weight:600; }
.hero39-points>span { padding:0 32px; border-right:1px solid #b99d44; }
.hero39-points>span:last-child { border:0; }
.hero39-points>span::before { content:'✓'; margin-right:10px; }
.hero39-mobile { display:none; }
.service39-nav { background:#fffefa; padding:24px 0; border-bottom:1px solid #ebe7d9; scroll-margin-top:96px; }
.service39-nav>.container { display:flex; align-items:center; justify-content:center; gap:40px; }
.service39-nav h2 { font-size:1rem; margin:0; font-weight:600; }
.service39-nav nav { display:flex; gap:34px; }
.service39-nav .text-link { font-size:.9375rem; padding:4px 0; border-bottom:0; }
.service39-nav .icon { transform:rotate(90deg); width:18px; height:18px; }
.friendly-v39 .outsourcing39 { padding:70px 0 65px; background:#fffefa; }
.intro39,.heading39 { text-align:center; }
.eyebrow39 { font-size:.875rem; font-weight:500; color:#6a654f; margin:0 0 14px; }
.eyebrow39::before,.eyebrow39::after { content:''; display:inline-block; width:22px; height:1px; background:#c2a64b; vertical-align:middle; margin:0 13px; }
.intro39 h2 { font-size:clamp(1.75rem,2.6vw,2.25rem); line-height:1.7; margin:0; letter-spacing:.03em; font-weight:600; }
.intro39>p:last-child { font-size:1rem; line-height:1.95; color:#545d50; margin:22px 0 0; }
.scope39 { margin:44px 0 0; scroll-margin-top:110px; }
.scope39>h3 { text-align:center; font-size:1.125rem; margin:0 0 25px; font-weight:600; }
.tasks39 { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; margin:0; gap:0 38px; }
.tasks39>li { text-align:center; padding:25px 15px 27px; border-bottom:1px solid #e4e1d4; }
.task39-icon { display:flex; align-items:center; justify-content:center; margin:0 auto 14px; width:84px; height:84px; border-radius:50%; background:#fff3c8; }
.task39-icon>img { width:57px; height:57px; }
.tasks39 h4 { font-size:1.125rem; font-weight:600; margin:0 0 9px; line-height:1.7; }
.tasks39 p { color:#545d50; font-size:.9375rem; line-height:1.85; margin:0; }
.scope39-foot { margin-top:24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.scope39-foot p { margin:0; font-size:.875rem; color:#545d50; }
.scope39-foot .text-link { flex-shrink:0; }
.benefits39 { padding:44px 36px 40px; margin:64px 0 0; background:var(--cream39); border-radius:28px 4px 28px 4px; }
.heading39 h3 { font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.7; margin:0; font-weight:600; }
.benefits39-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin-top:32px; }
.benefits39-list article { text-align:center; }
.benefits39-list article>img { width:78px; height:78px; object-fit:contain; margin-bottom:13px; }
.benefits39-list h4 { font-size:1.125rem; line-height:1.75; margin:0 0 10px; font-weight:600; }
.benefits39-list p { font-size:.9375rem; line-height:1.9; margin:0; text-align:left; color:#545d50; }
.friendly-v39 .comparison38 { max-width:960px; margin:70px auto 0; padding:0; border:0; }
.comparison38-intro { align-items:center; margin-bottom:30px; }
.comparison38-intro>p { line-height:1.9; font-size:.9375rem; }
.comparison38-list { border:1px solid #ddd8c8; border-radius:16px; overflow:hidden; background:#fffefa; }
.comparison38-row:first-child { border-top:0; }
.comparison38-row { padding-block:23px; }
.comparison38-peanut { background:#f9e8a9; border-bottom:0; border-top-color:#d9bd65; }
.comparison38-peanut dd>strong { color:#313b32; }
.friendly-v39 .ed-price-example { max-width:960px; margin:32px auto 0; padding:28px 0 0; border-top:1px solid #e2dece; gap:42px; grid-template-columns:.65fr 1.35fr; }
.quality39 { margin-top:65px; padding-top:55px; border-top:1px solid #e2dece; scroll-margin-top:110px; }
.process39 { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:35px 0 0; padding:0; }
.process39>li { text-align:center; position:relative; }
.process39-number { display:block; font:500 .875rem/1.5 Arial,sans-serif; color:#817854; }
.process39>li>img { display:block; width:82px; height:82px; margin:12px auto 20px; object-fit:contain; }
.process39>li:not(:last-child)::after { content:'→'; position:absolute; right:-25px; top:63px; color:#b0a474; font-size:1.75rem; font-weight:400; }
.process39 strong { font-size:1rem; font-weight:600; line-height:1.7; }
.process39 p { margin:7px 0 0; color:#545d50; font-size:.8125rem; line-height:1.8; }
.friendly-v39 .ed-assurance { margin:42px 0 0; padding:32px 36px; background:#f6f5ee; border-radius:8px; gap:40px; }
.friendly-v39 .ed-assurance h3 { font-size:1.5rem; }
.friendly-v39 .ed-assurance .ed-body { margin-bottom:17px; }
.friendly-v39 .ed-more { justify-content:center; gap:45px; margin-top:28px; }
.friendly-v39 .ed-consulting,.friendly-v39 .bpo-services { background:#faf7eb; padding-block:64px; }
.friendly-v39 .ed-section-heading,.friendly-v39 .section-masthead { text-align:center; }
.friendly-v39 .ed-section-heading h2 { font-size:2rem; margin-bottom:32px; }
.friendly-v39 .ed-consult-row { gap:45px; }
.friendly-v39 .ed-consult-name>img { width:54px; height:54px; flex-basis:54px; }
.friendly-v39 .experience38 { background:#fffefa; }
.friendly-v39 .experience38-heading h2 { border-left:5px solid var(--sun39); padding-left:20px; }
.friendly-v39 .experience38-list>li::before { color:#9a7d28; }
.friendly-v39 .about38 { background:#f5f4ed; }
.friendly-v39 .home-resources { padding-block:35px; margin:0 auto; }
.friendly-v39 .contact-band { background:#fff3c8; border-top:0; }
.friendly-v39 .contact-grid { text-align:center; }
.friendly-v39 .contact-grid h2 { font-size:clamp(1.75rem,3vw,2.5rem); }
.friendly-v39 .contact-form-area { margin-inline:auto; max-width:860px; }
.friendly-v39 .peanut-field input,.friendly-v39 .peanut-field textarea,.friendly-v39 .peanut-field select { background:#fffefa; border-color:#c9c3aa; border-radius:5px; }
.friendly-v39 .peanut-submit { background:var(--sun39); color:var(--ink39); border:1px solid #c4a64a; border-radius:999px; }
.friendly-v39 .site-footer { background:#fffefa; }
/* Detail pages retain their information, with the same visual language. */
.friendly-v39 .page-hero { background:#fff5d5; }
.friendly-v39 .scope39-detail { margin-top:48px; }
.friendly-v39 .scope39-detail .outsourcing-block-title { display:block; text-align:center; margin-bottom:24px; }
.friendly-v39 .scope39-detail .outsourcing-block-title>p { margin-top:12px; }
.friendly-v39 .outsourcing-task-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.friendly-v39 .outsourcing-task-list>li { grid-template-columns:50px minmax(0,1fr); gap:20px; padding:24px 0; }
.friendly-v39 .outsourcing-task-list>li>div { display:block; }
.friendly-v39 .outsourcing-task-list h4 { font-size:1.0625rem; }
.friendly-v39 .outsourcing-task-list p { margin:9px 0 0; font-size:.9375rem; }
.friendly-v39 .outsourcing-task-list img { width:48px; height:48px; }
.friendly-v39 .outsourcing-task-other { grid-column:1/-1; }
.friendly-v39 .outsourcing-start-flow>li>img { display:block; width:64px; height:64px; margin:0 0 20px; }
.friendly-v39 .outsourcing-faq { max-width:960px; margin-inline:auto; }
@media(min-width:1441px) { .hero39-art-left { left:45px; } .hero39-art-right { right:45px; } }
@media(max-width:1100px) {
 .hero39-copy { width:670px; }
 .hero39-art { width:230px; height:230px; bottom:-5px; }
 .hero39-art-left { left:-20px; } .hero39-art-right { right:-20px; }
 .hero39-copy h1 { font-size:2.65rem; }
 .tasks39 { gap:0 20px; }
 .benefits39 { padding-inline:26px; }
 .benefits39-list { gap:26px; }
 .benefits39-list h4 { font-size:1.0625rem; }
 .friendly-v39 .comparison38-intro { gap:24px; }
}
@media(max-width:800px) {
 .hero39 { padding-top:20px; }
 .hero39-stage { padding-bottom:90px; min-height:540px; }
 .hero39-copy { width:620px; min-height:415px; padding:36px 20px 40px; }
 .hero39-copy h1 { font-size:2.3rem; }
 .hero39-eyebrow { font-size:.8125rem; }
 .hero39-art { width:190px; height:190px; bottom:-15px; }
 .hero39-art-left { left:0; } .hero39-art-right { right:0; }
 .hero39-points { font-size:.8125rem; padding-top:22px; }
 .hero39-points>span { padding-inline:18px; }
 .service39-nav>.container { gap:20px; }
 .service39-nav nav { gap:20px; }
 .service39-nav h2 { display:none; }
 .service39-nav .text-link { font-size:.8125rem; }
 .benefits39-list { gap:20px; }
 .scope39-foot { display:block; text-align:center; }
 .scope39-foot .text-link { margin-top:15px; }
 .process39 { gap:18px; }
 .process39>li:not(:last-child)::after { right:-18px; }
 .process39 strong { font-size:.875rem; }
 .friendly-v39 .ed-assurance { padding:28px; }
}
@media(max-width:600px) {
 .hero39-mobile { display:initial; }
 .hero39 { padding-top:13px; }
 .hero39-stage { min-height:0; padding:0 0 92px; }
 .hero39-copy { width:calc(100% - 28px); min-height:0; padding:34px 12px 36px; }
 .hero39-copy::before { inset:0 -25px; border-radius:46% 46% 48% 48% / 25% 25% 35% 35%; }
 .hero39-eyebrow { font-size:.6875rem; margin-bottom:15px; white-space:nowrap; }
 .hero39-copy h1 { font-size:clamp(1.75rem,7.5vw,2.5rem); line-height:1.5; letter-spacing:.035em; }
 .hero39-lead { font-size:.875rem; margin:19px 0 21px; line-height:1.85; }
 .hero39-copy .button39 { font-size:.875rem; padding:14px 19px; gap:12px; }
 .hero39-price-link { margin-top:16px; font-size:.75rem; }
 .hero39-art { width:155px; height:155px; bottom:-13px; }
 .hero39-art-left { left:-12px; } .hero39-art-right { right:-8px; }
 .hero39-points { padding:20px 10px 23px; font-size:.75rem; text-align:center; }
 .hero39-points>span { padding-inline:10px; }
 .hero39-points>span::before { display:none; }
 .service39-nav { padding:18px 0; }
 .service39-nav nav { display:block; width:100%; }
 .service39-nav .text-link { display:flex; justify-content:space-between; padding:10px 0; font-size:.875rem; }
 .service39-nav .text-link+.text-link { border-top:1px solid #ebe7d9; }
 .friendly-v39 .outsourcing39 { padding-block:44px; }
 .eyebrow39 { font-size:.75rem; margin-bottom:12px; }
 .eyebrow39::before,.eyebrow39::after { width:16px; margin-inline:8px; }
 .intro39 h2 { font-size:clamp(1.25rem,5.2vw,1.65rem); letter-spacing:0; line-height:1.8; }
 .intro39>p:last-child { font-size:.9375rem; margin-top:17px; }
 .scope39 { margin-top:30px; }
 .scope39>h3 { font-size:1rem; margin-bottom:10px; }
 .tasks39 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 15px; }
 .tasks39>li { padding:20px 0; }
 .task39-icon { width:68px; height:68px; margin-bottom:10px; }
 .task39-icon>img { width:45px; height:45px; }
 .tasks39 h4 { font-size:.9375rem; margin-bottom:7px; }
 .tasks39 p { font-size:.8125rem; line-height:1.8; }
 .tasks39 p br { display:none; }
 .scope39-foot { margin-top:20px; }
 .scope39-foot p { font-size:.8125rem; line-height:1.8; }
 .scope39-foot .text-link { font-size:.8125rem; }
 .benefits39 { margin-top:40px; padding:30px 21px; border-radius:22px 4px 22px 4px; }
 .heading39 h3 { font-size:1.375rem; line-height:1.7; }
 .benefits39-list { display:block; margin-top:26px; }
 .benefits39-list article { display:grid; grid-template-columns:56px minmax(0,1fr); gap:6px 15px; text-align:left; }
 .benefits39-list article+article { margin-top:25px; padding-top:25px; border-top:1px solid #e4d8af; }
 .benefits39-list article>img { width:56px; height:56px; margin:0; grid-row:1 / span 2; }
 .benefits39-list h4 { font-size:1rem; margin:0; }
 .benefits39-list p { font-size:.875rem; grid-column:2; }
 .friendly-v39 .comparison38 { margin-top:44px; }
 .comparison38-intro>p { font-size:.875rem; }
 .comparison38-intro>p br { display:initial; }
 .comparison38-list { border-radius:12px; }
 .comparison38-row { padding:18px; }
 .comparison38-peanut { padding:20px 18px; }
 .comparison38-peanut dt>strong { font-size:1.0625rem; }
 .comparison38-mascot { left:13px; }
 .friendly-v39 .ed-price-example { margin-top:26px; padding-top:24px; }
 .friendly-v39 .ed-cta { font-size:.875rem; padding:15px 20px; border-radius:26px; }
 .quality39 { margin-top:45px; padding-top:36px; }
 .process39 { display:block; margin-top:25px; }
 .process39>li { display:grid; grid-template-columns:28px 54px minmax(0,1fr); gap:3px 12px; text-align:left; padding:12px 0 27px; align-items:center; }
 .process39-number { grid-column:1; grid-row:1 / span 2; }
 .process39>li>img { grid-column:2; grid-row:1 / span 2; width:48px; height:48px; margin:0; }
 .process39 strong { grid-column:3; font-size:.9375rem; }
 .process39 p { grid-column:3; margin:0; font-size:.75rem; }
 .process39>li:not(:last-child)::after { content:'↓'; right:auto; left:56px; top:auto; bottom:0; font-size:1.125rem; }
 .friendly-v39 .ed-assurance { margin-top:22px; padding:25px 22px; }
 .friendly-v39 .ed-assurance h3 { font-size:1.25rem; }
 .friendly-v39 .ed-more { margin-top:24px; }
 .friendly-v39 .ed-consulting,.friendly-v39 .bpo-services { padding-block:44px; }
 .friendly-v39 .ed-section-heading h2 { font-size:1.5rem; margin-bottom:24px; }
 .friendly-v39 .ed-consult-name>img { width:42px; height:42px; flex-basis:42px; }
 .friendly-v39 .ed-consult-copy { padding-left:0; }
 .friendly-v39 .experience38-heading h2 { padding-left:15px; }
 .friendly-v39 .scope39-detail { margin-top:32px; }
 .friendly-v39 .outsourcing-task-list { display:block; }
 .friendly-v39 .outsourcing-task-list>li { grid-template-columns:38px minmax(0,1fr); gap:17px; padding:21px 0; }
 .friendly-v39 .outsourcing-task-list img { width:38px; height:38px; }
 .friendly-v39 .outsourcing-task-list h4 { font-size:1rem; }
 .friendly-v39 .outsourcing-task-list p { font-size:.875rem; }
 .friendly-v39 .outsourcing-start-flow>li>img { width:48px; height:48px; margin:0 0 12px; }
}
@media(max-width:359px) {
 .hero39-copy .button39 { font-size:.8125rem; padding-inline:14px; gap:10px; }
 .hero39-points { font-size:.6875rem; }
 .hero39-points>span { padding-inline:8px; }
}
@media(prefers-reduced-motion:reduce) { .friendly-v39 .button39:hover,.friendly-v39 .ed-cta:hover { transform:none; } }

/* v40: keep the heading in deliberate phrase-sized lines across font environments. */
.hero39-copy h1 { width:100%; font-size:clamp(2rem,3.4vw,3rem); letter-spacing:.015em; }
.hero39-copy h1>.hero40-line { display:block; white-space:nowrap; background:none; }
.hero40-highlight { background:linear-gradient(transparent 69%,#f8e6a1 69%); }
.hero40-ending { white-space:nowrap; }
@media(max-width:600px) {
 .hero39-copy h1 { font-size:clamp(1.75rem,7.5vw,2.5rem); line-height:1.5; letter-spacing:.035em; }
 .hero40-ending { display:block; }
}