/* Service pages: useful detail, with illustrations only where they explain the work. */
.lead-page .lead-approach-link a{display:inline-block;margin-right:1rem;text-decoration:underline}
.lead-page .lead-hero h1{font-size:clamp(2.4rem,4.6vw,4.15rem)}
.lead-page .lead-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem}
.lead-page .lead-hero-single{grid-template-columns:1fr;max-width:960px}
.lead-hero-single h1{max-width:22ch}
.lead-page .service-intro{max-width:80ch;color:#354957}
.service-scope .lead-card p+p{margin-top:1rem}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:3rem;align-items:start;margin-top:3.5rem}
.lead-page .service-example-note{font-size:.9rem;color:#50636e;max-width:60ch}
.service-example{border-left:3px solid #137e81;padding-left:1.25rem;margin-top:1.75rem}
.lead-page .service-example h4{font-family:"Manrope",system-ui,sans-serif;font-size:1.05rem;font-weight:750;margin:0 0 .5rem;color:#0e2536}
.service-example p{margin:0;color:#354957}
.service-boundary{padding:1.75rem;background:#edf5f6;border:1px solid #c5dce0;border-radius:16px}
.service-boundary h3{margin-top:0}.service-boundary p{margin-bottom:0}
.lead-page .service-boundary a,.lead-page .service-preparation a{color:#006567;text-decoration:underline;text-underline-offset:3px}
.service-deliverables{list-style:none;counter-reset:deliverable;display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;margin:2.5rem 0;padding:0}
.service-deliverables li{counter-increment:deliverable;border-top:1px solid #bcd2da;padding:1.5rem 0 1.5rem 3rem;position:relative}
.service-deliverables li:before{content:"0" counter(deliverable);position:absolute;left:0;top:1.6rem;color:#006567;font-size:.85rem;font-weight:750}
.service-deliverables h3{margin:0 0 .75rem}.service-deliverables p{margin:0;color:#354957}
.service-preparation{max-width:80ch}.service-preparation h3{margin-bottom:.5rem}

/* Native HTML keeps labels readable on small screens; no external animation runtime. */
.service-illustration{margin:0;width:100%;max-width:560px;justify-self:center}
.service-illustration figcaption{font-size:.85rem;line-height:1.6;color:#b4cfd3;margin-top:1rem}
.visual-panel{background:#0b1d29;border:1px solid #35515f;border-radius:20px;padding:1.5rem;box-shadow:0 24px 64px #04111c38;color:#edf6fa;font-family:"Inter",system-ui,sans-serif;font-size:.86rem;line-height:1.5}
.visual-panel strong{display:block;font-size:.94rem;font-weight:650;letter-spacing:-.02em}
.visual-topline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;border-bottom:1px solid #2b4552;padding-bottom:1.1rem;margin-bottom:1.4rem;font-size:.63rem;font-weight:700;letter-spacing:.12em;color:#a3c6cf}
.visual-dot{width:7px;height:7px;border-radius:50%;background:#70e5db;flex-shrink:0}
.visual-tag{margin-left:auto;letter-spacing:0;text-transform:none;border:1px solid #38515e;padding:.15rem .5rem;border-radius:5px;font-size:.65rem;color:#c3d9df}
.visual-label{display:block;font-size:.6rem;font-weight:700;letter-spacing:.1em;color:#93bbbf;margin-bottom:.4rem}
.visual-muted{display:block;font-size:.73rem;line-height:1.6;color:#acc5cf;margin-top:.3rem}
.visual-check{display:inline-grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;color:#83ece2;background:#1b3f45;font-size:.8rem}
.visual-panel svg{width:22px;height:22px;stroke:#7ce9df;stroke-width:1.5;flex-shrink:0}
.automation-intake{display:flex;align-items:center;gap:.85rem;border:1px solid #426472;background:#142f3c;border-radius:12px;padding:1rem}
.automation-intake>.visual-check{margin-left:auto}
.visual-file-icon{display:grid;place-items:center;width:42px;height:52px;background:#244853;border-radius:6px;flex-shrink:0}
.visual-file-icon svg{width:28px;height:28px}
.automation-branches{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;position:relative;padding-top:2rem}
.automation-branches:before{content:"";position:absolute;top:0;left:50%;height:1rem;border-left:1px solid #42717a}
.automation-branches:after{content:"";position:absolute;top:1rem;left:24%;right:24%;height:1rem;border:1px solid #42717a;border-bottom:0;border-radius:8px 8px 0 0}
.automation-route{position:relative;padding:1rem;border:1px solid #32626b;background:#123039;border-radius:12px;z-index:1}
.route-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#7ae4da;top:-4px;left:50%;transform:translateX(-50%)}
.lead-page .automation-route p{font-size:.73rem;line-height:1.6;color:#bbd2d8;margin:.6rem 0 1rem}
.visual-field{display:flex;justify-content:space-between;border-top:1px solid #31535c;padding:.4rem 0;font-size:.7rem;color:#b4d7d9}
.visual-field span:last-child{color:#83ece2}
.route-review{background:#262e32;border-color:#686355}.route-review .route-dot{background:#e7c68a}.route-review .visual-label{color:#e7c68a}
.visual-pill{display:inline-block;padding:.35rem .5rem;border-radius:5px;background:#3b3930;color:#f2dba8;font-size:.68rem}
.automation-output{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #2b4552;font-size:.8rem}
.automation-output small{font-size:.7rem;color:#acc5cf}
.agent-request{padding:.85rem 1rem;border-radius:10px;background:#17343f;border:1px solid #3a5f6b}
.agent-workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:center;padding:1.5rem 0}
.agent-tools{display:grid;gap:.65rem}.agent-tool{display:flex;align-items:center;gap:.65rem;padding:.8rem;border-radius:9px;border:1px solid #385563;background:#112b38;font-size:.76rem}
.agent-tool small{display:block;font-size:.65rem;color:#acc5cf;margin-top:.15rem}
.agent-core{display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}
.agent-centre{width:110px;height:110px;display:grid;justify-items:center;align-content:center;border:1px solid #6fded3;border-radius:50%;background:radial-gradient(circle,#23545c,#103039);position:relative}
.agent-centre svg{width:40px;height:40px}.agent-centre strong{font-size:.83rem}
.agent-orbit{position:absolute;top:-10px;width:130px;height:130px;border:1px dashed #3d7d84;border-radius:50%}
.agent-orbit:after{content:"";position:absolute;top:12px;left:12px;width:7px;height:7px;background:#81ede2;border-radius:50%}
.agent-core>span{margin-top:1.25rem;text-align:center;color:#b8d3d8;font-size:.72rem}
.agent-approval{display:flex;gap:.7rem;align-items:center;border-top:1px solid #35515e;padding-top:1rem}
.agent-approval strong{font-size:.8rem}.agent-guardrails{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.agent-guardrails span{font-size:.63rem;border:1px solid #395561;border-radius:20px;padding:.25rem .5rem;color:#b7d0d7}
.knowledge-question{display:flex;align-items:center;gap:.75rem;padding-bottom:1.25rem}
.knowledge-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#244d59;color:#a6f7ee;flex-shrink:0}
.knowledge-library{background:#102936;border:1px solid #355867;border-radius:12px;padding:1rem}
.knowledge-source{display:flex;align-items:center;gap:.6rem;margin-top:.7rem;padding:.75rem;background:#173743;border:1px solid #315965;border-radius:8px}
.knowledge-source strong{font-size:.8rem}.knowledge-source .visual-check{margin-left:auto}
.source-number{font-size:.68rem;color:#79e6da;border-right:1px solid #3e616c;padding-right:.6rem}
.knowledge-restricted{display:flex;align-items:center;gap:.4rem;margin-top:.85rem;font-size:.65rem;color:#b5c6ce}
.knowledge-restricted svg{width:16px;height:16px;stroke:#b5c6ce}
.knowledge-answer{margin-top:1rem;border-left:3px solid #65d7cb;background:#17383f;padding:1rem;border-radius:0 10px 10px 0}
.lead-page .knowledge-answer p{font-size:.84rem;color:#e2f4f3;margin:.5rem 0 1rem;line-height:1.8}
.knowledge-citation{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;background:#2c5960;color:#c5fff8;margin-left:.3rem;font-size:.6rem;vertical-align:middle}
.knowledge-references{display:flex;flex-wrap:wrap;gap:.4rem .85rem;font-size:.63rem;color:#a7e9e1}

/* One short sequence settles into a complete static illustration in under five seconds. */
.is-animated .visual-step-one{animation:service-highlight 1.2s .2s ease-out both}
.is-animated .visual-step-two{animation:service-highlight 1.2s 1.5s ease-out both}
.is-animated .visual-step-three{animation:service-highlight 1.2s 2.8s ease-out both}
.is-animated .agent-orbit{animation:service-orbit 4.3s ease-out both}
@keyframes service-highlight{0%,100%{transform:translateY(0);box-shadow:none}45%{transform:translateY(-2px);box-shadow:0 0 0 1px #72e3d677,0 0 18px #4acdc41a}}
@keyframes service-orbit{from{transform:rotate(-110deg);opacity:.5}to{transform:rotate(0);opacity:1}}
@media(max-width:1050px){.lead-page .lead-hero-grid{grid-template-columns:1fr}.service-illustration{max-width:600px;justify-self:start}.lead-page .lead-hero h1{max-width:22ch}}
@media(max-width:760px){.service-detail-grid,.service-deliverables{grid-template-columns:1fr}.service-detail-grid{gap:2rem;margin-top:2rem}.service-boundary{padding:1.4rem}.visual-panel{padding:1rem}.agent-workspace{gap:.7rem}.agent-centre{width:94px;height:94px}.agent-orbit{width:114px;height:114px}.visual-file-icon{width:32px;height:42px}.automation-intake{gap:.6rem;padding:.8rem}.automation-route{padding:.75rem}.visual-topline{font-size:.59rem;gap:.4rem}.knowledge-source{padding:.6rem}.lead-page .lead-hero h1{font-size:clamp(2.4rem,7vw,4rem)}}
@media(max-width:420px){.agent-workspace{grid-template-columns:1fr;gap:1.5rem;padding-top:1.6rem}.agent-core{grid-row:1}.agent-tools{grid-row:2}.agent-tool{font-size:.8rem}.agent-tool small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.visual-panel *{animation:none!important}}