:root{--paper:#f8f7f3;--ink:#171717;--muted:#73736f;--line:#e5e3dc;--card:#fff;--blue:#09a3e8;--blue-soft:#edf8fd;--purple:#7655a2;--purple-soft:#eee8f3;--green:#13b66a;--yellow:#f5c94d;--white-muted:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}.page-column{width:min(680px,100% - 40px);margin-inline:auto}.wide-column{background:#fff}.arrow{width:10px;display:flex;&.outside{transform:rotate(45deg)}&.down{transform:rotate(180deg)}&.right{transform:rotate(90deg)}}.floating-nav{z-index:50;backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e2e0d9e6;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(720px,100% - 28px);min-height:56px;margin:18px auto 0;padding:7px 9px 7px 14px;display:flex;position:sticky;top:18px;box-shadow:0 8px 30px #18181512}.brand-link,.footer-brand{align-items:center;gap:10px;font-weight:700;display:flex}.floating-nav nav{align-items:center;gap:2px;display:flex}.floating-nav nav a{color:#696966;border-radius:11px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s}.floating-nav nav a:hover{color:var(--ink);background:#f4f3ef}.floating-nav .github-nav{color:#fff;background:var(--ink);justify-content:center;gap:.25rem;padding-inline:15px;display:flex;&>span{align-self:center}}.floating-nav .github-nav:hover{color:#fff;background:#353532}.mobile-label{display:none}.mesh-mark{flex:none;justify-content:center;align-items:center;width:28px;height:24px;display:inline-flex;position:relative}.hero{padding-top:118px;padding-bottom:128px}.hero-mark{background:var(--ink);color:#fff;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:36px;display:grid;box-shadow:0 10px 24px #14141424}.hero-mark.small{width:48px;height:48px;margin-bottom:28px}.eyebrow,.section-label{color:#777772;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:800;display:block}.hero h1{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(48px,8vw,78px);font-weight:650;line-height:.99;& i{font-weight:300}}.hero-copy{color:#686864;max-width:600px;margin:28px 0 0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;display:flex}.button{border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--ink);color:#fff;box-shadow:0 6px 18px #1414141f}.button.primary:hover{background:#343431}.button.secondary{border:1px solid var(--line);background:#fff}.button.text{color:#555551}.project-status{border-top:1px solid var(--line);color:#6f6f6b;margin-top:70px;padding-top:22px;font-size:13px}.project-status>span{align-items:center;gap:6px;display:flex}.project-status>span i,.run-passed i{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e7f8ef}.project-status strong{color:#30302e}.integration-chips{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.integration-chips em{color:#5f5f5b;background:#efeee9;border:1px solid #e8e6df;border-radius:8px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:700}.problem-card{background:var(--white-muted);border-radius:24px;padding:42px;box-shadow:0 12px 34px #1a1a170b}.problem-card h2,.section-heading h2,.final-cta h2{letter-spacing:-.043em;margin:0;font-size:clamp(32px,6vw,50px);font-weight:650;line-height:1.08}.problem-card p,.section-heading p,.final-cta>p{color:#71716d;margin:22px 0 0;font-size:16px;line-height:1.65}.health-row{background:#f7f7f4;border-radius:13px;flex-direction:column;gap:.5rem;margin-top:30px;padding:14px;font-size:12px;font-weight:700;display:flex}.health-row span{align-items:center;gap:8px;display:flex}.health-row i{border-radius:50%;width:9px;height:9px}.service-ok{background:var(--green)}.journey-alert{background:var(--yellow)}.health-row .connector{color:#aaa9a4;font-weight:500}.section{padding-top:150px}.section-heading{max-width:650px}.section-heading h2{font-size:clamp(36px,6vw,54px)}.section-heading p{max-width:630px}.section-summary{border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-top:52px;padding-bottom:22px;display:flex}.summary-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:grid}.section-summary div:last-child{gap:5px;display:grid}.section-summary strong{font-size:14px}.section-summary span{color:#888883;font-size:12px}.architecture-list{margin-top:8px}.architecture-item{border-bottom:1px solid var(--line)}.architecture-item.featured{background:linear-gradient(90deg,#09a3e80e,#0000 70%);border-radius:14px 14px 0 0;margin-inline:-12px;padding-inline:12px}.architecture-trigger{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:40px 1fr 26px;align-items:start;gap:12px;width:100%;padding:22px 0;display:grid}.step-number{color:#9b9b96;padding-top:3px;font:700 12px/1.3 monospace}.architecture-heading{color:#777773;gap:8px;font-size:13px;line-height:1.5;display:grid}.architecture-title-row{color:var(--ink);justify-content:space-between;align-items:center;gap:14px;display:flex}.architecture-title-row strong{font-size:15px}.architecture-title-row em{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-style:normal}.featured .architecture-title-row em{color:var(--blue)}.chevron{border:1px solid var(--line);color:#777;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.architecture-detail{grid-template-columns:1fr 1fr;gap:26px;padding:0 38px 24px 52px;display:grid}.status-rows{gap:8px;display:grid}.status-row{color:#777773;background:#f0efeb;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;font-weight:700;display:flex}.status-row.available{color:#137e50;background:#ebf7f0}.status-row .status-icon{color:currentColor;flex:0 0 10px;width:10px}.status-row .planned-icon{border:2px solid;border-radius:50%;height:10px}.architecture-detail p{color:#777773;margin:4px 0 0;font-size:12px;line-height:1.6}.pipeline-card{background:#fff;border-radius:23px;margin-top:56px;padding:38px;box-shadow:0 10px 30px #1c1c180a}.pipeline{flex-direction:column;align-items:stretch;max-width:440px;margin:28px auto 0;display:flex}.pipeline-step{text-align:left;background:#fbfbf9;border:1px solid #deddd7;border-radius:12px;place-content:center start;gap:4px;min-height:64px;padding:13px 17px;display:grid;position:relative}.pipeline-step:not(:first-child):before,.pipeline-branches:before{content:"";background:#c9c8c2;width:1px;height:16px;position:absolute;top:-17px;left:50%}.pipeline-step strong{font-size:13px}.pipeline-step span{color:#8a8984;font-size:11px}.pipeline-step+.pipeline-step,.pipeline-branches+.pipeline-step{margin-top:16px}.pipeline-branches{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid;position:relative}.pipeline-branches span{background:var(--blue-soft);color:#137da9;text-align:center;border:1px solid #cceaf7;border-radius:8px;padding:10px 5px;font-size:10px;font-weight:800}.pipeline-card>p{text-align:center;color:#777772;margin:24px 0 0;font-size:12px}.pipeline-card>p strong{color:var(--ink)}.demo-section{padding-bottom:0}.run-card{border-radius:22px;grid-template-columns:1fr auto;margin-top:50px;padding:30px;display:grid}.run-card h3{letter-spacing:-.02em;margin:5px 0 17px;font-size:22px}.run-passed{color:#188554;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.run-card>a{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-self:center;margin-top:24px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.run-progress{background:#efeee9;border-radius:99px;grid-column:1/-1;height:6px;margin:26px 0 20px;overflow:hidden}.run-progress span{background:linear-gradient(90deg, #f65b62, #e552d5 33%, #745ee8 65%, var(--blue));width:100%;height:100%;display:block}.run-metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.run-metrics div{border-left:1px solid var(--line);gap:3px;padding:4px 12px;display:grid}.run-metrics div:first-child{border-left:0;padding-left:0}.run-metrics strong{font-size:20px}.run-metrics span{color:#92918c;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.mobile-journey{margin-top:42px}.segmented{background:#ecebe6;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#777772;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 8px;font-size:11px;font-weight:700}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1e1e1b14}.timeline-header{gap:5px;margin:28px 0 12px;display:grid}.timeline-header span{color:#888883;font-size:11px}.timeline-header strong{font-size:16px}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:44px 1fr;gap:12px;padding-bottom:12px;display:grid;position:relative}.timeline li:not(:last-child):before{content:"";background:#d1d0ca;width:1px;position:absolute;top:38px;bottom:-1px;left:21px}.timeline-dot{z-index:1;border:4px solid var(--paper);background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:43px;height:43px;font:700 10px monospace;display:grid;position:relative}.timeline-dot.skipped{background:#a9a8a2}.timeline li button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;gap:6px;min-width:0;padding:16px 42px 16px 17px;transition:all .2s;display:grid;position:relative}.timeline li button:hover{border-color:#cccac2;transform:translateY(-1px)}.timeline li strong{font-size:13px}.timeline li span{color:#147d50;font-size:11px;font-weight:700}.timeline li small{color:#96958f;font-size:10px}.timeline li em{color:#aaa;font-size:22px;font-style:normal;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.map-shell{margin-top:68px;width:fit-content;margin-inline:auto;padding:34px}.map-topline{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.map-topline h3{letter-spacing:-.03em;margin:0 0 7px;font-size:24px}.map-topline p{color:#83827d;margin:0;font-size:12px}.map-controls{flex:none;align-items:center;gap:5px;display:flex}.map-controls button{border:1px solid var(--line);color:#666661;cursor:pointer;background:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:700}.map-controls button:hover,.map-controls button[aria-pressed=true]{color:var(--ink);background:#f1f0ec}.map-scroll-hint{color:#999892;margin:0 0 10px;font-size:10px;display:none}.map-scroll-hint span{color:var(--blue)}.map-scroller{overscroll-behavior-inline:contain;scrollbar-color:#c5c3bd transparent;scrollbar-width:thin;overflow-x:auto}.map-canvas{transform-origin:0 0;width:1160px;padding:10px 2px 28px}.graph-lane+.graph-lane{margin-top:62px}.lane-title{align-items:center;gap:10px;min-height:46px;display:flex}.actor-badge{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid;box-shadow:0 4px 9px #09a3e833}.service-pill,.person-pill{border:1px solid #d8d6d0;border-radius:7px;padding:8px 11px;font-size:12px;box-shadow:0 2px 4px #1e1e1b0d}.lane-title strong{margin-left:3px;font-size:16px}.phase-labels{letter-spacing:.02em;gap:24px;height:44px;padding:21px 12px 0;font-size:10px;font-weight:800;display:flex}.phase-labels span{color:var(--blue)}.phase-labels .purple{color:var(--purple)}.step-band{color:#0789c3;background:#edf7fd;border:1px solid #dfe0df;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:1fr;height:32px;font:700 11px/30px monospace;display:grid;overflow:hidden}.step-band span{white-space:nowrap;padding-inline:13px}.step-band span+span{color:#684e81;background:#ded5e6}.graph-lane:has(.phase-labels .purple) .step-band{grid-template-columns:34% 66%}.graph-track{border:1px solid #e0e0df;border-radius:0 0 8px 8px;align-items:center;min-height:166px;padding:26px 32px;display:flex}.card-and-edge{align-items:center;display:flex}.graph-card{cursor:pointer;background:#fff;border:1px solid #d6d5d2;border-radius:10px;flex:none;width:182px;height:118px;padding:0;transition:all .2s;overflow:hidden;box-shadow:0 3px 6px #19191717}.graph-card:hover{transform:translateY(-2px);box-shadow:0 7px 14px #1919171c}.graph-card-body{text-align:left;justify-content:center;align-items:center;gap:10px;height:88px;padding:18px 12px;font-size:13px;line-height:1.35;display:flex}.graph-card-body i{background:var(--blue);border-radius:50%;flex:none;width:11px;height:11px}.graph-card-footer{color:#777;border-top:1px solid #dddcd8;grid-template-columns:1fr 1fr;height:30px;font:700 10px/29px monospace;display:grid}.graph-card-footer b{white-space:nowrap;padding-inline:9px}.graph-card-footer b+b{border-left:1px solid #dddcd8}.graph-card-footer .clean{color:var(--green)}.graph-edge{background:var(--blue);flex:none;width:42px;height:2px;position:relative}.graph-edge i{background:var(--blue);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-track.short{width:720px}.fit{height:425px;overflow:hidden}.fit .map-canvas{transform:scale(.72)}.map-caption{color:#888782;margin:18px 0 0;font-size:10px}.map-fullscreen{z-index:80;border-radius:20px;margin:0;position:fixed;inset:14px;overflow:auto}.map-fullscreen:before{content:"";z-index:-1;backdrop-filter:blur(5px);background:#16161473;position:fixed;inset:0}.map-fullscreen .map-canvas{width:1160px}.journey-path-with-legend{gap:16px;width:fit-content;max-width:100%;display:grid}.accessibility-metrics-legend{border:1px solid var(--line);color:#5d5d59;background:#fbfbf9;border-radius:8px;width:100%;padding:15px 16px;box-shadow:0 3px 9px #1919170a}.accessibility-metrics-legend h4{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800;line-height:1.3}.accessibility-metrics-legend dl{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px 16px;margin:0;display:grid}.accessibility-metrics-legend dl>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;display:grid}.accessibility-metrics-legend dt,.accessibility-metrics-legend dd{min-width:0}.accessibility-metrics-legend dd{margin:0;font-size:11px;line-height:1.45}.metric-legend-token{color:#696965;white-space:nowrap;background:#fff;border:1px solid #deddd7;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:22px;padding:3px 7px;font:800 10px/1 monospace;display:inline-flex}.metric-legend-clean{color:var(--green)}.accessibility-report-link{margin:-6px 0 0;font-size:12px;font-weight:700;line-height:1.4}.accessibility-report-link a{color:#078cc8;text-underline-offset:3px;text-decoration:underline}.evidence-section{padding-bottom:20px}.evidence-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:42px;display:grid}.evidence-grid span{border:1px solid var(--line);color:#595955;background:#fff;border-radius:11px;align-items:center;gap:10px;min-height:46px;padding:12px 14px;font-size:12px;display:flex}.evidence-grid i{width:21px;height:21px;color:var(--green);background:#e8f7ef;border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.limitation{background:#f0efea;border-radius:12px;align-items:flex-start;gap:11px;margin-top:18px;padding:15px 17px;display:flex}.limitation>span{color:#777;border:1px solid #aaa9a4;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:700 10px serif;display:grid}.limitation p{color:#777772;margin:0;font-size:11px;line-height:1.5}.reproduction-card{background:var(--white-muted);border-radius:24px;padding:42px;box-shadow:0 12px 34px #1a1a170b}.reproduction-card .section-heading h2{font-size:38px}.code-block{color:#ededeb;background:#20201f;border-radius:14px;margin-top:34px;overflow:hidden}.code-topline{color:#999994;border-bottom:1px solid #353533;justify-content:space-between;align-items:center;height:40px;padding:0 14px;font-size:10px;display:flex}.code-topline button{color:#d6d6d2;cursor:pointer;background:0 0;border:0;font-size:10px}.code-block pre{margin:0;padding:21px;font:10px/1.9 monospace;overflow-x:auto}.card-actions{flex-wrap:wrap;gap:9px;margin-top:19px;display:flex}.final-cta{background:var(--white-muted);border-radius:27px;margin-top:150px;padding:55px;box-shadow:0 14px 40px #1c1c180d}.final-cta h2{max-width:540px}.final-cta>p{max-width:560px}footer{padding:100px 0 36px}footer>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:28px;padding-bottom:38px;display:flex}.footer-brand{align-items:flex-start}.footer-brand>span{gap:8px;display:grid}.footer-brand small{color:#888782;max-width:270px;font-size:11px;font-weight:400;line-height:1.5}footer nav{grid-template-columns:repeat(3,auto);align-content:start;gap:12px 22px;display:grid}footer nav a{color:#71716d;font-size:11px;font-weight:600}footer>p{color:#9b9a94;margin:21px 0 0;font-size:10px}.drawer-layer{z-index:100;backdrop-filter:blur(4px);background:#16161452;position:fixed;inset:0}.evidence-drawer{background:#fff;width:min(440px,100%);height:100%;padding:42px;animation:.25s slideIn;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px #1414121f}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}}.drawer-close{border:1px solid var(--line);color:#777;cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:20px;right:20px}.evidence-drawer h3{letter-spacing:-.035em;margin:0 40px 34px 0;font-size:28px;line-height:1.1}.evidence-drawer dl{margin:0;display:grid}.evidence-drawer dl div{border-top:1px solid var(--line);gap:8px;padding:18px 0;display:grid}.evidence-drawer dt{color:#999893;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.evidence-drawer dd{color:#565652;margin:0;font-size:12px;line-height:1.55}.evidence-drawer dd.success{color:var(--green);font-weight:700}.evidence-links{color:#078cc8}.evidence-drawer code{background:#f1f0ec;border-radius:5px;padding:5px 7px;font-size:10px}@media (width<=760px){.page-column{width:min(100% - 28px,620px)}.floating-nav{min-height:52px;padding-left:11px}.brand-link>span:not(.mesh-mark){display:none}.brand-link .mesh-mark{transform:scale(.82)}.floating-nav nav a{padding:9px 8px;font-size:10px}.floating-nav .github-nav{gap:0;width:34px;padding:9px;font-size:0}.floating-nav .github-nav span{font-size:12px}.desktop-label{display:none}.mobile-label{display:inline}.hero{padding-top:78px;padding-bottom:90px}.hero h1{font-size:clamp(44px,13vw,62px)}.hero-copy{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .button.primary{flex:1}.project-status{margin-top:50px}.problem-card,.reproduction-card{border-radius:20px;padding:28px 23px}.problem-card h2{font-size:34px}.health-row .connector{padding-left:17px}.section{padding-top:110px}.section-heading h2{font-size:42px}.architecture-detail{grid-template-columns:1fr;gap:15px;padding-left:52px}.pipeline-card{padding:26px 19px}.pipeline-branches{grid-template-columns:1fr 1fr}.run-card{grid-template-columns:1fr;padding:23px}.run-card>a{text-align:center;grid-row:4;justify-self:stretch;margin-top:20px}.run-progress,.run-metrics{grid-column:1}.run-metrics div{padding-inline:7px}.map-shell{border-radius:19px;margin-top:50px;padding:22px 14px}.map-topline{flex-direction:column;align-items:flex-start}.map-controls{width:100%;overflow-x:auto}.map-controls button{flex:none}.map-scroll-hint{display:block}.map-scroller{margin-inline:-14px;padding-inline:14px}.map-canvas{padding-right:14px}.map-scroller.fit{height:350px}.fit .map-canvas{transform:scale(.56)}.map-fullscreen{border-radius:0;padding-top:18px;inset:0}.accessibility-metrics-legend{padding:14px}.accessibility-metrics-legend dl{grid-template-columns:1fr}.accessibility-metrics-legend dl>div{align-items:start}.evidence-grid{grid-template-columns:1fr}.reproduction-card .section-heading h2{font-size:34px}.card-actions .button{width:100%}.final-cta{width:calc(100% - 28px);margin-top:110px;padding:35px 24px}.final-cta h2{font-size:40px}footer>div{flex-direction:column}footer nav{grid-template-columns:repeat(3,1fr)}.evidence-drawer{border-radius:22px 22px 0 0;width:100%;height:min(78vh,650px);padding:35px 24px;animation:.25s sheetIn;top:auto;bottom:0}@keyframes sheetIn{0%{opacity:0;transform:translateY(20px)}}}@media (width>=761px){.mobile-journey{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}