/* === SXLF .sxl-v2 page-design rules — extracted 2026-05-07 === */

.sxl-v2,.stretch-contact-bar{max-width:100vw!important}
/* --- inline #6 --- */
.sxl-v2{font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#222;line-height:1.65;max-width:1180px;margin:0 auto;padding:10px 20px}
.sxl-v2 a{color:#1d173c;font-weight:600;text-decoration:none}
.sxl-v2 a:hover{color:#d84659;text-decoration:underline}
.sxl-v2 p{margin:0 0 12px}
.sxl-v2 .hero{position:relative;background:linear-gradient(135deg,#1d173c 0%,#4a1970 50%,#9c27b0 100%);color:#fff;padding:48px 32px;border-radius:14px;margin:10px auto 40px;max-width:880px;overflow:hidden;box-shadow:0 18px 50px rgb(29 23 60 / .25);text-align:center}
.sxl-v2 .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgb(216 70 89 / .25),transparent 40%),radial-gradient(circle at 20% 80%,rgb(244 67 54 / .18),transparent 35%);pointer-events:none}
.sxl-v2 .hero-inner{position:relative;max-width:680px;margin:0 auto}
.sxl-v2 .hero .eyebrow{display:inline-block;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);color:#fff;padding:6px 14px;border-radius:100px;font-size:.82em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}
.sxl-v2 .hero h1,.sxl-v2 .hero h2,.sxl-v2 .hero h3{color:#fff;font-size:clamp(1.7em,3.2vw,2.6em);margin:0 0 16px;line-height:1.15;font-weight:800;letter-spacing:-.01em;border:0;padding:0}
.sxl-v2 .hero p.lead{color:#f4e8ff;font-size:1.13em;max-width:560px;margin:0 auto 24px;line-height:1.55}
.sxl-v2 .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.sxl-v2 .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none;font-size:1em;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.sxl-v2 .btn-primary{background:#d84659;color:#fff;box-shadow:0 8px 20px rgb(216 70 89 / .35)}
.sxl-v2 .btn-primary:hover{background:#bd3a4c;color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgb(216 70 89 / .45);text-decoration:none}
.sxl-v2 .btn-ghost{background:#fff0;border:2px solid rgb(255 255 255 / .5);color:#fff}
.sxl-v2 .btn-ghost:hover{background:rgb(255 255 255 / .18);border-color:#fff;color:#fff;text-decoration:none}
.sxl-v2 .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-20px 0 50px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgb(29 23 60 / .08);position:relative;z-index:2}
.sxl-v2 .stats .stat{text-align:center;padding:8px}
.sxl-v2 .stats .stat b{display:block;font-size:1.9em;color:#9c27b0;font-weight:800;line-height:1.1;margin-bottom:4px}
.sxl-v2 .stats .stat span{color:#666;font-size:.88em;font-weight:500}
@media(max-width:700px){.sxl-v2 .stats{grid-template-columns:repeat(2,1fr);margin-top:12px}}
.sxl-v2 section.block{margin:0 0 60px;padding:0}
.sxl-v2 .section-head{text-align:center;margin-bottom:36px;max-width:760px;margin-left:auto;margin-right:auto}
.sxl-v2 .section-head .eyebrow-sm{display:inline-block;color:#d84659;font-size:.86em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.sxl-v2 .section-head h2{color:#1d173c;font-size:clamp(1.5em,2.4vw,2em);margin:0 0 12px;font-weight:800;line-height:1.2;letter-spacing:-.01em;border:0;padding:0}
.sxl-v2 .section-head p{color:#555;font-size:1.05em;margin:0}
.sxl-v2 .grid{display:grid;gap:22px}
.sxl-v2 .grid-3{grid-template-columns:repeat(3,1fr)}
.sxl-v2 .grid-2{grid-template-columns:repeat(2,1fr)}
.sxl-v2 .grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.sxl-v2 .grid-3,.sxl-v2 .grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sxl-v2 .grid-3,.sxl-v2 .grid-2,.sxl-v2 .grid-4{grid-template-columns:1fr}}
.sxl-v2 .card{background:#fff;border:1px solid #ece8f5;border-radius:12px;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
.sxl-v2 .card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgb(29 23 60 / .08);border-color:#d9c9e8}
.sxl-v2 .card .icon{width:52px;height:52px;border-radius:12px;display:inline-grid;place-items:center;font-size:1.6em;margin-bottom:14px;background:linear-gradient(135deg,#9c27b0,#d84659);color:#fff;box-shadow:0 6px 14px rgb(156 39 176 / .25)}
.sxl-v2 .card h3{color:#1d173c;font-size:1.1em;margin:0 0 8px;font-weight:700}
.sxl-v2 .card p{color:#555;margin:0;font-size:.96em;line-height:1.55}
.sxl-v2 .services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sxl-v2 .services.services-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.sxl-v2 .services{grid-template-columns:repeat(2,1fr)}.sxl-v2 .services.services-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.sxl-v2 .services{grid-template-columns:1fr}.sxl-v2 .services.services-3{grid-template-columns:1fr}}
.sxl-v2 .svc{background:#f6f6f9;border-radius:10px;padding:20px;text-align:center;transition:background .15s,transform .15s}
.sxl-v2 .svc:hover{background:#fff;box-shadow:0 10px 22px rgb(29 23 60 / .06);transform:translateY(-1px)}
.sxl-v2 .svc .svc-ico{font-size:2.2em;margin-bottom:8px;display:block;line-height:1}
.sxl-v2 .svc b{display:block;color:#1d173c;font-size:.98em;margin-bottom:3px;font-weight:700}
.sxl-v2 .svc span{color:#666;font-size:.85em}
.sxl-v2 .how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
@media(max-width:800px){.sxl-v2 .how{grid-template-columns:1fr}}
.sxl-v2 .step{background:linear-gradient(145deg,#1d173c 0%,#3a2560 100%);color:#fff;padding:32px 26px;border-radius:14px;position:relative;overflow:hidden}
.sxl-v2 .step::before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:rgb(216 70 89 / .2);border-radius:50%;pointer-events:none}
.sxl-v2 .step .num{font-size:2.2em;font-weight:800;color:#f4e8ff;opacity:.35;line-height:1;position:absolute;top:18px;right:22px}
.sxl-v2 .step h3{color:#fff;font-size:1.15em;margin:0 0 10px;font-weight:700;position:relative}
.sxl-v2 .step p{color:#e8dcf4;margin:0;font-size:.95em;line-height:1.55;position:relative}
.sxl-v2 .case{background:#fff;border-radius:12px;padding:28px;border-left:4px solid #d84659;box-shadow:0 6px 16px rgb(29 23 60 / .05)}
.sxl-v2 .case .case-tag{display:inline-block;background:linear-gradient(135deg,#d84659,#9c27b0);color:#fff;padding:4px 12px;border-radius:100px;font-size:.78em;font-weight:700;letter-spacing:.03em;margin-bottom:12px}
.sxl-v2 .case h3{color:#1d173c;font-size:1.05em;margin:0 0 10px;font-weight:700}
.sxl-v2 .case p{color:#444;font-size:.96em;margin:0 0 10px}
.sxl-v2 .case b.win{color:#9c27b0;display:block;font-size:.92em;margin-top:10px}
.sxl-v2 .compare{background:#fff;border:1px solid #ece8f5;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgb(29 23 60 / .06)}
.sxl-v2 .compare table{width:100%;border-collapse:collapse}
.sxl-v2 .compare th{background:linear-gradient(135deg,#1d173c,#4a1970);color:#fff;padding:16px;text-align:left;font-weight:700;font-size:.98em}
.sxl-v2 .compare th:nth-child(2){background:linear-gradient(135deg,#d84659,#9c27b0);text-align:center}
.sxl-v2 .compare th:nth-child(3){text-align:center;background:#403258}
.sxl-v2 .compare td{padding:14px 16px;border-top:1px solid #ece8f5;font-size:.96em}
.sxl-v2 .compare td:nth-child(2){text-align:center;color:#16a34a;font-weight:700}
.sxl-v2 .compare td:nth-child(3){text-align:center;color:#999}
.sxl-v2 .compare tr:nth-child(even) td{background:#fafafa}
.sxl-v2 .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
@media(max-width:800px){.sxl-v2 .trust{grid-template-columns:repeat(2,1fr)}}
.sxl-v2 .badge{background:linear-gradient(135deg,rgb(156 39 176 / .08),rgb(216 70 89 / .04));border:1px solid rgb(156 39 176 / .18);border-radius:10px;padding:20px;text-align:center}
.sxl-v2 .badge .b-ico{font-size:1.8em;display:block;margin-bottom:6px}
.sxl-v2 .badge b{display:block;color:#1d173c;font-size:.98em;font-weight:700;margin-bottom:2px}
.sxl-v2 .badge span{color:#666;font-size:.84em}
.sxl-v2 .faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:800px){.sxl-v2 .faq{grid-template-columns:1fr}}
.sxl-v2 .q{background:#fff;border:1px solid #ece8f5;border-radius:10px;padding:20px}
.sxl-v2 .q h3{color:#d84659;font-size:1em;margin:0 0 8px;font-weight:700;padding:0;border:0}
.sxl-v2 .q p{margin:0;color:#555;font-size:.95em}
.sxl-v2 .final-cta{background:linear-gradient(135deg,#1d173c 0%,#4a1970 50%,#9c27b0 100%);color:#fff;padding:48px 36px;border-radius:14px;text-align:center;margin:10px 0 30px;position:relative;overflow:hidden}
.sxl-v2 .final-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgb(216 70 89 / .4),transparent 50%);pointer-events:none}
.sxl-v2 .final-cta h2{color:#fff;font-size:clamp(1.4em,2.3vw,1.9em);margin:0 0 12px;border:0;padding:0;font-weight:800;position:relative}
.sxl-v2 .final-cta p{color:#f4e8ff;font-size:1.05em;margin:0 0 22px;position:relative;max-width:580px;margin-left:auto;margin-right:auto}
.sxl-v2 .final-cta .cta-row{justify-content:center;position:relative}
.sxl-v2 .prose{max-width:820px;margin:0 auto}
.sxl-v2 .prose p{color:#444;font-size:1.02em;line-height:1.75}
@media (max-width:767px){
  .sxl-v2,.stretch-contact-bar{max-width:100vw!important}
}
@media(max-width:700px){
  .sxl-v2 .stats{grid-template-columns:repeat(2,1fr);margin-top:12px}
}
@media(max-width:960px){
  .sxl-v2 .grid-3,.sxl-v2 .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .sxl-v2 .grid-3,.sxl-v2 .grid-2,.sxl-v2 .grid-4{grid-template-columns:1fr}
}
@media(max-width:900px){
  .sxl-v2 .services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
  .sxl-v2 .services{grid-template-columns:1fr}
}
@media(max-width:800px){
  .sxl-v2 .how{grid-template-columns:1fr}
}
@media(max-width:800px){
  .sxl-v2 .trust{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .sxl-v2 .faq{grid-template-columns:1fr}
}

/* === 2026-05-26 OVERRIDES — defeat inline <style> blocks baked into migrated MDs === */

/* Hero card — compact, centered, narrower (much shorter — Ken: "too tall") */
.sxl-v2 .hero {
  text-align: center !important;
  max-width: 820px !important;
  margin: 8px auto 24px !important;
  padding: 24px 24px !important;
  border-radius: 12px !important;
}
.sxl-v2 .hero-inner {
  max-width: 620px !important;
  margin: 0 auto !important;
}
.sxl-v2 .hero .eyebrow {
  font-size: .72em !important;
  padding: 4px 10px !important;
  margin-bottom: 10px !important;
}
.sxl-v2 .hero h1,
.sxl-v2 .hero h2,
.sxl-v2 .hero h3 {
  color: #fff !important;
  font-size: clamp(1.25em, 2vw, 1.6em) !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  border: 0 !important;
  padding: 0 !important;
}
.sxl-v2 .hero p.lead {
  max-width: 540px !important;
  margin: 0 auto 14px !important;
  font-size: .95em !important;
  line-height: 1.45 !important;
}
.sxl-v2 .cta-row {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.sxl-v2 .cta-row .btn {
  padding: 10px 20px !important;
  font-size: .95em !important;
}

/* Stats row — kill the negative-overlap (was -20px pulling into hero) +
   smaller padding so the white card under the hero isn't oversized.
   This is the OTHER element that was making the combined "hero card"
   look excessively tall. */
.sxl-v2 .stats {
  max-width: 820px !important;
  margin: 12px auto 32px !important;
  padding: 16px !important;
  gap: 10px !important;
  border-radius: 12px !important;
}
.sxl-v2 .stats .stat {
  padding: 4px !important;
}
.sxl-v2 .stats .stat b {
  font-size: 1.45em !important;
  margin-bottom: 2px !important;
}
.sxl-v2 .stats .stat span {
  font-size: .78em !important;
}

/* Spider section — bigger, friendlier cards (was 8px gap, tiny .82em b, .7em desc) */
.sxlf-spider {
  padding: 48px 22px 56px !important;
}
.sxlf-spider-head h2 {
  font-size: clamp(1.4em, 2vw, 1.7em) !important;
  margin-bottom: 8px !important;
}
.sxlf-spider-head p {
  font-size: 1em !important;
}
.sxlf-spider-block {
  margin: 0 0 28px !important;
}
.sxlf-spider-block h3 {
  font-size: .85em !important;
  margin-bottom: 14px !important;
}
.sxlf-spider-grid {
  gap: 14px !important;
}
@media (min-width: 901px) {
  /* 4-col on desktop, big enough to read; mobile breakpoints in source still apply */
  .sxlf-spider-grid-services { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  .sxlf-spider-grid-hubs     { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
.sxlf-spider-svc,
.sxlf-spider-hub {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
  padding: 18px 12px !important;
  border-radius: 10px !important;
  background: #fff !important;
  border: 1px solid #ece8f5 !important;
  min-height: 110px !important;
  justify-content: center !important;
}
.sxlf-spider-svc:hover,
.sxlf-spider-hub:hover {
  border-color: #9c27b0 !important;
  background: linear-gradient(180deg, #fff, #faf6ff) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(156, 39, 176, 0.12) !important;
}
.sxlf-spider-ico {
  font-size: 1.8em !important;
  line-height: 1 !important;
  width: auto !important;
  margin-bottom: 4px !important;
}
.sxlf-spider-svc b,
.sxlf-spider-hub b {
  display: block !important;
  font-size: .95em !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  color: #1d173c !important;
}
.sxlf-spider-desc {
  display: block !important;
  font-size: .78em !important;
  color: #666 !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}
.sxlf-spider-cities a {
  font-size: .88em !important;
  padding: 7px 13px !important;
  border-radius: 6px !important;
}

/* === 2026-05-26 FINAL OVERRIDES — must remain at end of file to win cascade === */
.sxl-v2{padding-top:80px!important}
.sxl-v2 .hero{background:linear-gradient(135deg,#1d173c 0%,#4a1970 50%,#9c27b0 100%)!important;color:#fff!important;padding:32px 28px!important;border-radius:14px!important;text-align:center!important;margin:0 auto 8px!important;max-width:820px!important;position:relative;overflow:hidden;box-shadow:0 12px 32px rgb(29 23 60 / .18)!important}
.sxl-v2 .hero-inner{max-width:600px!important;margin:0 auto!important;position:relative}
.sxl-v2 .hero .eyebrow{font-size:.72em!important;padding:4px 10px!important;margin-bottom:10px!important;display:inline-block!important;background:rgb(255 255 255 / .15)!important;border:1px solid rgb(255 255 255 / .25)!important;color:#fff!important;border-radius:100px!important}
.sxl-v2 .hero h1,.sxl-v2 .hero h2,.sxl-v2 .hero h3{color:#fff!important;font-size:clamp(1.4em,2.3vw,1.9em)!important;margin:0 0 12px!important;line-height:1.2!important;font-weight:800!important;border:0!important;padding:0!important}
.sxl-v2 .hero p.lead{color:#f4e8ff!important;font-size:1em!important;margin:0 auto 14px!important;max-width:540px!important;line-height:1.45!important}
.sxl-v2 .cta-row{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
.sxl-v2 .stats{max-width:820px!important;margin:0 auto 32px!important;padding:14px!important;gap:10px!important;border-radius:12px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:#fff!important;box-shadow:0 6px 18px rgb(29 23 60 / .08)!important;position:relative}
.sxl-v2 .stats .stat{padding:4px!important;text-align:center!important}
.sxl-v2 .stats .stat b{font-size:1.45em!important;margin-bottom:2px!important;display:block!important;color:#9c27b0!important;font-weight:800!important;line-height:1.1!important}
.sxl-v2 .stats .stat span{font-size:.78em!important;color:#666!important}

/* Spider section — compact */
.sxlf-spider{padding:20px 18px 24px!important}
.sxlf-spider-head{margin:0 auto 14px!important;max-width:620px!important;text-align:center!important}
.sxlf-spider-head h2{font-size:clamp(1.1em,1.4vw,1.3em)!important;margin:0 0 4px!important}
.sxlf-spider-head p{font-size:.85em!important;line-height:1.4!important}
.sxlf-spider-block{margin:0 0 12px!important}
.sxlf-spider-block h3{font-size:.7em!important;margin:0 0 8px!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-align:center!important;color:#9c27b0!important}
.sxlf-spider-grid{gap:8px!important}
.sxlf-spider-svc,.sxlf-spider-hub{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:4px!important;padding:10px 8px!important;border-radius:8px!important;background:#fff!important;border:1px solid #ece8f5!important;min-height:64px!important;justify-content:center!important}
.sxlf-spider-ico{font-size:1.3em!important;margin-bottom:2px!important;width:auto!important}
.sxlf-spider-svc b,.sxlf-spider-hub b{font-size:.82em!important;line-height:1.15!important;font-weight:700!important;margin:0!important;display:block!important}
.sxlf-spider-desc{font-size:.68em!important;line-height:1.25!important;color:#666!important;margin-top:1px!important;display:block!important}
.sxlf-spider-cities{gap:4px!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;max-width:1080px!important;margin:0 auto!important}
.sxlf-spider-cities a{padding:4px 9px!important;font-size:.75em!important;border-radius:5px!important;display:inline-block!important;background:#fff!important;border:1px solid #ece8f5!important;color:#1d173c!important;text-decoration:none!important}



/* 2026-05-26 — bottom CTA "Ready to ship smarter?" — tighten */
.final-cta{padding:24px 24px!important;margin:0 auto 16px!important;max-width:820px!important;border-radius:14px!important}
.final-cta h2{font-size:clamp(1.25em,2vw,1.6em)!important;margin:0 0 8px!important;color:#fff!important;border:0!important;padding:0!important}
.final-cta p{font-size:.95em!important;margin:0 auto 12px!important;max-width:520px!important;line-height:1.45!important}
.final-cta .cta-row{justify-content:center!important}