:root{--ink:#173845;--muted:#657b83;--blue:#245d75;--teal:#438872;--line:#dce6e5;--paper:#f8faf9;--amber:#956d2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #4b8d9e;outline-offset:5px}button{cursor:pointer}img,svg{max-width:100%}[hidden]{display:none!important}.shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;z-index:100;padding:10px 16px;background:#fff;border:2px solid var(--blue)}.skip:focus{top:12px}.header{background:#f8faf9ed;border-bottom:1px solid var(--line)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1px;font-weight:750;flex-shrink:0}.brand img{display:block}.brand-light{font-weight:400}.nav nav{display:flex;gap:32px;font-size:14px;color:#536e78}.nav nav a:hover,.text-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:11px 19px;border-radius:6px;border:1px solid #c9d9dd;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:#e8f0f0;transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue);padding:14px 23px;min-height:54px}.button.primary:hover{background:#19495e}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:90px 110px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;color:#5c7a82;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}.dot.amber{background:#b08d4c}.dot.grey{background:#9caeaf}h1{font-size:66px;line-height:1.25;letter-spacing:-.045em;font-weight:650;margin-top:23px}h1>span{color:#3b7e83}.hero-description{font-size:17px;line-height:1.95;color:var(--muted);margin-top:25px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-size:14px}.development-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b8175;line-height:1.8;margin-top:28px}.hero-visual{position:relative;isolation:isolate;background:#fff;border:1px solid #d8e4e6;border-radius:12px;box-shadow:0 25px 65px #173e4710;transform:rotate(1deg)}.hero-visual:before{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid #dbe7e5;border-radius:12px;z-index:-1;background:#eef4f2}.visual-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid #e6eded}.mini-brand{font-size:10px;letter-spacing:.08em;color:#77909a}.demo-label{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;background:#f4eddd;color:#866934;font-weight:500;flex-shrink:0}.visual-body{padding:28px 31px 22px}.project-icon{width:48px;height:48px;color:#6a8d95;margin-bottom:15px}.visual-body .eyebrow{font-size:9px}.visual-body h2{font-size:23px;font-weight:550;margin-top:8px;letter-spacing:-.02em}.visual-description{color:#8a9b9f;font-size:11px;margin-top:6px}.visual-flow{margin-top:23px}.visual-flow>div{position:relative;display:grid;grid-template-columns:24px 1fr 20px;column-gap:12px;align-items:center;padding:12px 13px;border-top:1px solid #edf1f1}.visual-flow>div>span{grid-row:1/3;font-size:10px;color:#91a8ac;font-weight:600}.visual-flow b{font-size:12px;font-weight:500}.visual-flow small{grid-column:2;font-size:9px;color:#91a3a7}.visual-flow i{grid-column:3;grid-row:1/3;font-style:normal;color:#83a897;font-size:12px}.visual-flow .flow-current{background:#eff5f5;border:1px solid #e0ebeb;border-radius:6px}.visual-flow i.hollow{width:8px;height:8px;border:1px solid #c2cfd2;border-radius:50%}.visual-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:#8a9fa4;border-top:1px solid #eaf0f1;padding:13px 24px}.visual-bottom>span:last-child{margin-left:auto}.evidence-float{position:absolute;bottom:56px;right:-31px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #d7e4e2;border-radius:7px;box-shadow:0 12px 35px #173b4810;padding:14px 18px;transform:rotate(-1deg)}.evidence-float>span{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#eaf3ed;color:#558671}.evidence-float b{display:block;font-size:11px;font-weight:500}.evidence-float small{display:block;font-size:9px;color:#96a6a8;margin-top:3px}.principles{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;padding-block:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.principles>p{font-size:13px;line-height:1.8;color:#71858b}.principles strong{font-weight:500;color:#3b5e69}.principles>div{border-left:1px solid var(--line);padding-left:28px}.principles span{display:block;font-size:10px;color:#859b9f;letter-spacing:.05em}.principles b{display:block;font-size:13px;font-weight:500;margin-top:4px}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-heading h2,.status-section h2{font-size:34px;font-weight:550;letter-spacing:-.025em;line-height:1.5;margin-top:15px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.95;padding-bottom:5px}.steps{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps li{position:relative;padding-top:22px;border-top:1px solid #cddddd}.step-number{font-size:11px;color:#6a969c;letter-spacing:.08em}.steps h3{font-size:16px;font-weight:550;margin-top:15px}.steps p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:12px}.demo-section{background:#edf3f2;border-block:1px solid #e0e9e6;padding-block:85px 90px}.demo-warning{display:flex;gap:12px;align-items:center;margin:31px 0 17px}.demo-warning>p{font-size:11px;color:#6c7e7b}.workbench{border:1px solid #d7e3e3;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #193f4607}.workbench-top{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#163c4c;color:#e3edf0;padding:17px 24px}.workbench-top>div{display:flex;gap:12px;align-items:center;font-size:13px}.workspace-mark{font-size:12px;letter-spacing:-.5px;border:1px solid #5d7b88;border-radius:5px;display:grid;place-items:center;width:29px;height:32px}.workbench-top small{font-size:9px;color:#9bb1b9;margin-left:12px}.preview-tag{font-size:10px;color:#b0c6ca;border:1px solid #4f6d79;padding:2px 8px;border-radius:4px;flex-shrink:0}.demo-tabs{display:flex;gap:28px;border-bottom:1px solid #e3ebed;padding:0 30px}.demo-tabs button{background:none;border:0;border-bottom:2px solid transparent;min-height:58px;color:#7c9299;font-size:13px;padding:8px 0;display:flex;align-items:center;gap:16px}.demo-tabs button span{font-size:9px;color:#a2b3b7}.demo-tabs button[aria-selected=true]{color:#2a667b;border-bottom-color:#38778b}.demo-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:480px}.demo-main{padding:33px 36px 35px;min-width:0}.panel-overline{font-size:10px;color:#8da3a8;letter-spacing:.06em}.demo-main>h3{font-size:21px;font-weight:500;line-height:1.5;margin-top:10px}.panel-description{font-size:11px;color:#84989f;margin-top:9px}.requirement{display:flex;gap:17px;border-top:1px solid #e8eeee;padding:20px 0}.requirement:first-of-type{margin-top:25px}.requirement>div{flex:1;min-width:0}.requirement-index{font-size:10px;color:#9caeb5;margin-top:3px}.requirement h4{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:13px;font-weight:500}.requirement .pill{margin-left:auto}.requirement p{font-size:12px;color:#667e89;margin-top:10px;line-height:1.9}.requirement p strong{font-weight:550;color:#416b7a}.requirement a,.draft-block a{display:inline-block;font-size:10px;color:#568395;margin-top:10px;min-height:26px}.requirement a:hover,.draft-block a:hover{text-decoration:underline;text-underline-offset:4px}.pill{display:inline-block;font-size:9px;padding:2px 7px;border-radius:4px;line-height:1.75;font-weight:400;white-space:nowrap}.pill.green{background:#eaf3ee;color:#4c7d63}.amber-pill{background:#faf1db;color:#95773c}.blue-pill{background:#eaf1f7;color:#52799a}.red-pill{background:#f9ebea;color:#a35d58}.source-panel{background:#f2f6f6;border-left:1px solid #e3ebed;padding:34px 25px;min-width:0;overflow-wrap:anywhere}.source-panel h4{font-size:13px;font-weight:500;margin-top:18px}.source-location{font-size:9px;color:#96a6a7;display:block;margin-top:8px}.source-panel blockquote{margin:24px 0 22px;padding-left:13px;border-left:2px solid #a8c5c8;font-size:12px;line-height:2;color:#5c7983}.source-panel p:not(.panel-overline){font-size:12px;color:#71888e;margin-top:17px;line-height:1.95}.source-panel .source-note{font-size:10px!important;color:#81989c!important}.source-divider{height:1px;background:#dfe9e8;margin-top:25px}.source-panel ul{padding-left:18px;font-size:12px;color:#71888e;line-height:2.6;margin-top:18px}.draft-block{border-top:1px solid #e7eded;margin-top:21px;padding-top:20px}.draft-block p{font-size:13px;color:#667f89;line-height:2;margin-top:10px}.draft-block.missing{background:#fcf8ef;padding:14px 15px;border:1px solid #efe6d0;border-radius:5px}.draft-block.missing p{font-size:12px;color:#957e4f}.finding{padding-top:23px;margin-top:22px;border-top:1px solid #e6eeed}.finding h4{font-size:14px;font-weight:500;margin-top:12px}.finding p{font-size:12px;color:#71858e;line-height:1.95;margin-top:9px}.review-gate{display:flex;gap:10px;background:#fbf4e6;border:1px solid #ece1c7;border-radius:5px;padding:13px 15px;margin-top:22px;color:#967d4c;font-size:11px;line-height:1.9}.review-gate>span{font-weight:600}.no-script{font-size:12px;padding:18px;background:#fff7e5;margin-top:16px}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.status-section>div>p:last-child{font-size:14px;color:var(--muted);line-height:1.95;margin-top:25px}.status-details>div{position:relative;border-bottom:1px solid var(--line);padding:0 0 24px 20px;margin-bottom:24px}.status-details .dot{position:absolute;left:0;top:10px}.status-details h3{font-size:15px;font-weight:500}.status-details p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:10px}.footer{border-top:1px solid var(--line);background:#f0f5f3;padding-block:30px 22px}.footer-content{display:flex;align-items:center;gap:28px}.footer .brand{font-size:23px}.footer-content>p{font-size:11px;color:#82958f}.footer-content>span{margin-left:auto;font-size:10px;color:#7a928c}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:22px;padding-top:18px;border-top:1px solid #dfe8e3;color:#8a9b95;font-size:10px}.footer-bottom a{flex-shrink:0;min-height:30px}
@media(min-width:1500px){.hero{padding-block:108px 125px}h1{font-size:73px}}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.hero{gap:35px;padding-block:70px 90px}h1{font-size:52px}.hero-description{font-size:15px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-visual{transform:none}.evidence-float{right:-15px}.visual-body{padding:25px}.visual-body h2{font-size:20px}.section-heading h2,.status-section h2{font-size:30px}.steps{gap:23px}.demo-panel{grid-template-columns:minmax(0,1fr) 235px}.demo-main{padding:28px}.source-panel{padding:30px 20px}.principles{gap:18px;grid-template-columns:1fr 1fr 1fr 1fr}.principles>div{padding-left:18px}.principles b{font-size:12px}.nav nav{gap:22px}.nav-button{font-size:12px;gap:12px}}
@media(max-width:780px){.shell{width:calc(100% - 48px)}.nav{height:82px;gap:18px}.brand{font-size:24px}.nav nav{gap:20px;font-size:12px}.nav-button{display:none}.hero{grid-template-columns:1fr;gap:42px;max-width:650px;padding-block:55px 75px}.hero-copy{max-width:500px}.hero-visual{margin:0 15px 10px 0}.hero-description{font-size:16px}.hero-actions{margin-top:27px}.development-note{margin-top:20px}.hero h1{font-size:59px}.hero-visual:before{inset:13px -13px -13px 13px}.evidence-float{bottom:42px;right:-15px}.visual-body{padding:25px 30px}.visual-body h2{font-size:23px}.visual-flow>div{padding-block:10px}.visual-flow b{font-size:13px}.visual-flow small{font-size:10px}.visual-body .eyebrow{font-size:10px}.principles{grid-template-columns:1fr 1fr;gap:22px;padding-block:25px}.principles>p{font-size:13px}.principles>div{padding-left:16px}.principles>div:nth-child(3){border:0;padding-left:0}.section{padding-block:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2,.status-section h2{font-size:30px}.section-heading>p{font-size:13px}.section-heading>p br{display:none}.steps{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:30px}.steps h3{font-size:15px;margin-top:12px}.steps p{font-size:13px}.demo-section{padding-block:60px}.demo-warning{align-items:flex-start}.demo-warning>p{font-size:11px;line-height:1.8}.demo-panel{grid-template-columns:1fr;min-height:0}.demo-main{padding:26px}.source-panel{border-left:0;border-top:1px solid #e2eae8;padding:25px 26px}.source-panel blockquote{margin-block:18px}.demo-tabs{padding:0 25px;gap:28px}.demo-tabs button{gap:10px;font-size:13px}.source-panel h4{margin-top:12px}.status-section{grid-template-columns:1fr;gap:35px}.status-section>div>p:last-child{margin-top:18px}.status-details>div{padding-bottom:20px;margin-bottom:20px}.footer-content{flex-wrap:wrap;gap:15px}.footer-content>p{order:3;width:100%}.footer-content>span{font-size:10px}.footer-bottom{margin-top:18px}.footer-bottom>p{max-width:400px}.requirement a,.draft-block a{min-height:40px;padding-top:6px}}
@media(max-width:420px){.shell{width:calc(100% - 36px)}.nav{height:74px;gap:12px}.brand{font-size:22px;gap:8px}.brand img{width:30px;height:34px}.nav nav{gap:14px;font-size:11px}.nav nav a{min-height:44px;display:flex;align-items:center}.nav nav a:last-child{display:none}.hero{padding-block:42px 62px;gap:35px}.hero h1{font-size:52px;margin-top:20px}.hero .eyebrow{font-size:11px}.hero-description{font-size:14px;line-height:2;margin-top:21px}.hero-actions{gap:15px;align-items:flex-start;flex-direction:column}.button.primary{font-size:13px;padding:13px 20px}.text-link{font-size:12px;min-height:34px}.development-note{align-items:flex-start;font-size:10px;max-width:270px}.development-note .dot{margin-top:7px}.hero-visual{margin-right:8px}.visual-top{padding:14px 20px}.visual-body{padding:22px 20px 16px}.visual-body h2{font-size:20px}.project-icon{width:40px;height:40px;margin-bottom:12px}.visual-flow{margin-top:20px}.visual-flow>div{padding:10px;column-gap:9px}.visual-flow b{font-size:12px}.visual-flow small{font-size:9px}.visual-bottom{font-size:8px;padding:12px 17px;gap:5px}.visual-bottom>span:last-child{font-size:8px}.evidence-float{padding:12px 14px;right:-9px;bottom:46px;gap:10px}.evidence-float b{font-size:10px}.evidence-float small{font-size:8px}.section-heading h2,.status-section h2{font-size:28px}.section-heading>p{font-size:12px}.section{padding-block:55px}.steps{gap:26px 20px}.steps h3{font-size:14px}.steps p{font-size:12px;line-height:1.95}.principles{column-gap:12px}.principles b{font-size:12px}.principles span{font-size:9px}.workbench-top{padding:15px 17px;gap:8px}.workbench-top>div{font-size:11px;gap:8px}.workbench-top small{display:block;margin-left:0;font-size:9px}.preview-tag{font-size:9px;padding:2px 6px}.demo-tabs{padding:0 18px;gap:22px}.demo-tabs button{font-size:12px;gap:7px;min-height:54px}.demo-tabs button span{font-size:8px}.demo-main{padding:24px 20px}.demo-main>h3{font-size:19px}.panel-description{font-size:10px;line-height:1.9}.requirement{gap:12px;padding:18px 0}.requirement h4{font-size:12px;gap:7px}.requirement p{font-size:12px}.pill{font-size:8px;padding:2px 6px}.source-panel{padding:23px 20px}.source-panel p:not(.panel-overline){font-size:12px}.source-panel .source-note{font-size:10px!important}.draft-block p{font-size:12px}.finding h4{font-size:13px}.finding p{font-size:12px}.footer-bottom{gap:15px}.footer-bottom p{font-size:9px}.footer-content>p{font-size:10px}.footer .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
