
/* A visual service map with progressive disclosure; no new libraries. */
.map-heading{text-align:center;margin-bottom:48px}
.map-heading .eyebrow{margin-bottom:18px}
.service-map{padding-block:88px 64px}
.map-entry{display:flex;align-items:center;justify-content:center;gap:36px}
.map-person,.map-assistant{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px}
.map-person strong,.map-assistant strong{font-size:24px;font-weight:500}
.map-person>span:last-child,.map-assistant>span{font-size:14px;color:var(--muted)}
.person-icon{color:var(--cyan);font-size:26px;line-height:1}
.map-assistant{border:1px solid #3c8d9b;border-radius:50%;width:156px;height:156px;background:radial-gradient(circle,#0d3343,transparent 72%)}
.map-assistant strong{margin-top:42px;color:var(--cyan)}
.map-exchange{color:var(--cyan);font-size:28px}
.map-stem{height:35px;width:1px;background:#3c7f90;margin:auto}
.map-core{position:relative;max-width:460px;margin:auto;padding:26px 24px;text-align:center;border:1px solid #468d9d;border-radius:8px;background:var(--surface)}
.map-core h3{font-size:25px;color:var(--ink);margin-bottom:6px}
.map-core p{font-size:14px}
.map-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;align-items:start;padding-top:25px}
.map-branches:before{content:"";position:absolute;left:calc(12.5% - 9px);right:calc(12.5% - 9px);top:0;height:1px;background:#3c7f90}
.map-node{position:relative;border:1px solid var(--line);border-radius:7px;background:var(--bg);min-width:0}
.map-node:before{content:"";position:absolute;left:50%;top:-26px;width:1px;height:25px;background:#3c7f90}
.map-node summary{position:relative;list-style:none;cursor:pointer;padding:25px 18px 23px;display:flex;align-items:center;flex-direction:column;text-align:center;min-height:172px}
summary::-webkit-details-marker{display:none}
.map-node svg{height:30px;width:30px;fill:none;stroke:var(--cyan);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:15px}
.map-node svg circle{fill:var(--bg)}
.map-node strong{font-size:19px;font-weight:500}
.map-node summary>span:not(.node-more){font-size:14px;color:var(--muted);margin-top:4px}
.node-more{position:absolute;right:12px;top:8px;color:var(--cyan);font-size:20px}
.map-node[open] .node-more,.pilot-details[open] summary>span{transform:rotate(45deg)}
.map-node>p{padding:0 20px 24px;font-size:15px;line-height:1.7}
summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:4px}
summary:active{color:var(--cyan)}
.map-caption{text-align:center;font-size:13px;margin-top:22px}
.control-strip{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:44px;padding-top:25px;border-top:1px solid var(--line)}
.control-strip svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:var(--cyan);stroke-width:1.3;stroke-linejoin:round}
.control-strip p{font-size:15px}
.control-strip strong{color:var(--ink);font-weight:500}
.everyday-section{padding-block:72px}
.examples{margin-top:0;gap:64px}
.example-panels{min-height:244px;padding-top:10px}
.example-tabs button{padding-block:19px}
.request-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:32px 0 0;counter-reset:request}
.request-path li{position:relative;counter-increment:request;font-size:14px;color:var(--muted);padding-top:14px;border-top:1px solid #3c7f90}
.request-path li:before{content:"0" counter(request);display:block;color:var(--cyan);font-size:12px;margin-bottom:8px}
.request-path li:not(:last-child):after{content:"→";position:absolute;right:-18px;top:-15px;color:var(--cyan);background:#0a1b29}
.example-state{margin-top:22px;font-size:13px}
.light-pilot{text-align:center;padding-block:80px 64px}
.light-pilot>.eyebrow{margin-bottom:18px}
.pilot-lead{max-width:420px;margin:24px auto;font-size:17px}
.light-pilot>.button{margin:0 auto 36px}
.pilot-details{max-width:780px;text-align:left;margin:auto;border-block:1px solid var(--line)}
.pilot-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 4px;font-size:15px;min-height:56px}
.pilot-details summary>span{font-size:22px;color:var(--cyan)}
.pilot-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:8px 4px 26px}
.pilot-status p{font-size:14px}
.pilot-status strong{display:block;color:var(--ink);font-weight:500;margin-bottom:8px}
@media(hover:hover) and (pointer:fine){.map-node summary:hover,.pilot-details summary:hover{background:#102a3b}}
@media(max-width:1000px){.map-branches{gap:16px}.map-node summary{padding-inline:8px}.map-node summary>span:not(.node-more){font-size:13px}}
@media(max-width:760px){
 .service-map{padding-block:60px 44px}.map-heading{margin-bottom:34px}
 .map-entry{gap:18px}.map-person,.map-assistant{min-width:0}.map-person{width:112px}.map-assistant{width:136px;height:136px}.map-assistant strong{margin-top:33px}.map-person strong,.map-assistant strong{font-size:22px}.map-person>span:last-child,.map-assistant>span{font-size:12px}.map-exchange{font-size:24px}
 .map-core{padding:22px 14px}.map-core h3{font-size:23px}.map-core p{font-size:13px}
 .map-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding-top:18px;padding-left:13px;border-left:1px solid #3c7f90;margin-left:5px}
 .map-branches:before{left:0;right:50%;}.map-node:before{display:none}
 .map-node summary{min-height:155px;padding:22px 7px 18px}.map-node strong{font-size:18px}.map-node summary>span:not(.node-more){font-size:12px}
 .map-node>p{padding:0 13px 18px;font-size:14px}
 .map-caption{font-size:12px;max-width:240px;margin:20px auto 0}
 .control-strip{align-items:flex-start;gap:10px;margin-top:30px;padding-top:22px}.control-strip p{font-size:14px;text-align:left}.control-strip strong{display:block}
 .everyday-section{padding-block:50px}.examples{gap:28px}.example-tabs button{padding-block:15px}.example-panels{min-height:0}
 .request-path{gap:17px}.request-path li{font-size:13px}.request-path li:not(:last-child):after{right:-15px}
 .example-state{font-size:13px}blockquote{font-size:26px}
 .light-pilot{padding-block:54px 42px}.pilot-lead{font-size:16px;max-width:300px}.pilot-status{grid-template-columns:1fr;gap:20px}
 .site-footer p{display:none}
}

/* On phones the map becomes a connected list; expanded text keeps its full measure. */
@media(max-width:760px){
 .map-branches{grid-template-columns:minmax(0,1fr);gap:14px}
 .map-node:before{display:block;left:-14px;top:44px;width:13px;height:1px}
 .map-node summary{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;column-gap:16px;row-gap:2px;text-align:left;min-height:88px;padding:16px 18px}
 .map-node summary svg{grid-column:1;grid-row:1 / 3;margin:0}
 .map-node summary strong{grid-column:2;grid-row:1;font-size:18px}
 .map-node summary>span:not(.node-more){grid-column:2;grid-row:2;font-size:14px;margin:0}
 .map-node summary .node-more{grid-column:3;grid-row:1 / 3;position:static;justify-self:center}
 .map-node>p{padding:0 18px 20px;font-size:15px}
}

/* Independent conversational and visual entrances to the same system. */
.entry-person{margin:auto}
.access-choices{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:min(520px,100%);margin:auto;padding-block:28px}
.access-choices:before,.access-choices:after{content:"";position:absolute;height:1px;left:calc(25% - 8px);right:calc(25% - 8px);background:#3c7f90}
.access-choices:before{top:0}.access-choices:after{bottom:0}
.access-point{position:relative;text-align:center;border:1px solid #3c7f90;border-radius:8px;padding:22px 12px;background:var(--surface)}
.access-point:before,.access-point:after{content:"";position:absolute;width:1px;height:28px;left:50%;background:#3c7f90}
.access-point:before{top:-29px}.access-point:after{bottom:-29px}
.access-point svg{width:28px;height:28px;stroke:var(--cyan);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 12px}
.access-point h3{font-size:22px;color:var(--ink);margin-bottom:4px}.access-point p{font-size:14px}
.knowledge-story{padding-block:76px 72px;border-top:1px solid var(--line)}
.graph-intro{font-size:16px;max-width:490px;line-height:1.8;margin:22px auto 0}.graph-intro strong{font-weight:500;color:var(--ink)}
.dependency-figure{margin:0}
.dependency-graph{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr) 100px minmax(0,1fr);align-items:center;max-width:1000px;margin:auto}
.knowledge-node{text-align:center;border:1px solid #3c7f90;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:232px;width:100%;margin:auto;padding:16px}
.knowledge-node>span{font-size:11px;letter-spacing:1.4px;color:var(--cyan)}
.knowledge-node h3{font-size:19px;font-weight:500;margin:12px 0 4px}
.knowledge-node p{font-size:14px}
.knowledge-edge{display:flex;flex-direction:column;gap:8px;align-items:center}
.knowledge-edge>span{font-size:12px;color:var(--muted)}
.knowledge-edge i{display:block;position:relative;height:1px;background:#3c7f90;width:100%}
.knowledge-edge i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);transform:rotate(45deg)}
.dependency-figure figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}
.prediction-story{display:grid;grid-template-columns:1fr 1.7fr;gap:52px;margin-top:58px;border-top:1px solid var(--line);padding-top:36px}
.prediction-story .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:12px}
.prediction-story h3{font-family:var(--serif);font-size:32px;line-height:1.2}
.prediction-status{display:inline-block;margin-top:16px;font-size:13px;color:var(--amber)}
.prediction-speaker{font-size:11px;letter-spacing:1.5px;color:var(--cyan);margin-bottom:13px}
.prediction-message blockquote{font-size:25px;line-height:1.4;margin-bottom:18px}
.prediction-message>p:last-child{font-size:14px;max-width:540px}
@media(max-width:1000px){.dependency-graph{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) 70px minmax(0,1fr)}.knowledge-node h3{font-size:17px}.knowledge-node p{font-size:13px}}
@media(max-width:760px){
 .access-choices{gap:20px}.access-choices:before,.access-choices:after{left:calc(25% - 5px);right:calc(25% - 5px)}.access-point{padding:20px 8px}.access-point h3{font-size:20px}.access-point p{font-size:13px}
 .knowledge-story{padding-block:52px}.graph-intro{font-size:15px;max-width:340px}
 .dependency-graph{grid-template-columns:minmax(0,1fr)}
 .knowledge-node{border-radius:8px;aspect-ratio:auto;max-width:100%;padding:22px 16px}.knowledge-node h3{font-size:20px;margin-top:7px}.knowledge-node p{font-size:14px}
 .knowledge-edge{height:50px;justify-content:center;position:relative;gap:0}
 .knowledge-edge>span{background:var(--bg);z-index:1;padding:3px 10px}
 .knowledge-edge i{width:1px;height:50px;position:absolute;top:0;left:50%}
 .knowledge-edge i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}
 .prediction-story{grid-template-columns:1fr;gap:24px;margin-top:32px;padding-top:28px}
 .prediction-status{margin-top:10px}.prediction-message blockquote{font-size:23px}
}
