:root{--ink:#152019;--muted:#657069;--green:#17644a;--green-dark:#0d3e2d;--mint:#b9f5d2;--lime:#d9ff75;--cream:#f6f2e8;--paper:#fffdf8;--line:#dce1d9;--orange:#ee7441;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip-link{position:fixed;z-index:100;left:16px;top:-60px;padding:10px 16px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:12px}
.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,253,248,.88);border-bottom:1px solid rgba(21,32,25,.1);backdrop-filter:blur(18px)}
.nav-wrap{height:76px;display:flex;align-items:center;gap:36px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:17px;letter-spacing:.04em}.brand small{margin-top:5px;color:#7a837e;font-size:9px;font-weight:800;letter-spacing:.19em}
.brand-mark{position:relative;display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:3px;width:30px;height:30px;padding:6px;background:var(--ink);border-radius:8px;transform:rotate(-3deg)}
.brand-mark i{display:block;background:var(--lime);border-radius:2px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}
.nav{display:flex;align-items:center;gap:28px}.nav a{color:#455048;text-decoration:none;font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}
.nav-cta{padding:10px 16px;background:var(--ink);color:#fff;text-decoration:none;border-radius:9px;font-size:13px;font-weight:800}.nav-cta span{color:var(--lime)}
.hero{position:relative;overflow:hidden;padding:100px 0 86px;background:linear-gradient(132deg,#f8f4e9 0%,#fffdf8 52%,#edf7ee 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,100,74,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,100,74,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,#000 55%,#000)}
.hero-orbit{position:absolute;border:1px solid rgba(23,100,74,.16);border-radius:50%;pointer-events:none}.hero-orbit.one{width:640px;height:640px;right:-320px;top:-240px}.hero-orbit.two{width:430px;height:430px;right:-175px;top:-135px}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:64px;align-items:center}
.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:7px 10px;border:1px solid #cbd9cd;background:rgba(255,255,255,.7);border-radius:999px}.eyebrow span{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px rgba(238,116,65,.14)}
h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:26px;font-family:var(--serif);font-weight:700;font-size:clamp(49px,5vw,73px);line-height:1.09;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--green)}
.hero-lead{max-width:680px;margin-bottom:30px;color:#526058;font-size:18px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:13px 20px;border:1px solid var(--ink);border-radius:10px;text-decoration:none;font-size:14px;font-weight:900;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(21,32,25,.12)}.button.primary{background:var(--ink);color:#fff}.button.primary span{color:var(--lime)}.button.secondary{background:rgba(255,255,255,.72)}
.release-note{margin:0;color:#7b817c;font-size:13px}.release-note b{color:#4d5851}
.system-map{position:relative;padding:14px 14px 18px;border:1px solid rgba(21,32,25,.17);background:rgba(255,255,255,.78);border-radius:22px;box-shadow:0 30px 70px rgba(38,70,52,.16);backdrop-filter:blur(12px);transform:rotate(1deg)}
.map-top{height:42px;display:flex;align-items:center;gap:12px;padding:0 8px;color:#718078;font:700 11px/1 var(--sans)}.map-top>b{margin-left:auto;padding:5px 8px;background:#e5f7e9;color:#267047;border-radius:999px;font-size:9px;letter-spacing:.08em}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d8ddd9}.window-dots i:first-child{background:#f0a28b}.window-dots i:nth-child(2){background:#edcd72}.window-dots i:last-child{background:#7bc798}
.core-card{position:relative;overflow:hidden;padding:26px 24px 22px;background:var(--ink);color:#fff;border-radius:15px}.core-card:after{content:"";position:absolute;right:-50px;top:-78px;width:190px;height:190px;border:1px solid rgba(217,255,117,.24);border-radius:50%;box-shadow:0 0 0 28px rgba(217,255,117,.035),0 0 0 56px rgba(217,255,117,.025)}.core-label{display:block;margin-bottom:14px;color:#a5b0a9;font-size:9px;font-weight:900;letter-spacing:.19em}.core-title{display:flex;align-items:center;gap:13px}.core-title>i{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;background:var(--lime);color:var(--ink);border-radius:13px;font:900 24px/1 var(--serif)}.core-title>span{display:flex;flex-direction:column}.core-title b{font-size:20px}.core-title small{margin-top:5px;color:#acb7b0;font-size:11px}.core-pulse{display:flex;align-items:flex-end;gap:4px;height:24px;margin-top:22px}.core-pulse span{display:block;width:7px;background:#7cc59c;border-radius:3px 3px 0 0}.core-pulse span:nth-child(1){height:7px}.core-pulse span:nth-child(2){height:15px}.core-pulse span:nth-child(3){height:23px;background:var(--lime)}.core-pulse span:nth-child(4){height:12px}
.map-connectors{display:grid;grid-template-columns:repeat(3,1fr);height:32px;padding:0 44px}.map-connectors i{justify-self:center;width:1px;height:32px;background:#c5cec7}
.layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.layer{min-height:104px;padding:15px 13px;background:#f7f7f2;border:1px solid #e0e4de;border-radius:12px}.layer>span{display:block;color:#87918a;font-size:9px;font-weight:900}.layer b,.layer small{display:block}.layer b{margin-top:13px;font-size:13px}.layer small{margin-top:4px;color:#7a837e;font-size:10px;line-height:1.45}.layer.accent{background:#e8f9ee;border-color:#bfe3ca}.layer.accent b{color:var(--green)}
.map-foot{display:flex;justify-content:space-between;align-items:center;padding:17px 4px 0;color:#77817b;font-size:10px;font-weight:800}.map-foot span:first-child{display:flex;align-items:center;gap:7px}.map-foot i{width:7px;height:7px;background:#38a06b;border-radius:50%;box-shadow:0 0 0 4px rgba(56,160,107,.12)}
.proof{background:var(--ink);color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{position:relative;padding:26px 26px 28px;border-left:1px solid rgba(255,255,255,.12)}.proof-grid>div:last-child{border-right:1px solid rgba(255,255,255,.12)}.proof b,.proof span{display:block}.proof b{font-family:var(--serif);font-size:18px}.proof span{margin-top:4px;color:#9faba4;font-size:12px}
.section{padding:116px 0}.section-head{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;margin-bottom:58px}.section-head h2,.architecture-copy h2,.extension-copy h2,.status-intro h2,.faq-heading h2{margin:12px 0 0;font-family:var(--serif);font-size:clamp(38px,4vw,56px);line-height:1.18;letter-spacing:-.04em}.section-head>p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.section-head.compact{margin-bottom:48px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice-card{position:relative;display:flex;flex-direction:column;min-height:500px;padding:30px 28px;background:#fff;border:1px solid var(--line);border-radius:16px}.choice-card.featured{background:var(--green-dark);color:#fff;border-color:var(--green-dark);transform:translateY(-12px);box-shadow:0 25px 50px rgba(13,62,45,.17)}.choice-no{position:absolute;right:25px;top:22px;color:#d7dcd7;font:800 40px/1 var(--serif)}.featured .choice-no{color:rgba(255,255,255,.15)}.choice-tag{align-self:flex-start;padding:5px 9px;background:#edf3ed;color:#486156;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em}.featured .choice-tag{background:rgba(217,255,117,.13);color:var(--lime)}.choice-card h3{margin:32px 0 16px;font-family:var(--serif);font-size:27px;line-height:1.3}.choice-card>p{color:var(--muted);line-height:1.85}.featured>p{color:#bfcbc4}.choice-card ul{margin:18px 0 28px;padding:0;list-style:none}.choice-card li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid #edf0ec;font-size:13px;font-weight:700}.featured li{border-color:rgba(255,255,255,.1)}.choice-card li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;background:#77b78f;border-radius:50%}.featured li:before{background:var(--lime)}.choice-card>a,.choice-state{margin-top:auto;font-size:13px;font-weight:900}.choice-card>a{color:var(--green)}.featured>a{color:var(--lime)}.choice-state{color:#909992}
.dark{overflow:hidden;background:var(--ink);color:#fff}.architecture-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.kicker.light{color:var(--lime)}.architecture-copy>p{margin:24px 0 30px;color:#b2beb7;line-height:1.9}.architecture-points{display:grid;gap:20px}.architecture-points>div{display:grid;grid-template-columns:28px 1fr;gap:12px}.architecture-points i{display:grid;place-items:center;width:24px;height:24px;background:rgba(217,255,117,.12);color:var(--lime);border-radius:50%;font-style:normal;font-weight:900}.architecture-points span,.architecture-points b,.architecture-points small{display:block}.architecture-points b{font-size:15px}.architecture-points small{margin-top:4px;color:#98a59d;line-height:1.6}
.flow-map{position:relative;padding:26px;background:#1c2922;border:1px solid rgba(255,255,255,.14);border-radius:21px;box-shadow:0 30px 70px rgba(0,0,0,.2)}.flow-site,.flow-hq{padding:22px;background:#24342b;border:1px solid rgba(255,255,255,.1);border-radius:13px}.flow-hq{background:#183f30;border-color:#2d604b}.flow-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.flow-title span{font-family:var(--serif);font-size:20px;font-weight:800}.flow-title b{padding:5px 8px;border-radius:999px;background:rgba(217,255,117,.12);color:var(--lime);font-size:9px;letter-spacing:.08em}.flow-items{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.flow-items span{padding:10px 5px;background:rgba(255,255,255,.055);border-radius:7px;text-align:center;color:#c2cbc5;font-size:10px;font-weight:700}.flow-line{position:relative;display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;text-align:center;color:#87948c;font-size:9px;font-weight:800}.flow-line i{position:relative;display:block;width:1px;height:58px;margin:0 auto;background:#577164}.flow-line i:before,.flow-line i:after{content:"";position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--lime)}.flow-line i:before{top:8px}.flow-line i:after{bottom:8px}.flow-map>p{margin:17px 0 0;color:#7f8e85;text-align:center;font-size:10px}
.theme-stage{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:stretch}.schema-panel{overflow:hidden;background:#101814;color:#fff;border-radius:17px;box-shadow:0 22px 50px rgba(16,24,20,.16)}.schema-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1);color:#8ea097;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.schema-head b{color:#a5e3ba}.schema-panel pre{overflow:auto;margin:0;padding:28px 24px 34px;font:500 13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}.schema-panel code>span{color:#87988f}.schema-panel code i{color:#c1d0c7;font-style:normal}.schema-panel code b{color:var(--lime);font-weight:600}
.theme-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-benefits article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:25px 21px;border:1px solid var(--line);background:#fff;border-radius:14px}.theme-benefits article>span{color:var(--green);font:800 12px/1 var(--serif)}.theme-benefits h3{margin:0 0 8px;font-family:var(--serif);font-size:20px}.theme-benefits p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.pale{background:var(--cream)}.extension-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.extension-copy>p{margin:24px 0;color:var(--muted);line-height:1.9}.boundary-note{padding:18px 20px;border-left:3px solid var(--orange);background:rgba(255,255,255,.56)}.boundary-note b,.boundary-note span{display:block}.boundary-note b{font-size:13px}.boundary-note span{margin-top:5px;color:#6e766f;font-size:12px;line-height:1.65}.extension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.extension-grid article{min-height:210px;padding:25px;background:#fff;border:1px solid #deded6;border-radius:14px}.extension-grid article>span{color:#9a8174;font-size:9px;font-weight:900;letter-spacing:.12em}.extension-grid article.ready>span{color:#238057}.extension-grid h3{margin:18px 0 10px;font-family:var(--serif);font-size:23px}.extension-grid p{color:var(--muted);font-size:13px}.extension-grid i{display:inline-block;margin-top:9px;padding:5px 8px;background:#f1f3ef;color:#657069;border-radius:5px;font-size:9px;font-style:normal;font-weight:800}.extension-grid .external{background:#1a241e;color:#fff;border-color:#1a241e}.extension-grid .external p{color:#aeb9b2}.extension-grid .external i{background:rgba(217,255,117,.12);color:var(--lime)}
.status-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.status-intro>p{margin:24px 0;color:var(--muted);line-height:1.9}.status-badge{display:inline-flex;align-items:center;gap:12px;padding:13px 15px;background:#eff6ef;border:1px solid #d3e2d3;border-radius:10px}.status-badge>i{width:10px;height:10px;background:#e7a945;border-radius:50%;box-shadow:0 0 0 5px rgba(231,169,69,.14)}.status-badge span,.status-badge b,.status-badge small{display:block}.status-badge b{font-size:12px}.status-badge small{color:#758078;font-size:10px}.status-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.status-column{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px}.status-column.next{background:#f7f4eb}.status-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e4e7e2}.status-title span{font-family:var(--serif);font-weight:800}.status-title b{color:#96a098;font-size:8px;letter-spacing:.15em}.status-column ul{margin:15px 0 0;padding:0;list-style:none}.status-column li{position:relative;padding:9px 0 9px 20px;color:#59645d;font-size:12px;border-bottom:1px dashed #e5e8e4}.status-column li:last-child{border-bottom:0}.status-column li:before{position:absolute;left:0;top:9px;color:#37a06c;font-weight:900}.status-column.done li:before{content:"✓"}.status-column.next li:before{content:"→";color:#c1833e}
.faq-section{padding-top:80px;background:#fbfaf5}.faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}.faq-heading>p{margin:22px 0;color:var(--muted)}.faq-heading>a{color:var(--green);font-size:13px;font-weight:900}.faqs{border-top:1px solid var(--line)}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{position:relative;padding:24px 48px 24px 0;cursor:pointer;list-style:none;font-family:var(--serif);font-size:19px;font-weight:800}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";position:absolute;right:6px;top:21px;font:400 26px/1 var(--sans);color:var(--green)}.faqs details[open] summary:after{content:"–"}.faqs details>div{padding:0 48px 23px 0;color:var(--muted);font-size:14px;line-height:1.85}
.final-cta{padding:0 0 80px;background:#fbfaf5}.final-card{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;padding:58px 62px;background:var(--green);color:#fff;border-radius:22px;box-shadow:0 25px 55px rgba(23,100,74,.18)}.final-card>div>span{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.final-card h2{margin:13px 0 16px;font-family:var(--serif);font-size:clamp(35px,4vw,52px);line-height:1.18}.final-card p{max-width:680px;margin:0;color:#c0d5c9}.light-button{background:#fff;border-color:#fff;color:var(--ink);white-space:nowrap}
.site-footer{padding:58px 0 24px;background:#111914;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:70px}.footer-brand{color:#fff}.footer-grid>div:first-child>p{margin:16px 0 0;color:#87948c;font-size:12px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.footer-grid nav a{color:#b0bab4;text-decoration:none;font-size:12px}.footer-grid nav a:hover{color:var(--lime)}.footer-status>span{display:flex;align-items:center;gap:8px;color:#b9c4bd;font-size:10px;font-weight:900;letter-spacing:.08em}.footer-status i{width:7px;height:7px;background:#e7a945;border-radius:50%}.footer-status p{margin:13px 0 0;color:#707e75;font-size:10px;line-height:1.6}.copyright{display:flex;justify-content:space-between;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#657269;font-size:10px}
@media (max-width:980px){.nav{display:none}.hero{padding-top:72px}.hero-grid,.architecture-grid,.extension-layout,.status-layout{grid-template-columns:1fr;gap:52px}.hero-grid{grid-template-columns:1fr}.system-map{width:min(620px,100%);margin:0 auto}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:0}.choice-card.featured{transform:none}.section-head{grid-template-columns:1fr;gap:24px}.theme-stage{grid-template-columns:1fr}.architecture-copy{max-width:720px}.status-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-status{grid-column:1/-1}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div:nth-child(2){border-right:1px solid rgba(255,255,255,.12)}.final-card{grid-template-columns:1fr;align-items:start}.faq-layout{grid-template-columns:1fr;gap:46px}}
@media (max-width:640px){html{scroll-padding-top:68px}.shell{width:min(100% - 28px,1180px)}.nav-wrap{height:66px}.nav-cta{padding:9px 11px;font-size:11px}.brand b{font-size:15px}.brand small{display:none}.hero{padding:56px 0 58px}.hero h1{font-size:42px}.hero-lead{font-size:16px;line-height:1.75}.hero-actions{display:grid}.button{width:100%}.system-map{padding:10px}.core-card{padding:22px 18px}.layer-grid{grid-template-columns:1fr}.map-connectors{display:none}.layer{min-height:0}.map-foot{padding-inline:3px}.proof-grid{grid-template-columns:1fr}.proof-grid>div,.proof-grid>div:nth-child(2),.proof-grid>div:last-child{border-right:1px solid rgba(255,255,255,.12)}.section{padding:78px 0}.section-head{margin-bottom:38px}.section-head h2,.architecture-copy h2,.extension-copy h2,.status-intro h2,.faq-heading h2{font-size:38px}.choice-card{padding:26px 22px}.flow-items{grid-template-columns:repeat(2,1fr)}.theme-benefits,.extension-grid,.status-columns{grid-template-columns:1fr}.schema-panel pre{font-size:11px;padding:22px 16px}.extension-layout{gap:40px}.faq-section{padding-top:70px}.faqs summary{font-size:17px}.final-cta{padding-bottom:50px}.final-card{padding:37px 25px;gap:32px;border-radius:17px}.final-card h2{font-size:36px}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-status{grid-column:auto}.copyright{margin-top:30px}.architecture-grid{gap:44px}.flow-map{padding:16px}.flow-line{grid-template-columns:1fr 40px 1fr}.hero-orbit{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
