/* Generated by scripts/build-v2-css.mjs from html-prototype/v2/css. Scoped to .v2. */
/* Service page: layout tweaks only. Shared parts live in css/components.css. */
.v2 .chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.v2 .chips a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 99px; background: var(--cloud); border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: 15.5px; transition: border-color .25s, color .25s, transform .25s var(--ease); }
.v2 .chips a:hover { border-color: var(--violet); color: var(--violet); transform: translateY(-2px); }
.v2 .feat .spot { margin-bottom: 14px; }

/* Live-only rules for the skeleton pages (service, hub, technology, hire, industry, location, industries hub). */
.v2 .overview > .media, .v2 .wrap > .media { margin-top: 56px; }
.v2 .marquee__track img { width: 30px; height: 30px; flex: none; }
.v2 .mcard__m .mcard__img { width: 100%; height: auto; display: block; border-radius: 18px; }
.v2 .chips > span { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 14px; border-radius: 99px; background: var(--cloud); font-size: 15px; }
.v2 .wrap > .prose { margin-top: 48px; }
/* Accordion visual: a soft panel with a large 3D spot icon and the active item's title */
.v2 .accs__vis { background: var(--panel); padding: 0; min-height: 480px; position: relative; }
.v2 .accs__vis > [data-vis] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 32px; }
.v2 .accs__spot { width: min(320px, 70%); aspect-ratio: 1; height: auto; border-radius: 56px; object-fit: cover; box-shadow: 0 24px 60px rgba(60, 60, 140, 0.22); animation: v2-bob 6s ease-in-out infinite; }
.v2 .accs__cap { max-width: 90%; text-align: center; font-size: 17px; line-height: 1.4; padding: 10px 20px; border-radius: 99px; background: #fff; box-shadow: var(--shadow); }
.v2 .accs__vis > [data-vis]:nth-child(5n+1) { background: var(--p-lavender); } .v2 .accs__vis > [data-vis]:nth-child(5n+2) { background: var(--p-sky); } .v2 .accs__vis > [data-vis]:nth-child(5n+3) { background: var(--p-lime); } .v2 .accs__vis > [data-vis]:nth-child(5n+4) { background: var(--p-peach); } .v2 .accs__vis > [data-vis]:nth-child(5n) { background: var(--p-peri); }
@media (max-width: 960px) { .v2 .accs__vis { min-height: 380px; } .v2 .accs__spot { width: min(240px, 60%); border-radius: 40px; } }
.v2 .mcard__m { display: grid; place-items: center; min-height: 260px; }