:root{--bg:#111714;--surface:#1b231f;--text:#f1f5ef;--muted:#b1bbb3;--accent:#b8e18e;--on:#182411;--line:#354039;--r:8px;--max:1200px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 "Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}img{max-width:100%;display:block}svg{flex:none}[x-cloak]{display:none!important}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.site-nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:20px;font-weight:650;letter-spacing:-.5px}.brand svg{width:30px;height:30px;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links .nav-install{border:1px solid var(--line);padding:8px 18px;border-radius:var(--r);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:11px 24px;border-radius:var(--r);font-size:15px;font-weight:600;border:1px solid var(--line);background:transparent;transition:transform .18s var(--ease),background .18s,box-shadow .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0001}.btn:active{transform:translateY(1px) scale(.97);box-shadow:none}.btn.primary{background:var(--accent);color:var(--on);border-color:var(--accent)}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:13px}.hero{padding-top:65px}.hero h1{font-size:76px;line-height:1.22;letter-spacing:-3px;font-weight:650}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{color:var(--muted);font-size:18px;line-height:1.8;max-width:620px}.hero-product{margin-top:55px}.product-frame{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#22272e;box-shadow:0 34px 70px #0003}.product-frame img{width:100%;height:auto}.product-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:var(--muted);font-size:13px}.product-caption span{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.section{padding-block:112px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head h2{font-size:44px;font-weight:550;line-height:1.3;letter-spacing:-1.5px}.section-head p{max-width:360px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.feature{padding-top:28px;border-top:1px solid var(--line)}.feature h3{font-size:27px;line-height:1.3;font-weight:550;margin:20px 0 15px}.feature p{color:var(--muted);font-size:16px}.feature svg{width:29px;height:29px;color:var(--accent)}.trace-layout{display:grid;grid-template-columns:.9fr 1.45fr;gap:70px;align-items:center}.trace-copy h2{font-size:48px;line-height:1.3;letter-spacing:-1.5px;font-weight:550;margin-bottom:25px}.trace-copy p{color:var(--muted);max-width:29em}.trace-links{margin-top:32px;display:flex;gap:15px;flex-wrap:wrap}.trace-image{overflow:hidden;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}.trace-image img{width:100%;transform-origin:58% 30%}.trace-section{background:var(--surface)}.install h2{font-size:52px;line-height:1.25;letter-spacing:-2px;font-weight:550}.install .install-intro{color:var(--muted);max-width:33em;margin-top:20px}.install-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:85px;align-items:start}.install-panel{min-width:0}.install-tabs{position:relative;display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.install-tab{padding:6px 12px;border-radius:5px;background:transparent;color:var(--muted);font-size:14px;transition:color .2s,background .2s,transform .2s}.install-tab[aria-selected="true"]{background:var(--accent);color:var(--on)}.install-tab:active{transform:scale(.96)}.code-box{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.copy-btn{min-width:82px;padding:5px 10px;border-radius:4px;background:transparent;border:1px solid var(--line);font-size:13px;transition:transform .2s,color .2s}.copy-btn:hover{color:var(--text)}.copy-btn:active{transform:scale(.94)}pre{margin:0;padding:23px 20px;overflow:auto;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:14px/1.9 "Consolas","SFMono-Regular",monospace}code{font-family:"Consolas","SFMono-Regular",monospace}.code-box .agent-copy{font:16px/1.8 "Segoe UI","Microsoft YaHei",sans-serif;padding:26px 20px}.requirements{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:20px;color:var(--muted);font-size:13px}.usage{padding-top:30px;color:var(--muted);font-size:15px}.usage strong{color:var(--text);font-weight:500}.foot{padding-block:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.project-link{max-width:50%;overflow-wrap:anywhere}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-weight:600;font-size:15px}.text-link:hover{text-decoration:underline}.rule{border-top:1px solid var(--line)}

body[data-design="graphite"] .hero{text-align:center}.graphite .hero .lead{margin:24px auto 30px}.graphite .hero .actions{justify-content:center}.graphite .hero-product{margin-top:58px}.graphite .hero h1{font-size:78px}.graphite .hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}.graphite .features-section{padding-top:94px}.graphite .install{padding-top:104px}.graphite .quiet-note{display:flex;gap:20px;justify-content:center;margin-top:20px;font-size:13px;color:var(--muted)}

