@layer component{.svc-explainer{--b-py: var(--s-section-pad-y, var(--s-space-fluid-lg, clamp(3rem, 6vw, 6rem)));--b-px: var(--s-section-pad-x, var(--s-space-xl, 1rem));--b-max: var(--wrap-max, 61.25rem);--b-gap: var(--gap, var(--s-block-gap-lg, var(--s-stack-lg, 2.5rem)));--b-head-gap: var(--s-stack-2xs, var(--s-space-2xs, .6rem));--b-head-mb: var(--s-stack-xl, var(--s-space-xl, clamp(1.5rem, 3.5vw, 2rem)));--b-col-gap: var(--s-inline-lg, var(--s-space-lg, clamp(1.5rem, 4vw, 3rem)));padding-block:var(--b-py);padding-inline:var(--b-px);min-width:0}.svc-explainer :where(.wrap,.svc-explainer__inner){width:100%;max-width:var(--b-max);margin-inline:auto;min-width:0}.svc-explainer :where(.head,.svc-explainer__head){display:grid;gap:var(--b-head-gap);margin-bottom:var(--b-head-mb);justify-items:center;text-align:center;min-width:0;overflow-wrap:anywhere}.svc-explainer :where(.grid,.svc-explainer__grid){display:grid;gap:var(--b-gap);min-width:0}.svc-explainer :where(.grid,.svc-explainer__grid)[data-cols="1"]{grid-template-columns:1fr}.svc-explainer :where(.grid,.svc-explainer__grid)[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b-col-gap)}.svc-explainer :where(.grid.cols-1){grid-template-columns:1fr}.svc-explainer :where(.grid.cols-2){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--b-col-gap)}.svc-explainer :where(.item,.svc-explainer__item){min-width:0}.svc-explainer :where(.item-title,.svc-explainer__title){display:inline-flex;align-items:baseline;gap:var(--s-inline-sm, var(--s-space-sm, .65rem));margin:0 0 var(--s-stack-2xs, var(--s-space-2xs, .5rem)) 0;min-width:0}.svc-explainer :where(.item-text,.svc-explainer__text){margin:0}@media (max-width: 56.25rem){.svc-explainer :where(.grid.cols-2,.svc-explainer__grid[data-cols="2"]){grid-template-columns:1fr;column-gap:0}}}@layer component{.svc-explainer{--service-explainer-accent: var(--s-accent);--service-explainer-text: var(--sf-text, inherit);--service-explainer-dark-bg: var(--s-glass-80, rgba(0,0,0,.55));--service-explainer-dark-bd: var(--s-overlay-25, rgba(255,255,255,.25));--service-explainer-dark-text: #eaeaea;--service-explainer-dark-blur: 8px;--service-explainer-light-bg: rgba(255,255,255,.85);--service-explainer-light-bd: rgba(0,0,0,.1);--service-explainer-light-text: #111;--service-explainer-light-blur: 0px;--service-explainer-num-weight: 800;--service-explainer-num-opacity: .9;--service-explainer-item-lh: 1.7;--service-explainer-item-opacity: .92;--svc-accent: var(--service-explainer-accent);--svc-text: var(--service-explainer-text);color:var(--svc-text);background-clip:padding-box;min-width:0}.svc-explainer.dark{--sf-bg: var(--service-explainer-dark-bg);--sf-bd: var(--service-explainer-dark-bd);--sf-text: var(--service-explainer-dark-text);--sf-blur: var(--service-explainer-dark-blur)}.svc-explainer.light{--sf-bg: var(--service-explainer-light-bg);--sf-bd: var(--service-explainer-light-bd);--sf-text: var(--service-explainer-light-text);--sf-blur: var(--service-explainer-light-blur)}.svc-explainer .label{color:var(--svc-accent)}.svc-explainer .num{font-variant-numeric:tabular-nums;font-weight:var(--service-explainer-num-weight, 800);opacity:var(--service-explainer-num-opacity, .9);color:var(--svc-accent)}.svc-explainer .item-text{line-height:var(--service-explainer-item-lh, 1.7);opacity:var(--service-explainer-item-opacity, .92);min-width:0;overflow-wrap:anywhere}}
