/** Enterprise Service detail page components. */
.avc-services-single { background: var(--avc-surface); }.avc-service-hero { padding-block: var(--avc-service-hero-padding, 5rem); color: var(--avc-surface); background: linear-gradient(var(--avc-primary), var(--avc-secondary)); }.avc-service-hero__breadcrumb { display: flex; flex-wrap: wrap; gap: var(--avc-space-1); margin-bottom: var(--avc-space-3); font-size: var(--avc-text-sm, .875rem); }.avc-service-hero__breadcrumb a { color: inherit; }.avc-service-hero__grid { display: grid; gap: var(--avc-space-4); align-items: center; }.avc-service-eyebrow { margin: 0 0 var(--avc-space-2); color: var(--avc-secondary); font-size: var(--avc-text-sm, .875rem); font-weight: var(--avc-weight-semibold, 600); letter-spacing: var(--avc-tracking, .08em); text-transform: uppercase; }.avc-service-hero .avc-service-eyebrow { color: var(--avc-highlight); }.avc-service-hero h1 { color: inherit; font-size: clamp(2.25rem, 6vw, 4.25rem); }.avc-service-hero__excerpt { max-width: var(--avc-service-copy-width, 42rem); font-size: var(--avc-service-lead-size, 1.125rem); opacity: var(--avc-service-hero-opacity, .9); }.avc-service-hero__actions, .avc-service-contact-cta > div > div { display: flex; flex-wrap: wrap; gap: var(--avc-space-1); margin-top: var(--avc-space-3); }.avc-service-button { display: inline-flex; min-height: var(--avc-control-size, 2.75rem); align-items: center; justify-content: center; padding-inline: var(--avc-space-2); border: var(--avc-service-button-border, 1px solid transparent); border-radius: var(--avc-radius); font-weight: var(--avc-weight-semibold, 600); text-decoration: none; }.avc-service-button--primary, .avc-service-button--accent { color: var(--avc-surface); background: var(--avc-accent); }.avc-service-button--secondary, .avc-service-button--outline { border-color: var(--avc-surface); color: var(--avc-surface); }.avc-service-button:focus-visible, .avc-service-faq button:focus-visible, .avc-related-services a:focus-visible { outline: var(--avc-focus-outline, 3px solid var(--avc-focus)); outline-offset: var(--avc-focus-offset, 3px); }.avc-service-hero__visual { padding: var(--avc-space-3); border: var(--avc-service-glass-border, 1px solid var(--avc-surface)); border-radius: var(--avc-service-radius, 1.5rem); background: var(--avc-service-glass, var(--avc-primary)); box-shadow: var(--avc-shadow); }.avc-service-hero__illustration { display: grid; height: var(--avc-hero-illustration-height, 13rem); place-items: center; }.avc-service-hero__illustration span { display: block; position: absolute; width: var(--avc-service-node-size, 4rem); aspect-ratio: 1; border-radius: var(--avc-orb-radius, 50%); background: var(--avc-highlight); opacity: var(--avc-service-node-opacity, .8); }.avc-service-hero__illustration span:nth-child(2) { transform: translate(var(--avc-service-node-shift, 4rem), var(--avc-service-node-shift, 4rem)); background: var(--avc-accent); }.avc-service-hero__illustration span:nth-child(3) { transform: translate(calc(var(--avc-service-node-shift, 4rem) * -1), var(--avc-service-node-shift, 4rem)); background: var(--avc-surface); }.avc-service-badges, .avc-service-technologies__list { display: flex; flex-wrap: wrap; gap: var(--avc-tag-gap, .35rem); padding: 0; margin: 0; list-style: none; }.avc-service-badges li, .avc-service-technologies__list li { padding: var(--avc-tag-padding-y, .25rem) var(--avc-tag-padding-x, .5rem); border-radius: var(--avc-tag-radius, 999px); background: var(--avc-surface); color: var(--avc-primary); font-size: var(--avc-tag-size, .75rem); font-weight: var(--avc-weight-semibold, 600); }
.avc-service-section { padding-block: var(--avc-service-section-space, 5rem); }.avc-service-section:nth-of-type(even) { background: var(--avc-surface-alt); }.avc-service-reading { max-width: var(--avc-reading); }.avc-service-section__header { max-width: var(--avc-service-copy-width, 42rem); margin-bottom: var(--avc-space-3); }.avc-service-benefits__grid, .avc-service-features__grid, .avc-related-services__grid { display: grid; gap: var(--avc-space-2); }.avc-service-benefit, .avc-related-services__grid article, .avc-related-cases__placeholder { padding: var(--avc-space-3); border: var(--avc-service-card-border, 1px solid var(--avc-border)); border-radius: var(--avc-service-radius, 1.5rem); background: var(--avc-surface); box-shadow: var(--avc-shadow); transition: transform var(--avc-transition, .35s ease), border-color var(--avc-transition, .35s ease); }.avc-service-benefit:hover, .avc-related-services__grid article:hover { border-color: var(--avc-accent); transform: translateY(var(--avc-service-lift, -6px)); }.avc-service-benefit > span { color: var(--avc-accent); font-size: var(--avc-service-icon-size, 1.5rem); }.avc-service-benefit p, .avc-related-services p, .avc-related-cases__placeholder p { margin: 0; color: var(--avc-muted); }.avc-service-features__grid { padding: 0; list-style: none; }.avc-service-features__grid li { padding: var(--avc-space-2); border-radius: var(--avc-radius); color: var(--avc-primary); background: var(--avc-surface); box-shadow: var(--avc-shadow); font-weight: var(--avc-weight-semibold, 600); }.avc-service-features__grid span { margin-right: var(--avc-space-1); color: var(--avc-secondary); }.avc-service-process__timeline { display: grid; gap: var(--avc-space-1); padding: 0; margin: 0; list-style: none; }.avc-service-process__timeline li { padding: var(--avc-space-2); border-left: var(--avc-service-process-line, 3px solid var(--avc-secondary)); background: var(--avc-surface); }.avc-service-process__timeline span { color: var(--avc-secondary); font-size: var(--avc-text-sm, .875rem); font-weight: var(--avc-weight-semibold, 600); }.avc-service-process__timeline h3 { margin: var(--avc-space-1) 0 0; font-size: var(--avc-card-title-size, 1.1rem); }.avc-service-architecture__diagram { display: grid; gap: var(--avc-space-1); grid-template-columns: repeat(2, 1fr); padding: var(--avc-space-3); border-radius: var(--avc-service-radius, 1.5rem); background: var(--avc-primary); }.avc-service-architecture__diagram div { padding: var(--avc-space-2); border-radius: var(--avc-radius); color: var(--avc-primary); background: var(--avc-surface); font-weight: var(--avc-weight-semibold, 600); text-align: center; }.avc-service-faq__item { overflow: hidden; border: var(--avc-service-card-border, 1px solid var(--avc-border)); border-radius: var(--avc-radius); background: var(--avc-surface); }.avc-service-faq__item + .avc-service-faq__item { margin-top: var(--avc-space-1); }.avc-service-faq h3 { margin: 0; }.avc-service-faq button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: var(--avc-space-2); border: 0; color: var(--avc-primary); background: transparent; font: inherit; font-family: var(--avc-font-heading); font-weight: var(--avc-weight-semibold, 600); text-align: left; cursor: pointer; }.avc-service-faq [data-service-faq-answer] { padding: 0 var(--avc-space-2) var(--avc-space-2); color: var(--avc-muted); }.avc-related-services h3 a, .avc-related-services__grid article > a { color: var(--avc-primary); }.avc-service-contact-cta { padding-block: var(--avc-service-section-space, 5rem); color: var(--avc-surface); text-align: center; background: linear-gradient(var(--avc-primary), var(--avc-secondary)); }.avc-service-contact-cta h2 { color: inherit; }.avc-service-contact-cta p { max-width: var(--avc-service-copy-width, 42rem); margin-inline: auto; }.avc-service-contact-cta > div > div { justify-content: center; }
.avc-related-cases__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--avc-space-2); }
.avc-related-cases__grid .avc-portfolio-card { display: flex; min-width: 0; flex-direction: column; }
.avc-related-cases__grid .avc-portfolio-card__body { flex: 1; }
@media (min-width: 42rem) { .avc-service-benefits__grid, .avc-service-features__grid, .avc-related-services__grid, .avc-related-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.avc-service-process__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .avc-service-hero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); }.avc-service-benefits__grid, .avc-related-services__grid, .avc-related-cases__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.avc-service-features__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.avc-service-process__timeline { grid-template-columns: repeat(6, minmax(0, 1fr)); }.avc-service-architecture__diagram { grid-template-columns: repeat(4, 1fr); } }
@media (prefers-reduced-motion: reduce) { .avc-service-benefit, .avc-related-services__grid article { transition: none; } }