/* === Service-page layout — Variant A (svc-*) === */
/* Service-page components, built on QAA design tokens */
    .svc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
    .svc-hero .lead{max-width:52ch}
    .svc-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.8rem}
    .svc-chip{font-family:var(--mono);font-size:var(--t--1);color:var(--ink-2);background:var(--surface-tint);border:1px solid var(--line-2);border-radius:999px;padding:.4rem .9rem}
    .svc-actions{display:flex;flex-wrap:wrap;gap:.8rem}
    .svc-shot{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);aspect-ratio:4/3;background:var(--surface-tint)}
    .svc-shot img{width:100%;height:100%;object-fit:cover;display:block}
    .svc-shot figcaption{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:linear-gradient(transparent,var(--paper));padding:1.6rem 1rem .7rem;text-align:center}
    .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem)}
    .svc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.3rem,2.2vw,1.9rem);box-shadow:var(--sh-sm);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
    .svc-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--line-2)}
    .svc-card .num{font-family:var(--mono);color:var(--teal);font-size:.8rem;font-weight:600}
    .svc-card h3{font-family:var(--serif);font-size:var(--t-1);letter-spacing:-0.01em;margin:.5rem 0 .4rem}
    .svc-card p{font-family:var(--sans);color:var(--ink-2);font-size:var(--t--1);line-height:1.6}
    .svc-deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 2rem}
    .svc-deliver li{list-style:none;display:flex;gap:.7rem;align-items:flex-start;font-family:var(--desc);color:var(--ink);font-size:var(--t-0);padding:.6rem 0;border-bottom:1px solid var(--line)}
    .svc-deliver svg{flex-shrink:0;margin-top:.25rem;color:var(--teal)}
    .svc-faq{max-width:820px}
    .svc-faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
    .svc-faq summary{font-family:var(--serif);font-size:var(--t-1);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
    .svc-faq summary::-webkit-details-marker{display:none}
    .svc-faq summary::after{content:"+";color:var(--teal);font-size:1.4rem;transition:transform .3s var(--ease)}
    .svc-faq details[open] summary::after{transform:rotate(45deg)}
    .svc-faq p{font-family:var(--sans);color:var(--ink-2);font-size:var(--t-0);line-height:1.7;margin-top:.8rem;max-width:70ch}
    .cta-band{background:var(--cta-bg);color:var(--cta-text);border-radius:var(--r-lg);padding:clamp(2.6rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);text-align:center;box-shadow:var(--sh-lg)}
    .cta-band h2{font-family:var(--serif);font-size:var(--t-2);letter-spacing:-0.02em;margin-bottom:.7rem;color:#fff}
    .cta-band p{font-family:var(--desc);color:rgba(255,255,255,.72);font-size:var(--t-0);max-width:48ch;margin:0 auto 1.8rem;line-height:1.6}
    .svc-eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:.6rem}
    .svc-h2{font-family:var(--serif);font-size:var(--t-2);letter-spacing:-0.02em;margin-bottom:2rem;max-width:24ch}
    @media(max-width:900px){.svc-hero{grid-template-columns:1fr}.svc-grid{grid-template-columns:1fr}.svc-deliver{grid-template-columns:1fr;gap:0}}

/* === Service-page layout — Variant B (svc2-*) === */
/* v4 reference-pattern: eyebrow / two-line accent headline / lead / single CTA */
    .svc2-hero{max-width:52ch}
    .svc2-hero .svc-eyebrow{margin-bottom:.9rem}
    .svc2-lead{font-family:var(--desc);color:var(--ink-2);font-size:var(--t-0);line-height:1.65;max-width:56ch;margin:1.1rem 0 1.9rem}
    .svc2-included{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
    .svc2-included-item{padding:1.8rem 1.8rem 1.8rem 0;border-bottom:1px solid var(--line)}
    .svc2-included-item:nth-child(2n){padding-left:1.8rem;padding-right:0}
    .svc2-included-item h3{font-family:var(--serif);font-size:var(--t-1);letter-spacing:-.01em;margin-bottom:.55rem}
    .svc2-included-item p{font-family:var(--sans);color:var(--ink-2);font-size:var(--t--1);line-height:1.65}
    .svc2-who{border-top:1px solid var(--line)}
    .svc2-who-row{display:grid;grid-template-columns:200px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line);align-items:baseline}
    .svc2-who-row b{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--teal);font-weight:600}
    .svc2-who-row p{font-family:var(--sans);color:var(--ink-2);font-size:var(--t--1);line-height:1.65}
    .svc2-cta h2{font-family:var(--serif);font-size:var(--t-2);letter-spacing:-.02em;margin-bottom:.7rem;max-width:20ch}
    .svc2-cta p{font-family:var(--desc);color:var(--ink-2);font-size:var(--t-0);line-height:1.6;max-width:48ch;margin-bottom:1.6rem}
    @media(max-width:760px){.svc2-included{grid-template-columns:1fr}.svc2-included-item,.svc2-included-item:nth-child(2n){padding:1.5rem 0}.svc2-who-row{grid-template-columns:1fr;gap:.4rem}}

    /* Explore-all services grid */
    .xg-hero{max-width:40ch;margin-bottom:clamp(2.4rem,5vw,3.6rem)}
    .xg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
    .xg-card{padding:clamp(1.8rem,3vw,2.6rem) clamp(1.6rem,2.5vw,2.4rem) clamp(2.2rem,3.5vw,3rem) 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
    .xg-grid > .xg-card:nth-child(2n){padding-left:clamp(1.6rem,2.5vw,2.4rem);padding-right:0}
    .xg-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:12px;background:var(--teal-soft);color:var(--teal);margin-bottom:1.3rem}
    .xg-icon svg{width:20px;height:20px}
    .xg-card h3{font-family:var(--serif);font-size:var(--t-1);letter-spacing:-.01em;margin-bottom:.5rem}
    .xg-card p{font-family:var(--sans);color:var(--ink-2);font-size:var(--t--1);line-height:1.6;margin-bottom:1.2rem;flex:1}
    .xg-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}
    .xg-chip{font-family:var(--mono);font-size:.68rem;color:var(--ink-3);background:var(--surface-tint);border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem}
    .xg-explore{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans);font-weight:600;font-size:.86rem;color:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:.6rem 1.1rem;width:fit-content;text-decoration:none;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease)}
    .xg-explore:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
    .xg-card.is-featured{background:linear-gradient(115deg,rgba(26,107,214,0.06),rgba(75,121,245,0.03))}
    @media(max-width:760px){.xg-grid{grid-template-columns:1fr}.xg-grid>.xg-card:nth-child(2n){padding-left:0}}