/* EM CARD provider site v111
   Unified with the WERTYZ user typography and inspired by the clean,
   technical layout of emware.com while retaining the EM CARD palette. */

.provider-site{
  --p-ink:#1b211f;
  --p-ink-soft:#29312e;
  --p-teal:#0aa39d;
  --p-teal-bright:#20c8c1;
  --p-orange:#f37016;
  --p-orange-light:#ff8b32;
  --p-paper:#f5f8f7;
  --p-white:#ffffff;
  --p-muted:#65706c;
  --p-line:#dce6e3;
  --p-soft:#edf5f3;
  --p-shadow:0 18px 48px rgba(12,37,33,.09);
  --p-shadow-hover:0 24px 58px rgba(12,37,33,.14);
  margin:0;
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  font-weight:500;
  color:var(--p-ink);
  background:var(--p-paper)!important;
  line-height:1.62;
}
.provider-site *,
.provider-site button,
.provider-site input,
.provider-site select,
.provider-site textarea{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
}
.provider-site .container{width:min(100% - 44px,1180px);margin-inline:auto}
.provider-site p{font-size:16px;line-height:1.68}
.provider-site h1,
.provider-site h2,
.provider-site h3,
.provider-site h4,
.provider-site h5,
.provider-site h6{
  font-family:"Manrope","Segoe UI",Arial,sans-serif!important;
  color:var(--p-ink);
  font-weight:800;
  text-wrap:balance;
}
.provider-site h1{font-size:clamp(36px,4.6vw,58px)!important;line-height:1.04!important;letter-spacing:-1.9px!important}
.provider-site h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.10!important;letter-spacing:-1.3px!important}
.provider-site h3{font-size:clamp(21px,2vw,25px)!important;line-height:1.18!important;letter-spacing:-.65px!important}
.provider-site h4{font-size:15px!important;line-height:1.35!important;letter-spacing:.02em}
.provider-site .kicker,
.provider-site .provider-topline,
.provider-site .seg-eyebrow,
.provider-site .eyebrow{
  color:var(--p-teal)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:1.6px!important;
  text-transform:uppercase;
}

