/*
Theme Name: SaviorPay Block
Theme URI: https://preview.saviorpay.com/
Author: OpenClaw
Description: Custom block theme scaffold for SaviorPay preview.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: saviorpay-block
*/

:root {
  --sp-color-primary: #00aeef;
  --sp-color-secondary: #3d5aa8;
  --sp-color-navy: #0F172A;
  --sp-color-navy-2: #111C31;
  --sp-color-green: #047857;
  --sp-color-amber: #B45309;
  --sp-color-white: #FFFFFF;
  --sp-color-slate-50: #F8FAFC;
  --sp-color-slate-100: #F1F5F9;
  --sp-color-slate-200: #E2E8F0;
  --sp-color-slate-500: #64748B;
  --sp-color-slate-700: #334155;
  --sp-color-slate-900: #0F172A;
  --sp-radius-card: 16px;
  --sp-radius-ui: 12px;
  --sp-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08);
  --sp-shadow-md: 0 18px 48px rgba(15, 23, 42, 0.12);
}


/* Phase 19 preview trust architecture */
.sp-trust-architecture{max-width:1200px;margin:0 auto;padding:64px 24px 24px;display:grid;gap:32px}
.sp-trust-statement,.sp-merchant-strip,.sp-switch-section,.sp-owners-section{background:#0e1c2f;color:#fff;padding:32px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}
.sp-trust-statement h2,.sp-merchant-strip h2,.sp-switch-section h2,.sp-owners-section h2{margin:0 0 12px;color:#fff}
.sp-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sp-proof-card{background:#13243d;color:#fff;padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.sp-proof-card h3{margin-top:0;color:#fff}
.sp-proof-card blockquote{margin:16px 0 0;padding-left:16px;border-left:4px solid #12b8dd;color:#cfeef5}
.sp-proof-card.primary{border-color:rgba(18,184,221,.4)}
.sp-proof-card.rescue{border-color:rgba(95,208,140,.35)}
.sp-proof-card.reliability{border-color:rgba(255,195,80,.35)}
.sp-proof-card.operations{border-color:rgba(180,150,255,.35)}
.sp-merchant-strip ul,.sp-owners-section ul{margin:12px 0 0 18px}
.sp-switch-section .wp-block-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sp-switch-section .wp-block-column{background:#13243d;padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.06)}
@media (max-width: 900px){.sp-trust-grid,.sp-switch-section .wp-block-columns{grid-template-columns:1fr}}


/* Phase 20 preview polish */
.sp-trust-architecture{max-width:1240px;margin:0 auto;padding:56px 24px 12px;display:grid;gap:28px}
.sp-trust-statement,.sp-merchant-strip,.sp-switch-section,.sp-owners-section{background:linear-gradient(180deg,#10233b 0%,#0d1d31 100%);color:#fff;padding:28px 28px 24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 42px rgba(0,0,0,.18)}
.sp-trust-statement h2,.sp-merchant-strip h2,.sp-switch-section h2,.sp-owners-section h2{margin:0 0 10px;color:#fff;line-height:1.15;font-size:clamp(28px,3.2vw,42px)}
.sp-trust-statement p,.sp-proof-card p,.sp-switch-section p,.sp-owners-section p,.sp-merchant-strip li{color:rgba(255,255,255,.82);line-height:1.7}
.sp-trust-statement{padding:26px 28px 22px;text-align:center}
.sp-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.sp-proof-card{background:#132842;color:#fff;padding:24px 24px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);min-height:100%;display:flex;flex-direction:column;justify-content:space-between}
.sp-proof-card h3{margin:0 0 10px;color:#fff;font-size:1.2rem}
.sp-proof-card strong{color:#fff}
.sp-proof-card blockquote{margin:18px 0 0;padding:0 0 0 16px;border-left:4px solid #12b8dd;color:#d9f6fb;font-size:1rem;line-height:1.65}
.sp-proof-card.primary{border-color:rgba(18,184,221,.45);box-shadow:0 0 0 1px rgba(18,184,221,.12) inset}
.sp-proof-card.rescue{border-color:rgba(95,208,140,.38)}
.sp-proof-card.reliability{border-color:rgba(255,195,80,.35)}
.sp-proof-card.operations{border-color:rgba(180,150,255,.38)}
.sp-merchant-strip ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;list-style:none;margin:18px 0 0;padding:0}
.sp-merchant-strip li{background:#132842;border:1px solid rgba(255,255,255,.06);padding:18px;border-radius:16px;font-weight:600}
.sp-switch-section .wp-block-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.sp-switch-section .wp-block-column{background:#132842;padding:22px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.06)}
.sp-switch-section .wp-block-column h3{margin-top:0;margin-bottom:10px;color:#fff;font-size:1.15rem}
.sp-owners-section ul{margin:16px 0 0 18px}
.sp-owners-section li{margin-bottom:10px}
@media (max-width: 1100px){.sp-merchant-strip ul{grid-template-columns:1fr 1fr}}
@media (max-width: 900px){
  .sp-trust-architecture{padding:40px 18px 6px;gap:20px}
  .sp-trust-grid,.sp-switch-section .wp-block-columns,.sp-merchant-strip ul{grid-template-columns:1fr}
  .sp-trust-statement,.sp-merchant-strip,.sp-switch-section,.sp-owners-section{padding:22px 18px 18px;border-radius:18px}
  .sp-proof-card{padding:20px 18px}
  .sp-proof-card h3{font-size:1.08rem}
  .sp-proof-card blockquote{font-size:.95rem;line-height:1.55}
}


/* Phase 21 premium polish */
.sp-trust-architecture{max-width:1220px;padding:48px 22px 8px;gap:24px}
.sp-trust-statement,.sp-merchant-strip,.sp-switch-section,.sp-owners-section{position:relative;overflow:hidden}
.sp-trust-statement::before,.sp-merchant-strip::before,.sp-switch-section::before,.sp-owners-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(16,195,203,.12),transparent 34%);pointer-events:none}
.sp-trust-statement > *, .sp-merchant-strip > *, .sp-switch-section > *, .sp-owners-section > *{position:relative;z-index:1}
.sp-trust-statement{padding:24px 26px 20px;border-radius:24px}
.sp-trust-statement h2{font-size:clamp(30px,4vw,46px);letter-spacing:-0.03em;margin-bottom:8px}
.sp-trust-statement p{max-width:760px;margin:0 auto;font-size:1rem;color:rgba(255,255,255,.76)}
.sp-trust-grid{gap:16px}
.sp-proof-card{padding:24px 22px 20px;border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.14);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.sp-proof-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.sp-proof-card h3{font-size:1.18rem;line-height:1.2;letter-spacing:-0.02em;margin-bottom:8px}
.sp-proof-card p{font-size:.96rem;line-height:1.62;margin:0}
.sp-proof-card blockquote{margin-top:16px;font-size:1rem;line-height:1.58}
.sp-merchant-strip{padding:24px 24px 20px}
.sp-merchant-strip h2,.sp-switch-section h2,.sp-owners-section h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-0.03em}
.sp-merchant-strip ul{gap:12px 16px;margin-top:16px}
.sp-merchant-strip li{padding:16px 16px 15px;border-radius:18px;font-size:.95rem;line-height:1.45;background:linear-gradient(180deg,#17304d 0%,#132842 100%)}
.sp-switch-section{padding:26px 24px 22px}
.sp-switch-section .wp-block-columns{gap:16px;margin-top:16px}
.sp-switch-section .wp-block-column{padding:20px 18px;border-radius:20px;background:linear-gradient(180deg,#17304d 0%,#132842 100%)}
.sp-switch-section .wp-block-column h3{font-size:1.1rem;letter-spacing:-0.02em;margin-bottom:8px}
.sp-switch-section .wp-block-column p{font-size:.94rem;line-height:1.58}
.sp-owners-section{padding:26px 24px 22px}
.sp-owners-section p{font-size:.98rem;max-width:900px}
.sp-owners-section ul{margin-top:14px}
.sp-owners-section li{font-size:.94rem;line-height:1.58}
@media (max-width: 900px){
  .sp-trust-architecture{padding:34px 14px 0;gap:16px}
  .sp-trust-statement,.sp-merchant-strip,.sp-switch-section,.sp-owners-section{padding:18px 16px 16px;border-radius:18px}
  .sp-trust-statement h2,.sp-merchant-strip h2,.sp-switch-section h2,.sp-owners-section h2{font-size:clamp(24px,7vw,32px);margin-bottom:8px}
  .sp-trust-statement p,.sp-proof-card p,.sp-switch-section .wp-block-column p,.sp-owners-section p,.sp-owners-section li,.sp-merchant-strip li{font-size:.92rem;line-height:1.5}
  .sp-proof-card{padding:18px 16px 16px;border-radius:16px}
  .sp-proof-card h3{font-size:1rem;margin-bottom:6px}
  .sp-proof-card blockquote{margin-top:12px;font-size:.93rem;line-height:1.5;padding-left:12px}
  .sp-merchant-strip li,.sp-switch-section .wp-block-column{padding:15px 14px}
}
/* Phase 25 flagship homepage polish */
.sp-hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 72px;
  background:
    radial-gradient(circle at top left, rgba(16,195,203,.22), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(27,101,189,.20), transparent 28%),
    linear-gradient(180deg, #08111f 0%, #0f172a 42%, #111c31 100%);
}
.sp-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.04), transparent 45%);
  pointer-events:none;
}
.sp-container{max-width:1240px;margin:0 auto;padding:0 24px;}
.sp-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:42px;
  align-items:center;
}
.sp-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  color:rgba(255,255,255,.72);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
}
.sp-kicker::before{
  content:"";
  width:32px;
  height:1px;
  background:rgba(16,195,203,.9);
}
.sp-title{
  margin:0;
  color:var(--sp-color-white);
  letter-spacing:-0.035em;
  line-height:1.05;
}
.sp-title--hero{
  max-width:11ch;
  font-size:clamp(3.2rem,6vw,5.35rem);
  text-wrap:balance;
}
.sp-lead{
  margin:20px 0 0;
  max-width:62ch;
  color:rgba(255,255,255,.76);
  font-size:1.08rem;
  line-height:1.72;
}
.sp-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}
.sp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.sp-btn:hover{transform:translateY(-1px)}
.sp-btn--primary{
  background:linear-gradient(135deg, #17d1da 0%, #3d5aa8 100%);
  color:#fff;
  box-shadow:0 18px 36px rgba(16,195,203,.22);
}
.sp-btn--secondary{
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.sp-flagship{
  position:relative;
  padding:28px 28px 24px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.03) 100%);
  box-shadow:0 20px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
}
.sp-flagship .sp-title{font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.08}
.sp-hero__meta{
  display:grid;
  gap:12px;
  margin-top:22px;
}
.sp-meta-chip{
  display:grid;
  gap:4px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.sp-meta-chip strong{color:#fff;font-size:.95rem}
.sp-meta-chip span{color:rgba(255,255,255,.68);font-size:.88rem;line-height:1.45}

.sp-section{
  padding:78px 0;
  background:#fff;
}
.sp-section--light{
  background:linear-gradient(180deg,#f7f9fd 0%, #ffffff 100%);
}
.sp-section--navy{
  background:linear-gradient(180deg,#0d1730 0%, #08111f 100%);
}
.sp-section--dark-surface{
  background:linear-gradient(180deg,#0d1729 0%, #101c31 100%);
}
.sp-section .sp-kicker{color:rgba(15,23,42,.66)}
.sp-section .sp-kicker::before{background:#3d5aa8}
.sp-section--navy .sp-kicker,
.sp-section--dark-surface .sp-kicker{color:rgba(255,255,255,.66)}
.sp-section--navy .sp-kicker::before,
.sp-section--dark-surface .sp-kicker::before{background:#17d1da}
.sp-section .sp-title{color:#0f172a;font-size:clamp(2.15rem,4vw,3.5rem)}
.sp-section--navy .sp-title,
.sp-section--dark-surface .sp-title{color:#fff}
.sp-section .sp-lead{color:#4b5c72;max-width:68ch}
.sp-section--navy .sp-lead,
.sp-section--dark-surface .sp-lead{color:rgba(255,255,255,.76)}

.sp-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.sp-testimonial-card{
  grid-column:span 4;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px 24px 22px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.sp-testimonial-card--featured{
  grid-column:span 6;
  background:linear-gradient(180deg,#ffffff 0%, #f3fbff 100%);
  border-color:rgba(16,195,203,.28);
  box-shadow:0 24px 52px rgba(16,195,203,.12);
}
.sp-testimonial-grid--four .sp-testimonial-card:nth-child(2),
.sp-testimonial-grid--four .sp-testimonial-card:nth-child(3),
.sp-testimonial-grid--four .sp-testimonial-card:nth-child(4){grid-column:span 3}
.sp-proof-rank{
  display:inline-flex;
  align-self:flex-start;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(27,101,189,.08);
  color:#3d5aa8;
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.sp-testimonial-card blockquote{
  margin:0;
  color:#0f172a;
  font-size:1.22rem;
  line-height:1.45;
  font-weight:700;
  letter-spacing:-0.025em;
}
.sp-testimonial-card p{margin:0;color:#44556c;line-height:1.62}
.sp-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.sp-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:#f1f5fb;
  color:#355070;
  font-size:.82rem;
  font-weight:600;
}

.sp-proof-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
.sp-proof-photo{
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.sp-proof-photo img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.sp-proof-photo figcaption{
  display:grid;
  gap:4px;
  padding:16px 16px 18px;
}
.sp-proof-photo figcaption strong{color:#0f172a}
.sp-proof-photo figcaption span{color:#4b5c72;font-size:.92rem;line-height:1.5}

.sp-switch-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.sp-switch-card{
  padding:22px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,#0f172a 0%, #16243c 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.16);
}
.sp-switch-card h3{
  margin:0 0 10px;
  font-size:1.08rem;
  letter-spacing:-0.02em;
  line-height:1.35;
}
.sp-switch-card p{margin:0;color:rgba(255,255,255,.72);font-size:.94rem;line-height:1.6}

.sp-split{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:28px;
  align-items:start;
}
.sp-proof-panel{
  padding:24px 24px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  box-shadow:0 20px 42px rgba(0,0,0,.16);
}
.sp-proof-panel h3{margin:0 0 12px;color:#fff;font-size:1.2rem}
.sp-list{margin:0;padding-left:18px;color:rgba(255,255,255,.78)}
.sp-list li+li{margin-top:10px}
.sp-operator-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:30px;
}
.sp-operator-card{
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.03) 100%);
  box-shadow:0 22px 48px rgba(0,0,0,.18);
}
.sp-operator-card > div:first-child{padding:24px 24px 0}
.sp-operator-card h3{margin:0 0 12px;color:#fff;font-size:1.35rem;letter-spacing:-0.02em}
.sp-operator-card p{margin:0;color:rgba(255,255,255,.74);line-height:1.65}
.sp-operator-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:22px;
}
.sp-operator-gallery img{
  width:100%;
  height:290px;
  object-fit:cover;
  display:block;
}

.sp-grid{
  display:grid;
  gap:16px;
  margin-top:30px;
}
.sp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-card--route{
  position:relative;
  padding:24px 22px 22px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%, #f7f9fd 100%);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.sp-card--route::after{
  content:"→";
  position:absolute;
  top:18px;
  right:18px;
  color:rgba(27,101,189,.55);
  font-size:1rem;
  font-weight:700;
}
.sp-card--route h3{margin:0 0 10px;color:#0f172a;font-size:1.06rem;letter-spacing:-0.02em}
.sp-card--route p{margin:0;color:#4b5c72;line-height:1.58;font-size:.94rem}

.sp-section--navy .sp-button-row{margin-top:26px}
.sp-section--navy .sp-btn--secondary{background:rgba(255,255,255,.06)}

@media (max-width: 1100px){
  .sp-hero__grid,
  .sp-split,
  .sp-grid--4,
  .sp-switch-grid,
  .sp-proof-strip,
  .sp-operator-grid{grid-template-columns:1fr 1fr}
  .sp-testimonial-card--featured,
  .sp-testimonial-grid--four .sp-testimonial-card,
  .sp-testimonial-card{grid-column:span 6}
}

@media (max-width: 820px){
  .sp-hero{padding:64px 0 48px}
  .sp-container{padding:0 18px}
  .sp-hero__grid,
  .sp-split,
  .sp-grid--4,
  .sp-switch-grid,
  .sp-proof-strip,
  .sp-operator-grid{grid-template-columns:1fr}
  .sp-testimonial-grid{grid-template-columns:1fr;gap:14px}
  .sp-testimonial-card--featured,
  .sp-testimonial-grid--four .sp-testimonial-card,
  .sp-testimonial-card{grid-column:auto}
  .sp-title--hero{max-width:none;font-size:clamp(2.5rem,11vw,3.7rem)}
  .sp-lead{font-size:1rem;line-height:1.62}
  .sp-flagship{padding:22px 20px 18px;border-radius:22px}
  .sp-section{padding:56px 0}
  .sp-testimonial-card{padding:20px 18px}
  .sp-testimonial-card blockquote{font-size:1.06rem;line-height:1.5}
  .sp-proof-photo{border-radius:20px}
  .sp-proof-photo figcaption{padding:14px 14px 16px}
  .sp-switch-card{padding:18px 16px;border-radius:18px}
  .sp-operator-card{border-radius:22px}
  .sp-operator-card > div:first-child{padding:20px 18px 0}
  .sp-operator-gallery img{height:220px}
  .sp-card--route{padding:20px 18px 18px;border-radius:20px}
  .sp-button-row{gap:12px}
  .sp-btn{width:100%}
}

/* Phase 25 premium flagship polish */
body{background:var(--spx-paper,#ffffff);color:var(--spx-ink,#0f172a)}
.sp-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.sp-section{padding:84px 0;position:relative}
.sp-section--light{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)}
.sp-section--dark-surface,.sp-section--navy{color:#fff}
.sp-section--dark-surface{background:linear-gradient(180deg,#0f172a 0%,#111c31 100%)}
.sp-section--navy{background:linear-gradient(180deg,#10233b 0%,#0d1d31 100%)}
.sp-kicker{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#0f6c85}
.sp-section--dark-surface .sp-kicker,.sp-section--navy .sp-kicker,.sp-hero .sp-kicker{color:#7feaf1}
.sp-title{margin:0 0 18px;line-height:1.03;letter-spacing:-.035em;color:#0f172a}
.sp-section--dark-surface .sp-title,.sp-section--navy .sp-title,.sp-hero .sp-title,.sp-flagship .sp-title{color:#fff}
.sp-title--hero{font-size:clamp(3rem,5.4vw,5.6rem);max-width:10.5ch}
.sp-title:not(.sp-title--hero){font-size:clamp(2rem,3.5vw,3.5rem)}
.sp-lead{margin:0;color:#475569;font-size:1.08rem;line-height:1.78;max-width:66ch}
.sp-section--dark-surface .sp-lead,.sp-section--navy .sp-lead,.sp-hero .sp-lead,.sp-flagship__lead{color:rgba(255,255,255,.8)}
.sp-hero{position:relative;padding:92px 0 68px;background:
radial-gradient(circle at top left,rgba(16,195,203,.24),transparent 28%),
radial-gradient(circle at 92% 6%,rgba(27,101,189,.22),transparent 28%),
linear-gradient(180deg,#0f172a 0%,#121f35 100%);overflow:hidden}
.sp-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:140px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.05));pointer-events:none}
.sp-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:34px;align-items:center}
.sp-hero__content{display:grid;gap:26px}
.sp-flagship--premium{background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(127,234,241,.24);border-radius:28px;padding:28px;box-shadow:0 22px 60px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.sp-flagship__lead{margin:0 0 18px;line-height:1.7;font-size:1rem}
.sp-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp-meta-chip{padding:16px 16px 15px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;gap:6px}
.sp-meta-chip strong{color:#fff;font-size:.98rem;letter-spacing:-.02em}
.sp-meta-chip span{color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.45}
.sp-button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease}
.sp-btn:hover{transform:translateY(-1px)}
.sp-btn--primary{background:var(--spx-accent,#0fb8d8);color:var(--spx-ink,#082032);box-shadow:var(--spx-shadow,0 18px 44px rgba(16,195,203,.28))}
.sp-btn--secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}
.sp-button-row--hero .sp-btn--primary,.sp-button-row--cta .sp-btn--primary{padding:0 26px;min-height:58px}
.sp-section-heading{display:grid;gap:14px;margin:0 auto 34px}
.sp-section-heading--tight{max-width:860px}
.sp-testimonial-grid--premium{display:grid;grid-template-columns:1.18fr 1fr 1fr 1fr;gap:18px;margin-bottom:26px}
.sp-testimonial-card{padding:24px 22px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 40px rgba(15,23,42,.08);display:grid;gap:16px;align-content:start}
.sp-testimonial-card--featured{background:linear-gradient(180deg,#ffffff 0%,#f4fcff 100%);border-color:rgba(16,195,203,.35);box-shadow:0 18px 48px rgba(16,195,203,.12)}
.sp-proof-rank{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:#e8fbfc;color:#0b7285;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sp-testimonial-card blockquote{margin:0;font-size:1.08rem;line-height:1.62;letter-spacing:-.01em;color:#0f172a}
.sp-testimonial-card p{margin:0;color:#475569;line-height:1.62}
.sp-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.sp-chip{display:inline-flex;padding:9px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.82rem;font-weight:700}
.sp-proof-strip--premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:10px 0 22px}
.sp-proof-photo{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.sp-proof-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sp-proof-photo figcaption{padding:14px 16px 16px;display:grid;gap:6px}
.sp-proof-photo figcaption strong{font-size:1rem;color:#0f172a}
.sp-proof-photo figcaption span{color:#475569;line-height:1.55;font-size:.93rem}
.sp-switch-grid--premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp-switch-card{padding:22px 20px;border-radius:22px;background:linear-gradient(180deg,#10233b 0%,#132842 100%);color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.16)}
.sp-switch-card h3{margin:0 0 10px;font-size:1.06rem;line-height:1.25;letter-spacing:-.02em;color:#fff}
.sp-switch-card p{margin:0;color:rgba(255,255,255,.78);line-height:1.65;font-size:.95rem}
.sp-section--owners-premium{padding-top:92px;padding-bottom:92px}
.sp-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:26px;align-items:start}
.sp-proof-panel--owners{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(127,234,241,.2);border-radius:24px;padding:24px 24px 20px;box-shadow:0 18px 46px rgba(0,0,0,.24)}
.sp-proof-panel--owners h3,.sp-operator-card h3{margin:0 0 12px;color:#fff;letter-spacing:-.02em}
.sp-list{margin:0;padding-left:20px;display:grid;gap:10px;color:rgba(255,255,255,.82);line-height:1.65}
.sp-operator-grid--premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.sp-operator-card{padding:26px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.035) 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 52px rgba(0,0,0,.24);display:grid;gap:18px}
.sp-operator-card p{margin:0;color:rgba(255,255,255,.78);line-height:1.68}
.sp-operator-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp-operator-gallery img{width:100%;height:260px;object-fit:cover;border-radius:20px;display:block}
.sp-section--routing-premium{background:linear-gradient(180deg,#f7f9fd 0%,#eef8ff 100%)}
.sp-grid--routes-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sp-card--route{padding:24px 22px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%);border:1px solid #dbe7f2;box-shadow:0 14px 34px rgba(15,23,42,.07);position:relative;overflow:hidden}
.sp-card--route::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00aeef,#3d5aa8)}
.sp-card--route h3{margin:0 0 10px;color:#0f172a;font-size:1.08rem;letter-spacing:-.02em}
.sp-card--route p{margin:0;color:#475569;line-height:1.65}
.sp-section--cta-premium{padding:90px 0 96px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sp-section--cta-premium .sp-container{position:relative}
.sp-section--cta-premium .sp-container::before{content:"";position:absolute;inset:-18px 0 auto 0;height:100%;border-radius:28px;background:radial-gradient(circle at top left,rgba(16,195,203,.12),transparent 36%);pointer-events:none}
.sp-section--cta-premium .sp-title,.sp-section--cta-premium .sp-lead{position:relative;z-index:1}
@media (max-width: 1120px){
  .sp-hero__grid,.sp-split,.sp-testimonial-grid--premium,.sp-proof-strip--premium,.sp-switch-grid--premium,.sp-grid--routes-premium,.sp-operator-grid--premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-testimonial-card--featured{grid-column:span 2}
  .sp-hero__meta{grid-template-columns:1fr}
}
@media (max-width: 767px){
  .sp-container{width:min(100% - 28px,1180px)}
  .sp-section{padding:56px 0}
  .sp-hero{padding:72px 0 40px}
  .sp-hero__grid,.sp-split,.sp-testimonial-grid--premium,.sp-proof-strip--premium,.sp-switch-grid--premium,.sp-grid--routes-premium,.sp-operator-grid--premium,.sp-hero__meta{grid-template-columns:1fr}
  .sp-hero__content{gap:20px}
  .sp-title--hero{font-size:clamp(2.4rem,11vw,3.5rem);max-width:11ch}
  .sp-title:not(.sp-title--hero){font-size:clamp(1.75rem,7.6vw,2.5rem)}
  .sp-lead,.sp-proof-photo figcaption span,.sp-card--route p,.sp-switch-card p,.sp-testimonial-card p{font-size:.97rem;line-height:1.62}
  .sp-flagship--premium,.sp-testimonial-card,.sp-switch-card,.sp-card--route,.sp-proof-panel--owners,.sp-operator-card{padding:20px 18px;border-radius:22px}
  .sp-proof-photo{border-radius:18px}
  .sp-proof-photo img{aspect-ratio:4/3}
  .sp-proof-photo figcaption{padding:12px 14px 14px}
  .sp-testimonial-card--featured{grid-column:auto}
  .sp-chip-row{gap:8px}
  .sp-chip{font-size:.78rem;padding:8px 10px}
  .sp-operator-gallery img{height:220px}
  .sp-button-row{gap:12px}
  .sp-btn{width:100%}
  .sp-section-heading{margin-bottom:24px}
}

/* Phase 26 service proof integration */
.sp-service-proof{padding-top:18px}
.sp-service-proof__shell{
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);
  gap:26px;
  align-items:stretch;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%, #f6fbff 100%);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 24px 52px rgba(15,23,42,.08);
}
.sp-service-proof__photo{margin:0;overflow:hidden;border-radius:22px;min-height:100%}
.sp-service-proof__photo img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.sp-service-proof__content{display:flex;flex-direction:column;justify-content:center}
.sp-service-proof .sp-kicker{color:rgba(15,23,42,.62)}
.sp-service-proof .sp-kicker::before{background:#3d5aa8}
.sp-service-proof .sp-title{color:#0f172a;font-size:clamp(1.9rem,3.1vw,3rem);line-height:1.08}
.sp-service-proof__quote{margin:18px 0 0;color:#0f172a;font-size:1.18rem;line-height:1.55;font-weight:700;letter-spacing:-0.02em}
.sp-service-proof__merchant{display:grid;gap:4px;margin:16px 0 0;color:#3f536c}
.sp-service-proof__merchant strong{color:#0f172a}
.sp-service-proof__merchant span{font-size:.95rem;line-height:1.5}
.sp-service-proof__relevance{margin:16px 0 0;color:#4b5c72;line-height:1.68;font-size:1rem;max-width:60ch}
@media (max-width: 820px){
  .sp-service-proof__shell{grid-template-columns:1fr;padding:16px;border-radius:22px;gap:18px}
  .sp-service-proof__photo{border-radius:18px}
  .sp-service-proof__photo img{min-height:240px}
  .sp-service-proof .sp-title{font-size:clamp(1.55rem,8vw,2.2rem)}
  .sp-service-proof__quote{font-size:1.02rem;line-height:1.52}
}

/* Phase 26 reusable service proof module */
.sp-service-proof{margin-top:28px;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:24px;padding:24px;border-radius:24px;background:linear-gradient(180deg,#0f172a 0%,#132842 100%);color:#fff;box-shadow:0 18px 46px rgba(15,23,42,.18);border:1px solid rgba(127,234,241,.14)}
.sp-service-proof__media img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:18px}
.sp-service-proof__content{display:grid;gap:14px;align-content:start}
.sp-service-proof .sp-eyebrow{margin:0;color:#7feaf1;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}
.sp-service-proof h3{margin:0;color:#fff;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.08;letter-spacing:-.025em}
.sp-service-proof blockquote{margin:0;padding-left:18px;border-left:4px solid #00aeef;color:#ecfeff;font-size:1.06rem;line-height:1.7}
.sp-service-proof__merchant{margin:0;color:#fff;font-weight:800;letter-spacing:-.01em}
.sp-service-proof__relevance{margin:0;color:rgba(255,255,255,.78);line-height:1.7}
.sp-service-proof__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:4px}
.sp-service-proof__case{color:#7feaf1;font-weight:700;text-decoration:none}
.sp-service-proof__case:hover{text-decoration:underline}
@media (max-width: 900px){
  .sp-service-proof{grid-template-columns:1fr;padding:18px;border-radius:20px;gap:18px}
  .sp-service-proof__media img{min-height:220px}
  .sp-service-proof h3{font-size:1.4rem}
  .sp-service-proof blockquote{font-size:1rem;line-height:1.6}
  .sp-service-proof__actions{flex-direction:column;align-items:stretch}
  .sp-service-proof__actions .sp-button{width:100%;text-align:center}
}

/* Phase 27 service-page conversion upgrade */
.sp-placeholder-block--content h2:first-child{margin-top:0}
.sp-service-cta-card,.sp-service-support-card{border-radius:24px}
.sp-service-cta-card h3,.sp-service-support-card h3{margin:0 0 12px;letter-spacing:-.02em}
.sp-service-cta-card p,.sp-service-support-card p{margin:0;color:#475569;line-height:1.7}
.sp-service-support-card h3{font-size:1.22rem;line-height:1.35}
.sp-template-grid .sp-content-card .sp-placeholder-block h3{letter-spacing:-.02em}
.sp-template-grid .sp-content-card .sp-placeholder-block p,
.sp-template-grid .sp-content-card .sp-placeholder-block li{font-size:1rem;line-height:1.75}

/* Phase 29 case-study system */
.sp-proof-link{display:grid;gap:16px;color:inherit;text-decoration:none;height:100%}
.sp-proof-inline-link{color:#0f172a;text-decoration:none}
.sp-proof-inline-link:hover,.sp-proof-link:hover .sp-proof-inline-link{text-decoration:underline}
.sp-case-hero{background:linear-gradient(180deg,#0f172a 0%,#132842 100%);color:#fff}
.sp-case-hero h1,.sp-case-hero .sp-lead{color:#fff}
.sp-case-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:24px}
.sp-case-quote-block blockquote{margin:0;padding-left:18px;border-left:4px solid #00aeef;font-size:1.08rem;line-height:1.72;color:#0f172a}
.sp-case-quote-attrib{margin:12px 0 0;font-weight:800;color:#0f172a}
.sp-case-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp-case-photo{margin:0}
.sp-case-photo img{display:block;width:100%;height:260px;object-fit:cover;border-radius:18px}
.sp-case-services-card a,.sp-case-more-card a{text-decoration:none}
.sp-case-services-card a:hover,.sp-case-more-card a:hover{text-decoration:underline}
.sp-archive-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}
.sp-archive-grid--case-studies{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-archive-card--case-study{display:grid;gap:14px}
@media (max-width: 900px){
 .sp-case-grid,.sp-archive-intro-grid,.sp-archive-grid--case-studies,.sp-case-photo-grid{grid-template-columns:1fr}
}

/* Phase 30 case-study archive conversion upgrade */
.sp-case-archive-hero{background:linear-gradient(180deg,#0f172a 0%,#132842 100%);color:#fff}
.sp-case-archive-hero h1,.sp-case-archive-hero .sp-lead{color:#fff}
.sp-case-archive-hero__actions{margin-top:20px}
.sp-archive-grid--featured .sp-archive-card--case-study{padding:24px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%);border:1px solid #dbe7f2;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.sp-archive-intro-grid--proof .sp-card{padding:24px;border-radius:24px}
.sp-case-archive-cta .sp-title,.sp-case-archive-cta .sp-lead{color:#fff}
.sp-grid--routes-premium a.sp-card--route{text-decoration:none}

/* Phase 34 CTA landing pages */
.sp-cta-landing{padding:72px 0;background:linear-gradient(180deg,#f7f9fd 0%,#ffffff 100%)}
.sp-cta-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:28px;align-items:start}
.sp-cta-landing__hero{padding:18px 0;display:grid;gap:18px}
.sp-cta-landing__hero .sp-title--hero{font-size:clamp(2.6rem,5vw,4.7rem);max-width:11ch;color:#0f172a}
.sp-cta-landing__hero .sp-lead{color:#475569;max-width:60ch}
.sp-cta-landing__form-card{padding:28px;border-radius:28px;background:linear-gradient(180deg,#0f172a 0%,#132842 100%);box-shadow:0 20px 56px rgba(15,23,42,.18);border:1px solid rgba(127,234,241,.16)}
.sp-cta-landing__form-card .sp-title,.sp-cta-landing__form-card .sp-lead,.sp-cta-landing__form-card .sp-kicker{color:#fff}
.sp-cta-landing__form-card .sp-kicker{color:#7feaf1}
.sp-cta-form{margin-top:18px}
.sp-cta-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sp-cta-form label{display:grid;gap:8px;color:#e2e8f0;font-weight:700;font-size:.95rem}
.sp-cta-form input,.sp-cta-form textarea,.sp-cta-form select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:14px 15px;font:inherit;box-sizing:border-box}
.sp-cta-form input::placeholder,.sp-cta-form textarea::placeholder{color:rgba(255,255,255,.6)}
.sp-cta-form__full{grid-column:1 / -1}
.sp-cta-form .sp-button-row{margin-top:18px}
.sp-cta-form .sp-button{border:0;cursor:pointer}
.sp-cta-landing .sp-chip{background:#e8fbfc;color:#0b7285}
.sp-site-footer .sp-footer-topline,.sp-site-footer .sp-footer-brandcopy,.sp-site-footer .sp-footer-bottom{color:rgba(255,255,255,.84)}
@media (max-width: 900px){
 .sp-cta-shell,.sp-cta-form__grid{grid-template-columns:1fr}
 .sp-cta-landing{padding:52px 0}
 .sp-cta-landing__form-card{padding:22px;border-radius:22px}
}

/* Header/menu state fix for preview trust asset pages */
.sp-site-header{position:relative;z-index:50;background:#ffffff;border-bottom:1px solid #e5e7eb}
.sp-header-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.sp-brand-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.sp-brand-logo{display:block;height:38px;width:auto}
.sp-nav-wrap{display:flex;align-items:center;gap:24px}
.sp-primary-nav{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.sp-primary-nav a{text-decoration:none;color:#0f172a;font-weight:600}
.sp-header-actions{display:flex;align-items:center;gap:12px}
.sp-mobile-toggle{display:none;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:10px 12px;font-weight:700;color:#0f172a}
.sp-mobile-menu{display:none}
.sp-mobile-menu-inner{padding:16px 0 8px}
.sp-mobile-nav{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sp-mobile-nav a{display:block;padding:14px 0;border-top:1px solid #e5e7eb;text-decoration:none;color:#0f172a;font-weight:600}
.sp-mobile-actions{display:grid;gap:12px;padding:16px 0 6px}

@media (max-width: 900px){
  .sp-header-inner{min-height:76px}
  .sp-nav-wrap{display:none}
  .sp-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  .sp-site-header.is-open .sp-mobile-menu{display:block;width:min(1180px,calc(100% - 32px));margin:0 auto}
}

/* Phase header fix: prevent default-open mobile menu / header overlap */
.sp-site-header{position:relative;z-index:100;background:#fff}
.sp-mobile-menu{display:none !important}
.sp-site-header.is-open .sp-mobile-menu{display:block !important}
@media (max-width: 900px){
  .sp-site-header .sp-mobile-menu{display:none !important}
  .sp-site-header.is-open .sp-mobile-menu{display:block !important;width:min(1180px,calc(100% - 32px));margin:0 auto}
}
main > .sp-section:first-child,
main > .wp-block-group:first-child,
main > section:first-child{position:relative;z-index:1}

/* QA fix pack */
.sp-proof-link{display:block;color:inherit;text-decoration:none;height:100%}
.sp-proof-link:hover{text-decoration:none}
.sp-testimonial-grid--premium{align-items:stretch}
.sp-testimonial-card{overflow:hidden}
.sp-testimonial-card p{display:block}
.sp-testimonial-card blockquote{display:block}
.sp-proof-strip--premium{align-items:start}
.sp-proof-photo{display:flex;flex-direction:column}
.sp-proof-photo figcaption{min-height:88px}
.sp-case-video video{display:block;width:100%;height:auto;border-radius:18px;background:#000;box-shadow:0 14px 34px rgba(15,23,42,.08);margin-bottom:16px}
.sp-site-footer .sp-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sp-site-footer .sp-footer-links a{text-decoration:none;color:rgba(255,255,255,.82)}
.sp-site-footer .sp-footer-links a:hover{text-decoration:underline}


/* Phase mobile drawer UX fix */
body.sp-menu-open{overflow:hidden}
@media (max-width: 900px){
  .sp-site-header.is-open .sp-mobile-menu{
    position:fixed;
    left:16px;
    right:16px;
    top:76px;
    bottom:16px;
    display:flex !important;
    flex-direction:column;
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    box-shadow:0 24px 48px rgba(15,23,42,.18);
    overflow:hidden;
    z-index:999;
    width:auto !important;
    margin:0 !important;
  }
  .sp-mobile-menu-inner{
    display:flex;
    flex-direction:column;
    min-height:100%;
    overflow:hidden;
    padding:16px 0 0;
  }
  .sp-mobile-nav{
    flex:1 1 auto;
    overflow:auto;
    padding:0 0 12px;
  }
  .sp-mobile-actions{
    position:sticky;
    bottom:0;
    background:#fff;
    padding:12px 16px 16px;
    border-top:1px solid #e5e7eb;
    display:grid;
    gap:12px;
  }
  .sp-mobile-actions .sp-button,
  .sp-mobile-actions .sp-button-secondary{width:100%;justify-content:center}
}

/* FINAL MOBILE MENU FIX */
body.sp-menu-open{overflow:hidden!important;height:100vh!important}

@media (max-width:900px){
  .sp-site-header{position:relative!important;z-index:99999!important}

  .sp-mobile-menu{display:none!important}

  .sp-site-header.is-open .sp-mobile-menu{
    display:flex!important;
    position:fixed!important;
    top:76px!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    background:#fff!important;
    z-index:999999!important;
    border-radius:18px!important;
    box-shadow:0 24px 60px rgba(0,0,0,.24)!important;
    overflow:hidden!important;
    padding:16px!important;
  }

  .sp-mobile-menu-inner{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    min-height:0!important;
  }

  .sp-mobile-nav{
    display:block!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }

  .sp-mobile-nav a{
    display:block!important;
    padding:12px 0!important;
    color:#0f172a!important;
    font-size:18px!important;
    font-weight:800!important;
    text-decoration:none!important;
    border-bottom:1px solid #e5e7eb!important;
  }

  .sp-mobile-actions{
    flex:0 0 auto!important;
    display:grid!important;
    gap:10px!important;
    padding-top:14px!important;
    background:#fff!important;
  }

  .sp-mobile-actions .sp-button,
  .sp-mobile-actions .sp-button-secondary{
    width:100%!important;
    justify-content:center!important;
  }
}

.sp-case-video-section{padding-top:24px!important;padding-bottom:18px!important}
.sp-case-video{display:block!important;max-width:960px!important;margin:0 auto!important}
.sp-case-video video{
  display:block!important;
  width:100%!important;
  min-height:220px!important;
  height:auto!important;
  background:#000!important;
  border-radius:18px!important;
}


.sp-statement-form-wrap{display:grid;gap:18px}
.sp-form-notice{padding:16px 18px;border-radius:16px;font-weight:600}
.sp-form-notice--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.sp-form-notice--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.sp-statement-form{display:grid;gap:18px}
.sp-statement-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sp-statement-form label{display:grid;gap:8px;color:#0f172a;font-weight:700}
.sp-statement-form label span{font-size:.95rem}
.sp-statement-form input,.sp-statement-form textarea{width:100%;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:14px;padding:14px 15px;font:inherit;box-sizing:border-box}
.sp-statement-form input[type=file]{padding:12px;background:#f8fafc}
.sp-statement-form__full{grid-column:1 / -1}
.sp-statement-form__check{display:flex;align-items:flex-start;gap:10px;font-weight:600}
.sp-statement-form__check input{width:auto;margin-top:4px}
@media (max-width: 800px){.sp-statement-form__grid{grid-template-columns:1fr}}

/* P0-05 shared conversion/page form stabilization */
.sp-statement-form-wrap{margin-top:12px}
.sp-statement-form .sp-button-row{margin-top:6px}
.sp-statement-form select{width:100%;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:14px;padding:14px 15px;font:inherit;box-sizing:border-box}
.sp-statement-form textarea{resize:vertical}
.sp-statement-form input:focus,.sp-statement-form textarea:focus,.sp-statement-form select:focus{outline:2px solid rgba(16,195,203,.35);outline-offset:1px;border-color:#00aeef}
.sp-statement-form-wrap + .sp-reassurance-note{margin-top:14px}
.sp-card details{border-top:1px solid #e2e8f0;padding:14px 0}
.sp-card details:first-of-type{margin-top:8px}
.sp-card details summary{cursor:pointer;font-weight:700;color:#0f172a}
.sp-card details p{margin:10px 0 0}
@media (max-width:800px){
  .sp-statement-form-wrap{margin-top:10px}
}

.sp-solutions-grid,.sp-need-grid,.sp-proof-grid,.sp-industry-grid,.sp-inventory-grid{display:grid;gap:24px}
.sp-solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-need-grid,.sp-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-card h3,.sp-card h4{margin-top:0}
.sp-card--solution .sp-btn,.sp-card--need .sp-btn,.sp-card--proof .sp-btn{margin-top:12px}
.sp-card--solution ul,.sp-card--inventory ul,.sp-card--industry ul{margin:10px 0 0 18px}
.sp-mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sp-mini-links a{font-weight:700}
@media (max-width: 1100px){.sp-solutions-grid,.sp-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 800px){.sp-solutions-grid,.sp-need-grid,.sp-proof-grid,.sp-industry-grid,.sp-inventory-grid{grid-template-columns:1fr}}

.sp-casehub-problems,.sp-casehub-biztypes,.sp-casehub-grid{display:grid;gap:24px}
.sp-casehub-problems{grid-template-columns:repeat(4,minmax(0,1fr))}
.sp-casehub-biztypes{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-casehub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-casehub-card .sp-meta-pill{display:inline-flex;margin:0 8px 10px 0}
.sp-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp-proof-strip .sp-card{padding:20px}
@media (max-width:1100px){.sp-casehub-problems,.sp-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.sp-casehub-problems,.sp-casehub-biztypes,.sp-casehub-grid,.sp-proof-strip{grid-template-columns:1fr}}

.sp-resource-category-grid,.sp-resource-links-grid{display:grid;gap:24px}
.sp-resource-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-resource-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.sp-resource-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.sp-resource-category-grid,.sp-resource-links-grid{grid-template-columns:1fr}}

.sp-article-summary{font-size:1.08rem;line-height:1.7;color:#334155;max-width:850px}
.sp-article-sections{display:grid;gap:24px}
.sp-article-sections .sp-card ul{margin:10px 0 0 18px}
.sp-related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}

.sp-agent-category-grid,.sp-agent-links-grid{display:grid;gap:24px}
.sp-agent-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-agent-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.sp-agent-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.sp-agent-category-grid,.sp-agent-links-grid{grid-template-columns:1fr}}

/* Global contrast fix pass: buttons, cards, CTA contrast, focus, mobile stacks */
.sp-btn,
.sp-button,
.sp-button-secondary,
button.sp-btn,
a.sp-btn{
  text-shadow:none;
}

/* Default secondary/ghost buttons should work on light backgrounds */
.sp-btn--secondary,
.sp-button-secondary,
.sp-btn--outline{
  background:#ffffff;
  color:#0f172a !important;
  border:1px solid #cbd5e1;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}

.sp-btn--secondary:hover,
.sp-button-secondary:hover,
.sp-btn--outline:hover{
  background:#f8fafc;
  color:#0f172a !important;
  border-color:#94a3b8;
}

/* Preserve readable inverse treatment on dark/navy surfaces */
.sp-section--navy .sp-btn--secondary,
.sp-section--navy .sp-button-secondary,
.sp-section--navy .sp-btn--outline,
.sp-card--dark .sp-btn--secondary,
.sp-card--dark .sp-button-secondary,
.sp-card--dark .sp-btn--outline,
.sp-service-proof .sp-btn--secondary,
.sp-service-proof .sp-button-secondary,
.sp-site-header .sp-button-secondary,
.sp-mobile-actions .sp-button-secondary{
  background:rgba(255,255,255,.08);
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}

.sp-section--navy .sp-btn--secondary:hover,
.sp-section--navy .sp-button-secondary:hover,
.sp-card--dark .sp-btn--secondary:hover,
.sp-card--dark .sp-button-secondary:hover,
.sp-service-proof .sp-btn--secondary:hover,
.sp-service-proof .sp-button-secondary:hover,
.sp-site-header .sp-button-secondary:hover,
.sp-mobile-actions .sp-button-secondary:hover{
  background:rgba(255,255,255,.14);
  color:#ffffff !important;
  border-color:rgba(255,255,255,.34);
}

/* Improve CTA/card readability on lighter cards */
.sp-card,
.sp-card--route,
.sp-card--solution,
.sp-card--need,
.sp-card--proof,
.sp-card--industry,
.sp-card--inventory{
  color:#0f172a;
}

.sp-card p,
.sp-card li,
.sp-card .sp-lead,
.sp-card--route p,
.sp-card--solution p,
.sp-card--need p,
.sp-card--proof p,
.sp-card--industry p,
.sp-card--inventory p{
  color:#334155;
}

/* Focus visibility */
.sp-btn:focus-visible,
.sp-button:focus-visible,
.sp-button-secondary:focus-visible,
.sp-btn--secondary:focus-visible,
.sp-btn--outline:focus-visible,
button:focus-visible,
a:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(27,101,189,.38);
  outline-offset:2px;
}

/* Better mobile stacked buttons */
@media (max-width: 800px){
  .sp-button-row{
    align-items:stretch;
  }
  .sp-btn,
  .sp-button,
  .sp-button-secondary,
  .sp-btn--secondary,
  .sp-btn--outline{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

/* Global contrast audit pass 2: chips, pills, CTA bands, links, hover/active, mobile */

/* Meta pills / chips must stay readable on light surfaces */
.sp-chip,
.sp-proof-rank,
.sp-meta-pill,
.sp-meta-chip{
  color:#0f172a;
}

.sp-meta-pill,
.sp-chip,
.sp-proof-rank{
  border:1px solid #dbe7f2;
}

/* Keep dark-surface metadata readable */
.sp-section--navy .sp-meta-pill,
.sp-section--navy .sp-meta-chip,
.sp-card--dark .sp-meta-pill,
.sp-card--dark .sp-meta-chip,
.sp-service-proof .sp-meta-pill,
.sp-service-proof .sp-meta-chip{
  color:#ffffff;
}

.sp-section--navy .sp-meta-chip span,
.sp-card--dark .sp-meta-chip span,
.sp-service-proof .sp-meta-chip span{
  color:rgba(255,255,255,.78);
}

/* CTA bands and dark cards: make sure supporting text stays readable */
.sp-section--cta-premium .sp-lead,
.sp-card--dark p,
.sp-card--dark li,
.sp-service-proof p,
.sp-service-proof li,
.sp-proof-card p,
.sp-proof-panel--owners p{
  color:rgba(255,255,255,.86);
}

/* Generic card links on light surfaces should not fall into low-contrast shades */
.sp-card a,
.sp-card--route a,
.sp-card--solution a,
.sp-card--need a,
.sp-card--proof a,
.sp-card--industry a,
.sp-card--inventory a{
  color:#3d5aa8;
}

.sp-card a:hover,
.sp-card--route a:hover,
.sp-card--solution a:hover,
.sp-card--need a:hover,
.sp-card--proof a:hover,
.sp-card--industry a:hover,
.sp-card--inventory a:hover{
  color:#164f93;
}

/* Active/hover states for route cards */
.sp-card--route:hover,
.sp-card--route:focus-within,
.sp-card--solution:hover,
.sp-card--need:hover,
.sp-card--proof:hover,
.sp-card--industry:hover,
.sp-card--inventory:hover{
  border-color:#a3dce9;
  box-shadow:0 16px 36px rgba(15,23,42,.10);
}

/* Mobile menu links need strong contrast and tap clarity */
.sp-mobile-nav a,
.sp-footer-links a,
.sp-primary-nav a{
  color:inherit;
}

.sp-mobile-nav a:hover,
.sp-mobile-nav a:focus-visible,
.sp-footer-links a:hover,
.sp-footer-links a:focus-visible,
.sp-primary-nav a:hover,
.sp-primary-nav a:focus-visible{
  color:#3d5aa8;
}

/* Ensure dark-form controls remain readable */
.sp-cta-form select,
.sp-cta-form option,
.sp-statement-form select,
.sp-statement-form option{
  color:#ffffff;
}

/* Explicit mobile button separation on stacked layouts */
@media (max-width: 800px){
  .sp-button-row > * + *{
    margin-top:0;
  }
  .sp-mobile-actions a + a,
  .sp-button-row a + a,
  .sp-button-row button + a,
  .sp-button-row a + button{
    margin-top:0;
  }
  .sp-card--dark .sp-btn--secondary,
  .sp-card--dark .sp-button-secondary,
  .sp-section--navy .sp-btn--secondary,
  .sp-section--navy .sp-button-secondary{
    border-color:rgba(255,255,255,.30);
  }
}


/* Global visual contrast audit pass */
.sp-btn--primary,
.sp-button{
  color:#082032 !important;
  background:linear-gradient(180deg,#35ebef 0%,#00aeef 100%);
  border:1px solid rgba(8,32,50,.12);
}

.sp-btn--primary:hover,
.sp-button:hover,
.sp-btn--primary:active,
.sp-button:active{
  color:#061726 !important;
  background:linear-gradient(180deg,#56f0f3 0%,#19ced5 100%);
  box-shadow:0 16px 38px rgba(16,195,203,.32);
}

.sp-btn--secondary,
.sp-button-secondary,
.sp-btn--outline{
  font-weight:700;
}

.sp-card--dark,
.sp-card--dark h2,
.sp-card--dark h3,
.sp-card--dark h4,
.sp-card--dark p,
.sp-card--dark li,
.sp-card--dark a:not(.sp-btn):not(.sp-button):not(.sp-button-secondary),
.sp-card--dark details summary{
  color:#ffffff !important;
}

.sp-card--dark details{
  border-top:1px solid rgba(255,255,255,.16);
}

.sp-card--dark details p{
  color:rgba(255,255,255,.88) !important;
}

.sp-meta-pill{
  background:#e2f2ff;
  color:#0b3b66;
  border:1px solid #bfdcff;
  font-weight:700;
}

.sp-primary-nav a,
.sp-mobile-nav a,
.sp-site-footer .sp-footer-links a{
  color:inherit;
}

.sp-primary-nav a:hover,
.sp-primary-nav a:focus-visible,
.sp-mobile-nav a:hover,
.sp-mobile-nav a:focus-visible,
.sp-site-footer .sp-footer-links a:hover,
.sp-site-footer .sp-footer-links a:focus-visible{
  color:#0076a2 !important;
}

.sp-site-header .sp-button,
.sp-mobile-actions .sp-button,
.sp-site-header .sp-button-secondary,
.sp-mobile-actions .sp-button-secondary{
  min-height:48px;
}

.sp-card a:not(.sp-btn):not(.sp-button):not(.sp-button-secondary){
  color:#145ca8;
}

.sp-card a:not(.sp-btn):not(.sp-button):not(.sp-button-secondary):hover,
.sp-card a:not(.sp-btn):not(.sp-button):not(.sp-button-secondary):focus-visible{
  color:#0d4a87;
}