.sv-intro{font-size:18px;color:#4a4060;margin:0 0 20px}
.sv-situations{list-style:none;padding:0;margin:0;border-top:1px solid #d7d2e0}
.sv-situations a{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;padding:20px 8px;border-bottom:1px solid #d7d2e0;min-height:48px;transition:background .2s ease}
.sv-situations a:hover{background:#fff}
.sv-situations strong{font-size:19px;line-height:1.45;color:#1b0a3c}
.sv-to{display:inline-flex;gap:12px;align-items:center;font-size:15px;font-weight:700;color:#21076a}
.sv-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:28px}
.sv-card{display:grid;grid-template-columns:300px 1fr;gap:40px;background:#fff;border:1px solid #d7d2e0;padding:36px;scroll-margin-top:24px;transition:transform .25s ease,box-shadow .25s ease}
.sv-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1b0a3c12}
.sv-card.flip{grid-template-columns:1fr 300px}.sv-card.flip .sv-art{order:2}
.sv-art{background:#f4f2f7;display:flex;align-items:center;justify-content:center;padding:20px}
.sv-cubes{width:100%;max-width:220px;height:auto}
.sv-top{display:flex;gap:10px;align-items:center}
.sv-start{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#21076a;color:#fff;padding:5px 10px}
.sv-card h3{font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.02em;margin:16px 0 8px}
.sv-summary{font-size:18px;line-height:1.55;color:#4a4060;margin:0 0 22px}
.sv-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px}
.sv-blocks dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#21076a;margin-bottom:6px}
.sv-blocks dd{margin:0;font-size:15px;line-height:1.6;color:#4a4060}
.sv-bullets{margin:0 0 24px;padding-left:20px;font-size:15px;line-height:1.7;color:#1b0a3c}
.sv-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;font-weight:700;font-size:15px;min-height:44px;color:#21076a}
.sv .vt-btn.sv-dark{background:#21076a;color:#fff}
.sv-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
.sv-col{background:#fff;border:1px solid #d7d2e0;padding:28px}
.sv-col h3{font-size:21px;margin:0 0 10px}
.sv-col p{font-size:15.5px;line-height:1.65;color:#4a4060;margin:0 0 12px}
.sv-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid #21076a}
.sv-steps li{padding:24px 24px 0 0}
.sv-steps h3{font-size:21px;margin:14px 0 8px}
.sv-steps p{font-size:15.5px;line-height:1.65;color:#4a4060;margin:0}
.sv a:focus-visible{outline:3px solid #21076a;outline-offset:2px}
.sv-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease}
.sv-reveal.is-in{opacity:1;transform:none}
.sv-card.sv-reveal.is-in:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.sv-reveal{opacity:1;transform:none;transition:none}.sv-card:hover,.sv-card.sv-reveal.is-in:hover{transform:none}}
@media(max-width:1000px){.sv-card{grid-template-columns:1fr;padding:28px}.sv-card.flip{grid-template-columns:1fr}.sv-card.flip .sv-art{order:0}.sv-art{max-height:200px}.sv-blocks,.sv-cols{grid-template-columns:1fr}}
@media(max-width:700px){.sv-situations a{grid-template-columns:1fr;gap:8px}.sv-steps{grid-template-columns:1fr;border-top:0}.sv-steps li{border-left:2px solid #21076a;padding:0 0 24px 20px}.sv-card{padding:22px}}
.sv-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.sv-mini{display:flex;flex-direction:column;background:#fff;border:1px solid #d7d2e0;padding:28px;transition:transform .25s ease,box-shadow .25s ease}
.sv-mini:hover{box-shadow:0 10px 28px #1b0a3c12}
.sv-mini.sv-reveal.is-in:hover{transform:translateY(-3px)}
.sv-mini h3{font-size:22px;line-height:1.25;margin:14px 0 8px}
.sv-mini .sv-summary{font-size:16px;margin-bottom:14px}
.sv-mini .sv-link{margin-top:auto;align-self:flex-start}
.sv-mini-art{background:#f4f2f7;display:flex;justify-content:center;padding:14px;margin-bottom:18px}
.sv-mini-art .sv-cubes{max-width:120px}
.sv-band .mascot-cta{margin-top:20px}
.sp-hero{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:end}
.sp-art{margin:0}.sp-art .sv-cubes{max-width:200px}
.sp-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#21076a;margin:24px 0 0}
.sp-h{font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#21076a;margin:0 0 10px!important}
.sp-included{font-size:17px}
.sp-others ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 28px}
@media(prefers-reduced-motion:reduce){.sv-mini.sv-reveal.is-in:hover{transform:none}}
@media(max-width:800px){.sp-hero{grid-template-columns:1fr}.sp-art{display:none}}

/* Detailed service template */
.sd .sd-read{max-width:72ch}
.sd-hero h1{max-width:20ch}
.sd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:28px}
.sd-summary{background:#e6dcf1;padding:clamp(24px,4vw,44px);font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:#1b0a3c}
.sd-summary p{margin:0 0 14px}.sd-summary p:last-child{margin:0}
.sd-fit{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sd-fit>div{background:#fff;padding:28px;border:1px solid #d7d2e0}
.sd-fit-no{background:transparent!important}
.sd-fit h3{margin:0 0 14px;font-size:18px}
.sd-fit a,.sd-list a{color:#21076a;text-decoration:underline;text-underline-offset:3px}
.sd-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;background:#fff}
.sd-table th,.sd-table td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid #d7d2e0}
.sd-table thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#675c7b;background:#f5f3f9}
.sd-table tbody th{width:28%;color:#1b0a3c;font-weight:700}
.sd-levels{display:grid;gap:0;margin:0}
.sd-levels>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #d7d2e0}
.sd-levels dt{font-weight:700;color:#21076a}.sd-levels dd{margin:0;line-height:1.6}
.sd-callout{border-left:4px solid #21076a;background:#fff;padding:24px 28px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;margin:0}
.sd-list li{line-height:1.6;margin-bottom:10px}
.sd-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.sd-steps li{display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;line-height:1.6;padding:16px 0;border-bottom:1px solid #d7d2e0}
.sd-closing{margin-top:22px;font-weight:600;color:#21076a}
#how-it-works{scroll-margin-top:90px}
html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sd-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sd-examples article{background:#fff;border:1px solid #d7d2e0;padding:26px}
.sd-examples h3{font-size:17px;line-height:1.35;margin:0 0 12px}.sd-examples p{margin:0;line-height:1.6;font-size:15px}
.sd-tools{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sd-tools li{background:#fff;border:1px solid #d7d2e0;padding:18px 20px;display:grid;gap:8px;font-size:14px;line-height:1.5;color:#675c7b}
.sd-wordmark{font-weight:800;letter-spacing:-.02em;color:#6b6578;font-size:16px}
.sd-text{line-height:1.65;font-size:17px}
.sd-faq details{border-bottom:1px solid #d7d2e0}
.sd-faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-weight:700;position:relative;min-height:44px}
.sd-faq summary::-webkit-details-marker{display:none}
.sd-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;font-weight:400;color:#21076a}
.sd-faq details[open] summary::after{content:"−"}
.sd-faq summary:focus-visible{outline:2px solid #21076a;outline-offset:2px}
.sd-faq details p{margin:0 0 18px;line-height:1.6}
.sd-note{margin-top:16px;font-size:14px;opacity:.85}
@media(max-width:900px){.sd-examples{grid-template-columns:1fr}}
@media(max-width:608px){
  .sd-fit{grid-template-columns:1fr}
  .sd-levels>div{grid-template-columns:1fr;gap:4px}
  .sd-table thead{display:none}
  .sd-table,.sd-table tbody,.sd-table tr,.sd-table th,.sd-table td{display:block;width:auto}
  .sd-table{background:transparent}
  .sd-table tr{background:#fff;border:1px solid #d7d2e0;margin-bottom:10px;padding:14px 16px}
  .sd-table th,.sd-table td{padding:0;border:0}.sd-table tbody th{width:auto;margin-bottom:6px}
}
.sd-after{margin-top:20px}
.sd-table .sd-hl th,.sd-table .sd-hl td{background:#e6dcf1;font-weight:700;color:#1b0a3c}
.sd-table-3 tbody th{width:24%}
@media(min-width:609px) and (max-width:1100px){.sd-examples{grid-template-columns:1fr 1fr}}
@media(max-width:608px){
  .sd-table-3 td{margin-top:10px}
  .sd-table-3 td::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#675c7b;font-weight:700;margin-bottom:2px}
  .sd-table .sd-hl{background:#e6dcf1}
}
@media(max-width:608px){.sd-table tbody th,.sd-table-3 tbody th{width:auto!important}}

.sd-panel{background:#fff;border:1px solid #d7d2e0;border-left:4px solid #21076a;padding:28px clamp(20px,3vw,40px);position:relative}
.sd-badge{display:inline-block;background:#21076a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;margin-bottom:12px}
@media(min-width:609px){.sd-examples.sd-examples-2{grid-template-columns:1fr 1fr}}

/* Process Transformation additions */
.sd-loop{margin:8px 0 28px;max-width:640px}.sd-loop svg{width:100%;height:auto;display:block;font-family:Arial,Helvetica,sans-serif}
.sd-olist{padding-left:1.4em;margin:0}.sd-olist li{margin:0 0 14px;line-height:1.65;padding-left:6px}
.sd-hl-col td{background:#efe8f7;color:#1b0a3c;font-weight:600}
.sd-cont{padding-top:0!important;margin-top:-24px}
.sd-examples+.sd-closing{margin-top:20px}
@media(max-width:608px){
  .sd-rowlabel tbody th::before{content:attr(data-label) " ";}
  .sd-hl-col td{margin-top:8px;padding:8px 10px}
}
