/* Outsourcea Dialer Services Builder */
.osds-page{--osds-bg:#F7F7F6;--osds-card:#fff;--osds-text:#111;--osds-muted:#5E6470;--osds-accent:#00A651;--osds-width:1320px;background:var(--osds-bg);color:var(--osds-text);font-family:inherit;padding:36px 28px 76px}
.osds-page *{box-sizing:border-box}
.osds-wrap{max-width:var(--osds-width);width:100%;margin:0 auto;display:grid;gap:26px}
.osds-section{border-radius:32px;overflow:hidden;border:1px solid rgba(17,17,17,.08);background:var(--osds-card);box-shadow:0 20px 60px rgba(18,32,56,.04)}
.osds-label{display:block;width:100%;padding:24px 30px 22px;border-bottom:1px solid rgba(17,17,17,.08);color:#5f6675;font-size:14px;line-height:1.1;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.osds-hero-grid,.osds-roles-grid,.osds-why-grid{display:grid;grid-template-columns:1fr .95fr;gap:34px;align-items:center;padding:48px 38px 42px}
.osds-hero-grid.is-text-only,.osds-roles-grid.is-text-only,.osds-why-grid.is-text-only{grid-template-columns:1fr}
.osds-copy h1,.osds-section-head h2,.osds-roles h2,.osds-why h2,.osds-cta h2{margin:0 0 18px!important;color:var(--osds-text);font-size:clamp(36px,4.8vw,68px);line-height:1;letter-spacing:-.05em;font-weight:500;max-width:1060px}
.osds-copy p,.osds-why p,.osds-cta p{margin:0 0 24px!important;color:var(--osds-muted);font-size:18px;line-height:1.72;max-width:850px}
.osds-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 18px;border-radius:999px;background:rgba(0,166,81,.14);color:var(--osds-accent);border:1px solid rgba(0,166,81,.08);font-weight:800;font-size:14px;margin-bottom:24px}
.osds-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border-radius:14px;border:1px solid rgba(17,17,17,.14);background:#fff;color:#505866!important;text-decoration:none!important;font-size:17px;font-weight:800;transition:.2s ease}
.osds-button:hover{transform:translateY(-2px);border-color:rgba(0,166,81,.35);color:var(--osds-accent)!important;box-shadow:0 14px 32px rgba(0,0,0,.07)}
.osds-image{border-radius:24px;overflow:hidden;min-height:240px;background:#f3f6f5}
.osds-image img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}
.osds-hero .osds-image img{min-height:300px}
.osds-section-head{padding:46px 38px 18px}
.osds-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 38px 42px}
.osds-list div{display:flex;gap:12px;align-items:center;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid rgba(17,17,17,.08);color:var(--osds-muted);font-size:17px;line-height:1.35;transition:.2s ease}
.osds-list div:hover{transform:translateY(-3px);border-color:rgba(0,166,81,.22);box-shadow:0 12px 32px rgba(0,0,0,.05)}
.osds-list span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(0,166,81,.12);color:var(--osds-accent);font-weight:900;flex:0 0 auto}
.osds-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 38px 42px}
.osds-benefit-grid article{position:relative;overflow:hidden;padding:28px 24px;border:1px solid rgba(17,17,17,.08);border-radius:24px;background:#fff;text-align:center;transition:.22s ease}
.osds-benefit-grid article:after{content:'';position:absolute;right:-48px;bottom:-52px;width:126px;height:126px;border-radius:999px;background:rgba(0,166,81,.07);transition:.22s ease}
.osds-benefit-grid article:hover{transform:translateY(-5px);border-color:rgba(0,166,81,.22);box-shadow:0 18px 42px rgba(0,0,0,.06)}
.osds-benefit-grid article:hover:after{transform:scale(1.2)}
.osds-icon{position:relative;z-index:1;width:48px;height:48px;border-radius:999px;background:rgba(0,166,81,.10);color:var(--osds-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;font-weight:900}
.osds-benefit-grid h3{position:relative;z-index:1;margin:0 0 10px!important;color:var(--osds-text);font-size:20px;letter-spacing:-.03em}
.osds-benefit-grid p{position:relative;z-index:1;margin:0!important;color:var(--osds-muted);font-size:15px;line-height:1.6}
.osds-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 38px 42px}
.osds-steps div{padding:18px 14px;border-radius:18px;background:#fff;border:1px solid rgba(17,17,17,.08);text-align:center;color:var(--osds-muted);transition:.2s ease}
.osds-steps div:hover{transform:translateY(-4px);border-color:rgba(0,166,81,.22)}
.osds-steps strong{display:flex;width:32px;height:32px;margin:0 auto 10px;border-radius:999px;background:rgba(0,166,81,.12);color:var(--osds-accent);align-items:center;justify-content:center}
.osds-steps span{display:block;font-size:14px;font-weight:700;line-height:1.3}
.osds-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.osds-chips span{display:inline-flex;min-height:38px;align-items:center;padding:0 18px;border-radius:999px;background:#fff;border:1px solid rgba(17,17,17,.08);color:var(--osds-muted);font-weight:700;transition:.2s ease}
.osds-chips span:hover{background:rgba(0,166,81,.08);border-color:rgba(0,166,81,.18);color:var(--osds-accent)}
.osds-accordion{padding:0 38px 42px}
.osds-faq-item{border-bottom:1px solid rgba(17,17,17,.09)}
.osds-faq-item button{width:100%;border:0;background:transparent;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;cursor:pointer;color:var(--osds-text)}
.osds-faq-item button span{font-size:18px;font-weight:750;line-height:1.35}
.osds-faq-item button strong{width:34px;height:34px;border-radius:999px;background:#f4f5f5;color:var(--osds-muted);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500;flex:0 0 auto}
.osds-faq-item.is-open button strong{background:rgba(0,166,81,.12);color:var(--osds-accent)}
.osds-answer{padding:0 54px 24px 0;color:var(--osds-muted)}
.osds-answer p{margin:0!important;color:var(--osds-muted);font-size:16px;line-height:1.7}
.osds-cta{padding:38px;text-align:center}
.osds-cta .osds-image{margin-bottom:30px;min-height:220px}
.osds-cta .osds-image img{min-height:220px}
.osds-cta h2,.osds-cta p{margin-left:auto!important;margin-right:auto!important}
.osds-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.osds-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1024px){
  .osds-hero-grid,.osds-roles-grid,.osds-why-grid{grid-template-columns:1fr}
  .osds-list,.osds-benefit-grid{grid-template-columns:1fr}
  .osds-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .osds-page{padding:26px 16px 48px}
  .osds-wrap{gap:20px}
  .osds-section{border-radius:24px}
  .osds-label{padding:18px;font-size:12px}
  .osds-hero-grid,.osds-roles-grid,.osds-why-grid{padding:30px 18px 28px;gap:22px}
  .osds-copy h1,.osds-section-head h2,.osds-roles h2,.osds-why h2,.osds-cta h2{font-size:clamp(30px,10vw,46px);line-height:1.03}
  .osds-copy p,.osds-why p,.osds-cta p{font-size:16px}
  .osds-section-head{padding:30px 18px 14px}
  .osds-list,.osds-benefit-grid,.osds-steps,.osds-accordion{padding-left:18px;padding-right:18px;padding-bottom:28px}
  .osds-steps{grid-template-columns:1fr}
  .osds-cta{padding:28px 18px}
  .osds-button{width:100%;max-width:280px}
}