@font-face{font-family:inter;src:url(../media/inter_latin_wght_normal-s.p.1j27dg3h95i3k.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_c7822ee-module__JMS6ZW__className{font-family:inter,inter Fallback}.inter_c7822ee-module__JMS6ZW__variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:dmMono;src:url(../media/dm_mono_latin_400_normal-s.p.14j9ps5-3c1zh.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:dmMono;src:url(../media/dm_mono_latin_500_normal-s.p.1-yg89in6s6fn.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:dmMono Fallback;src:local(Arial);ascent-override:75.44%;descent-override:23.58%;line-gap-override:0.0%;size-adjust:131.49%}.dmmono_1d8b4bd0-module__8fLzha__className{font-family:dmMono,dmMono Fallback}.dmmono_1d8b4bd0-module__8fLzha__variable{--font-mono:"dmMono", "dmMono Fallback"}
@media (max-width:960px){.nav{flex-wrap:wrap;height:auto;min-height:76px;padding:12px 0;position:relative}.nav-toggle{font:12px var(--mono);color:#aab3c1;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:20px;align-items:center;padding:7px 12px;display:inline-flex}.nav .lang{margin-left:auto}.nav nav{z-index:20;border-bottom:1px solid var(--line);background:#080a0f;flex-direction:column;gap:0;margin-left:0;padding:8px 0 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav nav.open{display:flex}.nav nav a{padding:10px 4px}}@media (max-width:850px){.real-case-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.case-library-head{flex-direction:column;align-items:start;gap:20px}.hero,.article-hero,.case-detail-hero{grid-template-columns:1fr;gap:45px;padding:70px 0 90px}.hero-card{max-width:650px}.flow{grid-template-columns:1fr;gap:20px}.flow i{transform:rotate(90deg)}.case-grid{grid-template-columns:repeat(2,1fr)}.developer-grid{grid-template-columns:1fr;gap:35px}.compare>div,.compare-head{grid-template-columns:1fr;gap:8px}}@media (max-width:580px){.real-case-grid,.site-map{grid-template-columns:1fr}.wrap{width:min(100% - 32px,1160px)}.topline span{display:none}.hero{padding-top:55px}.metrics{gap:14px}.metrics strong{font-size:11px}.metrics span{font-size:9px}.output,.types,.case-grid,.news-grid,.playground,.footer-grid{grid-template-columns:1fr}.pg-right{border-top:1px solid #2b3749;border-left:0}.section{padding:85px 0}.legal span{float:none;margin-top:8px;display:block}.chips{gap:6px}}
:root{--bg:#080a0f;--card:#10141d;--text:#f4f7fb;--muted:#8993a5;--line:#253040;--cyan:#5cf4df;--violet:#8792ff;--orange:#ffb86b;--mono:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-inter),"PingFang SC","Microsoft YaHei",Arial,sans-serif;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.wrap{width:min(1160px,100% - 48px);margin:auto}.topline{font:12px var(--mono),monospace;color:#a7b0c0;text-align:center;border-bottom:1px solid #1b222e;padding:10px 24px}.topline span{color:#667184;margin-left:18px}.nav{align-items:center;gap:35px;height:76px;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg,var(--violet),#4e63ee);color:#080a0f;border-radius:9px;place-items:center;width:31px;height:31px;font-size:21px;font-weight:800;display:grid}.muted{color:#667184;font-weight:500}.nav nav{gap:22px;margin-left:auto;display:flex}.nav nav a,.lang{color:#aab3c1;font-size:13px}.nav nav a:hover,.lang:hover{color:var(--cyan)}.lang{font-family:var(--mono),monospace;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:78px;padding:98px 0 125px;display:grid}.hero-copy .back-link{margin-bottom:18px;display:inline-block}.hero-copy h2{letter-spacing:-.065em;margin:12px 0 20px;font-size:clamp(35px,4vw,58px);line-height:1.08}.hero-card .btn{width:100%;margin-top:22px}.hero-poster{object-fit:cover;opacity:.85;border-radius:4px;width:100%;height:220px;margin-top:18px}.card-top+.output,.card-top+.question{margin-top:20px}.hero-copy .case-author-line{margin-top:22px}.eyebrow,.kicker{font:12px var(--mono),monospace;letter-spacing:.13em;color:var(--cyan)}.eyebrow i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 13px var(--cyan);border-radius:50%;margin-right:8px;display:inline-block}h1{letter-spacing:-.075em;margin:20px 0 28px;font-size:clamp(48px,6.3vw,82px);line-height:1.01}h1 em,h2 span{color:var(--cyan);font-style:normal}.lead{color:#b1bac8;max-width:590px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin:35px 0 52px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:14px;padding:12px 17px;font-size:14px;font-weight:700;display:inline-flex}.btn.primary{background:var(--cyan);color:#08100f}.btn.primary:hover{background:#8ffbea}.btn.ghost{border-color:var(--line);color:#cbd2de}.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.metrics{gap:31px;display:flex}.metrics div{gap:2px;display:grid}.metrics strong{font:14px var(--mono),monospace;color:#f3f7fb}.metrics span{color:#697487;font-size:11px}.hero-card{font-family:var(--mono),monospace;background:linear-gradient(145deg,#111722,#0c1017);border:1px solid #2b374a;border-radius:9px;padding:20px;box-shadow:0 26px 85px #020409}.card-top{color:#687589;border-bottom:1px solid #263143;justify-content:space-between;padding-bottom:17px;font-size:11px;display:flex}.lights{color:#5c687c;letter-spacing:3px}.card-top span:last-child{color:var(--cyan);font-size:10px}.input-label,.result-title{color:#687589;letter-spacing:.12em;margin:24px 0 9px;font-size:10px}.terminal{color:#d6dfeb;background:#090c12;border:1px solid #202b3b;border-radius:4px;padding:16px;font-size:13px;line-height:1.7}.arrow{color:var(--violet);padding:15px 0;font-size:22px}.arrow span{color:#687589;vertical-align:middle;font-size:10px}.output{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.output>div,.demo-result>div{background:#0a0e15;border:1px solid #263244;border-radius:4px;gap:6px;padding:12px;display:grid}.output small,.demo-result small{color:#647187;font-size:10px}.output b,.demo-result b{color:#f3f7fb;font-size:16px}.pill,.demo-result em{border-radius:3px;width:max-content;padding:3px 5px;font-size:9px;font-style:normal}.purple{color:#bdc2ff;background:#2c2e61}.cyan{color:#9ff8ec;background:#174d49}.orange{color:#ffd39f;background:#5a3b20}.card-foot{color:#758398;padding-top:18px;font-size:11px}.section{padding:125px 0}.section-intro{max-width:680px;margin-bottom:48px}.section-intro h2{letter-spacing:-.065em;margin:12px 0 20px;font-size:clamp(35px,4vw,58px);line-height:1.08}.section-intro>p:last-child{color:#97a2b4;max-width:620px;font-size:17px}.compare{border-top:1px solid var(--line);font-size:15px}.compare>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;padding:19px 0;display:grid}.compare span{color:#717d90}.compare strong{color:var(--cyan);font-weight:500}.compare-head{font:11px var(--mono),monospace;color:#687589;text-transform:uppercase}.dark{background:#0b0e14;border-block:1px solid #171f2b}.flow{grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center;gap:16px;margin:65px 0;display:grid}.flow>div{gap:14px;min-height:120px;display:grid}.flow small{font:11px var(--mono),monospace;color:#77859b}.flow strong{font-size:18px;line-height:1.45}.flow i{color:var(--violet);text-align:center;font-size:28px;font-style:normal}.flow-core{background:linear-gradient(140deg,#171c42,#10131f);border:1px solid #3b478e;border-radius:7px;padding:23px;box-shadow:0 0 50px #141842}.types{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.types article{border:1px solid #263244;border-radius:6px;padding:23px}.types b{font:14px var(--mono),monospace;color:var(--cyan)}.types h3{margin:16px 0 7px}.types p,.case-grid p{color:#8995a7;margin:0}.case-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.case-grid article{border:1px solid var(--line);border-radius:6px;flex-direction:column;min-height:220px;padding:24px;display:flex}.case-grid article>span{font:11px var(--mono),monospace;color:#5d6a80}.case-grid h3{margin:22px 0 8px;font-size:20px}.case-grid a{font:12px var(--mono),monospace;color:var(--cyan);margin-top:auto}.playground-wrap{background:#0a0e14;border-block:1px solid #192332}.playground{background:#0e131b;border:1px solid #2b3749;border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.pg-left,.pg-right{padding:25px}.pg-right{background:#0a0d13;border-left:1px solid #2b3749}.pg-left label{font:10px var(--mono),monospace;color:#718096;letter-spacing:.08em;margin:4px 0 10px;display:block}.pg-left textarea{color:#dbe5f1;width:100%;height:105px;font:13px/1.6 var(--mono),monospace;resize:vertical;background:#080b10;border:1px solid #263244;border-radius:4px;margin-bottom:21px;padding:13px}.question{color:#bfc9d7;border:1px solid #263244;border-radius:4px;margin:8px 0;padding:12px;font-size:13px}.question span{font:10px var(--mono),monospace;color:var(--cyan);border:1px solid #205c59;border-radius:3px;margin-right:9px;padding:3px 5px}.pg-left button{margin-top:22px}.result-title{justify-content:space-between;margin-top:4px;display:flex}.result-title span{color:var(--cyan)}.demo-result{gap:9px;margin-top:35px;display:grid}.demo-result>div{align-items:center;gap:16px;display:flex}.demo-result small{width:105px}.demo-result b{flex:1}.demo-result em{color:#98a3ff;background:#292c59}.result-note{color:#707d92;margin-top:28px;font-size:12px}.developer{background:linear-gradient(120deg,#10142b,#0b0f18)}.developer-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px;display:grid}.developer-grid h2{letter-spacing:-.06em;margin:14px 0 20px;font-size:clamp(35px,4vw,57px);line-height:1.06}.developer-grid p{color:#9ca8b9;margin-bottom:28px}.developer pre{color:#ccd5e3;font:13px/1.8 var(--mono),monospace;background:#080b11;border:1px solid #2d385e;border-radius:7px;margin:0;padding:25px;overflow:auto}.pink{color:#ff93c8}.green{color:#8df6c7}.news-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.news-grid a{border-top:1px solid var(--line);padding:18px 0}.news-grid small{font:10px var(--mono),monospace;color:#758297}.news-grid h3{margin:17px 0 26px;font-size:18px;line-height:1.35}.news-grid span{font:11px var(--mono),monospace;color:var(--cyan)}.footer{color:#8894a6;border-top:1px solid #1d2633;padding:58px 0 25px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:20px;display:grid}.footer-grid>div{align-content:start;gap:9px;display:grid}.footer-grid .brand{color:var(--text);margin-bottom:5px}.footer-grid p{font-size:13px}.footer-grid b{color:#d6deea;margin-bottom:5px;font-size:12px}.footer-grid a:not(.brand){font-size:13px}.legal{color:#586579;border-top:1px solid #1d2633;margin-top:45px;padding-top:18px;font-size:11px}.legal span{float:right}.article-hero,.case-detail-hero{grid-template-columns:1fr 1fr;align-items:center;gap:78px;max-width:none;padding:98px 0 125px;display:grid}.article-hero h1,.case-detail-hero h1{max-width:none;font-size:clamp(48px,6.3vw,82px)}.article-lead{color:#a7b2c3;max-width:760px;font-size:20px}.content-grid{grid-template-columns:1.4fr .7fr;gap:90px;padding-bottom:120px;display:grid}.content-grid article h2,.developer-page h2{letter-spacing:-.04em;margin-top:42px;font-size:28px}.content-grid article p,.developer-page p{color:#a4aebb;max-width:700px;font-size:17px}.fact-card{border:1px solid var(--line);border-radius:7px;align-self:start;gap:16px;padding:23px;display:grid}.fact-card>b{font-size:14px}.fact-card span{border-top:1px solid var(--line);color:var(--cyan);font-family:var(--mono),monospace;padding-top:15px;font-size:13px}.fact-card small{color:#8995a7;font-family:var(--font-inter),sans-serif}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps>div{border-top:2px solid var(--cyan);padding-top:20px}.steps b,.use-case-list>article>span{font:12px var(--mono),monospace;color:var(--cyan)}.steps h2{font-size:27px}.steps p{color:#98a4b5;font-size:16px}.decision-table{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.decision-table>div{border:1px solid #2a3850;border-radius:6px;gap:12px;padding:20px;display:grid}.decision-table b{font:15px var(--mono),monospace;color:var(--cyan)}.decision-table span{color:#b5bfcd}.decision-table code,.developer-page pre{font:12px var(--mono),monospace;color:#a9b5ff;background:#080b11;border-radius:4px;padding:12px;overflow:auto}.use-case-list{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.use-case-list article{border:1px solid var(--line);border-radius:7px;min-height:260px;padding:25px}.use-case-list h2{font-size:22px}.use-case-list p{color:#99a5b5;font-size:16px}.flow-line{color:#65748a;font:11px var(--mono),monospace;margin-top:35px}.flow-line b{color:var(--cyan);padding:0 7px}.mini-demo{margin-top:20px}.notice{color:#78869a;border-left:2px solid var(--violet);margin-top:20px;padding:12px 17px;font-size:13px}.developer-page{grid-template-columns:1fr 1fr;gap:80px;padding-bottom:130px;display:grid}.developer-page h2{margin-top:0}.developer-page pre{min-height:130px}.note-list{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.note-list article{border-top:1px solid var(--line);padding:23px 4px 25px}.note-list small{font:11px var(--mono),monospace;color:var(--cyan)}.note-list h2{font-size:23px;line-height:1.25}.note-list p{color:#929eaf}.note-list a{color:var(--cyan);font:12px var(--mono),monospace}.site-map{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.map-card{border:1px solid var(--line);border-radius:7px;flex-direction:column;min-height:205px;padding:23px;transition:all .2s;display:flex}.map-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.map-card>span{font:11px var(--mono),monospace;color:#627087}.map-card h3{margin:22px 0 7px;font-size:21px}.map-card p{color:#929eaf;margin:0;font-size:14px}.map-card b{font:11px var(--mono),monospace;color:var(--cyan);margin-top:auto}.case-library-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:25px;padding-bottom:23px;display:flex}.case-library-head h2{margin:8px 0 0;font-size:34px}.real-case-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.real-case-card{border:1px solid var(--line);background:#0d121a;border-radius:7px;transition:all .2s;overflow:hidden}.real-case-card:hover{border-color:var(--cyan);transform:translateY(-4px)}.real-case-media{background:#111927;height:185px;position:relative;overflow:hidden}.real-case-media img{object-fit:cover;opacity:.75;width:100%;height:100%}.real-case-media:after{content:"";background:linear-gradient(#0000 35%,#080a0f 100%);position:absolute;inset:0}.real-case-media span,.real-case-media b{z-index:1;font:10px var(--mono),monospace;position:absolute}.real-case-media span{color:var(--cyan);top:14px;left:15px}.real-case-media b{color:#e9d0a4;background:#46331e;border-radius:3px;padding:4px 7px;top:14px;right:15px}.real-case-body{padding:20px}.real-case-body small{font:11px var(--mono),monospace;color:#75849b}.real-case-body h2{margin:12px 0 9px;font-size:20px;line-height:1.25}.real-case-body p{color:#96a2b2;min-height:66px;font-size:14px}.real-case-foot{color:var(--cyan);font:11px var(--mono),monospace;border-top:1px solid #253040;padding-top:15px}.case-detail-hero{padding:76px 0 55px}.back-link{color:var(--cyan);font:12px var(--mono),monospace}.case-detail-hero h1{max-width:920px;margin-top:30px}.case-author-line{color:#9aa6b7;font-size:14px}.case-author-line b{color:var(--text)}.case-author-line span{font-family:var(--mono),monospace;color:#64748a;margin-left:10px}.detail-grid{grid-template-columns:1.35fr .65fr;gap:55px;display:grid}.case-video{border:1px solid var(--line);background:#030406;border-radius:7px;width:100%;max-height:650px;display:block}.detail-copy h2{margin:36px 0 14px;font-size:28px}.detail-copy p,.detail-copy li{color:#a0acbb;font-size:17px}.detail-copy li{margin:10px 0}.detail-metrics{flex-wrap:wrap;gap:8px;margin:27px 0;display:flex}.detail-metrics span{color:var(--cyan);font:11px var(--mono),monospace;border:1px solid #28534e;border-radius:3px;padding:7px 9px}.detail-aside{align-content:start;gap:15px;display:grid}.source-button{text-align:center;width:100%}.source-card{border:1px solid var(--line);border-radius:7px;gap:12px;padding:19px;display:grid}.source-card b{font-size:13px}.source-card p,.source-card a{color:#8996a9;word-break:break-word;font-size:12px}.source-card a{color:var(--cyan)}@media (max-width:850px){.nav-placeholder{display:none}.hero{grid-template-columns:1fr;gap:45px;padding:70px 0 90px}.hero-card{max-width:650px}.flow{grid-template-columns:1fr;gap:20px}.flow i{transform:rotate(90deg)}.case-grid{grid-template-columns:repeat(2,1fr)}.developer-grid{grid-template-columns:1fr;gap:35px}}@media (max-width:580px){.wrap{width:min(100% - 32px,1160px)}.topline span{display:none}.hero{padding-top:55px}.metrics{gap:14px}.metrics strong{font-size:11px}.metrics span{font-size:9px}.output{grid-template-columns:1fr}.compare>div{gap:15px;font-size:13px}.types,.case-grid,.news-grid,.playground,.footer-grid{grid-template-columns:1fr}.pg-right{border-top:1px solid #2b3749;border-left:0}.section{padding:85px 0}.legal span{float:none;margin-top:8px;display:block}}.case-quote{white-space:pre-wrap;color:inherit;background:#ffffff0b;border-left:3px solid #69f0ae;margin:0 0 28px;padding:22px 24px;line-height:1.75}.notice b{color:var(--cyan);font-family:var(--mono)}.nav-toggle{display:none}.nav nav a.active{color:var(--cyan)}.compare>div,.compare-head{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr 1.2fr;gap:24px;padding:19px 0;display:grid}.chips,.pg-tabs{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.chips button,.pg-tabs button{font:11px var(--mono);color:#aab3c1;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:20px;padding:7px 12px}.chips button.on,.pg-tabs button.on,.chips button:hover,.pg-tabs button:hover{color:var(--cyan);border-color:var(--cyan)}.media-placeholder{color:#5d6a80;height:100%;font:18px var(--mono);background:#111927;place-items:center;display:grid}.empty-filter{color:#78869a;margin:0 0 20px}.case-quote{border-left:2px solid var(--violet);color:#c5ced9;white-space:pre-wrap;background:#0c1118;margin:0;padding:18px 20px;font-size:16px;line-height:1.7}