.svcp-sec{z-index:1;padding:clamp(52px,7.5vw,96px) 0;position:relative}.svcp-sec--compact{padding-block:clamp(44px,6vw,72px)}.svcp-sec--tint{background:color-mix(in srgb, var(--surface-ghost) 70%, transparent);border-block:1px solid color-mix(in srgb, var(--line-d) 70%, transparent)}.svcp-h2{max-width:30ch;font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-heading);text-wrap:balance;margin:.7rem 0 0;font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:700;line-height:1.14}.svcp-h3{font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700}.svcp-sec-head{max-width:46rem;margin-bottom:clamp(1.25rem,3vw,2rem)}.svcp-sec-head p{color:var(--text-soft);margin:.75rem 0 0;line-height:1.65}.svcp-sec-head p a{color:var(--cyan);font-weight:600}.svcp-sec-head--spaced{margin-top:clamp(2.25rem,5vw,3.5rem)}.svcp-head__actions{flex-wrap:wrap;gap:12px;margin-top:clamp(1.25rem,3vw,1.75rem);display:flex}.svcp-toc{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-top:clamp(1.25rem,3vw,2rem);padding-bottom:4px;display:flex;overflow-x:auto}.svcp-toc::-webkit-scrollbar{display:none}.svcp-toc a{border:1px solid var(--line-d);background:var(--surface-chip);color:var(--text-soft);transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:999px;flex:none;padding:7px 13px;font-size:.82rem;font-weight:500}.svcp-toc a:hover,.svcp-toc a:focus-visible{color:var(--cyan);border-color:color-mix(in srgb, var(--cyan) 50%, var(--line-d))}.svcp [id]{scroll-margin-top:calc(var(--site-header-h,72px) + 16px)}.svcp-intro__grid{align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.svcp-intro__copy p{max-width:62ch;color:var(--text-soft);margin:1rem 0 0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.75}.svcp-intro__figure{border:1px solid var(--line-d);box-shadow:var(--shadow-soft);border-radius:20px;margin:0;overflow:hidden}.svcp-intro__figure img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}@media (min-width:960px){.svcp-intro__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.svcp-split{gap:clamp(2.5rem,5vw,3.5rem);display:grid}@media (min-width:960px){.svcp-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem)}}.svcp-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.svcp-item{border:1px solid var(--line-d);background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:16px;padding:1.05rem 1.15rem;position:relative}.svcp-list--problems .svcp-item{border-left:3px solid color-mix(in srgb, #f59e0b 70%, var(--line-d))}.svcp-list--approach .svcp-item{padding-left:3.4rem}.svcp-item__num{font-family:var(--font-sora), system-ui, sans-serif;color:var(--cyan);font-size:.82rem;font-weight:700;position:absolute;top:1.05rem;left:1.1rem}.svcp-item h3,.svcp-card h3,.svcp-scope__item h3,.svcp-step h3{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading);margin:0;font-size:1.02rem;font-weight:700;line-height:1.3}.svcp-item p,.svcp-card p,.svcp-scope__item p,.svcp-step p{color:var(--text-soft);margin:.4rem 0 0;font-size:.93rem;line-height:1.62}.svcp-scope{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.svcp-scope{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.svcp-scope{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.svcp-scope__item{border:1px solid var(--line-d);background:var(--surface-card);border-radius:16px;align-items:flex-start;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.svcp-scope__item p:first-child{margin-top:0}.svcp-scope__icon{background:color-mix(in srgb, var(--cyan) 14%, transparent);width:28px;height:28px;color:var(--cyan);border-radius:50%;flex:none;place-items:center;display:grid}.svcp-tech{border:1px solid var(--line-d);background:color-mix(in srgb, var(--surface-ghost) 80%, transparent);border-radius:20px;margin-top:clamp(2rem,5vw,3rem);padding:clamp(1.15rem,3vw,1.6rem)}.svcp-tech__grid{gap:1rem;margin:1rem 0 0;display:grid}@media (min-width:640px){.svcp-tech__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.svcp-tech__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.svcp-tech__group dt{letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem;font-weight:600}.svcp-tech__group dd{margin:.5rem 0 0}.svcp-tech__group ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.svcp-tech__group li{border:1px solid var(--line-d);background:var(--surface-card);color:var(--text-heading);border-radius:999px;padding:5px 11px;font-size:.84rem;font-weight:500}.svcp-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.svcp-step{border:1px solid var(--line-d);background:var(--surface-card);border-radius:16px;padding:1.15rem 1.15rem 1.15rem 3.6rem;position:relative}.svcp-step__num{background:linear-gradient(135deg, var(--blue,#2563eb), var(--cyan));width:30px;height:30px;font-family:var(--font-sora), system-ui, sans-serif;color:#fff;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:1.05rem;left:1.05rem}@media (min-width:1024px){.svcp-steps{grid-template-columns:repeat(var(--steps,4), minmax(0, 1fr));gap:14px}.svcp-step{padding:3.7rem 1.15rem 1.25rem}.svcp-step__num{top:1.15rem;left:1.15rem}}.svcp-note{border-left:3px solid var(--cyan);background:color-mix(in srgb, var(--cyan) 7%, transparent);max-width:70ch;color:var(--text-heading);border-radius:0 12px 12px 0;margin:1.25rem 0 0;padding:.9rem 1.1rem;font-size:.95rem;line-height:1.6}.svcp-benefits,.svcp-examples{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.svcp-benefits{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.svcp-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.svcp-card{border:1px solid var(--line-d);background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;padding:1.2rem 1.25rem;display:flex}.svcp-benefits .svcp-card{border-top:3px solid var(--cyan)}.svcp-more{color:var(--cyan);align-items:center;gap:.35rem;margin-top:auto;padding-top:.75rem;font-size:.88rem;font-weight:600;display:inline-flex}.svcp-card--example .svcp-more:hover{text-underline-offset:3px;text-decoration:underline}.svcp-work{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.svcp-work{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.svcp-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.svcp-work__card{border:1px solid var(--line-d);background:var(--surface-card);height:100%;box-shadow:var(--shadow-soft);color:inherit;transition:transform .25s var(--ease), border-color .25s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.svcp-work__card:hover,.svcp-work__card:focus-visible{border-color:color-mix(in srgb, var(--cyan) 45%, var(--line-d));transform:translateY(-3px)}.svcp-work__img{aspect-ratio:16/10;object-fit:cover;background:var(--surface-ghost);width:100%;height:auto;display:block}.svcp-work__body{flex-direction:column;flex:1;gap:.35rem;padding:1.1rem 1.2rem 1.25rem;display:flex}.svcp-work__cat{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:.72rem;font-weight:600}.svcp-work__body strong{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading);font-size:1.15rem}.svcp-work__note{color:var(--text-soft);font-size:.92rem;line-height:1.6}.svcp-faq .faq-list{margin:0}@media (min-width:1024px){.svcp-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.svcp-faq .svcp-sec-head{top:calc(var(--site-header-h,72px) + 24px);position:sticky}}.svcp-related{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.svcp-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.svcp-related__card{border:1px solid var(--line-d);background:var(--surface-card);height:100%;color:inherit;transition:transform .25s var(--ease), border-color .25s var(--ease);border-radius:18px;flex-direction:column;gap:.4rem;padding:1.15rem 3rem 1.2rem 1.2rem;display:flex;position:relative}.svcp-related__card:hover,.svcp-related__card:focus-visible{border-color:color-mix(in srgb, var(--cyan) 45%, var(--line-d));transform:translateY(-3px)}.svcp-related__card h3{font-family:var(--font-sora), system-ui, sans-serif;color:var(--text-heading);margin:0;font-size:1.05rem;font-weight:700}.svcp-related__card p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.55}.svcp-related__go{color:var(--cyan);position:absolute;top:1.15rem;right:1.1rem}.svcp-related__all{margin:1.25rem 0 0}.svcp-related__all a{color:var(--cyan);font-weight:600}.svcp .svc-reading.svcp-sec{padding-bottom:clamp(24px,4vw,48px)}@media (prefers-reduced-motion:reduce){.svcp-work__card,.svcp-related__card{transition:none}.svcp-work__card:hover,.svcp-related__card:hover{transform:none}}
