/* UI v2: feature, standard and quiet surfaces share the same content system. */
@font-face{font-family:'Snet Sans';src:url('fonts/snet-sans.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Snet Latin';src:url('fonts/snet-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
@font-face{font-family:'Snet Mono';src:url('fonts/snet-mono.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF}
:root{--icon:#4c6e89;--success:#18734d;--quiet:#f1f5fa}
html[data-theme=dark]{--icon:#7fa6c9;--success:#34d399;--quiet:#0a1120;--blue:#4f8cff}
h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.35}h1,h2,h3,h4{letter-spacing:0}.ui-icon{color:var(--icon)}.button .ui-icon{color:inherit}a:hover .ui-icon{color:var(--accent)}.eyebrow,.demo-label{color:var(--subtle);font-size:13px;letter-spacing:.08em}.section-head{margin-bottom:56px}.section-head>p{font-size:16px}.section-link{color:var(--text)}.reading-progress{background:var(--grad)}.site-header.scrolled{box-shadow:0 10px 32px #0000000c}.main-nav{font-size:15px}.header-stars{font:13px var(--mono);color:var(--subtle);margin-left:3px}.header-link{font-size:14px}.preference-button{background:transparent}.brand-name{font-family:var(--sans)}
.hero{padding:80px 0 40px;overflow:clip}.hero-grid{grid-template-columns:1fr 1.12fr;gap:48px;min-height:440px}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.14}.hero-description{font-size:17px;line-height:1.85;margin-top:28px;max-width:33em}.hero-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--subtle);margin-bottom:24px}.version-badge{padding:3px 9px;background:var(--soft);border:1px solid var(--border);border-radius:20px;font:13px/1.6 var(--mono)}.status-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #34d39912}.hero-buttons{margin-top:30px;gap:12px}.button{font-size:15px;font-weight:600;min-height:50px;padding:12px 21px}.button.secondary{background:transparent}.install-capsule{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;margin-top:24px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px}.install-capsule>span{font:14px var(--mono);color:var(--subtle)}.install-capsule code{font-size:13px;flex:1;min-width:0;overflow:auto;white-space:nowrap}.install-capsule .copy-button{flex-shrink:0;min-height:36px;padding:6px 10px;border-radius:7px}.hero-footnote{font-size:13px;gap:10px;margin-top:12px}.hero-footnote>span{border:0;padding:0}.hero-footnote>span+span::before{content:'·';margin-right:10px}.hero-footnote a{color:var(--subtle)}
.hero-art{margin:0;isolation:isolate}.flow-diagram{position:relative;min-height:380px;display:grid;grid-template-columns:170px 1fr 170px;align-items:center;gap:20px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.diagram-connections{stroke:var(--icon);opacity:.35}.hero-art:has(.flow-node:hover) .diagram-connections{stroke:var(--accent);opacity:.7}.diagram-side{display:flex;flex-direction:column;gap:38px}.flow-node{min-height:72px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:0 6px 30px #00000008;transition:transform 240ms var(--ease),border-color 240ms}.flow-node:hover{border-color:var(--accent);transform:translateY(-3px)}.flow-node strong{font:600 15px/1.5 var(--mono)}.flow-node span{display:block;font-size:13px;color:var(--subtle);white-space:nowrap}.flow-node .ui-icon{width:24px;height:24px}.flow-hub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:200px;text-align:center}.flow-hub img{position:relative;width:64px;height:64px;object-fit:contain}.flow-hub strong{font-size:28px;line-height:1.2}.flow-hub>span:last-child{font-size:13px;max-width:120px;color:var(--subtle)}.hub-halo{position:absolute;top:50%;left:50%;width:170px;height:170px;margin:-105px 0 0 -85px;border:1px solid #4f8cff35;border-radius:50%;background:radial-gradient(circle,#4f8cff12,transparent 70%)}.hub-halo::before,.hub-halo::after{content:'';position:absolute;inset:14px;border:1px solid #22d3ee2b;border-radius:50%}.hub-halo::after{inset:-18px;animation:halo-pulse 5s ease-in-out infinite paused}.motion-active .hub-halo::after{animation-play-state:running}.hero-art figcaption{font-size:13px;justify-content:space-between;gap:16px;padding:0 8px}.hero-art .quiet-button{font-size:13px;color:var(--subtle)}
.hero-product-peek{position:relative;max-width:1120px;margin:70px auto 0}.peek-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--subtle);margin-bottom:12px}.peek-heading>span{display:flex;align-items:center;gap:10px}.hero-product-peek>a{display:block;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px -24px #0003}.hero-product-peek img{width:100%;max-height:470px;object-fit:cover;object-position:top;mask-image:linear-gradient(#000 65%,#0009)}.window-bar{font-size:13px;min-height:44px;background:var(--surface);color:var(--subtle);gap:16px}.window-dots{display:flex;gap:5px;flex-shrink:0}.window-dots i{width:7px;height:7px;background:var(--subtle);opacity:.55;border-radius:50%}.stats{position:relative;z-index:1;max-width:1120px;margin:-22px auto 0;border:0;border-radius:0;border-top:1px solid var(--border);background:var(--bg);padding:34px 0 10px;box-shadow:0 -16px 34px var(--bg)}.stat strong{font:600 clamp(36px,4.7vw,56px)/1.2 var(--mono);color:var(--text);letter-spacing:0}.stat>span{font-size:14px;color:var(--subtle);margin-top:10px}.stat+.stat{border-left:1px solid var(--border)}.stat-scope{position:relative;max-width:850px;margin:12px auto 0;font-size:13px;text-align:center}.stat-scope summary{color:var(--subtle);min-height:44px;display:inline-flex;align-items:center;gap:8px}.stat-scope[open]{padding:16px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.stat-scope p{font-size:14px;text-align:left}
.start-layout{grid-template-columns:.75fr 1.25fr;gap:64px;align-items:start}.start-copy{position:sticky;top:112px}.start-copy h2{font-size:clamp(30px,3.2vw,42px)}.start-copy>p{font-size:16px}.start-steps{margin-top:32px}.start-steps li{position:relative;padding-bottom:25px}.start-steps li:not(:last-child)::after{content:'';position:absolute;left:13px;top:33px;bottom:0;width:1px;background:var(--border)}.start-steps strong{font-size:15px}.start-steps span{font-size:14px}.start-copy .small-note{font-size:13px}.code-workbench{box-shadow:0 24px 70px -34px #0004;border-color:var(--border)}.code-tabs{padding:8px;background:var(--surface);gap:6px}.code-tabs button{font-size:14px;min-height:44px;padding:9px 16px;border-radius:8px}.code-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.install-strip{border-color:#27344b;background:#0a1120;padding:14px 20px}.install-strip code{font-size:13px;color:#c3cee0;overflow:auto;white-space:pre;line-height:1.7}.code-toolbar{background:#10192b;font-size:13px;color:#93a3bc;display:flex;align-items:center;gap:12px;padding:6px 16px;min-height:44px}.code-toolbar .copy-button{margin-left:auto}.copy-button{font-size:13px;min-height:36px}.code-panel pre{font-size:14px;line-height:1.8;padding:20px 16px 24px 0;background:#070d1a;max-height:540px;tab-size:4;scrollbar-color:#34435e #070d1a}.code-panel pre>code{display:block;min-width:max-content;color:#c8d3f5}.code-panel .line{display:inline-block;min-width:100%;padding-right:22px}.code-panel .line::before{content:attr(data-line);display:inline-block;width:42px;margin-right:18px;text-align:right;color:#8c9dbb;font-size:13px;user-select:none}.code-panel .read-line{background:#4f8cff18;box-shadow:inset 2px 0 #4f8cff}.code-panel .line span[style*='#565f89']{color:#97a7c6!important}.run-output{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;background:#0b1721;border-top:1px solid #253249;font-size:13px;color:#b5c8c6}.run-output code{font-size:13px;color:#8de1bb}.run-output>span:last-child{flex-basis:100%;padding-left:17px;color:#93a3bc}.code-footnote{font-size:13px;background:var(--surface);padding:16px 20px}.js .code-panel:not([hidden]){animation:panel-in 240ms var(--ease)}
.overview{background:var(--quiet);border-block:1px solid var(--border)}.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.feature:nth-child(n){grid-column:span 4;grid-row:auto;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.feature:nth-child(1){grid-column:span 7;grid-row:span 2;background:radial-gradient(ellipse at 55% 85%,#4f8cff16,transparent 65%),var(--surface-2);border-color:#4f8cff35;display:flex;flex-direction:column}.feature:nth-child(2),.feature:nth-child(3){grid-column:span 5}.feature h3{font-size:20px}.feature p{font-size:15px;line-height:1.9;max-width:47em}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;color:var(--icon)}.mini-interface{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:280px;margin:auto 0 0;padding-top:35px;background:none;border:0}.interface-sources,.interface-methods{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}.interface-sources>span{min-width:82px;padding:12px 22px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font:14px var(--mono);text-align:center}.interface-lines{text-align:center;width:100%;color:var(--icon);font-size:22px}.mini-interface>b{font:600 22px/1.5 var(--mono);width:80%;align-self:center;text-align:center;padding:16px;border:1px solid #4f8cff55;background:#4f8cff0c;border-radius:12px;color:var(--text)}.interface-methods code{font-size:13px;color:var(--subtle);padding:8px 10px}.mini-plugs,.mini-flow,.mini-batch,.mini-integrations,.mini-terminal{min-height:130px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;background:var(--soft);border-radius:12px;border:0}.mini-plugs span,.mini-flow span,.mini-batch span{font-size:13px;background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:9px 12px;border-radius:8px}.mini-batch{flex-wrap:wrap;gap:8px;padding:20px 10px}.mini-integrations{display:grid;grid-template-columns:1fr auto 1fr;padding:18px;gap:10px;text-align:center}.mini-integrations b{grid-column:2;grid-row:1/3;align-self:center;color:var(--text)}.mini-integrations span{font:13px/1.6 var(--mono);color:var(--subtle);border:1px solid var(--border);padding:8px 4px;border-radius:7px;background:var(--surface)}.mini-terminal{justify-content:start;padding:16px 20px;font-size:13px}.mini-terminal code{font-size:13px;line-height:1.9;color:var(--subtle)}.mini-terminal code>span{color:var(--text)}.mini-terminal b{color:var(--success);font-weight:400}.use-cases{margin-top:32px;gap:28px}.use-cases h3{font-size:14px;white-space:nowrap}.tags .pill{font-size:13px}.pipeline{background:transparent;border-radius:0;border:0;border-top:1px solid var(--border);padding:38px 0 0;margin-top:36px}.pipeline-step strong{font-size:15px}.pipeline-step>span{font-size:13px}.pipeline-step>.ui-icon{color:var(--icon)}
.protocol-section{margin-top:100px}.protocol-heading{margin-bottom:32px}.protocol-heading h3{font-size:clamp(25px,3vw,34px);font-weight:600}.protocol-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.protocol-tile{display:grid;grid-template-columns:40px 1fr auto;column-gap:14px;align-items:center;min-height:100px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.protocol-tile-icon{grid-row:1/3;background:var(--soft);border-radius:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.protocol-tile strong{font-size:14px;font-weight:600}.protocol-tile>span:nth-last-child(2){grid-column:2;color:var(--subtle);font-size:13px}.protocol-tile>.arrow{grid-column:3;grid-row:1/3;color:var(--subtle)}.catalog-open{display:flex;width:100%;margin-top:20px;gap:14px}.catalog-open>span{margin-left:auto}.protocol-library{margin-top:24px;font-size:14px}.protocol-library>summary{font-size:15px}.protocol-library .brand-tags{display:flex;flex-wrap:wrap;gap:8px}.brand-tag{font-size:14px;min-height:44px;padding:10px 14px;display:inline-flex;gap:12px;border-radius:8px}.protocol-kind{font-size:13px}.protocol-group h4{font-size:15px}.protocol-group+.protocol-group{margin-top:32px}.protocol-filters button{font-size:13px;min-height:44px;padding:8px 12px}.search-field input{font-size:16px;min-height:52px}.search-field button{font-size:14px;min-width:60px}.protocol-controls label{font-size:14px}.protocol-controls>p{font-size:13px;margin-top:16px}.transport-grid{margin-top:32px;background:var(--surface);padding:32px;gap:48px}.transport-grid h3{font-size:20px}.transport-grid p{font-size:15px}.mq-list .pill{font-size:14px;min-height:44px}.transport-illustration{display:flex;justify-content:space-around;align-items:center;gap:10px;background:var(--soft);border:1px solid var(--border);border-radius:10px;min-height:100px;font:14px var(--mono);color:var(--subtle);margin-bottom:24px}.transport-illustration b{color:var(--text);font-weight:500}
#protocol-dialog{position:fixed;inset:0 0 0 auto;width:min(720px,94vw);max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-left:1px solid var(--border);background:var(--bg);color:var(--text);padding:0;overflow:auto;box-shadow:-24px 0 90px #0004}#protocol-dialog::backdrop{background:#03060dc9}.drawer-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:var(--bg);border-bottom:1px solid var(--border)}.drawer-header .eyebrow{display:block;margin:0 0 8px}.drawer-header h2{font-size:26px}#protocol-dialog .protocol-library{margin:0;border:0;background:none;padding:24px 32px 40px}#protocol-dialog .protocol-library>summary{display:none}#protocol-dialog .protocol-controls{padding-top:0}#protocol-dialog[open]{animation:drawer-in 280ms var(--ease)}
.project-filters{gap:6px;margin-bottom:40px}.filter-button{font-size:14px;padding:10px 16px;min-height:44px;border-radius:9px}.filter-button[aria-pressed=true]{background:var(--surface-2);color:var(--text);border-color:var(--border)}.filter-count{font-size:13px}.group-title{font-size:20px}.group-title>span{font-size:14px}.product-stage{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}.product-tabs{position:sticky;top:100px;display:flex;flex-direction:column;gap:8px}.product-tabs button{display:flex;align-items:center;gap:12px;text-align:left;padding:22px 16px;min-height:100px;border:1px solid transparent;border-radius:12px;background:transparent;transition:background 240ms,border-color 240ms}.product-tabs button[aria-selected=true]{background:var(--surface-2);border-color:var(--border)}.product-tab-number{font:13px var(--mono);color:var(--subtle)}.product-tabs button>span:nth-child(2){flex:1;min-width:0}.product-tabs strong{display:block;font-size:16px;font-weight:600}.product-tabs button>span>span{display:block;font-size:13px;color:var(--subtle);margin-top:6px}.product-tabs .ui-icon{width:20px}.showcase-note{font-size:14px;line-height:1.9;color:var(--subtle);margin:26px 16px 0;padding-top:24px;border-top:1px solid var(--border)}.featured-projects{min-width:0;display:block}.project-card,.project-card:nth-child(2){display:flex;flex-direction:column;padding:0;gap:0;border:1px solid #4f8cff35;border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 20px 70px -40px #0006}.project-card+.project-card{margin-top:32px}.js .project-card+.project-card{margin-top:0}.js .project-card:not([hidden]){animation:panel-in 280ms var(--ease)}.project-content,.project-card:nth-child(2) .project-content{order:2;padding:28px 32px 32px;min-width:0}.project-content h3{font-size:26px;margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-title-icon{margin:0;width:24px}.project-subtitle{font-size:16px;margin-top:10px;color:var(--text)}.project-description{font-size:15px;line-height:1.9;margin-top:14px}.project-functions{gap:8px;margin-top:20px}.project-functions span{font-size:13px;border:0;background:var(--soft);padding:6px 10px}.project-meta .pill{font-size:13px;background:transparent;border:0;padding:0;color:var(--subtle)}.project-meta{gap:14px}.repo-stats{margin-top:18px;gap:18px}.repo-stat{border:0;border-radius:0;background:transparent;padding:0;font:13px var(--mono);min-height:32px;gap:5px;color:var(--subtle)}.repo-stat .ui-icon{width:15px;height:15px}.project-actions{margin-top:14px;gap:24px;font-size:14px}.project-actions a{color:var(--text);min-height:44px;display:inline-flex;align-items:center}.product-gallery{order:1;width:100%;transform:none;border:0;border-radius:0;background:var(--quiet);padding:0}.product-gallery:hover{transform:none}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.main-shot{grid-column:1/-1;border-radius:0}.screenshot{background:transparent;overflow:hidden}.screenshot img{opacity:1;filter:none;width:100%;object-fit:contain}.main-shot img{max-height:460px;object-fit:contain;background:#10151c;aspect-ratio:auto}.screenshot>span{font-size:13px;padding:10px 12px;color:var(--subtle);background:var(--surface)}.thumbnail{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.thumbnail img{width:76px;height:44px;flex-shrink:0;object-fit:cover;opacity:1}.thumbnail>span{font-size:13px;line-height:1.5;padding:8px 4px;min-width:0}.product-gallery figcaption{font-size:13px;text-align:left;padding:12px 20px;color:var(--subtle)}.product-gallery .window-bar{padding-inline:16px}.product-gallery .window-bar>span:last-child{margin-left:auto}.tool-grid{gap:20px}.tool-card{padding:24px;background:var(--surface);border-radius:12px}.tool-card .project-name h3{font-size:18px}.tool-card>p{font-size:14px;line-height:1.85}.tool-card .repo-stats{margin-top:8px}.tool-card .repo-stat{font-size:13px}.tool-card .project-meta{font-size:13px}.other-projects{background:transparent;border:0;border-block:1px solid var(--border);border-radius:0;padding:0 0 20px}.other-projects summary{font-size:17px;padding-block:24px}
.learn-grid{grid-template-columns:1.2fr 1fr;gap:48px}.learn-panel{padding:0;border:0;background:transparent}.learn-panel-heading h3{font-size:22px}.learn-panel>p,.blog-panel>p{font-size:15px}.doc-grid{gap:0 24px;margin-top:32px}.doc-row{padding:22px 0;gap:12px}.doc-row h4{font-size:15px}.doc-row p{font-size:14px}.doc-icon{color:var(--icon)}.blog-panel{padding:32px;background:var(--surface);border-radius:16px}.blog-panel h3{font-size:26px}.blog-topic h4{font-size:15px}.blog-topic p{font-size:14px}.blog-note{font-size:13px!important}.skills{padding-block:96px;background:var(--quiet)}.skills-heading h2{font-size:clamp(28px,3vw,38px)}.skills-heading p{font-size:16px}.skills-demo{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1fr 1.1fr;align-items:start;gap:48px;padding:44px;margin-top:40px;background:var(--surface-2);border-color:#4f8cff40;border-radius:20px;box-shadow:0 24px 80px -40px #0004}.skills-demo::before{content:'';position:absolute;z-index:-1;inset:-130%;background:conic-gradient(transparent 25%,#4f8cff12,#8b7cff0a,transparent 70%);animation:ai-halo 18s linear infinite paused;pointer-events:none}.skills-demo.motion-active::before{animation-play-state:running}.skills-demo>div{position:relative;z-index:1}.skills-demo p{font-size:17px}.skills-demo #skill-prompt{padding:24px;border:1px solid var(--border);border-radius:14px 14px 14px 0;background:var(--surface);line-height:1.9;min-height:140px}.skills-demo ol{font-size:15px;line-height:1.8;padding-left:22px}.skills-demo li+li{margin-top:14px}.skills-demo .small-note{font-size:13px;margin-top:18px}.ai-code-preview{font-size:13px;line-height:1.8;overflow:auto;margin:26px 0 0;padding:18px;background:#080f1d;color:#c8d3f5;border:1px solid #29364e;border-radius:10px}.ai-code-preview span{color:#94abc6}.skill-grid{margin-top:36px;gap:24px}.skill-item{background:transparent;border:0;border-top:1px solid var(--border);padding:24px 0;border-radius:0}.skill-item>span{font-size:13px;color:var(--subtle)}.skill-item h3{font-size:17px}.skill-item p{font-size:14px}.skill-icon{color:var(--icon)}
.compatibility-grid{gap:48px}.compatibility-grid h3{font-size:22px}table{font-size:14px}caption{font-size:13px;padding:16px}th,td{padding:16px;min-height:52px}thead th{font-size:13px}tbody th{position:sticky;left:0;z-index:1;background:var(--surface);min-width:160px}.table-note{font-size:13px}.release-strip{background:transparent;border:0;border-block:1px solid var(--border);border-radius:0;padding:24px 0;font-size:14px;margin-top:40px}.release-strip strong{color:var(--text)}.release-strip .small-note{font-size:13px}.support-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;color:var(--success);padding:3px 8px;background:#34d3990c;border-radius:6px}.support-status.neutral{color:var(--subtle);background:var(--soft)}
.author-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:16px;border:1px solid var(--border);background:var(--surface-2);padding:0;font:600 19px var(--sans)}.author-avatar span{color:var(--accent)}.author-line strong{font-size:25px}.author-line>div>span{font-size:13px}.author-copy{font-size:16px}.community-link{min-height:78px;padding:18px;gap:14px}.community-label{font-size:14px}.community-note{font-size:13px}.wechat-card{padding:36px;background:var(--surface);border-radius:20px}.wechat-card>p{font-size:15px}.wechat-qr{padding:16px;box-shadow:none;width:232px}.wechat-card .wechat-help{font-size:13px}.faq-layout{grid-template-columns:.7fr 1.3fr;gap:64px}.faq-list{max-width:760px}.faq-list summary{font-size:18px;font-weight:600;padding:26px 0}.faq-list p{font-size:15px;line-height:1.9}.faq-list>details[open]{border-left-color:var(--blue)}.faq-list summary::after{color:var(--subtle)}.site-footer{background:var(--quiet);padding-top:70px}.footer-links h3{font-size:15px}.footer-links a{font-size:14px}.footer-brand>.small-note{font-size:13px}.footer-bottom{font-size:13px}.footer-bottom a{font-size:13px}.back-top{border-radius:50%;color:var(--text)}.gallery-toolbar,.gallery-bottom{font-size:13px}.gallery-bottom p{font-size:13px}
@keyframes halo-pulse{50%{transform:scale(1.12);opacity:.4}}@keyframes panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes drawer-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes ai-halo{to{transform:rotate(360deg)}}
@media(max-width:1199px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:760px}.hero h1{font-size:60px}.hero-description{max-width:42em}.hero-art{max-width:680px;margin-inline:auto}.install-capsule{max-width:590px}.hero-product-peek{margin-top:48px}.header-inner{gap:14px}.main-nav{gap:18px}.header-link{font-size:13px}.header-stars{display:none}.start-layout{gap:36px;grid-template-columns:.8fr 1.2fr}.protocol-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.protocol-tile{grid-template-columns:1fr auto;gap:8px;padding:18px}.protocol-tile-icon{display:none}.protocol-tile>span:nth-last-child(2){grid-column:1}.protocol-tile>.arrow{grid-column:2}.product-stage{grid-template-columns:220px minmax(0,1fr);gap:24px}.product-tabs button{padding:18px 10px}.product-tabs .ui-icon{display:none}.product-content{padding:24px}.learn-grid{gap:32px;grid-template-columns:1fr 1fr}.doc-grid{grid-template-columns:1fr}.skills-demo{padding:32px;gap:32px}.ai-code-preview{font-size:13px}}
@media(max-width:900px){.site-header{height:64px}.js .main-nav{position:fixed;inset:64px 0 0;margin:0;padding:28px 24px 70px;background:var(--bg);align-content:start;align-items:stretch;justify-content:start;flex-direction:column;flex-wrap:nowrap;overflow:auto;height:calc(100dvh - 64px);gap:8px;border:0;font-size:20px}.js .main-nav.open{display:flex}.js .main-nav>a{padding:18px 12px;min-height:64px;border-bottom:1px solid var(--border);flex-shrink:0}.js .main-nav>a::after{bottom:0;right:auto;width:40px}.main-nav a{font-size:20px}.nav-open{overflow:hidden}.hero{padding-top:48px}.hero h1{font-size:56px}.hero-description{font-size:17px}.button{font-size:15px}.hero-art figcaption,.hero-art .quiet-button{font-size:13px}.hero-footnote{font-size:13px}.start-layout{grid-template-columns:1fr;gap:36px}.start-copy{position:static}.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.start-steps li:not(:last-child)::after{display:none}.code-panel pre{font-size:14px;max-height:520px}.feature:nth-child(n){grid-column:span 6}.feature:nth-child(1){grid-column:span 12;grid-row:auto}.mini-interface{min-height:240px}.feature:nth-child(6){grid-column:span 6}.feature-grid{gap:16px}.protocol-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-tile{grid-template-columns:40px 1fr auto;gap:0 14px;min-height:96px}.protocol-tile-icon{display:flex}.protocol-tile>span:nth-last-child(2){grid-column:2}.protocol-tile>.arrow{grid-column:3}.product-stage{display:block}.product-tabs{position:static;display:flex;flex-direction:row;gap:8px;overflow:auto;scroll-snap-type:x mandatory;margin-bottom:20px;padding-bottom:8px}.product-tabs button{flex-shrink:0;min-width:210px;min-height:86px;padding:16px;scroll-snap-align:start}.product-tabs .showcase-note{display:none}.project-card,.project-card:nth-child(2){display:flex;padding:0;gap:0}.project-content,.project-card:nth-child(2) .project-content{order:2;padding:28px}.project-description{font-size:15px}.project-content h3{font-size:26px}.project-functions span,.project-meta .pill{font-size:13px}.learn-grid{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr 1fr}.skills-demo{grid-template-columns:1fr 1fr;gap:28px;padding:28px}.compatibility-grid{grid-template-columns:1fr}.community-layout{grid-template-columns:1fr 1fr;gap:32px}.community-links{grid-template-columns:1fr}.community-label{font-size:14px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-list{max-width:none}.footer-links a{font-size:14px}.skill-item p{font-size:14px}.hero-product-peek img{max-height:390px}.section-head h2{font-size:36px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header-link{display:none}.brand-name{font-size:27px}.hero h1{font-size:clamp(38px,8.6vw,52px);line-height:1.18}.hero-grid{gap:30px}.hero-badge{font-size:13px;gap:9px;margin-bottom:22px}.hero-description{font-size:16px;line-height:1.9;margin-top:24px}.hero-buttons{gap:10px;margin-top:26px}.button{font-size:14px;padding:11px 16px;gap:8px}.install-capsule{gap:8px;padding-left:12px;margin-top:20px}.install-capsule code{font-size:13px}.hero-footnote{font-size:13px;gap:8px}.hero-footnote a{flex-basis:100%}.flow-diagram{display:flex;flex-direction:column;gap:12px;min-height:0;padding:8px 0 16px}.diagram-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.flow-node{min-height:76px;padding:12px 4px;justify-content:center;text-align:center;gap:0;flex-direction:column}.flow-node .ui-icon{display:none}.flow-node strong{font-size:14px}.flow-node span{font-size:13px;white-space:normal}.flow-lines{display:none}.flow-hub{min-height:160px;gap:6px}.flow-hub img{width:48px;height:48px}.flow-hub strong{font-size:24px}.flow-hub>span:last-child{max-width:none;font-size:13px}.hub-halo{width:130px;height:130px;margin:-78px 0 0 -65px}.hero-art figcaption{font-size:13px;gap:8px;padding:0;flex-wrap:wrap}.hero-art .quiet-button{font-size:13px}.hero-product-peek{margin-top:32px}.peek-heading{font-size:13px;gap:8px}.peek-heading .section-link{font-size:13px}.peek-heading .ui-icon{display:none}.hero-product-peek .window-bar{font-size:13px;padding-inline:12px;gap:10px}.hero-product-peek .window-bar>span:last-child{display:none}.hero-product-peek img{max-height:250px}.stats{grid-template-columns:1fr 1fr;gap:28px 0;margin-top:0;padding:28px 0 0;box-shadow:none}.stat strong{font-size:40px}.stat>span{font-size:13px;padding:0 8px}.stat:nth-child(3){border-left:0}.stat-scope{font-size:13px;margin-top:16px}.stat-scope summary{min-height:44px}.stat-scope[open]{padding:16px;text-align:left}.section-head{margin-bottom:32px}.section-head h2,.start-copy h2{font-size:30px}.section-head>p{font-size:16px;margin-top:20px}.eyebrow{font-size:13px}.start-steps{display:block}.start-steps li{padding-bottom:24px}.start-steps li:not(:last-child)::after{display:block}.start-steps span{font-size:14px}.start-copy>p{font-size:16px}.start-copy .small-note{font-size:13px}.code-tabs{padding:6px;gap:0}.code-tabs button{font-size:13px;padding:10px 8px;flex:1}.install-strip{padding:14px 12px}.install-strip code{font-size:13px}.code-toolbar{padding-inline:12px;font-size:13px}.code-panel pre{font-size:14px;line-height:1.85;padding:16px 0;max-height:450px}.code-panel .line::before{width:28px;margin-right:14px;font-size:13px}.run-output{padding:16px 12px;font-size:13px}.run-output code{font-size:13px}.code-footnote{font-size:13px;padding:16px 12px}.feature:nth-child(n){grid-column:span 12;padding:26px 24px}.feature-grid{gap:14px}.feature h3{font-size:20px}.feature p{font-size:15px}.mini-interface{min-height:230px;padding-top:24px;gap:12px}.interface-sources{gap:8px}.interface-sources>span{min-width:64px;padding:10px 16px}.interface-methods{gap:2px}.interface-methods code{font-size:13px;padding:6px}.mini-interface>b{width:100%}.mini-plugs,.mini-flow,.mini-batch,.mini-integrations,.mini-terminal{min-height:130px}.mini-flow,.mini-plugs{gap:8px}.mini-flow span,.mini-plugs span{padding:9px 10px;font-size:13px}.use-cases{margin-top:28px}.use-cases h3{font-size:14px}.tags{gap:8px;margin-top:14px}.tags .pill{font-size:13px}.pipeline{margin-top:32px;border-left:1px solid var(--border);border-top:0;margin-left:10px;padding:0 0 0 24px}.pipeline-step{padding-bottom:22px}.pipeline-step strong{font-size:15px}.pipeline-step>span{font-size:13px}.protocol-section{margin-top:64px}.protocol-heading h3{font-size:26px}.protocol-quick-grid{gap:10px}.protocol-tile{grid-template-columns:1fr auto;gap:7px;padding:16px;min-height:90px}.protocol-tile-icon{display:none}.protocol-tile strong{font-size:13px;overflow-wrap:anywhere}.protocol-tile>span:nth-last-child(2){grid-column:1;font-size:13px}.protocol-tile>.arrow{grid-column:2}.catalog-open{font-size:14px;margin-top:14px;padding-inline:16px}.protocol-filters button{font-size:13px}.protocol-library{padding-inline:16px}.brand-tag{font-size:14px;min-height:44px}.protocol-kind{font-size:13px}.transport-grid{grid-template-columns:1fr;padding:24px;gap:32px}.transport-grid h3{font-size:20px}.transport-grid p{font-size:15px}.transport-illustration{font-size:13px;min-height:100px;gap:6px}.transport-illustration span{font-size:13px}.search-field input{font-size:16px}.search-field button{font-size:14px}#protocol-dialog{width:100%;border-left:0}.drawer-header{padding:22px 20px;gap:16px}.drawer-header h2{font-size:25px}#protocol-dialog .protocol-library{padding:24px 20px 40px}.protocol-library .brand-tags{gap:8px}.project-filters{gap:6px;margin-bottom:28px}.filter-button{font-size:13px;padding:9px 12px}.filter-count{font-size:13px}.group-title{font-size:18px}.group-title>span{font-size:13px}.product-tabs button{min-width:200px}.product-tabs strong{font-size:15px}.product-tabs button>span>span{font-size:13px}.project-content,.project-card:nth-child(2) .project-content{padding:24px 20px}.project-content h3{font-size:24px}.project-subtitle{font-size:16px}.project-description{font-size:15px}.project-functions span,.project-meta .pill{font-size:13px}.repo-stat{font-size:13px}.project-actions{font-size:14px;gap:18px}.product-gallery .window-bar{font-size:13px;gap:8px;padding-inline:12px}.product-gallery .window-bar>span:last-child{display:none}.screenshot-grid{padding:0;gap:8px}.screenshot>span{font-size:13px}.thumbnail{margin:0 8px;display:block}.thumbnail img{width:100%;height:64px;object-fit:cover}.thumbnail>span{display:block;padding:10px;font-size:13px}.product-gallery figcaption{font-size:13px;padding:14px}.tool-grid{gap:14px}.tool-card{padding:24px}.tool-card>p{font-size:14px}.tool-card .repo-stat{font-size:13px}.tool-card .project-meta{font-size:13px}.learn-panel{padding:0}.learn-panel-heading h3{font-size:19px}.learn-panel-heading{gap:12px;flex-wrap:wrap}.learn-panel-heading .section-link{font-size:14px}.learn-panel>p{font-size:15px}.doc-grid{grid-template-columns:1fr;margin-top:26px}.doc-row{padding-block:20px}.doc-row h4{font-size:15px}.doc-row p{font-size:14px}.blog-panel{padding:28px 24px}.blog-panel h3{font-size:26px}.blog-panel>p,.blog-topic p{font-size:15px}.blog-topic h4{font-size:15px}.skills{padding-block:72px}.skills-heading h2{font-size:28px}.skills-heading p{font-size:16px}.skills-demo{grid-template-columns:1fr;gap:28px;padding:26px 22px;margin-top:28px;border-radius:16px}.skills-demo #skill-prompt{font-size:16px;padding:20px;min-height:125px}.skills-demo ol{font-size:15px}.skills-demo>div+div{padding-top:24px}.demo-label{font-size:13px}.skills-demo .small-note{font-size:13px}.ai-code-preview{font-size:13px;padding:14px}.skill-grid{gap:24px 20px}.skill-item{padding:22px 0}.skill-item>span{font-size:13px}.skill-item h3{font-size:16px}.skill-item p{font-size:14px}.compatibility-grid{gap:40px}.compatibility-grid h3{font-size:20px}table{font-size:14px}.release-strip{font-size:14px;padding:24px 0}.release-strip .small-note{font-size:13px}.community-layout{grid-template-columns:1fr;gap:36px}.community-links{grid-template-columns:1fr 1fr;gap:10px}.community-link{padding:14px 12px;gap:10px;min-height:82px}.community-label{font-size:13px}.community-link>span:last-child{font-size:13px}.author-line strong{font-size:23px}.author-line>div>span{font-size:13px}.author-copy{font-size:16px}.community-note{font-size:13px}.wechat-card{padding:32px 24px}.wechat-qr{width:232px;padding:16px}.wechat-card>p{font-size:15px}.wechat-card .wechat-help{font-size:13px}.faq-list summary{font-size:18px;padding-block:24px}.faq-list p{font-size:15px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-links h3{font-size:15px}.footer-links a{font-size:14px}.footer-brand>.small-note{font-size:13px}.footer-bottom{font-size:13px;margin-top:36px;gap:12px}.footer-bottom a{font-size:13px}.gallery-bottom p{font-size:13px}.gallery-toolbar{font-size:13px}.back-top{border-radius:50%}}
@media(max-width:359px){.container{width:calc(100% - 32px)}.hero h1{font-size:37px}.brand-name{font-size:24px}.hero-buttons .button{padding-inline:13px}.hero-badge{gap:8px}.hero-badge>span:nth-child(2){font-size:13px}.hero-footnote{font-size:13px}.flow-node strong{font-size:13px}.flow-node span{font-size:13px}.stat strong{font-size:36px}.stat>span{font-size:13px}.code-tabs button{font-size:13px;padding-inline:6px}.feature:nth-child(n){padding:24px 20px}.community-links{grid-template-columns:1fr}.footer-links a{font-size:14px}.screenshot>span{font-size:13px}.hero-art figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hub-halo::after,.skills-demo::before{animation:none!important}.flow-packet{display:none}.js .project-card:not([hidden]),.js .code-panel:not([hidden]),#protocol-dialog[open]{animation:none}.flow-node:hover{transform:none}}

html:not(.js) .product-stage{display:block}.nav-open,.modal-open{overflow:hidden}

.header-stars::before{content:"★ ";color:var(--subtle)}

.version-badge::before{content:"v"}

.skills-demo>div{min-width:0}.ai-code-preview{max-width:100%;min-width:0}
@media(max-width:900px){.product-tabs button{flex:0 0 220px;white-space:normal}.product-tabs button>span:nth-child(2){min-width:0}}

.install-capsule .copy-button{color:var(--text);border-color:var(--border)}.install-capsule .copy-button.copied{color:var(--accent)}.code-tabs button{color:var(--subtle)}.code-tabs button[aria-selected=true]{color:var(--text)}.code-footnote{color:var(--subtle)}

html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] .motion-reveal{transition:none}html[data-motion=paused] .flow-node:hover{transform:none}

.tool-card .project-name h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:12px}.tool-card .repo-stats,.tool-card .project-actions{position:relative;z-index:2}.tool-card:has(.project-name h3 a:focus-visible){outline:2px solid var(--blue);outline-offset:4px}