/* === Services: expandable detail panel (reuses the audit-console interaction language) === */
.service-output{margin-top:0;border-top:1px solid #c7c6c2;padding-top:2.6rem}
.service-detail small{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#174cff}
.service-detail p{color:#33343d;line-height:1.65;font-size:1rem;max-width:760px;margin:1rem 0 0}
.service-detail b{display:block;margin-top:1.7rem;color:#6d6e72;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:400}
.service-detail ul{margin:.9rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem 2.5rem;max-width:920px}
.service-detail li{color:#33343d;line-height:1.5;font-size:.92rem;padding-left:1.1rem;position:relative}
.service-detail li:before{content:"—";position:absolute;left:0;color:#9a9a9a}
.service{cursor:pointer}
.service.active{color:#fff}
.service.active:before{transform:none}
.service.active b{transform:rotate(90deg)}
@media(max-width:620px){.service-detail ul{grid-template-columns:1fr}}

/* === Ways to work — engagement packages, styled like the vision track === */
.ways{background:#0a0c15}
.ways-head{max-width:900px}
.ways-head p{color:var(--muted);line-height:1.6;margin-top:1.4rem;font-size:1.05rem}
.ways-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6vw;border-top:1px solid var(--line)}
.way{padding:2.3rem 2vw 2rem 0;border-right:1px solid var(--line)}
.way:last-child{border-right:0}
.way span{color:#718cf5;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}
.way h3{font:1.75rem/1.2 var(--serif);margin:1.6rem 0 1rem;font-weight:400}
.way p{color:var(--muted);line-height:1.6;font-size:.92rem;margin:0}
@media(max-width:900px){.ways-grid{grid-template-columns:repeat(2,1fr)}.way:nth-child(2n){border-right:0}}
@media(max-width:620px){.ways-grid{grid-template-columns:1fr}.way{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0}.way:last-child{border-bottom:0}}

/* === Contact: body copy + WhatsApp alongside email === */
.contact-body{max-width:540px;color:#b7b9c4;line-height:1.7;font-size:1.05rem;margin:1.4vw 0 3vw}
.contact-links{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:baseline}
.contact-links .email{margin:0}
.contact-links .whatsapp{font-size:clamp(1.1rem,1.8vw,1.5rem);border-bottom:1px solid var(--line);padding-bottom:1.1rem;width:fit-content;color:#9fb0e0;transition:.25s}
.contact-links .whatsapp span{color:#5677ff}
.contact-links .whatsapp:hover{color:#fff}
@media(max-width:620px){.contact-links{gap:1.5rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.service.active b{transform:none}}