
/* Clean service-page redesign. Scoped to .service-detail so the rest of the site is untouched. */
.service-detail{background:#fff;color:#10264a}
.service-detail .container{width:min(1400px,92vw)}
.service-clean-hero{padding:58px 0 48px;background:#fff}
.service-clean-hero-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(540px,1.24fr);gap:64px;align-items:center}
.service-clean-copy{padding:34px 0 34px 18px;max-width:630px}
.service-clean-eyebrow{color:#1686c5;font-size:.83rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}
.service-clean-copy h1{font-size:clamp(3.5rem,5.4vw,6.3rem);line-height:.93;letter-spacing:-.045em;margin:0;color:#0d2a55;font-weight:850}
.service-clean-rule{width:72px;height:5px;background:#ffc400;border-radius:99px;margin:28px 0 22px}
.service-clean-copy h2{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.16;margin:0 0 20px;color:#16315e;font-weight:800;max-width:540px}
.service-clean-copy p{margin:0;color:#536176;font-size:1.08rem;line-height:1.72;max-width:590px}
.service-clean-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.service-primary-btn{background:#ffc400!important;border-color:#ffc400!important;color:#10264a!important;border-radius:9px!important;box-shadow:0 9px 20px rgba(255,196,0,.20);min-width:174px}
.service-primary-btn:hover{background:#f2b900!important;border-color:#f2b900!important;color:#10264a!important}
.service-secondary-btn{background:#fff!important;border:2px solid #16315e!important;color:#16315e!important;border-radius:9px!important;min-width:150px}
.service-secondary-btn:hover{background:#f5f9fd!important;color:#16315e!important}
.service-clean-image-wrap{min-height:525px;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px rgba(13,42,85,.12)}
.service-clean-image-wrap img{width:100%;height:100%;min-height:525px;object-fit:cover;object-position:center}
.service-clean-section{padding:54px 0}
.service-clean-what{background:#f8fafc;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.service-clean-heading{text-align:center;margin-bottom:30px}
.service-clean-heading h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.05;margin:0;color:#102d58;font-weight:850;letter-spacing:-.025em}
.service-clean-heading span{display:block;width:52px;height:4px;border-radius:99px;background:#ffc400;margin:13px auto 0}
.service-clean-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.service-clean-card{background:#fff;border:1px solid #e6ebf1;border-radius:15px;min-height:168px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 22px rgba(16,38,74,.055)}
.service-card-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;color:#163b74}
.service-card-icon svg,.service-why-icon svg,.service-cta-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.service-clean-card h3{margin:0;font-size:1.07rem;color:#102d58;font-weight:800}
.service-clean-why{background:#fff;padding-top:58px;padding-bottom:66px}
.service-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1220px;margin:0 auto}
.service-why-item{text-align:center;padding:10px 30px 4px;position:relative}
.service-why-item+.service-why-item{border-left:1px solid #dfe5eb}
.service-why-icon{width:58px;height:58px;display:flex;margin:0 auto 14px;color:#153d7a}
.service-why-item h3{font-size:1.13rem;line-height:1.2;margin:0 0 11px;color:#102d58;font-weight:850}
.service-why-item p{font-size:.94rem;line-height:1.55;color:#647083;margin:0 auto;max-width:230px}
.service-clean-cta{padding:0 0 58px;background:#fff}
.service-clean-cta-inner{background:linear-gradient(110deg,#0c2c58,#0a376c);border-radius:18px;min-height:132px;padding:25px 34px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;box-shadow:0 14px 34px rgba(13,42,85,.14);color:#fff}
.service-cta-icon{width:64px;height:64px;color:#fff;opacity:.94}
.service-clean-cta h2{font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.1;margin:0 0 7px;color:#fff;font-weight:850}
.service-clean-cta p{margin:0;color:#dce8f7;font-size:1.02rem}
@media(max-width:1150px){
  .service-clean-hero-grid{grid-template-columns:1fr 1.1fr;gap:42px}
  .service-clean-copy{padding-left:0}
  .service-clean-image-wrap,.service-clean-image-wrap img{min-height:450px}
  .service-clean-card-grid{grid-template-columns:repeat(3,1fr)}
  .service-clean-card-grid .service-clean-card:nth-child(4){grid-column:1/2}
  .service-why-item{padding-inline:18px}
}
@media(max-width:850px){
  .service-clean-hero{padding:34px 0 35px}
  .service-clean-hero-grid{grid-template-columns:1fr;gap:30px}
  .service-clean-copy{max-width:none;padding:20px 0 0}
  .service-clean-copy h1{font-size:clamp(3.4rem,12vw,5.2rem)}
  .service-clean-image-wrap,.service-clean-image-wrap img{min-height:390px}
  .service-clean-card-grid{grid-template-columns:repeat(2,1fr)}
  .service-clean-card-grid .service-clean-card:nth-child(4){grid-column:auto}
  .service-clean-card-grid .service-clean-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px);width:100%;justify-self:center}
  .service-why-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .service-why-item:nth-child(3){border-left:0}
  .service-clean-cta-inner{grid-template-columns:auto 1fr}.service-clean-cta-inner .service-primary-btn{grid-column:1/-1;justify-self:stretch}
}
@media(max-width:560px){
  .service-clean-hero{padding-top:22px}
  .service-detail .container{width:min(100% - 32px,1400px)}
  .service-clean-copy h1{font-size:3.35rem}
  .service-clean-copy h2{font-size:1.35rem}
  .service-clean-copy p{font-size:1rem}
  .service-clean-actions{display:grid;grid-template-columns:1fr}.service-clean-actions .btn{width:100%}
  .service-clean-image-wrap,.service-clean-image-wrap img{min-height:300px;border-radius:14px}
  .service-clean-section{padding:43px 0}
  .service-clean-card-grid{grid-template-columns:1fr 1fr;gap:12px}
  .service-clean-card{min-height:145px;padding:20px 10px}
  .service-card-icon{width:52px;height:52px}
  .service-clean-card-grid .service-clean-card:last-child{max-width:none;grid-column:1/-1}
  .service-why-grid{grid-template-columns:1fr;gap:0}
  .service-why-item{padding:26px 6px}
  .service-why-item+.service-why-item{border-left:0;border-top:1px solid #e1e6eb}
  .service-why-item p{max-width:320px}
  .service-clean-cta{padding-bottom:34px}
  .service-clean-cta-inner{grid-template-columns:1fr;text-align:center;padding:28px 22px;border-radius:14px;gap:14px}
  .service-cta-icon{margin:0 auto;width:54px;height:54px}
  .service-clean-cta-inner .service-primary-btn{grid-column:auto;width:100%}
}


/* ==========================================================
   SUNSHINE LOGO COLOR THEME — SERVICE PAGE COLOR OVERRIDES
   Colors only. No sizing, layout, content or image changes.
   ========================================================== */
.service-clean-copy h1,
.service-clean-copy h2,
.service-clean-heading h2,
.service-clean-card h3,
.service-why-item h3{
  color:#173E69 !important;
}

.service-clean-heading span,
.service-clean-copy h1:after{
  background:linear-gradient(90deg,#E9C861 0%,#55BFE3 50%,#2C6739 100%) !important;
}

.service-card-icon{
  color:#33749A !important;
}

.service-why-icon{
  color:#2C6739 !important;
}

.service-clean-what{
  background:linear-gradient(180deg,#F8FCFE 0%,#F3FAFD 100%) !important;
}

.service-clean-card{
  border-color:rgba(51,116,154,.18) !important;
  box-shadow:0 8px 22px rgba(51,116,154,.065) !important;
}

.service-clean-cta-inner{
  background:linear-gradient(110deg,#173E69 0%,#33749A 50%,#2C6739 100%) !important;
  box-shadow:0 14px 34px rgba(51,116,154,.16) !important;
}

.service-clean-cta p{
  color:#E7F5FA !important;
}

.service-primary-btn{
  background:linear-gradient(135deg,#E9C861 0%,#F2D77E 100%) !important;
  color:#173E69 !important;
}

.service-secondary-btn{
  border-color:#33749A !important;
  color:#173E69 !important;
}