body[data-design="white"]{--bg:#fcfcfa;--surface:#f0f2ed;--text:#182820;--muted:#57645c;--accent:#2a6243;--on:#fff;--line:#d5ddd5;--r:4px}.white .site-nav{border-bottom:1px solid var(--line)}.white .hero{padding-top:70px}.white .hero h1{font-size:86px;letter-spacing:-4px;font-weight:600;line-height:1.2}.white .hero h1 em{color:var(--accent)}.white .hero-under{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:30px}.white .hero .lead{max-width:520px}.white .hero-product{margin-top:58px}.white .product-frame{box-shadow:0 28px 50px #12271816;border-radius:7px}.white .hero-product{padding-bottom:25px}.white .capability{display:grid;grid-template-columns:1.2fr .8fr;gap:95px;align-items:center;padding-block:60px;border-top:1px solid var(--line)}.white .capability:nth-child(even){grid-template-columns:.8fr 1.2fr}.white .capability:nth-child(even) .cap-image{order:2}.white .cap-image{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:4px}.white .cap-image img{width:100%}.white .cap-copy h3{font-size:38px;line-height:1.35;font-weight:550;letter-spacing:-1px;margin:14px 0 20px}.white .cap-copy p{color:var(--muted)}.white .cap-copy .index{font:15px/1 "Consolas",monospace;color:var(--accent)}.white .install{background:#e8efdf;--surface:#f5f8ef;--line:#c2cfb8;--muted:#485b46}.white .install .wrap{padding-block:10px}.white .trust-line{display:flex;justify-content:space-between;gap:30px;padding:40px 0;border-top:1px solid var(--line);font-size:15px}.white .trust-line strong{font-weight:550}.white .trace-section{--surface:#f0f2ed}

body[data-design="journal"]{--bg:#f4f0e6;--surface:#ede8dc;--text:#262620;--muted:#666255;--accent:#a6382d;--on:#fff9ef;--line:#c9c3b4;--r:0px}.journal .site-nav{height:102px;border-bottom:2px solid var(--text)}.journal .brand{font-family:"Georgia","SimSun",serif;font-size:22px;font-weight:600}.journal .brand svg{color:var(--accent)}.journal .nav-links{font-size:14px}.journal .hero{padding-top:44px}.journal .cover-title{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:80px}.journal .hero h1{font:400 92px/1.25 "SimSun","Songti SC","Georgia",serif;letter-spacing:-5px}.journal .cover-aside{padding-bottom:10px}.journal .cover-aside .lead{font-size:17px;line-height:1.9;margin-bottom:27px}.journal .hero-product{margin-top:43px}.journal .product-frame{border:1px solid var(--text);box-shadow:none}.journal .paper-meta{display:flex;justify-content:space-between;padding-block:13px;border-bottom:1px solid var(--text);font-size:13px;margin-bottom:32px;color:var(--muted)}.journal .product-caption{padding-top:13px}.journal .section{padding-block:84px}.journal .section-head{align-items:start}.journal .section-head h2{font:400 44px/1.4 "SimSun","Songti SC",serif;letter-spacing:-1px}.journal .features{gap:42px}.journal .feature{border-top:2px solid var(--text);padding-top:20px}.journal .feature .article-no{font:italic 30px/1 "Georgia",serif;color:var(--accent)}.journal .feature h3{font:400 30px/1.4 "SimSun","Songti SC",serif;margin:18px 0}.journal .article-image{height:205px;overflow:hidden;margin-top:27px;border-top:1px solid var(--line)}.journal .article-image img{width:100%;height:100%;object-fit:cover;object-position:top left}.journal .trace-section{border-block:1px solid var(--text)}.journal .trace-copy h2,.journal .install h2{font:400 47px/1.35 "SimSun","Songti SC",serif;letter-spacing:-1px}.journal .install-grid{gap:90px}.journal .install .install-intro{font-size:17px}.journal .code-box{border-color:var(--text)}.journal .foot{border-top:2px solid var(--text)}

body[data-design="blueprint"]{--bg:#2045bd;--surface:#1b3daa;--text:#fffef6;--muted:#d5dff6;--accent:#edeead;--on:#172e62;--line:#7c97e0;--r:0px;--max:1280px}.blueprint .site-nav{height:86px;border-bottom:1px solid var(--line)}.blueprint .brand svg{color:var(--text)}.blueprint .hero{padding-top:36px}.blueprint .tool-title{display:flex;align-items:end;justify-content:space-between;gap:40px}.blueprint .hero h1{font-size:66px;line-height:1.25;letter-spacing:-2.7px;font-weight:550}.blueprint .tool-title p{max-width:440px;line-height:1.8;color:var(--muted);padding-bottom:10px;font-size:17px}.blueprint .hero-product{margin-top:30px}.blueprint .product-frame{border:0;box-shadow:14px 14px 0 #12318a;overflow:hidden}.blueprint .product-caption{padding-top:28px}.blueprint .hero-lower{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:30px}.blueprint .hero-lower p{font-size:15px;color:var(--muted);max-width:500px}.blueprint .sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.blueprint .sequence-step{border-top:1px solid var(--line);padding-top:24px}.blueprint .sequence-step .step-number{font:300 70px/1 "Bahnschrift","Arial",sans-serif;color:var(--accent)}.blueprint .sequence-step h3{font-size:28px;font-weight:500;margin:27px 0 17px;line-height:1.3}.blueprint .sequence-step p{color:var(--muted);font-size:16px}.blueprint .trace-section{background:#efefdb;--text:#1e345b;--muted:#465878;--accent:#1e4fc4;--line:#bac8c8;--surface:#e5e8d3}.blueprint .trace-image{box-shadow:10px 10px 0 #d5dec2;border:0}.blueprint .install{padding-block:105px}.blueprint .install h2{font-size:54px}.blueprint .code-box{background:#16379c}.blueprint .foot{border-top:1px solid var(--line)}

@media(min-width:1500px){.hero h1{font-size:84px}.white .hero h1{font-size:94px}.journal .hero h1{font-size:100px}.blueprint .hero h1{font-size:72px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav-links{gap:20px}.hero h1,.graphite .hero h1{font-size:60px}.white .hero h1{font-size:65px}.journal .hero h1{font-size:68px;letter-spacing:-3px}.journal .cover-title{gap:35px;grid-template-columns:1.3fr 1fr}.blueprint .hero h1{font-size:52px}.section{padding-block:85px}.features{gap:27px}.install-grid{gap:40px;grid-template-columns:.85fr 1.3fr}.trace-layout{gap:40px}.trace-copy h2{font-size:40px}.white .capability{gap:45px}.section-head h2{font-size:38px}.feature h3{font-size:23px}.blueprint .sequence{gap:30px}.hero-under{gap:25px!important}}
@media(max-width:650px){html{scroll-padding-top:12px}body{font-size:16px}.wrap{width:calc(100% - 36px)}.site-nav,.journal .site-nav,.blueprint .site-nav{height:76px}.brand,.journal .brand{font-size:16px;gap:8px;letter-spacing:-.4px}.brand svg{width:23px;height:23px}.nav-links{gap:0}.nav-links a:not(.nav-install){display:none}.nav-links .nav-install{font-size:13px;padding:7px 12px;white-space:nowrap}.hero{padding-top:40px}.hero h1,.graphite .hero h1{font-size:43px;letter-spacing:-1.7px;line-height:1.3}.hero .lead{font-size:16px}.graphite .hero .lead{margin:22px auto 26px;max-width:320px}.graphite .hero-product{margin-top:37px}.btn{min-height:46px;padding:9px 18px;font-size:14px;gap:13px}.graphite .quiet-note{gap:13px;font-size:13px}.hero-product{margin-top:35px}.product-frame{border-radius:4px!important}.product-frame img{width:100%;height:270px;object-fit:cover;object-position:37% 0}.product-caption{font-size:13px;gap:12px;align-items:start}.product-caption span{display:block}.product-caption .live-dot{margin-right:6px}.section,.journal .section{padding-block:66px}.section-head{display:block;margin-bottom:32px}.section-head h2,.journal .section-head h2{font-size:32px;letter-spacing:-.8px;line-height:1.4}.section-head p{margin-top:17px;max-width:320px;font-size:16px}.features,.blueprint .sequence{grid-template-columns:1fr;gap:28px}.feature{padding-top:25px}.feature h3{margin-top:17px}.feature p{max-width:33em}.trace-layout{display:flex;flex-direction:column;gap:32px;align-items:stretch}.trace-copy h2,.journal .trace-copy h2{font-size:36px;line-height:1.4;margin-bottom:18px}.trace-copy p{font-size:16px}.trace-image{width:100%}.trace-image img{max-height:270px;object-fit:cover;object-position:top left}.trace-links{margin-top:23px}.install-grid{display:block}.install h2,.journal .install h2,.blueprint .install h2{font-size:37px;letter-spacing:-.9px;line-height:1.35}.install .install-intro{margin-top:15px;font-size:16px}.install-panel{margin-top:34px}.code-toolbar{padding:12px 14px}pre{padding:20px 14px;font-size:13px;line-height:1.8}.code-box .agent-copy{font-size:15px;padding:20px 14px}.requirements{gap:7px 14px}.usage{font-size:14px;padding-top:24px}.foot{display:block;padding-block:25px}.project-link{max-width:100%;margin-top:8px;display:block;font-size:13px}.white .hero{padding-top:40px}.white .hero h1{font-size:47px;letter-spacing:-2px;line-height:1.3}.white .hero-under{display:block}.white .hero-under .actions{margin-top:23px}.white .hero-product{margin-top:33px;padding-bottom:0}.white .capability,.white .capability:nth-child(even){display:flex;flex-direction:column-reverse;gap:26px;padding-block:34px;align-items:stretch}.white .capability:nth-child(even) .cap-image{order:0}.white .cap-copy h3{font-size:30px;margin:12px 0 16px}.white .cap-image{width:100%}.white .cap-image img{height:230px;object-fit:cover;object-position:top left}.white .trust-line{display:block;padding:30px 0}.white .trust-line p{margin-top:14px;color:var(--muted)}.journal .hero{padding-top:20px}.journal .paper-meta{font-size:13px;margin-bottom:25px;padding-block:11px}.journal .cover-title{display:block}.journal .hero h1{font-size:53px;letter-spacing:-2px;line-height:1.35}.journal .cover-aside{margin-top:23px}.journal .cover-aside .lead{font-size:16px;line-height:1.8;margin-bottom:22px}.journal .hero-product{margin-top:25px}.journal .feature h3{font-size:29px}.journal .article-image{height:220px}.journal .install-grid{gap:0}.blueprint .hero{padding-top:25px}.blueprint .tool-title{display:block}.blueprint .hero h1{font-size:42px;letter-spacing:-1.5px}.blueprint .tool-title p{font-size:16px;margin-top:18px;padding:0;max-width:325px}.blueprint .hero-product{margin-top:28px}.blueprint .product-frame{box-shadow:7px 7px 0 #12318a}.blueprint .hero-lower{display:flex;flex-direction:column-reverse;align-items:start;gap:23px;padding-top:17px}.blueprint .hero-lower p{font-size:14px}.blueprint .sequence-step{display:grid;grid-template-columns:60px 1fr;gap:4px 20px}.blueprint .sequence-step .step-number{grid-row:span 2;font-size:48px}.blueprint .sequence-step h3{font-size:25px;margin:0 0 12px}.blueprint .sequence-step p{font-size:16px}.blueprint .install{padding-block:70px}}
img{height:auto}.usage{max-width:31em}.blueprint .trace-section{color:var(--text)}.mobile-break{display:none}.zoom-link{padding:0;background:none;color:var(--accent);font-size:13px;white-space:nowrap}.zoom-link:hover{text-decoration:underline}.zoom-overlay{position:fixed;inset:0;z-index:100;background:#0d1513;color:#f2f7f1;padding:85px 28px 28px;display:flex;flex-direction:column}.zoom-toolbar{position:absolute;top:18px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.zoom-close{background:#26352c;border:1px solid #617467;border-radius:5px;padding:9px 16px;font-size:14px;color:#f2f7f1}.zoom-canvas{overflow:auto;border:1px solid #455449;flex:1;min-height:0;max-height:100%;overscroll-behavior:contain}.zoom-canvas img{width:1600px;max-width:none;height:auto}.zoom-canvas:focus-visible{outline:2px solid #b8e18e;outline-offset:3px}@media(max-width:650px){.mobile-break{display:block}.product-caption{flex-wrap:wrap}.product-caption .zoom-link{margin-left:auto}.zoom-overlay{padding:76px 12px 12px}.zoom-toolbar{left:12px;right:12px;font-size:14px}.zoom-canvas img{width:1280px}}
@media(min-width:651px){.graphite .hero{padding-top:12px}.graphite .hero h1{font-size:62px}.graphite .hero .lead{margin:14px auto 18px}.graphite .hero-product{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn:hover{transform:none}}
