:root{--bg:#fafbfc;--ink:#172131;--muted:#758092;--blue:#326bfa;--line:#e5e9ef;--mono:Consolas,'SFMono-Regular',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #5f9cff;outline-offset:5px}::selection{background:#c6d8ff}.skip{position:fixed;top:-100px;z-index:100;padding:16px;background:white}.skip:focus{top:0}.header{max-width:1440px;margin:auto;height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand img{object-fit:contain}nav{display:flex;align-items:center;gap:33px;font-size:12px;color:#697486}nav a:hover,.github-link:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:26px}.github-link{font-size:12px}.github-link span{margin-left:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:8px;padding:16px 22px;font-size:12px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);background:#2b3a52;box-shadow:0 6px 18px #173d6820}.button svg{width:15px;height:15px;fill:currentColor}.button>span{margin-left:14px}.button-small{padding:11px 17px;font-size:11px;border-radius:6px}.button-small>span{margin-left:8px}.button-ghost{background:white;color:var(--ink);border-color:#dee4ec;box-shadow:0 2px 3px #17213103}.button-ghost:hover{background:#f0f4fa}.hero{overflow:hidden;padding-top:62px}.hero-copy{text-align:center;position:relative;z-index:1}.announcement{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #e0e7f1;border-radius:30px;font-size:10px;background:white;box-shadow:0 3px 8px #173d6803;color:#63738b}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4882fd;box-shadow:0 0 0 3px #4882fd12;flex-shrink:0}.announcement-arrow{margin-left:9px;padding-left:10px;border-left:1px solid #dce3ed;color:#3876ea}.hero h1{font-size:clamp(48px,5.1vw,74px);font-weight:600;line-height:1.3;letter-spacing:-3px;margin:25px 0 20px}.accent{color:var(--blue)}.hero-copy>p{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.hero-note{display:flex;justify-content:center;align-items:center;gap:13px;font-size:9px;color:#8b96a5;margin-top:17px}.hero-note i{width:2px;height:2px;border-radius:50%;background:#b2bac6}.product-stage{position:relative;max-width:1320px;margin:54px auto 0;padding:39px 6% 26px;background:radial-gradient(ellipse at 50% 40%,#c0d9ff 0,#dee9ff 42%,#e9effa 70%,#f0f4fa 100%);border:1px solid #e3eaf6;border-radius:14px;isolation:isolate}.stage-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#8daee51f 1px,transparent 1px),linear-gradient(90deg,#8daee51f 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,black 50%,transparent)}.stage-label{position:absolute;left:25px;top:29px;font:8px var(--mono);letter-spacing:1px;color:#7c94b5;writing-mode:vertical-rl}.product-switch{position:relative;display:flex;justify-content:center;width:fit-content;margin:0 auto 28px;gap:3px;border:1px solid #b5c9ea70;padding:4px;border-radius:9px;background:#d5e2f680;box-shadow:inset 0 1px 3px #456ca810}.product-switch button{border:0;padding:10px 20px;background:transparent;border-radius:6px;font-size:11px;color:#637d9e;display:flex;gap:10px;align-items:center;transition:background .2s,box-shadow .2s}.product-switch button[aria-selected=true]{background:white;color:#253a58;box-shadow:0 2px 6px #5075a91a}.product-switch button>span{font-size:14px;color:#688fcd}.screenshot-wrap{border-radius:9px;box-shadow:0 35px 65px -20px #1e47745c,0 4px 12px #1e477418;line-height:0;background:#e6e8eb;transition:opacity .2s;outline:1px solid #6982ab20;outline-offset:0}.screenshot-button{display:block;border:0;padding:0;background:none;width:100%;position:relative;border-radius:inherit;line-height:0;overflow:hidden;cursor:zoom-in}.screenshot-button img{display:block;width:100%;height:auto}.zoom-label{position:absolute;right:16px;bottom:16px;background:#16243ee8;border:1px solid #ffffff30;color:white;backdrop-filter:blur(10px);padding:10px 13px;border-radius:6px;font-size:10px;line-height:1;opacity:0;transform:translateY(4px);transition:.2s}.screenshot-button:hover .zoom-label,.screenshot-button:focus-visible .zoom-label{opacity:1;transform:none}.stage-caption{margin-top:22px;display:flex;justify-content:space-between;gap:15px;color:#6d85a5;font-size:9px}.stage-caption>span:first-child{display:flex;align-items:center;gap:7px}.tech-strip{max-width:1120px;margin:0 auto;padding:36px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#9099a8;font-size:11px}.tech-strip>div{display:flex;align-items:center;gap:42px}.tech-strip b{font-size:18px;font-weight:600;color:#8995a6;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}.tech-mark{font-size:25px;color:#9aa6b6}.tech-license{font:9px var(--mono);color:#9aa5b6}.section{max-width:1280px;padding:100px 5%;margin:auto}.section-kicker{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.2px;color:#8a96a7}.section-kicker>span:last-child{font:10px 'Microsoft YaHei',sans-serif;letter-spacing:0;color:#919baa}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:32px 0 46px}h2{font-size:42px;font-weight:500;letter-spacing:-1.5px;line-height:1.42;margin:0}h2 span{color:#8c97a7}.section-heading p{font-size:12px;color:#8590a1;line-height:2;margin:0 0 4px;min-width:245px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.capabilities article{padding:30px 30px 5px 0}.capabilities article+article{padding-left:30px;border-left:1px solid var(--line)}.line-icon{width:38px;height:38px;display:grid;place-items:center;font:19px var(--mono);color:#4c7bd6;border:1px solid #dfe7f5;background:#f1f5fd;border-radius:10px;margin-bottom:24px}.folder-icon{font-size:30px}.capabilities h3{font-size:17px;letter-spacing:-.4px;font-weight:500;margin:0 0 14px}.capabilities p{font-size:11px;line-height:2;color:#8490a0;margin:0}.capabilities article>span{font:8px var(--mono);color:#9ba6b5;letter-spacing:.8px;display:block;margin-top:24px}.database-section{background:#eff3f8;border-block:1px solid #e5ebf3;overflow:hidden}.database-inner{padding-top:78px;padding-bottom:55px}.database-inner .section-heading{margin-bottom:40px}.tags{display:flex;gap:7px;margin-top:17px}.tags span{font-size:9px;border:1px solid #dce4ef;background:#ffffff80;padding:5px 8px;border-radius:4px;color:#8292a9}.database-shot{padding:28px 28px 0;background:linear-gradient(145deg,#dce6f5,#d0dcf1 50%,#e6edf7);border:1px solid #d4dfee;border-radius:12px;overflow:hidden}.database-shot .screenshot-button{border-radius:8px 8px 0 0;box-shadow:0 0 40px #304e731c}.image-caption{display:flex;justify-content:space-between;margin-top:16px;font:8px var(--mono);letter-spacing:1px;color:#8b99ac}.image-caption>span:last-child{font:9px sans-serif;letter-spacing:0}.essentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.essentials-grid article{background:white;border:1px solid #e5eaf2;border-radius:10px;padding:23px 20px 0;overflow:hidden;min-height:245px;transition:transform .2s,box-shadow .2s}.essentials-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 24px #243b5a09}.tool-icon{font:24px var(--mono);color:#5f84be;display:block;height:36px}.essentials-grid h3{font-size:15px;font-weight:500;margin:13px 0 12px}.essentials-grid p{font-size:11px;line-height:2;color:#8894a6;margin:0}.tool-chips{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0}.tool-chips span{border:1px solid #e6ebf3;border-radius:4px;color:#8b9eb8;background:#f8fafd;padding:5px 6px;font:7px var(--mono)}.sparkline{margin:18px -20px -8px}.sparkline svg{display:block;width:100%;height:55px}.sparkline path{stroke:#86a9e4;fill:none;stroke-width:1.5}.sparkline .spark-area{fill:#eaf2ff;stroke:0}.security{position:relative;background:#101a2c;color:#f0f4ff;overflow:hidden;isolation:isolate}.security-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0,#284e8b45,transparent 65%)}.security-inner{padding-top:80px;padding-bottom:70px}.security .section-kicker{color:#718bad}.security-top{display:flex;align-items:center;justify-content:space-between;gap:50px}.security h2{margin:24px 0 20px;font-size:44px}.security-top p{font-size:12px;color:#8398b6;line-height:2}.security-link{display:inline-flex;gap:35px;font-size:11px;color:#b7c9e5;margin-top:16px}.trust-symbol{width:280px;height:280px;display:grid;place-items:center;position:relative;margin-right:70px}.trust-symbol:before,.trust-symbol:after{content:'';position:absolute;border:1px solid #4c72a640;border-radius:28px;transform:rotate(45deg);width:180px;height:180px}.trust-symbol:after{width:240px;height:240px;border-color:#4c72a61c}.trust-symbol>div{width:120px;height:120px;position:absolute;border:1px solid #7395cb50;border-radius:22px;background:linear-gradient(135deg,#456fa533,#4362a308);box-shadow:0 0 80px #5383d520;transform:rotate(45deg)}.trust-symbol>span{font:65px var(--mono);color:#83a6d8;text-shadow:0 0 30px #5383d540}.trust-symbol small{position:absolute;bottom:-20px;font:8px var(--mono);letter-spacing:2px;color:#496589}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.security-cards article{border-top:1px solid #2a3a51;padding-top:24px}.security-cards article>span{font:8px var(--mono);color:#647fa3;letter-spacing:.8px}.security-cards h3{font-size:16px;font-weight:400;margin:20px 0 12px}.security-cards p{font-size:11px;line-height:2;color:#8499b7;max-width:290px;margin:0}.download{text-align:center;padding-block:94px 90px;position:relative;background:radial-gradient(ellipse at 50% 100%,#eaf1ff,transparent 65%)}.download>img{filter:drop-shadow(0 6px 10px #1871e026);object-fit:contain}.download .section-kicker{justify-content:center;margin:22px 0;color:#90a0b7;font-size:8px}.download h2{font-size:45px}.download p{font-size:12px;color:#8a95a5;margin:22px 0 28px}.download .button{min-width:200px}.download-meta{font-size:9px;color:#929daf;margin-top:20px}.release-link{display:inline-block;font-size:9px;color:#7f8ea5;margin-top:14px;text-decoration:underline;text-underline-offset:4px}footer{max-width:1280px;margin:auto;padding:0 5%}.footer-top{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top .brand{font-size:16px}.footer-top>span{font-size:10px;color:#939cac}.footer-top>div{display:flex;gap:25px;font-size:10px;color:#737f92}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.6px;color:#9aa5b5}dialog{width:min(1400px,96vw);max-width:96vw;max-height:96vh;padding:0;border:1px solid #b8c8e130;border-radius:12px;color:#d6e2f5;background:#152035;box-shadow:0 40px 100px #0008}dialog::backdrop{background:#071122ce;backdrop-filter:blur(12px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px}.viewer-bar button{border:0;background:#ffffff12;color:#d6e2f5;padding:8px 12px;border-radius:5px;font-size:10px}.viewer-bar button>span{margin-left:10px}.viewer-image{overflow:auto;max-height:calc(96vh - 100px);background:#e5e7eb}.viewer-image img{display:block;width:100%;height:auto}dialog>p{text-align:center;font-size:9px;color:#8b9db8;margin:12px}
@media(min-width:1600px){.product-stage{max-width:1400px}}@media(max-width:1200px){.product-stage{margin-inline:30px}.tech-strip{margin-inline:6%}.tech-strip>div{gap:25px}.essentials-grid{grid-template-columns:repeat(2,1fr)}.essentials-grid article{min-height:225px}.trust-symbol{margin-right:20px}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:72px;padding-inline:5%;gap:15px}.brand{font-size:17px}.brand img{width:27px;height:27px}nav{display:none}.nav-actions{gap:17px}.github-link{font-size:10px}.button-small{font-size:10px;padding:10px 12px}.button-small span{margin-left:2px}.hero{padding-top:40px}.announcement{font-size:9px}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.4;margin:22px 0 18px}.hero-copy>p{font-size:12px}.hero-actions{gap:9px;margin-top:22px}.button{padding:14px 16px;font-size:11px;gap:8px;border-radius:7px}.button>span{margin-left:4px}.hero-note{font-size:8px;gap:10px}.product-stage{margin:35px 12px 0;padding:19px 12px 17px;border-radius:10px}.stage-label{display:none}.product-switch{margin-bottom:18px;padding:3px}.product-switch button{font-size:9px;padding:8px 12px;gap:7px}.product-switch button>span{font-size:12px}.screenshot-wrap{border-radius:4px;box-shadow:0 15px 25px -10px #244a7445}.stage-caption{font-size:8px;line-height:1.6;margin-top:15px;justify-content:center}.stage-caption>span:last-child{display:none}.zoom-label{right:8px;bottom:8px;font-size:8px;padding:7px 9px;opacity:1;transform:none;background:#1b2f4cba}.tech-strip{padding:24px 0;flex-direction:column;gap:17px;font-size:9px}.tech-strip>div{gap:25px}.tech-strip b{font-size:16px}.tech-mark{font-size:22px}.tech-license{display:none}.section{padding:60px 6%}.section-kicker{font-size:8px;letter-spacing:.6px}.section-kicker>span:last-child{font-size:8px}.section-heading{display:block;margin:25px 0 30px}h2{font-size:32px;letter-spacing:-1px}.section-heading p{font-size:11px;margin-top:20px}.capabilities{grid-template-columns:1fr}.capabilities article,.capabilities article+article{padding:23px 0;border-left:0;position:relative;border-bottom:1px solid var(--line);padding-left:56px}.capabilities article:last-child{border-bottom:0}.line-icon{position:absolute;left:0;top:25px;width:34px;height:34px;font-size:17px;border-radius:8px}.capabilities h3{font-size:16px;margin-bottom:10px}.capabilities article>span{font-size:7px;margin-top:14px}.database-inner{padding-bottom:30px}.tags{margin-top:13px}.tags span{font-size:8px}.database-shot{padding:12px 12px 0;border-radius:8px;margin-inline:-9px}.database-shot .screenshot-button{border-radius:4px 4px 0 0}.image-caption{font-size:7px;letter-spacing:.3px}.image-caption>span:last-child{font-size:8px}.essentials-grid{gap:11px}.essentials-grid article{padding:18px 15px 0;min-height:240px}.essentials-grid h3{font-size:14px}.essentials-grid p{font-size:10px;line-height:1.9}.tool-chips{margin:20px 0;gap:4px}.tool-chips span{font-size:6px;padding:5px}.sparkline{margin:20px -15px -5px}.security-top{gap:0}.security h2{font-size:33px}.security-top p{font-size:11px}.trust-symbol{display:none}.security-cards{grid-template-columns:1fr;margin-top:40px;gap:26px}.security-cards article{padding-top:20px}.security-cards h3{margin:14px 0 10px;font-size:15px}.security-cards p{max-width:100%;font-size:11px}.security-cards article>span{font-size:7px}.download h2{font-size:34px}.download>img{width:45px;height:45px}.download p{font-size:11px}.download .button{min-width:180px}.download-meta{font-size:8px}.footer-top{flex-wrap:wrap;gap:20px;padding:24px 0}.footer-top>span{font-size:9px}.footer-top>div{width:100%;font-size:10px;gap:25px}.footer-bottom{font-size:7px;gap:15px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}.viewer-image img{min-width:850px}.viewer-bar{padding:10px 12px}.viewer-bar>span{font-size:10px}dialog>p{font-size:8px}}@media(max-width:370px){.hero h1{font-size:40px}.github-link{display:none}.essentials-grid{grid-template-columns:1fr}.essentials-grid article{min-height:190px}.section-kicker>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Shared icon sizing keeps symbols aligned with text at every breakpoint. */
.icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.button .icon{width:16px;height:16px;fill:none}
.button>span,.announcement-arrow{display:inline-flex;align-items:center}
.button-small .icon,.github-link .icon{width:13px;height:13px}
.product-switch .icon{width:15px;height:15px;color:#688fcd}
.line-icon .icon{width:21px;height:21px}
.tool-icon{display:flex;align-items:center}
.tool-icon .icon{width:25px;height:25px}
.tech-logo{display:block;object-fit:contain;border-radius:6px}
.zoom-label{display:inline-flex;align-items:center;gap:7px}
.zoom-label .icon{width:12px;height:12px}
.trust-symbol>span{display:grid;place-items:center}
.trust-symbol .icon{width:64px;height:64px;stroke-width:1.2}
.security-cards article>span{display:flex;align-items:center;gap:9px}
.security-cards article>span .icon{width:17px;height:17px;color:#8eabd3}
.viewer-bar button{display:inline-flex;align-items:center;gap:9px}
.viewer-bar button .icon{width:13px;height:13px}
.essentials-grid article{min-height:220px}
@media(max-width:760px){.product-switch .icon{width:13px;height:13px}.line-icon .icon{width:19px;height:19px}.essentials-grid article{min-height:205px}.tech-logo{width:24px;height:24px}}
/* Privacy covers use screenshot coordinates, scaling with the image and zoom view. */
.privacy-mask{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.privacy-mask[hidden]{display:none}
.viewer-canvas{position:relative;width:100%;line-height:0}
@media(max-width:760px){.viewer-canvas{min-width:850px}}
.github-link,.footer-top>div>a{display:inline-flex;align-items:center;gap:7px}
.github-icon{width:17px;height:17px;fill:currentColor;stroke:none}
.button .github-icon{fill:currentColor;stroke:none}
.footer-top .github-icon{width:14px;height:14px}