.nav{z-index:50;background:0 0;border-bottom:1px solid #0000;position:sticky;top:0}.nav-inner{border:1px solid #0000;border-radius:999px;align-items:center;gap:28px;max-width:1120px;height:68px;transition:height .4s cubic-bezier(.22,.61,.36,1),margin-top .4s cubic-bezier(.22,.61,.36,1),max-width .4s cubic-bezier(.22,.61,.36,1),padding .4s cubic-bezier(.22,.61,.36,1),background .3s,border-color .3s,box-shadow .4s;display:flex}.nav.is-scrolled .nav-inner{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-color:var(--border);max-width:960px;height:54px;box-shadow:var(--nav-pill-shadow);margin-top:10px;padding-inline:22px}.nav-brand{flex:none;align-items:center;gap:10px;display:flex}.nav-logo{border-radius:8px;width:30px;height:30px}.nav-name{letter-spacing:.01em;font-size:17px;font-weight:700}.nav-name-en{color:var(--text-dim);font-weight:600}.nav-links{align-items:center;gap:26px;margin-inline:auto;display:flex}.nav-links a{color:var(--text-dim);font-size:14.5px;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-github-mobile{display:none}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-lang{height:34px;color:var(--text-dim);border-radius:10px;justify-content:center;align-items:center;padding:0 11px;font-size:13px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.nav-lang:hover{color:var(--text);background:var(--chip-bg)}.nav-lang-globe{font-size:13px}.nav-icon-btn{width:34px;height:34px;color:var(--text-dim);border-radius:10px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.nav-icon-btn:hover{color:var(--text);background:var(--chip-bg)}.nav-icon-btn svg{width:19px;height:19px}.nav-burger{display:none}@media (width<=480px){.nav-github{display:none}.nav-icon-btn{width:40px;height:40px}.nav-lang{height:40px;padding:0 13px}}@media (width<=900px){.nav-burger{display:inline-flex}.nav-links{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--nav-pill-shadow);border-radius:20px;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px;display:none;position:absolute;top:64px;left:16px;right:16px}.nav-links.is-open{display:flex}.nav-links a{border-bottom:1px solid var(--border);padding:12px 4px;font-size:15px}.nav-links a:last-child{border-bottom:none}.nav-github-mobile{display:block}}.hero{align-items:center;min-height:calc(100vh - 68px);padding:48px 0;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(620px 440px at 16% 18%,#6f97bf1c,#0000 70%),radial-gradient(960px 680px at 76% 46%,#6f97bf2b,#0000 72%),radial-gradient(1200px 340px at 50% 110%,#6f97bf1f,#0000 78%);position:absolute;inset:0}[data-theme=light] .hero-glow{background:radial-gradient(620px 440px at 16% 18%,#33618d14,#0000 70%),radial-gradient(960px 680px at 76% 46%,#33618d1a,#0000 72%),radial-gradient(1200px 340px at 50% 110%,#33618d12,#0000 78%)}.hero-glow:after{content:"";background-image:radial-gradient(#ffffff0e 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(760px 560px at 72% 42%,#000 0%,#0000 74%);mask-image:radial-gradient(760px 560px at 72% 42%,#000 0%,#0000 74%)}[data-theme=light] .hero-glow:after{background-image:radial-gradient(#1b1d220d 1px,#0000 1px)}.hero-inner{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:48px;display:grid;position:relative}.hero-badge{border:1px solid var(--border-strong);background:var(--chip-bg);color:var(--text-dim);border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.hero-badge:hover{color:var(--text);border-color:var(--text-faint)}.hero-badge-icon{width:14px;height:14px;color:var(--accent)}.hero-title{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:14px;margin-top:30px;font-size:clamp(32px,3.6vw,46px);font-weight:800;line-height:1.1;display:flex}.hero-logo{border-radius:16px;width:clamp(48px,4.6vw,60px);height:clamp(48px,4.6vw,60px);box-shadow:0 14px 36px #0000004d}.hero-tagline{letter-spacing:-.01em;background:linear-gradient(92deg, var(--text) 62%, var(--accent));color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;margin-top:24px;font-size:clamp(19px,2.4vw,24px);font-weight:600}.hero-sub{max-width:470px;color:var(--text-dim);margin-top:18px;font-size:16px;line-height:1.85}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:46px;display:flex}.hero-platform{color:var(--text-faint);letter-spacing:.01em;margin-top:22px;font-size:13.5px}.hero-shot-wrap{position:relative}.hero-shot-wrap:before{content:"";filter:blur(14px);pointer-events:none;background:radial-gradient(58% 58% at 50% 42%,#6f97bf33,#0000 74%),radial-gradient(52% 26% at 50% 96%,#0000008c,#0000 72%);position:absolute;inset:-14% -10%}[data-theme=light] .hero-shot-wrap:before{background:radial-gradient(58% 58% at 50% 42%,#33618d1f,#0000 74%),radial-gradient(52% 26% at 50% 96%,#1b1d2229,#0000 72%)}.hero-shot{margin:0;padding:0;animation:9s ease-in-out infinite hero-float;position:relative}.mock-window{background:#060708;border:1px solid #ffffff1f;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000059,0 24px 64px #0000008c,0 0 50px #8cadcd38,0 0 130px #6f97bf2e}.mock-window:before{content:"";z-index:5;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#fff6,#d6e4f238 34%,#6f97bf1a 68%,#d6e4f229);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=light] .mock-window{box-shadow:0 2px 6px #1b1d2224,0 24px 64px #1b1d2238,0 0 44px #33618d24,0 0 120px #33618d1a}[data-theme=light] .mock-window:before{background:linear-gradient(#ffffffe6,#33618d3d 34%,#33618d1a 68%,#ffffff80)}.mock-titlebar{background:linear-gradient(#ffffff0e,#ffffff05);border-bottom:1px solid #ffffff12;align-items:center;gap:12px;height:38px;padding:0 14px;display:flex}.mock-dots{flex:1;align-items:center;gap:8px;display:flex}.mock-dot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #0003}.mock-dot-close{background:#ff5f57}.mock-dot-min{background:#febc2e}.mock-dot-max{background:#28c840}.mock-titlebar-title{color:#8e939c;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:62%;font-size:12px;font-weight:600;line-height:1;overflow:hidden}.mock-titlebar-spacer{flex:1}.hero-canvas{aspect-ratio:800/440;background:#000;position:relative;overflow:hidden;container-type:inline-size}.mock-tabbar{z-index:3;align-items:center;gap:.9cqw;display:flex;position:absolute;top:2.6cqw;left:2.6cqw}.mock-tab{color:#4da3ff;white-space:nowrap;background:#007aff1a;border:1px solid #007aff8c;border-radius:1cqw;align-items:center;gap:.6cqw;padding:.55cqw 1.5cqw;font-size:clamp(7px,1.5cqw,13px);font-weight:500;line-height:1.4;display:inline-flex}.mock-tab-caret{width:1.25cqw;min-width:6px;height:1.25cqw;min-height:6px}.mock-tab-plus{color:#a1a1a6;background:#ffffff0f;border:1px solid #ffffff24;border-radius:1cqw;justify-content:center;align-items:center;width:3cqw;height:3cqw;font-size:clamp(7px,1.5cqw,13px);line-height:1;display:inline-flex}.mock-chip{z-index:3;color:#a1a1a6;white-space:nowrap;background:#18181cd9;border:1px solid #ffffff1a;border-radius:1cqw;padding:.7cqw 1.5cqw;font-size:clamp(6px,1.375cqw,12px);line-height:1.4;position:absolute;top:8.6cqw;left:2.6cqw}.mock-zoom{z-index:3;color:#7c7c80;background:#18181cd9;border:1px solid #ffffff1a;border-radius:1cqw;align-items:center;gap:1.6cqw;padding:.7cqw 1.5cqw;font-size:clamp(6px,1.375cqw,12px);line-height:1.4;display:flex;position:absolute;bottom:2.6cqw;left:2.6cqw}.mock-zoom-value{color:#e8e8ea}.hero-canvas-wires{z-index:1;width:100%;height:100%;position:absolute;inset:0}.mock-wire{fill:none;stroke:#e6a700;stroke-width:2px;stroke-opacity:.95;vector-effect:non-scaling-stroke}.mock-node{z-index:2;-webkit-backdrop-filter:blur(24px)saturate(1.8);background:#1e1e24c7;border:1px solid #ffffff1f;border-radius:1.875cqw;flex-direction:column;display:flex;position:absolute;box-shadow:0 .15cqw .25cqw #0000004d,0 1.75cqw 5cqw #0006,inset 0 1px #ffffff24,inset 0 -1px #ffffff0f}.mock-node:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(168deg,#ffffff17 0%,#ffffff05 22%,#fff0 42%);position:absolute;inset:0}.mock-node-head{white-space:nowrap;border-bottom:1px solid #ffffff14;border-radius:1.8cqw 1.8cqw 0 0;align-items:center;gap:.9cqw;min-height:4cqw;padding:0 1.5cqw;display:flex;overflow:hidden}.mock-node-kind{letter-spacing:.02em;color:#e6a700;font-size:clamp(6.5px,1.31cqw,12px);font-weight:500}.mock-kind-blue{color:#007aff}.mock-port-row{color:#a1a1a6;white-space:nowrap;align-items:center;gap:.75cqw;height:3cqw;padding:0 2.75cqw;font-size:clamp(6px,1.375cqw,12px);display:flex;position:relative}.mock-port{border-radius:50%;width:1.375cqw;min-width:5px;height:1.375cqw;min-height:5px;position:absolute;top:50%;transform:translateY(-50%)}.mock-port-in{left:.75cqw}.mock-port-out{right:.75cqw}.mock-port-amber{background:#e6a700;box-shadow:0 0 0 .3cqw #0c0c0ee6}.mock-port-blue{background:#007aff;box-shadow:0 0 0 .3cqw #0c0c0ee6,0 0 1cqw .125cqw #007aff8c}.mock-port-name-out{margin-left:auto}.mock-node-form{flex-direction:column;flex:1;gap:.75cqw;min-height:0;padding:1.25cqw 1.5cqw 1.5cqw;display:flex}.mock-text{width:36cqw;height:21cqw;top:14cqw;left:6cqw}.mock-text .mock-node-form{padding-top:.9cqw}.mock-textarea{color:#f2f2f4;background:#ffffff1a;border-radius:1.25cqw;flex:1;padding:1.125cqw 1.375cqw;font-size:clamp(6.5px,1.5cqw,13px);line-height:1.6;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff14}.mock-gen{width:38cqw;top:10cqw;left:55cqw}.mock-hero-img{background:radial-gradient(120% 90% at 28% 18%,#ffffff1a,#0000 52%),radial-gradient(85% 65% at 72% 78%,#6f97bf33,#0000 62%),linear-gradient(160deg,#23262d,#101216 68%);border-radius:1.25cqw;height:16cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.mock-hero-badge{color:#6db2ff;background:#007aff38;border-radius:.75cqw;padding:.25cqw .9cqw;font-size:clamp(5.5px,1.125cqw,10px);font-weight:500;line-height:1.5;position:absolute;top:.9cqw;right:.9cqw}.mock-strip{gap:.75cqw;display:flex}.mock-thumb{background:linear-gradient(150deg,#262a32,#14171c 70%);border-radius:1cqw;width:5.5cqw;height:5.5cqw;box-shadow:inset 0 0 0 1px #ffffff14}.mock-thumb.is-primary{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 2px #007affd9}.mock-foot{justify-content:space-between;align-items:center;gap:.75cqw;margin-top:auto;display:flex}.mock-summary{color:#a1a1a6;white-space:nowrap;font-size:clamp(6px,1.375cqw,12px)}.mock-regen{color:#f2f2f4;white-space:nowrap;background:#ffffff1a;border-radius:1.125cqw;align-items:center;gap:.6cqw;padding:.875cqw 1.25cqw;font-size:clamp(6.5px,1.5cqw,13px);font-weight:500;line-height:1.2;display:inline-flex}.mock-regen svg{color:#4da3ff;width:1.5cqw;min-width:7px;height:1.5cqw;min-height:7px}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=1024px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero-copy{text-align:center}.hero-sub,.hero-tagline{margin-inline:auto}.hero-ctas,.hero-title{justify-content:center}}@media (width<=480px){.hero{padding-top:56px}.hero-title{gap:12px;font-size:32px}.hero-logo{border-radius:14px;width:52px;height:52px}}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.workflow-cell{display:flex;position:relative}.workflow-step{flex:1;padding:24px 22px;position:relative}.workflow-step-index{color:var(--text-faint);font-size:13px;position:absolute;top:18px;right:18px}.workflow-step h3{margin-top:16px;font-size:18px;font-weight:700}.workflow-step p{color:var(--text-dim);margin-top:8px;font-size:14px;line-height:1.65}.workflow-arrow{z-index:1;background:var(--surface-3);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:-33px;transform:translateY(-50%)}.workflow-arrow svg{width:13px;height:13px}.workflow-loop{border:1px dashed #9aa1ab73;border-top:none;border-radius:0 0 16px 16px;height:30px;margin:0 10%;position:relative}.workflow-loop-pill{z-index:1;border:1px dashed var(--border-strong);background:var(--bg);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 18px;font-size:13.5px;font-weight:600;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.workflow-loop-pill svg{width:13px;height:13px;color:var(--text-faint);transform:rotate(180deg)}@media (width<=1024px){.workflow-steps{grid-template-columns:repeat(2,1fr);row-gap:28px}.workflow-loop,.workflow-cell:nth-child(2) .workflow-arrow{display:none}.workflow-cell:nth-child(2){order:3}.workflow-cell:nth-child(3){order:2}}@media (width<=560px){.workflow-steps{grid-template-columns:1fr}.workflow-arrow{display:none!important}.workflow-cell:nth-child(2),.workflow-cell:nth-child(3){order:0}}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{padding:26px 24px}.feature-card h3{margin-top:18px;font-size:17.5px;font-weight:700}.feature-card p{color:var(--text-dim);margin-top:10px;font-size:14.5px;line-height:1.7}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.showcase-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.showcase-tab{border:1px solid var(--border);background:var(--chip-bg);color:var(--text-dim);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.showcase-tab:hover{color:var(--text);border-color:var(--border-strong)}.showcase-tab.is-active{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-color)}.showcase-stage{max-width:980px;margin:0 auto;padding:0;overflow:hidden}.showcase-frame{background:var(--bg-soft)}.showcase-frame img{width:100%;animation:.35s showcase-in}@keyframes showcase-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.showcase-caption{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);background:var(--surface);padding:14px 20px;font-size:14px}.principles-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;display:grid}.principles-grid>*{min-width:0}.principles-demo{padding:0;position:sticky;top:96px;overflow:hidden}.principles-demo-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:12px 16px;display:flex}.principles-demo-path{color:var(--text-faint);margin-left:8px;font-size:12.5px}.principles-tree{color:var(--text-dim);white-space:nowrap;padding:22px 24px 8px;font-size:13.5px;line-height:2.05;overflow-x:auto}.tree-root{color:var(--text);font-weight:600}.tree-indent{width:1.4em;display:inline-block}.tree-indent-2{width:2.8em}.tree-hl{color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:1px 6px}.principles-hint{border-top:1px dashed var(--border);color:var(--text-faint);margin:14px 24px 22px;padding-top:14px;font-size:13px;line-height:1.7}.principles-list{flex-direction:column;gap:16px;display:flex}.principle{align-items:flex-start;gap:16px;padding:22px;display:flex}.principle-body h3{font-size:16.5px;font-weight:700}.principle-body p{color:var(--text-dim);margin-top:8px;font-size:14px;line-height:1.7}.dot{border-radius:50%;width:11px;height:11px}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}@media (width<=960px){.principles-grid{grid-template-columns:1fr}.principles-demo{position:static}}.download{background:var(--bg-soft)}.download-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.download-card{padding:26px}.download-card-head{align-items:center;gap:14px;display:flex}.download-card-head h3{font-size:19px;font-weight:700}.download-req{color:var(--text-faint);margin-top:2px;font-size:13px}.download-items{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.download-item{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;transition:border-color .15s,color .15s;display:flex}.download-item:hover{border-color:var(--accent)}.download-item:hover .download-item-name{color:var(--accent)}.download-item-name{color:var(--text);font-size:13.5px;font-weight:600}.download-item-size{color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.download-item-desc{color:var(--text-faint);text-align:right;font-size:13px}.download-note{color:var(--text-faint);margin-top:16px;font-size:13px;line-height:1.7}.download-cta{text-align:center;margin-top:32px}@media (width<=820px){.download-grid{grid-template-columns:1fr}}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{overflow:hidden}.faq-item.is-open{border-color:var(--border-strong)}.faq-q{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;font-size:15.5px;font-weight:600;display:flex}.faq-chevron{color:var(--text-faint);flex:none;transition:transform .25s;display:inline-flex}.faq-chevron svg{width:18px;height:18px}.faq-item.is-open .faq-chevron{color:var(--text);transform:rotate(180deg)}.faq-a{padding:0 22px 20px}.faq-a p{color:var(--text-dim);font-size:14.5px;line-height:1.75}.faq-more{text-align:center;max-width:760px;color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:22px auto 0;font-size:14px;display:flex}.faq-more a{color:var(--accent);font-weight:600}.faq-more a:hover{text-decoration:underline}.faq-more-sep{color:var(--text-faint)}.cta{padding-top:24px}.cta-box{text-align:center;border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-2), var(--surface));border-radius:24px;padding:72px 32px;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(420px 260px at 50% 0%, var(--glow-1), transparent 75%), radial-gradient(360px 220px at 80% 100%, var(--glow-2), transparent 75%);position:absolute;inset:0}.cta-box h2{letter-spacing:-.01em;font-size:clamp(26px,4vw,38px);font-weight:800;position:relative}.cta-sub{color:var(--text-dim);margin-top:14px;font-size:16px;position:relative}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex;position:relative}.cta-note{color:var(--text-faint);margin-top:18px;font-size:13.5px;position:relative}.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:56px 0 28px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-brand-row{align-items:center;gap:10px;display:flex}.footer-logo{border-radius:9px;width:34px;height:34px}.footer-name{font-size:17px;font-weight:700}.footer-name-en{color:var(--text-dim);font-weight:600}.footer-tagline{max-width:300px;color:var(--text-dim);margin-top:12px;font-size:14px}.footer-github{border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);border-radius:10px;justify-content:center;align-items:center;margin-top:14px;transition:color .15s,border-color .15s;display:inline-flex}.footer-github:hover{color:var(--text);border-color:var(--border-strong)}.footer-github svg{width:18px;height:18px}.footer-col h4{margin-bottom:14px;font-size:14px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--text-dim);font-size:14px;transition:color .15s}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:44px;padding-top:22px;font-size:13px;display:flex}.footer-bottom a{color:var(--text-faint)}.footer-bottom a:hover{color:var(--text-dim)}@media (width<=820px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0f;--bg-soft:#101216;--surface:#14161b;--surface-2:#1b1d22;--surface-3:#22252c;--border:#262a31;--border-strong:#33363c;--text:#f2f3f5;--text-dim:#a6adb7;--text-faint:#8a9099;--accent:#6f97bf;--accent-soft:#6f97bf1a;--accent-border:#6f97bf4d;--btn-primary-bg:#f2f3f5;--btn-primary-color:#14161b;--btn-primary-hover:#fff;--chip-bg:#ffffff0d;--glow-1:#6f97bf17;--glow-2:#ffffff0b;--nav-bg:#0b0c0fd1;--nav-pill-shadow:0 14px 36px #0006;--card-hover-shadow:0 16px 40px #00000061;--shot-shadow:0 30px 80px #0000008c;--logo-filter:none}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--bg-soft:#f2f4f7;--surface:#fff;--surface-2:#f2f4f7;--surface-3:#e9ecf1;--border:#e2e5ea;--border-strong:#cbd0d6;--text:#1b1d22;--text-dim:#4b5563;--text-faint:#6b7280;--accent:#33618d;--accent-soft:#33618d14;--accent-border:#33618d47;--btn-primary-bg:#1b1d22;--btn-primary-color:#f7f8fa;--btn-primary-hover:#33363c;--chip-bg:#1b1d220d;--glow-1:#33618d12;--glow-2:#1b1d220d;--nav-bg:#f7f8fadb;--nav-pill-shadow:0 14px 36px #1b1d221f;--card-hover-shadow:0 16px 40px #1b1d221a;--shot-shadow:0 30px 80px #1b1d222e;--logo-filter:none}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}code,.mono{font-family:Cascadia Code,JetBrains Mono,Fira Code,Consolas,Courier New,monospace}.container{width:min(1280px,100% - 48px);margin-inline:auto}.section{padding:96px 0;scroll-margin-top:96px}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.kicker{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-head h2{letter-spacing:-.01em;text-wrap:balance;margin-top:18px;font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.25}.section-head .sub{color:var(--text-dim);margin-top:14px;font-size:16px}.section-head .sub:empty{display:none}.btn{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color);box-shadow:0 10px 26px #00000038}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 14px 32px #00000047}.btn-ghost{background:var(--chip-bg);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--text-faint);color:var(--text)}.btn-lg{border-radius:14px;padding:14px 30px;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:var(--border-strong);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}::selection{background:var(--accent-soft)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon-chip{background:var(--surface-2);border:1px solid var(--border-strong);width:42px;height:42px;color:var(--accent);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-chip svg{width:22px;height:22px}