/* The canvas is the invitation. Details appear when the visitor asks. */
:root{color-scheme:dark}
.brand-byline{display:block;font-size:10px;letter-spacing:.5px;color:#8ea4c1;font-weight:400;margin-top:3px}
.hero{padding:58px 0 46px}.hero p strong{display:block;font-size:23px;font-weight:500;color:#dceaff;letter-spacing:-.5px}.hero p{line-height:1.9;color:#8fa7c5}
.journey-intro{display:flex;gap:38px;align-items:center;padding:18px 0 27px;color:#b6c8df;font-size:13px}.journey-intro>span{display:flex;gap:11px;align-items:center}.journey-intro b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #708cb94f;border-radius:50%;font-size:10px;color:#8bb9ff;font-weight:500}.journey-intro>span+span:before{content:'→';color:#486184;margin-right:16px}
.system-legend{margin:18px 0 26px}.lab-intro{padding-bottom:15px}.system-card{padding:28px;gap:30px;margin-bottom:32px}.system-story{padding:8px 4px;justify-content:center}.system-story h2{font-size:clamp(26px,2.05vw,33px);line-height:1.25;max-width:325px;margin-bottom:17px}.system-story>p{font-size:14px;line-height:1.8;color:#9bb2cf;margin-bottom:27px;max-width:285px}.story-actions{gap:15px}.story-actions .text-button{color:#a9bfdc}.system-number{margin-bottom:28px}.impact-link{margin-top:34px;padding:15px 0 0;border:0;border-top:1px solid #92b2de27;background:none;color:var(--project-accent);display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.6;text-align:left;cursor:pointer}.impact-link span{font-size:17px}.impact-link:hover{color:#fff}
.system-surface{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.surface-heading{padding:13px 17px}.surface-heading small{font-size:11px;color:#99afcc}.surface-heading .architecture-label{font-size:12px}.diagram-scroll{flex:1;display:grid;align-items:center}.surface-controls{padding:10px 15px;min-height:62px}.surface-controls>div{gap:12px}.surface-controls .outcome-button{color:#c3dcff;white-space:nowrap;background:#729cff15;border:1px solid #819fd82e;border-radius:6px;padding:9px 12px}.surface-controls .needs-decision{border-color:#d4b77a80;background:#c6a35c18;color:#f0d698}.system-status{font-size:12px;line-height:1.65}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 16px 13px;gap:13px;background:#0b1625;border-top:1px solid #7b9cc51c}.journey-track>span{font-size:10px;color:#748ead;border-top:2px solid #62789835;padding-top:8px;display:flex;gap:6px;align-items:center;transition:color .6s,border-color .6s;line-height:1.5}.journey-track b{font-weight:400;font-size:9px;opacity:.65}.journey-track .phase-active{color:#d6e7ff;border-color:var(--project-accent)}.journey-track .phase-active b{opacity:1}.journey-track .phase-done{border-color:#71bda284;color:#96b8ad}
.impact-invitation{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin:20px 0 85px;border:1px solid #6687b334;border-radius:16px;background:linear-gradient(120deg,#14233a,#0e1725)}.impact-invitation p{font-size:20px;font-weight:400;letter-spacing:-.4px;color:#cee0f5;line-height:1.5;margin:10px 0 0}.impact-invitation .eyebrow{font-size:10px}.impact-invitation .button{flex-shrink:0}.foundation-disclosure{border-top:1px solid #7c9ac735;border-bottom:1px solid #7c9ac735;margin:60px 0}.foundation-disclosure>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;cursor:pointer;color:#d6e5fa;font-size:19px}.foundation-disclosure>summary::-webkit-details-marker{display:none}.foundation-disclosure>summary small{font-size:12px;color:#92aacb;display:flex;align-items:center;gap:25px}.foundation-disclosure>summary b{font-size:23px;font-weight:400}.foundation-disclosure[open]>summary b{transform:rotate(45deg)}.foundation-disclosure .foundation{margin:0;padding:20px 0 30px;border:0}
/* Native dialogs keep the workflow visible underneath and support Escape. */
dialog:not([open]){display:none!important}body:has(dialog[open]){overflow:hidden}
dialog.journey-modal{position:fixed!important;inset:0!important;margin:auto!important;width:min(690px,calc(100vw - 32px))!important;max-width:none;max-height:calc(100dvh - 48px);height:fit-content;overflow:auto;overscroll-behavior:contain;display:block;border:1px solid #8eafd45e!important;border-radius:20px!important;padding:34px!important;color:#e2edfc;background:radial-gradient(ellipse at top left,#28446555,transparent 65%),#101d2e;box-shadow:inset 0 1px #d0e5ff13,0 35px 110px #000a!important;text-align:left;backdrop-filter:none}
dialog.journey-modal::backdrop{background:#040a13b8;backdrop-filter:blur(10px)}
dialog.journey-modal h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:19px 0 16px}dialog.journey-modal p{font-size:15px;line-height:1.85;color:#acbfd7}.journey-modal .close,.journey-modal .inspector-close{position:absolute;top:12px;right:12px;width:40px;height:40px;font-size:23px;color:#b7cce9;background:#7c9dc011;border:1px solid #8daacd30;border-radius:50%;cursor:pointer}.journey-modal .close:hover,.journey-modal .inspector-close:hover{background:#a8c7f12a;color:#fff}
dialog.inspector{width:min(580px,calc(100vw - 32px))!important;grid-template-columns:none!important;gap:0!important}.modal-role{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.4px;color:#aacdff;border:1px solid #8eb1e344;border-radius:20px;padding:7px 11px;margin-right:40px;background:#7b9bff0d}.modal-role svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.role-human{color:#e8c78a;border-color:#dcbb7544;background:#bca4630d}.role-app,.role-tool,.role-rule{color:#a3ddc9;border-color:#9ccfba44}.inspector .step-explanation{font-size:16px;line-height:1.85;margin-bottom:23px}.inspector .node-evidence{display:block;border:1px solid #839fc12e!important;border-radius:12px;padding:18px!important;margin:0!important;background:#07132299;font-size:14px;line-height:1.85;color:#c9dbf3}.inspector .node-evidence span{font-size:10px;color:#91afcf}.step-actions{display:flex;justify-content:space-between;gap:20px;margin:17px 0 20px}.step-actions .text-button{min-height:42px}.inspector-body>.button{width:100%;padding:13px 18px}.inspector .step-access{padding:20px 0 0;margin-top:23px;background:none;border-top:1px solid #8ba6c32b;display:block}.inspector .step-access label{display:flex;align-items:center;justify-content:space-between;margin:0;gap:18px}.inspector .step-access select{width:70%;max-width:none;margin:0;background:#15283e;color:#cadcf3;font-size:14px}.scenario-dialog .question-prompts{max-width:none;width:100%;display:grid!important;grid-template-columns:1fr!important;gap:12px;margin:22px 0!important}.scenario-dialog .question-prompts button{margin:0!important;padding:18px;font-size:16px;min-height:68px;border-color:#81a4d749;background:linear-gradient(115deg,#2b456a66,#101e32);color:#d4e5fb}.scenario-dialog .question-prompts button>b{color:#92bbfa}.scenario-dialog .question-prompts button:hover{border-color:#adcdff;background:#294769}.scenario-dialog .sample-note{font-size:12px;color:#7f9ab9;margin-bottom:0}
dialog.system-result{width:min(850px,calc(100vw - 32px))!important}.result-heading{margin-bottom:25px;gap:18px}.result-heading .eyebrow{font-size:10px}.result-heading h3{font-size:27px;letter-spacing:-.7px;line-height:1.3;max-width:550px;margin-top:12px}.result-heading h3:focus{outline:none}.result-heading .text-button{font-size:11px;min-height:40px;white-space:nowrap;color:#97b0d1}.result-actions{margin-top:20px}.result-actions>div{gap:12px 20px}.result-actions>p{font-size:13px}.result-actions .button{font-size:13px}.completion-note{font-size:12px}.invoice-paper{max-width:none;padding:27px 30px;border:1px solid #7494c44d;border-radius:14px;background:linear-gradient(135deg,#223652,#132338 75%);color:#ccdef5;box-shadow:inset 0 1px #b9d4ff1a,0 15px 40px #0003}.document-brand{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #93acd333}.document-brand strong{display:block;font-size:20px;letter-spacing:-.8px;color:#e4efff}.document-brand small{display:block;font-size:10px;color:#8faace;margin-top:4px}.document-brand>span{color:#8facd1;font-size:10px;line-height:1.8;letter-spacing:1px;text-align:right}.document-recipient{padding:24px 0 12px}.document-recipient>span{display:block;font-size:9px;letter-spacing:1.2px;color:#86a2c6;margin-bottom:9px}.document-recipient strong{display:block;font-size:17px;font-weight:500;color:#d4e6ff}.document-recipient small{display:block;color:#7f9abd;font-size:11px;margin-top:5px}.invoice-paper dl{margin:0}.invoice-paper dl>div{border-color:#8eabd329;font-size:14px;padding:14px 0}.invoice-total{padding:16px 0 0;margin-top:14px;color:#94aed0;font-size:12px}.invoice-total b{color:#e3efff;font-size:35px;letter-spacing:-1px;font-weight:500}.held-note{background:#c5a5660c;border:1px solid #c5a56638;border-radius:7px;padding:10px 13px;color:#d9c197!important;font-size:12px!important;margin:19px 0 0;line-height:1.7!important}.reply-paper{background:linear-gradient(140deg,#223853,#13263d);border:1px solid #749aca50;color:#d9e7f9;padding:22px}.reply-paper label{color:#9bb9d9;font-size:12px}.reply-paper textarea{color:#d9e8fa;background:none;font-size:16px;padding:15px 0;min-height:210px}.specialist-findings>div{background:linear-gradient(140deg,#2c3554,#19263d)}.specialist-findings strong{font-size:21px}.specialist-findings p{font-size:13px!important}.readiness{background:#19312f30}.journey-modal .button:focus-visible,.journey-modal button:focus-visible,.impact-link:focus-visible,.foundation-disclosure>summary:focus-visible{outline:2px solid #b8d3ff;outline-offset:4px}
#impact-dialog{width:min(1120px,calc(100vw - 32px))!important}#impact-dialog .impact{padding:0;margin:0;background:none;border:0}#impact-dialog .impact-heading{padding-right:30px;gap:24px}#impact-dialog .impact-heading h2{font-size:29px;line-height:1.3}#impact-dialog .impact-grid{gap:20px}#impact-dialog .impact .eyebrow{font-size:10px}
@media(max-width:1150px){.system-card{padding:23px;gap:23px}.system-story h2{font-size:27px}.journey-track{gap:8px;padding:12px}.journey-track>span{display:block;font-size:10px}.journey-track b{margin-right:5px}.surface-controls{gap:8px}.impact-link{margin-top:25px}.system-story>p{font-size:14px}}
@media(max-width:800px){.hero p strong{font-size:21px}.journey-intro{gap:20px;font-size:11px}.journey-intro>span+span:before{display:none}.system-story{display:grid;grid-template-columns:1.2fr 1fr;gap:12px 24px}.system-story .system-number{grid-column:1/-1;margin-bottom:5px}.system-story h2,.system-story>p{max-width:none;margin:0}.system-story .story-actions{grid-column:1/-1;flex-direction:row;margin-top:6px;align-items:center;gap:20px}.impact-link{grid-column:1/-1;margin-top:8px;padding-top:12px;justify-content:space-between}.journey-track>span{display:flex}.system-surface{display:block}.impact-invitation{padding:24px;align-items:flex-start}.impact-invitation p{font-size:18px}.impact-invitation .button{font-size:12px}.foundation-disclosure>summary{font-size:17px}.foundation-disclosure>summary small{font-size:11px}.result-heading{display:block}.result-heading .text-button{margin-top:8px;padding:6px 0}.specialist-findings{grid-template-columns:1fr}.specialist-findings>div{padding:17px}.specialist-findings span{margin-bottom:9px}.readiness{grid-template-columns:1fr}.system-story .system-number{display:flex}}
@media(max-width:600px){.hero{padding:35px 0 24px}.journey-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 24px;align-items:start}.journey-intro>span{display:block;line-height:1.7;color:#9bb3d1;font-size:11px}.journey-intro b{margin-bottom:8px;width:24px;height:24px}.lab-intro{gap:12px}.lab-intro>span{font-size:10px}.system-legend{font-size:10px;gap:12px}.system-card{padding:20px 12px;gap:22px}.system-story{display:block;padding:0 5px}.system-story h2{font-size:28px;margin:18px 0 12px;max-width:360px}.system-story>p{font-size:14px}.system-story .story-actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:21px}.impact-link{width:100%;margin-top:19px;padding-top:12px}.surface-heading{padding:12px}.journey-track{padding:12px 10px;gap:9px}.journey-track>span{display:block;font-size:9px;line-height:1.6}.journey-track b{display:block;font-size:9px}.surface-controls{padding:12px}.surface-controls>div{width:100%;justify-content:flex-end;gap:18px}.surface-controls .text-button{font-size:12px}.system-status{font-size:12px}.impact-invitation{display:block;padding:22px;margin-bottom:52px}.impact-invitation p{font-size:20px}.impact-invitation .button{margin-top:22px}.foundation-disclosure{margin:45px 0}.foundation-disclosure>summary{display:block;font-size:17px;line-height:1.6}.foundation-disclosure>summary small{display:flex;justify-content:space-between;margin-top:10px}.journey-modal .eyebrow{font-size:10px}dialog.journey-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px);padding:26px 21px!important;border-radius:16px!important}dialog.inspector,dialog.system-result{width:calc(100vw - 20px)!important}dialog.journey-modal h2{font-size:28px;margin-top:22px}.modal-role{font-size:10px;max-width:calc(100% - 25px);padding:7px 9px}.inspector .step-explanation{font-size:15px}.inspector .step-access label{display:block}.inspector .step-access select{width:100%;font-size:16px;margin-top:10px}.result-heading h3{font-size:25px}.invoice-paper{padding:21px}.invoice-total b{font-size:28px}.invoice-total{gap:12px}.invoice-paper dl>div{font-size:13px}.document-brand strong{font-size:20px}.result-actions>div{gap:15px}.result-actions .button{width:100%;text-align:center}.result-actions .completion-note{display:block;width:100%}.step-actions .text-button{font-size:12px}.scenario-dialog .question-prompts button{font-size:15px}.handover-cards{grid-template-columns:1fr}.reply-paper{padding:18px}.reply-paper textarea{font-size:16px}#impact-dialog{width:calc(100vw - 20px)!important}#impact-dialog .impact-heading{padding-right:25px}#impact-dialog .impact-heading h2{font-size:26px}.system-story .story-actions>.button{padding:12px 17px}#focus-content .system-story .story-actions{flex-direction:column}#focus-content .system-story>p{margin-top:14px}}
@media(prefers-reduced-motion:no-preference){dialog.journey-modal[open]{animation:dialog-arrive .25s ease-out}@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.journey-track>span{transition:none}}