/* Navigation — clean, light and technical. */
.provider-site .nav{
  position:sticky!important;
  top:0;
  z-index:100;
  color:var(--p-ink)!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--p-line)!important;
  box-shadow:0 8px 28px rgba(10,38,34,.06)!important;
  backdrop-filter:blur(14px);
}
.provider-site .nav .container{min-height:76px!important;gap:22px}
.provider-site .nav .brand-logo{height:39px!important;width:auto!important;display:block}
.provider-site .links{gap:5px!important;color:#46514d!important;font-size:14px}
.provider-site .links>a,
.provider-site .nav-dropbtn{
  color:#46514d!important;
  border-radius:10px!important;
  padding:10px 12px!important;
  font-weight:750!important;
}
.provider-site .links>a:hover,
.provider-site .links>a.active,
.provider-site .nav-dropdown:hover .nav-dropbtn,
.provider-site .nav-dropdown.active .nav-dropbtn,
.provider-site .nav-dropdown:focus-within .nav-dropbtn{
  color:var(--p-teal)!important;
  background:#e9f7f5!important;
}
.provider-site .nav-menu{
  top:calc(100% + 12px)!important;
  min-width:300px;
  color:var(--p-ink)!important;
  background:#fff!important;
  border:1px solid var(--p-line)!important;
  border-radius:16px!important;
  padding:8px!important;
  box-shadow:0 22px 58px rgba(12,37,33,.16)!important;
}
.provider-site .nav-menu a{
  color:#35413d!important;
  border-radius:10px!important;
  padding:12px 13px!important;
  font-weight:750!important;
}
.provider-site .nav-menu a:hover,
.provider-site .nav-menu a.active{background:#edf8f6!important;color:var(--p-teal)!important}
.provider-site .mobile-toggle{color:var(--p-ink)!important;border-color:var(--p-line)!important;background:#fff!important}
.provider-site .mobile-panel{
  color:var(--p-ink)!important;
  background:#fff!important;
  border-color:var(--p-line)!important;
  box-shadow:var(--p-shadow)!important;
}
.provider-site .mobile-panel a{color:#35413d!important}
.provider-site .mobile-panel a:hover{color:var(--p-teal)!important;background:#edf8f6!important}

/* Buttons — slightly squared, matching the EMWARE visual rhythm. */
.provider-site .btn,
.provider-site .btn-o,
.provider-site .btn-t,
.provider-site .btn-d,
.provider-site .btn-p{
  min-height:48px;
  padding:13px 20px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.provider-site .btn:hover{transform:translateY(-2px)!important}
.provider-site .btn-o,
.provider-site .btn-p{
  color:#fff!important;
  background:linear-gradient(135deg,var(--p-orange),var(--p-orange-light))!important;
  box-shadow:0 12px 28px rgba(243,112,22,.22)!important;
}
.provider-site .btn-o:hover,
.provider-site .btn-p:hover{box-shadow:0 16px 34px rgba(243,112,22,.30)!important}
.provider-site .btn-t{color:#fff!important;background:linear-gradient(135deg,var(--p-teal),var(--p-teal-bright))!important}
.provider-site .btn-d{color:#fff!important;background:var(--p-ink)!important}

/* Home hero — dark technical presentation. */
.provider-site .provider-hero{
  min-height:590px!important;
  color:#fff!important;
  background:var(--p-ink)!important;
  border-bottom:4px solid var(--p-teal)!important;
}
.provider-site .provider-hero:before{
  background:
    linear-gradient(90deg,rgba(27,33,31,.99) 0%,rgba(27,33,31,.96) 28%,rgba(27,33,31,.78) 53%,rgba(27,33,31,.22) 82%,rgba(27,33,31,.05) 100%),
    linear-gradient(180deg,rgba(27,33,31,.08),rgba(27,33,31,.78))!important;
}
.provider-site .provider-hero:after{
  content:"";
  position:absolute;
  inset:auto auto -190px -150px;
  width:430px;
  height:430px;
  border:58px solid rgba(32,200,193,.08);
  border-radius:50%;
  pointer-events:none;
}
.provider-site .provider-hero-grid{min-height:510px!important;padding:76px 0 42px!important}
.provider-site .provider-copy{max-width:710px!important}
.provider-site .provider-hero h1,
.provider-site .provider-hero h2,
.provider-site .provider-hero h3{color:#fff!important}
.provider-site .provider-hero p{max-width:700px!important;color:#d1dcda!important;font-size:18px!important;line-height:1.68!important}
.provider-site .provider-actions{gap:12px!important;margin-top:28px!important}
.provider-site .provider-stat{
  min-height:94px;
  padding:18px!important;
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  backdrop-filter:blur(10px);
}
.provider-site .provider-stat b{font-size:30px!important;color:#fff!important}
.provider-site .provider-stat span{color:#cbd8d5!important;font-size:12px!important}

/* Consistent subpage heroes. */
.provider-site .choice-hero,
.provider-site .detail-hero,
.provider-site .operator-hero,
.provider-site .article-hero,
.provider-site .seg-hero,
.provider-site .solution-overview{
  position:relative;
  overflow:hidden;
  color:var(--p-ink)!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(32,200,193,.19),transparent 31%),
    radial-gradient(circle at 3% 94%,rgba(243,112,22,.10),transparent 25%),
    linear-gradient(135deg,#f8fffe 0%,#eef8f6 55%,#ffffff 100%)!important;
  border-bottom:1px solid var(--p-line)!important;
}
.provider-site .choice-hero:after,
.provider-site .detail-hero:after,
.provider-site .operator-hero:after,
.provider-site .article-hero:after,
.provider-site .seg-hero:after,
.provider-site .solution-overview:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  border:52px solid rgba(10,163,157,.07);
  border-radius:50%;
  right:-150px;
  top:-160px;
  pointer-events:none;
}
.provider-site .choice-hero .container,
.provider-site .detail-hero .container,
.provider-site .operator-hero .container,
.provider-site .article-hero .container,
.provider-site .seg-hero .container,
.provider-site .solution-overview .container{position:relative;z-index:2}
.provider-site .choice-hero{padding:58px 0 48px!important}
.provider-site .detail-hero-grid,
.provider-site .article-hero-grid,
.provider-site .seg-hero-grid,
.provider-site .hero-grid{padding-top:58px!important;padding-bottom:48px!important}
.provider-site .choice-hero h1,
.provider-site .detail-hero h1,
.provider-site .operator-hero h1,
.provider-site .article-hero h1,
.provider-site .seg-hero h1,
.provider-site .solution-overview h1{color:var(--p-ink)!important;margin-top:12px!important;margin-bottom:14px!important}
.provider-site .choice-hero p,
.provider-site .detail-hero p,
.provider-site .operator-hero p,
.provider-site .article-hero p,
.provider-site .seg-hero p,
.provider-site .solution-overview p{color:var(--p-muted)!important;font-size:17px!important;line-height:1.68!important}
.provider-site .back-link,
.provider-site .back-link-v102{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:var(--p-teal)!important;
  font-weight:800!important;
  font-size:14px!important;
  margin-bottom:15px!important;
}

/* Section rhythm and headers. */
.provider-site .provider-section,
.provider-site .section,
.provider-site .detail-section,
.provider-site .seg-section,
.provider-site .choice-section{padding:72px 0!important}
.provider-site .provider-section.white,
.provider-site .section.white,
.provider-site .detail-section.white,
.provider-site .seg-section.white{background:#fff!important}
.provider-site .provider-section.soft,
.provider-site .section.soft,
.provider-site .detail-section.soft,
.provider-site .seg-section.soft{background:var(--p-paper)!important}
.provider-site .provider-head,
.provider-site .section-head,
.provider-site .detail-head,
.provider-site .seg-title{
  align-items:end!important;
  gap:30px!important;
  margin-bottom:32px!important;
}
.provider-site .provider-head h2,
.provider-site .section-head h2,
.provider-site .detail-head h2,
.provider-site .seg-title h2{margin:0 0 8px!important}
.provider-site .provider-head p,
.provider-site .section-head p,
.provider-site .detail-head p,
.provider-site .seg-title p{max-width:600px!important;color:var(--p-muted)!important;margin:0!important}

/* Home solution cards — room for fuller descriptions. */
.provider-site .showcase-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.provider-site .showcase-card-link{height:100%;display:block}
.provider-site .showcase-card{
  height:100%!important;
  min-height:440px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  color:var(--p-ink)!important;
  background:#fff!important;
  border:1px solid var(--p-line)!important;
  border-radius:18px!important;
  box-shadow:var(--p-shadow)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.provider-site .showcase-card-link:hover .showcase-card{
  transform:translateY(-5px)!important;
  border-color:#b9dfda!important;
  box-shadow:var(--p-shadow-hover)!important;
}
.provider-site .showcase-card .media{height:215px!important;background:#eaf1ef!important;overflow:hidden}
.provider-site .showcase-card .media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.provider-site .showcase-card-link:hover .media img{transform:scale(1.025)}
.provider-site .showcase-card .body{
  flex:1;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding:25px!important;
}
.provider-site .showcase-card h3{margin:0 0 11px!important;color:var(--p-ink)!important}
.provider-site .showcase-card p{margin:0!important;color:var(--p-muted)!important;font-size:15px!important;line-height:1.66!important}
.provider-site .showcase-card-cta{
  display:inline-flex!important;
  margin-top:auto!important;
  padding-top:20px!important;
  color:var(--p-teal)!important;
  font-size:14px!important;
  font-weight:800!important;
}

/* Generic product / choice / segment cards. */
.provider-site .choice-grid{gap:22px!important}
.provider-site .choice-card,
.provider-site .product-card,
.provider-site .why-card,
.provider-site .benefit,
.provider-site .ref-card,
.provider-site .about-card,
.provider-site .info-panel,
.provider-site .contact-card,
.provider-site .form-card,
.provider-site .article-panel,
.provider-site .ksp-card,
.provider-site .who-card,
.provider-site .deep-card,
.provider-site .proof-card,
.provider-site .map-card,
.provider-site .seg-cta-box{
  background:#fff!important;
  color:var(--p-ink)!important;
  border:1px solid var(--p-line)!important;
  border-radius:18px!important;
  box-shadow:var(--p-shadow)!important;
}
.provider-site .choice-card,
.provider-site .product-card,
.provider-site .why-card,
.provider-site .ref-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.provider-site .choice-card:hover,
.provider-site .product-card:hover,
.provider-site .why-card:hover,
.provider-site .ref-card:hover{
  transform:translateY(-4px)!important;
  border-color:#b9dfda!important;
  box-shadow:var(--p-shadow-hover)!important;
}
.provider-site .choice-card{overflow:hidden!important}
.provider-site .choice-card-media{background:#eaf1ef!important}
.provider-site .choice-card-media img{transition:transform .35s ease}
.provider-site .choice-card:hover .choice-card-media img{transform:scale(1.025)}
.provider-site .choice-card-body,
.provider-site .product-card-body{padding:24px!important}
.provider-site .choice-card h2,
.provider-site .product-card h2,
.provider-site .product-card h3,
.provider-site .why-card h3,
.provider-site .benefit h3,
.provider-site .ref-card h3{color:var(--p-ink)!important}
.provider-site .choice-card p,
.provider-site .product-card p,
.provider-site .why-card p,
.provider-site .benefit p,
.provider-site .ref-card p,
.provider-site .about-card p,
.provider-site .info-panel p{color:var(--p-muted)!important}
.provider-site .choice-arrow,
.provider-site .card-link,
.provider-site .showcase-card-cta{color:var(--p-teal)!important;font-weight:800!important}
.provider-site .product-grid{gap:20px!important}
.provider-site .product-card img,
.provider-site .ref-card img,
.provider-site .seg-media img{border-radius:14px!important}

/* Segments and benefits. */
.provider-site .segment-labels{gap:9px!important}
.provider-site .segment-labels span,
.provider-site .chips span,
.provider-site .solution-tags span{
  color:#35504a!important;
  background:#edf7f5!important;
  border:1px solid #d2e8e4!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:750!important;
}
.provider-site .benefit-row{gap:16px!important}
.provider-site .benefit{padding:22px!important;border-top:3px solid var(--p-teal)!important}
.provider-site .benefit:nth-child(even){border-top-color:var(--p-orange)!important}
.provider-site .benefit-list li,
.provider-site .clean-list li{color:#40504b!important}
.provider-site .benefit-list li:before,
.provider-site .clean-list li:before{color:var(--p-orange)!important}
.provider-site .seg-media,
.provider-site .about-image{border-radius:18px!important;overflow:hidden!important;box-shadow:var(--p-shadow)!important}
.provider-site .seg-cta,
.provider-site .article-strip,
.provider-site .refs-strip{
  color:#fff!important;
  background:linear-gradient(135deg,var(--p-ink),var(--p-ink-soft))!important;
  border-radius:18px!important;
  box-shadow:var(--p-shadow)!important;
}
.provider-site .seg-cta h2,
.provider-site .seg-cta h3,
.provider-site .seg-cta p,
.provider-site .article-strip h2,
.provider-site .article-strip h3,
.provider-site .article-strip p,
.provider-site .refs-strip h2,
.provider-site .refs-strip h3,
.provider-site .refs-strip p{color:#fff!important}
.provider-site .seg-cta p,
.provider-site .article-strip p,
.provider-site .refs-strip p{opacity:.78}

/* Forms. */
.provider-site input,
.provider-site select,
.provider-site textarea{
  width:100%;
  color:var(--p-ink)!important;
  background:#fbfefd!important;
  border:1px solid var(--p-line)!important;
  border-radius:10px!important;
  padding:13px 14px!important;
}
.provider-site input:focus,
.provider-site select:focus,
.provider-site textarea:focus{
  outline:none!important;
  border-color:var(--p-teal)!important;
  box-shadow:0 0 0 4px rgba(10,163,157,.12)!important;
}

/* Footer. */
.provider-site .operator-footer{
  color:#cdd8d5!important;
  background:var(--p-ink)!important;
  border-top:4px solid var(--p-teal)!important;
  padding-top:52px!important;
}
.provider-site .operator-footer h4{color:#fff!important;text-transform:uppercase;letter-spacing:1.2px!important}
.provider-site .operator-footer p,
.provider-site .operator-footer a{color:#c1cdca!important}
.provider-site .operator-footer a:hover{color:var(--p-teal-bright)!important}
.provider-site .operator-footer .brand-logo{height:38px!important;width:auto!important}
.provider-site .social-icon{border-radius:10px!important}
.provider-site .social-icon:hover{background:var(--p-teal)!important;border-color:var(--p-teal)!important;color:#fff!important}

@media(max-width:1050px){
  .provider-site .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .provider-site .provider-hero-bg{left:28%!important}
}
@media(max-width:900px){
  .provider-site .links,.provider-site .nav>.container>.btn{display:none!important}
  .provider-site .mobile-toggle{display:inline-grid!important}
  .provider-site .provider-hero{min-height:auto!important}
  .provider-site .provider-hero-grid{min-height:470px!important;padding:62px 0 38px!important}
  .provider-site .provider-hero-bg{left:0!important;opacity:.30!important}
  .provider-site .provider-hero:before{background:linear-gradient(90deg,rgba(27,33,31,.98),rgba(27,33,31,.91))!important}
  .provider-site .provider-head,
  .provider-site .section-head,
  .provider-site .detail-head,
  .provider-site .seg-title{display:block!important}
  .provider-site .provider-head p,
  .provider-site .section-head p,
  .provider-site .detail-head p,
  .provider-site .seg-title p{margin-top:12px!important}
}
@media(max-width:680px){
  .provider-site .container{width:min(100% - 28px,1180px)}
  .provider-site h1{font-size:36px!important;letter-spacing:-1.2px!important}
  .provider-site h2{font-size:29px!important;letter-spacing:-.9px!important}
  .provider-site h3{font-size:21px!important}
  .provider-site .provider-section,
  .provider-site .section,
  .provider-site .detail-section,
  .provider-site .seg-section,
  .provider-site .choice-section{padding:52px 0!important}
  .provider-site .showcase-grid{grid-template-columns:1fr!important}
  .provider-site .showcase-card{min-height:auto!important}
  .provider-site .showcase-card .media{height:205px!important}
  .provider-site .provider-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .provider-site .choice-hero{padding:44px 0 38px!important}
  .provider-site .btn{width:100%}
}