@layer component{.feature-card{--feature-card-gap: var(--s-card-gap-md, var(--s-space-md, var(--s-space-md, 1rem)));--feature-card-pad: 2rem;--feature-card-hover-lift: -5px;--feature-card-transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;--feature-card-ring: var(--sf-ring, var(--focus-ring, var(--s-overlay-80, rgba(255,255,255,.7))));--feature-card-ring-offset: 3px;--feature-card-icon-box: 56px;--feature-card-icon-size: 28px;--feature-card-icon-bg: transparent;--feature-card-icon-bd: transparent;--feature-card-icon-radius: var(--s-radius-lg, 12px);--feature-card-text-muted: color-mix( in srgb, var(--sf-text, var(--surface-text, var(--surface-text))), transparent 25% );--fc-gap: var(--feature-card-gap);--fc-pad: var(--feature-card-pad, var(--s-card-pad-lg, 2rem));display:flex;flex-direction:column;gap:var(--fc-gap);width:100%;min-width:0;padding:var(--fc-pad);text-align:center;color:var(--sf-text, var(--surface-text, var(--surface-text)));outline:none;--fc-tf: none;transform:var(--fc-tf);will-change:auto;transition:var(--feature-card-transition);background:var(--sf-bg, var(--surface-bg, var(--s-overlay-5)));border:1px solid var(--sf-bd, var(--surface-bd, transparent));border-radius:var(--sf-radius, var(--surface-radius, var(--s-radius-xl)));box-shadow:var(--sf-shadow, var(--surface-shadow, none));backdrop-filter:blur(var(--sf-blur, var(--surface-blur, 8px)));-webkit-backdrop-filter:blur(var(--sf-blur, var(--surface-blur, 8px)));background-clip:padding-box}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.feature-card{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (hover: hover){.feature-card:hover{--fc-tf: translateY(var(--feature-card-hover-lift, -5px));box-shadow:var(--sf-shadow-hover, var(--surface-shadow-hover, 0 10px 30px rgba(0,0,0,.25)))}}.feature-card:focus-visible{outline:2px solid var(--feature-card-ring);outline-offset:var(--feature-card-ring-offset, 3px);border-radius:max(0px,calc(var(--sf-radius, var(--surface-radius, var(--s-radius-xl))) - 2px))}.feature-card .icon-wrapper{--fc-icon-box: var(--feature-card-icon-box, 56px);--fc-icon-size: var(--feature-card-icon-size, 28px);--fc-icon-bg: var(--feature-card-icon-bg, transparent);--fc-icon-bd: var(--feature-card-icon-bd, transparent);--fc-icon-radius: var(--feature-card-icon-radius, var(--s-radius-lg, 12px));display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, var(--fc-icon-box));height:var(--icon-size, var(--fc-icon-box));margin:var(--s-inline-2xs, var(--s-space-2xs, var(--s-space-3xs, .25rem))) auto;background:var(--fc-icon-bg);border:1px solid var(--fc-icon-bd);border-radius:var(--fc-icon-radius);color:var(--icon-color, currentColor)}.feature-card .icon-wrapper :is(svg,img){width:var(--fc-icon-size, var(--icon-size, 28px));height:var(--fc-icon-size, var(--icon-size, 28px));display:block}.feature-card .icon-inline :where(svg){width:100%;height:100%;display:block;stroke-linecap:round;stroke-linejoin:round}.feature-card .icon-inline :where(svg):not([fill]){fill:none}.feature-card .icon-inline :where(svg) [stroke]:not([stroke=none]){stroke:currentColor}.feature-card .icon-inline :where(svg):not([stroke]){stroke:currentColor}.feature-card .icon-inline :where(svg):not([stroke-width]){stroke-width:2}.feature-card .icon-img{width:var(--icon-size, var(--fc-icon-box));height:var(--icon-size, var(--fc-icon-box));display:block}.feature-card :where(h3,h4,h5,h6){margin:0}.feature-card .feature-description{margin:0;color:var(--fc-text-muted, var(--feature-card-text-muted))}@media (prefers-reduced-motion: reduce){.feature-card{transition:none!important;transform:none!important}}}@layer component{.b-feature{--b-max: 72rem;--b-px: var(--s-section-pad-x, var(--s-space-xl));--b-py: var(--s-section-pad-y, var(--s-space-fluid-lg));--b-gap: var(--s-block-gap-md, var(--s-stack-md));--b-min: 16rem;--b-stack-gap: var(--s-block-gap-lg, var(--s-stack-lg));padding-block:var(--b-py)}.b-feature__inner{width:100%;max-width:var(--b-max);margin-inline:auto;padding-inline:var(--b-px);box-sizing:border-box;min-width:0;display:grid;gap:var(--b-stack-gap)}.b-feature__grid{display:grid;gap:var(--b-gap);width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(var(--b-min),1fr));justify-items:stretch;align-items:stretch}.b-feature__grid>*{min-width:0}.b-feature__grid[data-cols=auto]{grid-template-columns:repeat(auto-fit,minmax(var(--b-min),1fr))}.b-feature__grid[data-cols="1"]{grid-template-columns:1fr}.b-feature__grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.b-feature__grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.b-feature__grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 48rem){.b-feature__grid[data-cols="3"],.b-feature__grid[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 22.5rem){.b-feature__grid{grid-template-columns:1fr}}.b-feature[data-width=wide]{--b-max: 80rem}.b-feature[data-width=normal]{--b-max: 72rem}.b-feature[data-width=narrow]{--b-max: 60rem}.b-feature[data-width=full]{--b-max: none}.b-feature[data-padding=none]{--b-py: 0}.b-feature[data-padding=sm]{--b-py: var(--s-stack-lg, var(--s-space-2xl))}.b-feature[data-padding=md]{--b-py: var(--s-section-pad-y, var(--s-space-fluid-lg))}.b-feature[data-padding=lg]{--b-py: var(--s-space-fluid-4xl, var(--s-space-3xl))}.b-feature[data-gap=none]{--b-gap: 0}.b-feature[data-gap=sm]{--b-gap: var(--s-block-gap-sm, var(--s-stack-sm))}.b-feature[data-gap=md]{--b-gap: var(--s-block-gap-md, var(--s-stack-md))}.b-feature[data-gap=lg]{--b-gap: var(--s-block-gap-lg, var(--s-stack-lg))}}@layer component{.service-card{--service-card-accent: var(--s-accent);--service-card-text: var(--sf-text, var(--surface-text, inherit));--service-card-muted: var(--s-text-2, var(--s-overlay-60, #bbb));--service-card-pad: var(--s-card-pad-lg, var(--s-card-pad-md, var(--s-space-md, 1rem)));--service-card-gap: var(--s-card-gap-lg, var(--s-card-gap-md, var(--s-stack-sm, var(--s-space-sm, .75rem))));--service-card-hover-lift: -4px;--service-card-transition: transform .3s ease;--service-card-focus-offset: 4px;--service-card-pill-bg: var(--s-glass-20, rgba(255,255,255,.12));--service-card-pill-text: var(--s-overlay-80, rgba(255,255,255,.85));--service-card-pill-bg-hover: color-mix(in srgb, var(--service-card-accent) 22%, transparent);--service-card-pill-transition: background-color .3s ease, color .3s ease;--service-card-arrow-bd: var(--s-overlay-25, rgba(255,255,255,.25));--service-card-arrow-text: var(--s-overlay-80, rgba(255,255,255,.9));--service-card-arrow-bg-hover: var(--service-card-accent);--service-card-arrow-text-hover: var(--s-text-inv, #fff);--service-card-arrow-transition: background-color .3s ease, color .3s ease;--service-card-arrow-rotate: 45deg;--service-card-title-size: clamp(1.1rem, 1.2vw + .9rem, 1.25rem);--service-card-title-weight: 700;--service-card-desc-size: .95rem;--service-card-desc-lh: 1.6;--service-card-icon-size: 36px;--service-card-link-size: .8rem;--service-card-link-weight: 700;--service-card-link-gap: var(--s-inline-sm, var(--s-space-sm, .75rem));--service-card-link-focus-offset: 3px;--service-card-corner-top: var(--s-card-pad-md, var(--s-space-md, 1rem));--service-card-corner-right: var(--s-card-pad-md, var(--s-space-md, 1rem));--service-card-arrow-box: 24px;--service-card-arrow-icon: 16px;--sc-accent: var(--service-card-accent);--sc-text: var(--service-card-text);--sc-muted: var(--service-card-muted);--sc-pill-bg: var(--service-card-pill-bg);--sc-pill-text: var(--service-card-pill-text);--sc-pill-bg-hover: var(--service-card-pill-bg-hover);--sc-arrow-bd: var(--service-card-arrow-bd);--sc-arrow-text: var(--service-card-arrow-text);--sc-arrow-bg-hover: var(--service-card-arrow-bg-hover);--sc-arrow-text-hover: var(--service-card-arrow-text-hover);position:relative;padding:var(--service-card-pad);min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--service-card-gap);color:var(--sc-text);transition:var(--service-card-transition);--sc-tf: none;transform:var(--sc-tf);will-change:auto;backface-visibility:hidden;box-sizing:border-box;isolation:isolate;background-clip:padding-box;min-width:0}.service-card[data-perf=gpu]{--sc-tf: translateZ(0);will-change:transform}.service-card[data-as=link],.service-card.service-card--as-link{text-decoration:none;color:inherit;display:flex}.service-card:is([data-as=link],.service-card--as-link) .service-link{display:none}@media (hover: hover){.service-card:hover{--sc-tf: translateY(var(--service-card-hover-lift, -4px))}.service-card[data-perf=gpu]:hover{--sc-tf: translateZ(0) translateY(var(--service-card-hover-lift, -4px))}}.service-card:focus-within{outline:2px solid var(--sc-accent);outline-offset:var(--service-card-focus-offset, 4px);border-radius:calc(var(--sf-radius, var(--s-radius-xl, 16px)) - 2px)}.service-card:is([data-as=link],.service-card--as-link):focus-visible{outline:2px solid var(--sc-accent);outline-offset:var(--service-card-focus-offset, 4px);border-radius:calc(var(--sf-radius, var(--s-radius-xl, 16px)) - 2px)}.service-card :where(.service-icon.icon){margin-bottom:var(--s-stack-2xs, var(--s-space-2xs, .35rem));--icon-size: var(--service-card-icon-size, 36px);--icon-color: var(--sc-accent)}.service-card .service-title{font-size:var(--service-card-title-size);font-weight:var(--service-card-title-weight, 700);margin:0;min-width:0;overflow-wrap:anywhere}.service-card .service-description{font-size:var(--service-card-desc-size, .95rem);line-height:var(--service-card-desc-lh, 1.6);color:var(--sc-muted);margin:0;min-width:0;overflow-wrap:anywhere}.service-card .service-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--s-inline-sm, var(--s-space-sm, .75rem));min-width:0}.service-card .service-link{font-size:var(--service-card-link-size, .8rem);text-transform:uppercase;font-weight:var(--service-card-link-weight, 700);display:inline-flex;align-items:center;gap:var(--service-card-link-gap);color:var(--sc-text);text-decoration:none;outline:none}.service-card .service-link:focus-visible{outline:2px solid var(--sc-accent);outline-offset:var(--service-card-link-focus-offset, 3px);border-radius:calc(var(--sf-radius, var(--s-radius-xl, 16px)) - 2px)}.service-card .service-price--corner{position:absolute;top:var(--service-card-corner-top);right:var(--service-card-corner-right);padding:.3em .8em;border-radius:999px;background:var(--sc-pill-bg);color:var(--sc-pill-text);font-weight:700;font-size:.75rem;line-height:1.2;white-space:nowrap;transition:var(--service-card-pill-transition);z-index:2}@media (hover: hover){.service-card:hover .service-price--corner{background:var(--sc-pill-bg-hover);color:var(--sc-text)}}.service-card .service-arrow{width:var(--service-card-arrow-box, 24px);height:var(--service-card-arrow-box, 24px);border-radius:50%;border:1px solid var(--sc-arrow-bd);display:grid;place-items:center;background-color:transparent;color:var(--sc-arrow-text);transition:var(--service-card-arrow-transition);flex:0 0 auto}.service-card .service-arrow :where(svg){width:var(--service-card-arrow-icon, 16px);height:var(--service-card-arrow-icon, 16px);display:block;fill:currentColor;transition:transform .3s ease}@media (hover: hover){.service-card:hover .service-arrow,.service-card .service-link:hover .service-arrow{background-color:var(--sc-arrow-bg-hover);color:var(--sc-arrow-text-hover)}.service-card:hover .service-arrow :where(svg),.service-card .service-link:hover .service-arrow :where(svg){transform:rotate(var(--service-card-arrow-rotate, 45deg))}}@media (prefers-reduced-motion: reduce){.service-card,.service-card .service-arrow :where(svg),.service-card .service-price--corner{transition:none!important}}}@layer component{.service-section{--sg-max: 72rem;--sg-px: var(--s-section-pad-x, var(--s-space-xl, var(--s-space-md, 1rem)));--sg-py: var(--s-section-pad-y, var(--s-space-fluid-lg, var(--s-space-section-padding, 4rem)));--sg-gap: var(--s-block-gap-md, var(--s-stack-md, 1.25rem));--sg-min: 16.25rem;--sg-head-gap: var(--s-stack-2xs, var(--s-space-2xs, .5rem));--sg-head-mb: var(--s-stack-xl, var(--s-space-xl, 2rem));--sg-justify: stretch;--sg-align: stretch;padding-block:var(--sg-py);max-width:var(--sg-max);margin-inline:auto;padding-inline:var(--sg-px);box-sizing:border-box;min-width:0}.service-header{display:grid;justify-items:center;text-align:center;gap:var(--sg-head-gap);margin:0 0 var(--sg-head-mb);min-width:0;overflow-wrap:anywhere}.service-grid{margin:0;padding:0;list-style:none;display:grid;gap:var(--sg-gap);width:100%;min-width:0;align-items:var(--sg-align);justify-items:var(--sg-justify);grid-template-columns:repeat(auto-fit,minmax(var(--sg-min),1fr))}.service-item{margin:0;padding:0;min-width:0}.service-grid[data-cols="1"]{grid-template-columns:1fr}.service-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 48rem){.service-grid[data-cols="3"],.service-grid[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.service-section{--sg-min: 15rem}}@media (max-width: 22.5rem){.service-grid{grid-template-columns:1fr}}}
