*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font-body)}a{color:var(--accent)}button,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 14px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--edge);outline-offset:4px}header,footer{padding:20px 3vw;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.08em}.brand{font-weight:700;text-decoration:none}.brand span{font-weight:400;color:var(--muted);margin-left:12px}.pill{padding:5px 9px;border:1px solid var(--line);border-radius:20px;font-size:10px;letter-spacing:.02em;margin-left:12px;color:var(--muted)}main{max-width:1540px;margin:auto;padding:0 3vw}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;padding:45px 0 35px;align-items:center}.hero h1{font-size:clamp(34px,4vw,59px);line-height:1.08;letter-spacing:-.04em;font-weight:400;color:var(--heading);margin:0 0 18px}.hero h1 span{color:var(--muted)}.hero p{max-width:660px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--accent);margin:0 0 14px}h2{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.025em;color:var(--heading);margin:0 0 15px}h3{font-size:19px;font-weight:500;line-height:1.3;color:var(--heading);margin:0 0 12px}.brief{border-left:2px solid var(--edge);padding-left:25px}.brief h2{font-size:25px;margin-top:15px}.brief a{text-decoration:none;font-weight:700;font-size:13px}section{scroll-margin-top:15px}#architecture{border-top:1px solid var(--line);padding-top:28px}.heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:16px}.heading label{font-size:11px;color:var(--muted)}select{display:block;min-width:250px;margin-top:5px;font-size:13px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.seg{display:flex;gap:5px}.toolbar button,.seg button{font-size:12px}button[aria-pressed=true],#play{background:var(--heading);color:var(--surface);border-color:var(--heading)}.mapframe{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.mapbar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:.1em}.mapbar button{padding:4px 10px;font-size:12px}#mapscroll{overflow:auto}#diagram{display:block;width:100%;min-width:850px;color:var(--accent)}.zone{fill:var(--bg);stroke:var(--line);stroke-width:1}.transportzone{fill:var(--surface);stroke-dasharray:5 5}.azurezone{fill:var(--surface)}.zonelabel{fill:var(--muted);font-size:11px;font-weight:700;letter-spacing:.6px}.noteSvg{fill:var(--muted);font-size:12px}.node{cursor:pointer}.node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.node:hover rect,.node:focus-visible rect{stroke:var(--accent);stroke-width:2.5}.node.selected rect{stroke:var(--accent);stroke-width:3;fill:var(--bg)}.nodeindex{font-size:10px;fill:var(--muted)}.nodetitle{font-size:14px;font-weight:700;fill:var(--heading)}.nodesub{font-size:11px;fill:var(--muted)}.beacon{fill:var(--edge);opacity:0}.selected .beacon{opacity:1}.connector{fill:none;stroke:var(--edge);color:var(--edge);stroke-width:1.6}.connector.branch{stroke-dasharray:4 5;opacity:.6}.connector.active{stroke-width:3;stroke-dasharray:7 6;animation:flow 1s linear infinite}.connector.blocked{stroke:var(--muted);opacity:.35;stroke-dasharray:2 7;animation:none}.opsstrip rect{fill:var(--bg);stroke:var(--line)}.opsstrip text{font-size:12px;fill:var(--muted)}.trustlabel{display:none}.trustlabel text{font-size:12px;font-weight:700;fill:var(--accent)}#diagram[data-lens=ops] .opsstrip rect{stroke:var(--accent);stroke-width:2}#diagram[data-lens=ops] .opsstrip text{fill:var(--accent)}#diagram[data-lens=ops] .edgepaths{opacity:.25}#diagram[data-lens=trust] .trustlabel{display:block}#diagram[data-lens=trust] .zone{stroke:var(--accent);stroke-width:2;stroke-dasharray:7 5}.legend{display:flex;gap:20px;flex-wrap:wrap;padding:14px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.legend span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:22px;border-top:2px solid var(--edge)}.legend .dashed{border-top-style:dashed}.legend .dot{width:7px;height:7px;border:0;border-radius:50%;background:var(--edge)}.status{display:flex;gap:20px;padding:18px 0;font-size:12px;align-items:center}.status b{font-size:10px;letter-spacing:.05em;min-width:220px;color:var(--accent)}.status span{color:var(--muted)}.inspector{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}.inspector article{padding:27px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.inspector p{color:var(--muted);font-size:14px}.inspector h2{font-size:27px}dl{margin:15px 0}dt{font-size:10px;color:var(--accent);letter-spacing:.08em;font-weight:700;margin-top:13px}dd{margin:4px 0 0;font-size:13px}.inspector a{font-size:12px}.payloadhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payloadhead .eyebrow{margin:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair label{font-size:10px;letter-spacing:.12em;color:var(--muted)}pre{background:var(--bg);padding:15px;border-radius:6px;font-size:11px;line-height:1.7;overflow:auto;min-height:280px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.rationalize,.options,.scope,.delivery{padding:35px 0;border-top:1px solid var(--line);margin-top:35px}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.rules b{font-size:12px;color:var(--accent)}.rules h3{margin:13px 0}.rules p,.optionsgrid p,.deliveryrow p{font-size:13px;color:var(--muted)}.note{font-size:12px;color:var(--muted);margin-top:22px}.optionsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.optionsgrid article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.domains{margin:25px 0 15px;flex-wrap:wrap}#domainText{padding:20px;background:var(--surface);border-left:3px solid var(--edge);font-size:14px;color:var(--muted);margin-bottom:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--surface);text-align:left;font-size:13px}td,th{padding:16px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--accent)}.deliveryrow{display:grid;grid-template-columns:repeat(5,1fr);gap:23px;margin-top:23px}.deliveryrow b{color:var(--heading);font-size:14px}.sources{margin:20px 0 40px;font-size:12px;color:var(--muted)}summary{padding:12px 0;color:var(--accent);cursor:pointer}#sources{columns:2}#sources li{padding:4px 0}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:10px}.skip{position:absolute;top:-90px}.skip:focus{top:5px;background:var(--surface);padding:12px;z-index:10}@keyframes flow{to{stroke-dashoffset:-26}}@media(max-width:950px){.hero{gap:30px}.inspector{grid-template-columns:1fr}.rules{grid-template-columns:repeat(2,1fr)}.deliveryrow{grid-template-columns:repeat(3,1fr)}.status{align-items:flex-start;flex-direction:column;gap:6px}.brief h2{font-size:22px}}@media(max-width:620px){header{font-size:9px;align-items:flex-start}.brand span{display:block;margin:4px 0}.pill{display:inline-block;margin:4px 0}.hero{grid-template-columns:1fr;padding:30px 0}.hero h1{font-size:37px}.hero .brief{display:none}main{padding:0 16px}.heading,.toolbar{flex-direction:column;align-items:stretch}.heading select{width:100%}.toolbar button{padding:9px 11px}.seg button{flex:1}.tour{display:flex;justify-content:space-between}.mapbar{padding:12px;font-size:8px;gap:10px}.mapbar>span{max-width:180px}.mapbar>div{white-space:nowrap}#diagram{min-width:1050px}.inspector article{padding:20px}.pair{grid-template-columns:1fr}pre{min-height:0}.rules,.optionsgrid,.deliveryrow{grid-template-columns:1fr}.rules{gap:12px}.rules div{border-bottom:1px solid var(--line)}.domains{flex-direction:column}.sources ul{columns:1!important}footer{flex-direction:column;align-items:flex-start}.legend{gap:10px}h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.connector.active{animation:none}}
.providerbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 20px;margin:18px 0;background:var(--surface);border:1px solid var(--line);border-radius:9px}.providerbar .eyebrow{display:block;margin-bottom:8px}.providerbar p{font-size:13px;color:var(--muted);max-width:520px}.evidence{padding:14px;border-left:3px solid var(--edge);background:var(--bg);margin:20px 0}.evidence b{font-size:10px;letter-spacing:.06em;color:var(--accent)}.evidence p{font-size:12px;margin:7px 0}.research{padding:35px 0;border-top:1px solid var(--line);margin-top:35px}.research h3{margin-top:30px}.approvalgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.approvalgrid article{padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.approvalgrid b{color:var(--heading);font-size:14px}.approvalgrid p{font-size:13px;color:var(--muted)}caption{text-align:left;padding:12px 0;color:var(--muted);font-size:12px}.gapcell{color:#8b4b0c;background:#fff7eb}.research .rules p{color:var(--muted);font-size:13px}.research table td{vertical-align:top}.research table td:first-child{min-width:145px;color:var(--heading)}@media(max-width:700px){.providerbar{align-items:stretch;flex-direction:column;gap:5px}.approvalgrid{grid-template-columns:1fr}.scope table{min-width:780px}.research table{min-width:730px}}
/* Diagram workspace: light drafting canvas, differentiated infrastructure roles. */
.mapframe{background-color:var(--surface);background-image:radial-gradient(var(--line) .7px,transparent .7px);background-size:16px 16px}.canvas-map .zone{fill-opacity:.65;stroke-dasharray:4 5}.canvas-map .azurezone{fill-opacity:.4}.canvas-map .node rect{stroke-width:1.2;filter:drop-shadow(0 2px 2px #0000000b)}.canvas-map .connector{stroke-width:1.8}.canvas-map .data-shape rect{stroke-width:2;stroke-dasharray:1 0}.canvas-map .gate-shape rect{stroke:var(--accent);stroke-dasharray:5 2}.canvas-map .human-shape rect{stroke-width:2.5}.hopbadge{font-size:10px;fill:var(--muted)}.hopbadge.anomaly{fill:#944b12;font-weight:700}.perfbar{display:flex;gap:25px;align-items:center;margin:15px 0}.perfbar label{font-size:11px}.perfbar select{min-width:210px}.perfbar p{font-size:13px;flex:1}.perfbar .pill{max-width:170px}.narrator{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;margin:8px 0 30px}.narratorhead{display:flex;justify-content:space-between;gap:20px;align-items:center}.narratorhead h2{font-size:23px}.narratorhead .eyebrow{margin-bottom:5px}.narrator .inspector article{border:0;padding:15px 0}.narrator pre{min-height:0}.narrator [hidden]{display:none!important}.hopoverview{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:14px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numbers span{padding:12px;background:var(--bg);font-size:10px;color:var(--muted)}.numbers b{display:block;font-size:24px;color:var(--heading);font-weight:500}.hoprail{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.hoprail button{font-size:11px;padding:7px 10px}.hoprail span{color:var(--edge)}.reference-drawer{margin:25px 0}.reference-drawer>details{border-top:1px solid var(--line);padding:8px 0}.reference-drawer section{border:0;margin:0;padding:18px}.reference-drawer summary{font-size:14px}.guidance{padding:15px;font-size:13px;color:var(--muted)}.floatingnote{padding:15px;border-left:3px solid var(--edge);background:var(--bg);font-size:14px}.hero{padding:30px 0 25px}.hero h1{font-size:clamp(30px,3vw,44px)}@media(max-width:750px){.perfbar,.narratorhead{align-items:stretch;flex-direction:column;gap:8px}.perfbar .pill{max-width:none}.hopoverview{grid-template-columns:1fr}.narrator{padding:16px}.narratorhead .seg{flex-wrap:wrap}.narratorhead .seg button{flex:1}.numbers b{font-size:20px}}
.mapglyph{stroke:var(--accent);fill:none;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.canvas-map .service-shape rect{fill:var(--surface);fill-opacity:.6;stroke:transparent;filter:none}.canvas-map .service-shape:hover rect,.canvas-map .service-shape.selected rect{stroke:var(--accent)}.canvas-map .data-shape rect{stroke:var(--line);fill-opacity:.65}.canvas-map .nodetitle{font-size:13px}.canvas-map .nodesub{font-size:10px}
.stage-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.stage-controls label{font-size:11px}.stage-controls select{min-width:180px}.stage-node{cursor:pointer}.stage-node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.stage-node.active rect,.stage-node:hover rect{stroke:var(--accent);stroke-width:2.5}.stage-node .zonelabel{font-size:10px}.stage-node .nodetitle{font-size:14px}.stage-node .noteSvg{font-size:12px}[hidden]{display:none!important}@media(max-width:700px){.stage-controls{align-items:stretch;flex-direction:column}.stage-controls select{width:100%}}
.jwcc-toggle{display:flex;align-items:center;gap:8px;font-size:13px!important;padding:10px;border:1px solid var(--line);border-radius:8px}.jwcc-toggle input{width:17px;height:17px;accent-color:var(--accent)}.jwcc-panel{border-top:1px solid var(--line);margin-top:20px;padding:20px 0 0}.jwcc-panel h3{font-size:18px}.jwcc-panel p{font-size:13px;max-width:1000px}.jwcc-panel .note{font-size:12px;margin-top:12px}