/* === 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:56px 36px;border-radius:14px;margin:10px 0 40px;overflow:hidden;box-shadow:0 18px 50px rgb(29 23 60 / .25)}
.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:780px}
.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{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}
.sxl-v2 .hero p.lead{color:#f4e8ff;font-size:1.13em;max-width:640px;margin:0 0 24px;line-height:1.55}
.sxl-v2 .cta-row{display:flex;gap:14px;flex-wrap:wrap}
.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}
}