/* Shared service orientation for Hypervision Solutions and Atelier d’Arc. */
.service-guide{background:#f3f6fb;color:#111827;scroll-margin-top:100px}
.service-guide-heading{max-width:820px;margin-bottom:36px}
.service-guide-eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:600;color:#0848c9;margin-bottom:16px}
.service-guide-heading h2{color:#111827;margin-bottom:20px}
.service-guide-heading>p:last-child{max-width:710px;color:#536074;font-size:1rem;line-height:1.75}
.service-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-guide-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #dce3ed;border-radius:8px;padding:32px}
.service-guide-card-hyper{border-top:3px solid #0c5fff;padding-top:30px}
.service-guide-brand{display:flex;gap:14px;align-items:center;min-height:48px;margin-bottom:30px}
.service-guide-brand img{object-fit:contain;flex-shrink:0;max-height:40px}
.service-guide-brand strong{font-family:Inter,Arial,sans-serif;font-size:1.35rem;font-weight:600;line-height:1.15;letter-spacing:-.025em}
.service-guide-brand small{display:block;font-size:.73rem;font-weight:400;letter-spacing:.07em;margin-top:5px;color:#536074}
.service-guide-role{color:#0848c9;font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:12px}
.service-guide-card h3{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-bottom:16px;color:#111827}
.service-guide-card>p:not(.service-guide-role){color:#536074;font-size:.95rem;line-height:1.75}
.service-guide-card ul{list-style:none;padding:0;margin:24px 0 30px;color:#263241;font-size:.9rem}
.service-guide-card li{position:relative;padding-left:20px;line-height:1.6;margin:12px 0}
.service-guide-card li::before{content:'—';position:absolute;left:0;color:#0c5fff}
.service-guide-link{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;font-size:.875rem;font-weight:600;line-height:1.5;color:#0848c9;text-decoration:none;border-bottom:1px solid #adc4ed;padding:12px 0;min-height:46px}
.service-guide-card>.service-guide-link{margin-top:auto}
.service-guide-link:hover{color:#111827;border-color:#111827}
.service-guide-link:focus-visible,.service-guide-shortcut:focus-visible{outline:3px solid #0c5fff;outline-offset:5px}
.service-guide-together{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:26px;padding:28px 32px;background:#111827;border-radius:8px;color:#fff}
.service-guide-together h3{font-size:1.13rem;color:#fff;margin:0 0 10px;font-weight:500;line-height:1.4}
.service-guide-together p{max-width:650px;font-size:.875rem;line-height:1.75;color:#c8d2e3}
.service-guide-together .service-guide-link{color:#fff;border-color:#647797;flex-shrink:0;max-width:100%}
.service-guide-shortcut{display:inline-block;font-size:.85rem;color:#0848c9;text-underline-offset:5px;margin-top:24px;line-height:1.7}
@media(max-width:850px){.service-guide-card{padding:25px}.service-guide-card-hyper{padding-top:23px}.service-guide-together{align-items:flex-start;flex-direction:column;gap:12px;padding:25px}}
@media(max-width:640px){.service-guide-grid{grid-template-columns:1fr;gap:18px}.service-guide-heading{margin-bottom:28px}.service-guide-card h3{font-size:1.5rem}.service-guide-brand{margin-bottom:25px}.service-guide-heading h2{font-size:2.4rem}.service-guide-together{padding:24px}.service-guide-link{gap:12px}}