:root{color:#122631;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0b1f2a;--muted:#61747d;--line:#d9e5e6;--paper:#fff;--aqua:#18bfa8;--aqua-dark:#087f74;--blue:#2b88c8;--navy:#071520;background:#f4f8f8;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f8f8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}svg{flex:none}.phase-zero-app{min-height:100vh;overflow:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fafaeb;border-bottom:1px solid #c0d3d5bf;justify-content:space-between;align-items:center;gap:32px;height:72px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#eafffb;background:linear-gradient(145deg,#0b2933,#087f74);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 24px #087f743b}.brand>span:last-child{align-items:baseline;gap:7px;display:flex}.brand strong{letter-spacing:-.6px;color:var(--ink);font:700 19px/1 Inter,Segoe UI,sans-serif}.brand small{color:var(--aqua-dark);letter-spacing:1.8px;font:700 9px/1 Inter,Segoe UI,sans-serif}.topbar nav{align-items:center;gap:28px;display:flex}.topbar nav a{color:#536871;font-size:13px;font-weight:600;transition:color .2s}.topbar nav a:hover{color:var(--aqua-dark)}.runtime-pill{background:#fff;border:1px solid #cfe0e1;border-radius:99px;align-items:center;gap:9px;height:35px;padding:0 12px;font-size:11px;display:flex}.runtime-pill i,.baseline-card header i{background:#f3b72c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f3b72c1f}.runtime-pill i.ready,.baseline-card header i.ready{background:var(--aqua);box-shadow:0 0 0 4px #18bfa81f}.runtime-pill i.degraded,.baseline-card header i.degraded{background:#e67a51;box-shadow:0 0 0 4px #e67a511f}.runtime-pill span{color:var(--aqua-dark);letter-spacing:.7px;font-weight:700}.runtime-pill strong{color:#6a7d85;border-left:1px solid #dde7e8;padding-left:9px}.hero{isolation:isolate;color:#fff;background:linear-gradient(#071520f0,#071520f7),repeating-linear-gradient(90deg,#0000 0 63px,#ffffff0a 64px),repeating-linear-gradient(0deg,#0000 0 63px,#ffffff0a 64px);grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(48px,8vw,120px);min-height:660px;padding:92px clamp(24px,7vw,112px) 82px;display:grid;position:relative}.hero:before{content:"";z-index:-1;opacity:.25;background-image:radial-gradient(circle at 72% 42%,#18bfa82e 0 1px,#0000 1px);background-size:21px 21px;position:absolute;inset:0}.hero-glow{z-index:-1;filter:blur(10px);background:radial-gradient(circle,#18bfa833,#0000 67%);border-radius:50%;width:520px;height:520px;position:absolute;top:5%;right:8%}.eyebrow{color:#73dfcf;letter-spacing:1.7px;align-items:center;gap:8px;font:700 11px/1 Manrope,sans-serif;display:inline-flex}.hero h1{letter-spacing:-3.8px;margin:23px 0 24px;font:600 clamp(42px,5.4vw,76px)/1.05 Manrope,Microsoft YaHei,sans-serif}.hero h1 em{color:#79dfd0;font-style:normal}.hero-copy>p{color:#adbec4;max-width:710px;margin:0;font-size:17px;line-height:1.85}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:9px;height:45px;padding:0 19px;font-size:13px;font-weight:700;display:inline-flex}.button.primary{color:#062b2b;background:#65d5c5;box-shadow:0 12px 36px #18bfa833}.button.ghost{color:#c9d8dc;background:#ffffff08;border:1px solid #39505a}.scope-strip{flex-wrap:wrap;gap:8px 18px;margin-top:48px;display:flex}.scope-strip span{color:#91a7af;align-items:center;gap:6px;font-size:11px;display:inline-flex}.scope-strip svg{color:#62d3c3}.scope-strip .locked,.scope-strip .locked svg{color:#d2a85a}.baseline-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a232dc7;border:1px solid #7bdfd03d;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000004d}.baseline-card:after{content:"";border:1px solid #65d5c538;border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-80px;box-shadow:0 0 0 30px #65d5c506,0 0 0 62px #65d5c505}.baseline-card>header{border-bottom:1px solid #97c9c921;align-items:center;gap:10px;height:64px;padding:0 22px;display:flex}.baseline-card>header span{color:#71d4c7;letter-spacing:1.4px;font:700 9px Manrope,sans-serif}.baseline-card>header strong{color:#edf9f8;margin-right:auto;font-size:14px}.baseline-version{grid-template-columns:auto 1fr;align-items:baseline;gap:3px 12px;padding:25px 22px 21px;display:grid}.baseline-version small{color:#6e8991;letter-spacing:1.5px;grid-column:1/-1;font:700 9px Manrope,sans-serif}.baseline-version strong{color:#fff;letter-spacing:-2px;font:600 41px Manrope,sans-serif}.baseline-version span{color:#73dacb;font-size:12px;font-weight:700}.baseline-list{padding:0 22px 18px}.baseline-list>div{border-top:1px solid #97c9c91a;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:43px;display:grid}.baseline-list svg{color:#5ed2c0;width:15px}.baseline-list span{color:#b4c7cc;font-size:12px}.baseline-list strong{color:#6fd7c7;letter-spacing:1px;font:700 9px Manrope,sans-serif}.baseline-list strong.pending{color:#dfb35e}.baseline-card>footer{color:#d7ae5e;background:#040e153d;border-top:1px solid #97c9c91f;align-items:center;gap:8px;padding:14px 22px;font-size:11px;display:flex}.section{padding:92px clamp(24px,7vw,112px)}.section-title{grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;margin-bottom:45px;display:grid}.section-title>div>span{color:var(--aqua-dark);letter-spacing:1.7px;font:700 10px Manrope,sans-serif}.section-title h2{color:var(--ink);letter-spacing:-1.7px;margin:10px 0 0;font:600 clamp(29px,3vw,43px)/1.16 Manrope,Microsoft YaHei,sans-serif}.section-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.architecture-section{background:#f8fbfb}.topology{background:#fff;border:1px solid #d6e4e5;border-radius:16px;align-items:stretch;gap:18px;padding:34px;display:flex;box-shadow:0 18px 60px #143d460f}.topology-entry{min-width:154px;color:var(--aqua-dark);align-items:center;gap:13px;display:flex}.topology-entry span{flex-direction:column;gap:4px;display:flex}.topology-entry small,.group-label{color:#8ba0a7;letter-spacing:1.1px;font:700 8px Manrope,sans-serif}.topology-entry strong{color:var(--ink);font-size:13px}.flow-arrow{color:#a9bdbf;align-self:center}.topology-group{background:#f2f7f7;border:1px solid #dce8e8;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:190px;padding:29px 12px 12px;display:grid;position:relative}.topology-group.gateway{background:#edf8f7;border-color:#cde9e5;grid-template-columns:1fr;min-width:150px}.group-label{position:absolute;top:10px;left:13px}.topology-group>div{background:#fff;border:1px solid #e0e9e9;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;min-height:83px;padding:14px 11px;display:flex}.topology-group svg{width:18px;color:var(--aqua-dark);margin-bottom:3px}.topology-group strong{color:#18323c;font-size:12px}.topology-group small{color:#81949b;font-size:9px}.architecture-notes{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.architecture-notes span{color:#60747c;background:#eef4f4;border-radius:7px;align-items:center;gap:8px;min-height:43px;padding:0 12px;font-size:10px;display:flex}.architecture-notes svg{width:15px;color:var(--aqua-dark)}.standards-section{background:#eef4f4}.capability-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.capability-grid article{background:#f9fbfb;border:1px solid #d5e2e3;border-radius:12px;min-height:220px;padding:25px;transition:transform .2s,border-color .2s}.capability-grid article:hover{border-color:#9fd7cf;transform:translateY(-3px)}.capability-grid article header{color:var(--aqua-dark);justify-content:space-between;align-items:center;display:flex}.capability-grid article header span{color:#9aabb0;letter-spacing:1.3px;font:700 9px Manrope,sans-serif}.capability-grid h3{color:var(--ink);margin:28px 0 10px;font:600 17px Manrope,Microsoft YaHei,sans-serif}.capability-grid p{color:#61757d;margin:0;font-size:12px;line-height:1.75}.capability-grid footer{color:#4c8d83;align-items:center;gap:6px;margin-top:24px;font-size:9px;display:flex}.environment-panel{color:#fff;background:var(--navy);border-radius:12px;grid-template-columns:1fr 1.4fr;align-items:center;gap:50px;margin-top:14px;padding:28px 30px;display:grid}.environment-panel>div:first-child>span{color:#65d4c4;letter-spacing:1.4px;font:700 9px Manrope,sans-serif}.environment-panel h3{margin:8px 0 7px;font:600 18px Manrope,Microsoft YaHei,sans-serif}.environment-panel p{color:#8fa4ab;margin:0;font-size:10px;line-height:1.65}.environment-flow{justify-content:flex-end;align-items:center;display:flex}.environment-flow>div{align-items:center;display:flex}.environment-flow span{color:#9db0b6;letter-spacing:.7px;border:1px solid #2b4650;border-radius:7px;place-items:center;width:78px;height:38px;font:700 10px Manrope,sans-serif;display:grid}.environment-flow span.active{color:#72ddcd;background:#18bfa814;border-color:#28766d}.environment-flow svg{color:#51666e;margin:0 7px}.gates-section{color:#fff;background:#071520}.section-title.light>div>span{color:#63d3c3}.section-title.light h2{color:#fff}.section-title.light p{color:#8fa3aa}.phase-grid{border-top:1px solid #243842;border-left:1px solid #243842;grid-template-columns:repeat(4,1fr);display:grid}.phase-grid>div{border-bottom:1px solid #243842;border-right:1px solid #243842;flex-direction:column;min-height:145px;padding:24px;display:flex;position:relative}.phase-grid>div>span{color:#536a73;letter-spacing:1.2px;font:700 9px Manrope,sans-serif}.phase-grid>div>strong{color:#9eb0b6;margin-top:24px;font-size:13px}.phase-grid>div>small{color:#536a72;margin-top:7px;font-size:9px}.phase-grid>div>svg{color:#405861;position:absolute;top:19px;right:19px}.phase-grid>div.active{background:linear-gradient(135deg,#18bfa824,#18bfa808)}.phase-grid>div.active>span,.phase-grid>div.active>svg{color:#69d8c8}.phase-grid>div.active>strong{color:#fff}.phase-grid>div.active>small{color:#72b7ad}.review-gate{background:#0b202b;border:1px solid #29414a;border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:18px;padding:24px 28px;display:grid}.review-gate>div{align-items:center;gap:15px;display:flex}.review-gate svg{color:#6bd8c8}.review-gate span{flex-direction:column;gap:5px;display:flex}.review-gate strong{font-size:13px}.review-gate small{color:#5f7a83;letter-spacing:.9px;font:700 8px Manrope,sans-serif}.review-gate p{color:#8fa4ab;margin:0;font-size:11px;line-height:1.7}.page-footer{color:#75888f;letter-spacing:.3px;background:#f4f8f8;border-top:1px solid #d7e3e4;justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(24px,7vw,112px);font-size:10px;display:flex}@media (width<=1120px){.hero{grid-template-columns:1fr .7fr;gap:45px}.hero h1{font-size:52px}.topology{overflow-x:auto}.architecture-notes{grid-template-columns:repeat(2,1fr)}.environment-panel{grid-template-columns:1fr;gap:25px}.environment-flow{justify-content:flex-start}}@media (width<=820px){.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero h1{letter-spacing:-2.6px;font-size:clamp(39px,11vw,57px)}.baseline-card{max-width:520px}.section{padding-top:68px;padding-bottom:68px}.section-title{grid-template-columns:1fr;gap:18px}.capability-grid,.phase-grid{grid-template-columns:repeat(2,1fr)}.review-gate{grid-template-columns:1fr;gap:18px}}@media (width<=560px){.topbar{padding:0 17px}.brand small,.runtime-pill span{display:none}.hero,.section{padding-left:18px;padding-right:18px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.scope-strip{margin-top:32px}.capability-grid,.phase-grid,.architecture-notes{grid-template-columns:1fr}.environment-panel{padding:24px 20px}.environment-flow{flex-direction:column;align-items:stretch}.environment-flow>div{flex-direction:column}.environment-flow span{width:100%}.environment-flow svg{margin:6px 0;transform:rotate(90deg)}.page-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:18px}}