/* Sparkling Pro — inner pages (About, Services, FAQ, Delivery & Returns): banner, cards, footer in the new look */
html body.sp-inner{background:linear-gradient(180deg,#e9f6fd 0,#f6fbfe 100%) fixed!important;color:var(--ink,#14213d)}
/* banner */
.page-hero.sp-hero-inner{width:min(calc(100% - 24px),1240px);margin:26px auto 0;border-radius:34px;position:relative;overflow:hidden;isolation:isolate;color:#fff;padding:clamp(40px,6vw,72px) 0;
  background:radial-gradient(circle at 80% 40%,rgba(56,189,248,.35),transparent 46%),linear-gradient(135deg,#0a2243 0,#0f2c50 40%,#14508f 78%,#1aa6e6 140%);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 0 #081c36,0 28px 50px rgba(8,28,54,.3)}
.page-hero.sp-hero-inner>.container{position:relative;z-index:3;width:min(calc(100% - 64px),1100px)}
.page-hero.sp-hero-inner .hero__shine{display:none}
.page-hero.sp-hero-inner h1{color:#fff;max-width:15ch;text-shadow:0 2px 0 rgba(0,0,0,.22),0 10px 22px rgba(0,0,0,.25)}
.page-hero.sp-hero-inner p.lede{color:#d6ebf8;max-width:54ch}
.page-hero.sp-hero-inner .hero__stat b{color:#fff}.page-hero.sp-hero-inner .hero__stat span{color:#bfe3f7}
.page-hero.sp-hero-inner .btn--outline{color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 4px 0 rgba(0,0,0,.22)!important}
.page-hero.sp-hero-inner .btn--primary{background:linear-gradient(180deg,#6fd3fc 0,#2bb3f0 52%,#0e92d2 100%)!important;border:1px solid #0b7fb8!important;box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 5px 0 #0a6fa0,0 10px 16px rgba(14,146,210,.35)!important}
.page-hero.sp-hero-inner .sp-emblem-w{position:absolute;right:clamp(30px,6vw,90px);top:50%;transform:translateY(-50%);padding:0}
.page-hero.sp-hero-inner .sp-emblem{width:min(250px,30vw)}
html body .eyebrow{color:#0a6a9c!important}
html body .eyebrow--light,html body .page-hero .eyebrow,html body .newsletter .eyebrow,html body .cta-banner .eyebrow{color:#fff!important}
html body .page-hero.sp-hero-inner .eyebrow{color:#7ad8fb!important}
html body .page-hero.sp-hero-inner .eyebrow:before{background:#7ad8fb}
/* services' "navy" block is a LIGHT section on these pages — undo the dark treatment from sp-fx.css */
html body.sp-inner .section--navy{background:linear-gradient(165deg,rgba(230,247,254,.9),rgba(255,255,255,.7))!important;color:var(--ink,#14213d);overflow:visible}
html body.sp-inner .section--navy:before{display:none}
html body.sp-inner .section--navy h2,html body.sp-inner .section--navy h3{-webkit-text-fill-color:#0f2c50!important;color:#0f2c50!important;text-shadow:none}
html body.sp-inner .section--navy p,html body.sp-inner .section--navy .section-head p{color:#5b6b81!important}
html body.sp-inner .section--navy .eyebrow{color:#0a6a9c!important}
html body.sp-inner .section--navy .contact-strip__item p,html body.sp-inner .section--navy .contact-strip__item a{color:#0f2c50!important}
html body.sp-inner .section--navy .btn--primary{background:linear-gradient(180deg,#235a99,#0f2c50 55%,#0a2142)!important;color:#fff!important}
html body.sp-inner .section--navy .btn--outline{color:#0f2c50!important;border-color:#9ec3dc!important;background:#fff!important}
/* headings inside the contrast-fixed gradients stay readable on the dark banner/cta */
html body.sp-inner .cta-banner h2,html body.sp-inner .newsletter h2,html body.sp-inner .site-footer h4,html body.sp-inner .page-hero h1{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;filter:none!important}
/* cards: glossy */
.card,.contact-strip__item,.leader,.process{background:linear-gradient(180deg,#fff,#f4fafe)!important;border:1px solid #d6e6f0!important;box-shadow:0 1px 0 #fff inset,0 5px 0 #d3e5f0,0 14px 24px rgba(15,44,80,.09)!important;position:relative}
.card:hover{transform:translateY(-5px);box-shadow:0 1px 0 #fff inset,0 8px 0 #c3dcec,0 24px 34px rgba(15,44,80,.16)!important}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:42%;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0))}
.card>*{position:relative}
.card__icon,.feature-list li .ic{background:linear-gradient(180deg,#6fd3fc,#0e92d2)!important;color:#fff!important;box-shadow:0 3px 0 #0a6fa0}
.chip{background:linear-gradient(180deg,#fff,#e8f4fb);box-shadow:0 3px 0 #cfe3ef}
.faq-item{background:rgba(255,255,255,.75);border-radius:16px;margin-bottom:10px;border:1px solid #d6e6f0;box-shadow:0 4px 0 #d3e5f0;padding:0 14px}
.faq-list{border-top:none}
.faq-item__icon{background:linear-gradient(180deg,#fff,#e1f1fa)!important;box-shadow:0 2px 0 #bcd3e3}
.faq-item[data-open="true"] .faq-item__icon{background:linear-gradient(180deg,#6fd3fc,#0e92d2)!important}
.split__art{box-shadow:0 1px 0 #fff inset,0 6px 0 #d3e5f0,0 18px 30px rgba(15,44,80,.14)}
/* blue bands: darker so white text passes contrast */
.cta-banner{background:linear-gradient(135deg,#0f2c50 0,#14508f 60%,#1a86c8)!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 0 #081c36,0 22px 36px rgba(8,28,54,.25)}
.cta-banner:after{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background:url(sp-tools-white.png) 0 0/340px 340px repeat;animation:fxdrift2 60s linear infinite}
.cta-banner>*{z-index:1}
.newsletter{background:linear-gradient(135deg,#0b3a68,#0b86c4 120%)!important;position:relative;overflow:hidden}
.newsletter:before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background:url(sp-tools-white.png) 0 0/340px 340px repeat}
.newsletter .container{position:relative}
.newsletter input{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);color:#fff}
/* footer */
.site-footer{background:linear-gradient(180deg,#0f2c50,#081c36)!important;border-radius:34px 34px 0 0;margin-top:30px}
.section{padding:84px 0}
@media (max-width:980px){
  .page-hero.sp-hero-inner .sp-emblem-w{position:relative;right:auto;top:auto;transform:none;padding:36px 0 10px;margin:0 auto}
  .page-hero.sp-hero-inner .sp-emblem{width:min(220px,60vw)}
  .page-hero.sp-hero-inner{border-radius:24px;margin-top:16px}
  .page-hero.sp-hero-inner h1{max-width:none}
  .section{padding:60px 0}
}
@media (max-width:600px){.faq-item{padding:0 8px}.cta-banner{padding:34px 22px}}

/* ---------- banner: white panel behind the writing, animation shows around it ---------- */
html body .page-hero.sp-hero-inner>.container{
  background:linear-gradient(180deg,#fff 0,#f3faff 100%);border-radius:28px;
  padding:34px 38px;width:min(calc(100% - 56px),640px);margin:0 auto 0 clamp(20px,5vw,72px);
  box-shadow:0 1px 0 #fff inset,0 6px 0 #c9dcea,0 22px 40px rgba(4,16,32,.38)}
html body .page-hero.sp-hero-inner h1{color:#0f2c50!important;-webkit-text-fill-color:#0f2c50!important;text-shadow:none!important;max-width:none}
html body .page-hero.sp-hero-inner p.lede{color:#3d5a75!important}
html body .page-hero.sp-hero-inner .eyebrow{color:#0a6a9c!important}
html body .page-hero.sp-hero-inner .eyebrow:before{background:#0a6a9c}
html body .page-hero.sp-hero-inner .hero__stat b{color:#0f2c50!important}
html body .page-hero.sp-hero-inner .hero__stat span{color:#587089!important}
html body .page-hero.sp-hero-inner .btn--outline{color:#0f2c50!important;background:#fff!important;border:2px solid #0f2c50!important;box-shadow:0 3px 0 #c9dcea!important}
@media (max-width:900px){
  html body .page-hero.sp-hero-inner>.container{width:calc(100% - 28px);margin:0 auto;padding:26px 22px}
}