:root{color-scheme:dark;--bg:#080d18;--surface:#101827;--line:#22304a;--text:#f6f8fc;--soft:#9aa8bf;--blue:#60a5fa;--green:#22d3a7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 540px at 70% 0%,#14213d 0%,transparent 65%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand img{filter:drop-shadow(0 6px 18px #3b82f655)}nav{display:flex;align-items:center;gap:28px;color:#c1cbda;font-size:14px;font-weight:650}nav a:hover,.footer a:hover{color:white}.nav-github{padding:9px 14px;border:1px solid #31425f;border-radius:10px;background:#101827}.hero{padding:76px 0 88px;display:grid;grid-template-columns:.92fr 1.08fr;gap:62px;align-items:center}.eyebrow{margin:0 0 14px;color:#7f91ac;font-size:11px;font-weight:800;letter-spacing:.14em}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px #22d3a788}.hero h1{margin:0;font-size:clamp(52px,6vw,84px);line-height:.98;letter-spacing:-.065em}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#60a5fa,#8b5cf6 65%,#22d3a7);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:620px;margin:26px 0 0;color:#b2bfd2;font-size:19px;line-height:1.65}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:12px;font-weight:750;font-size:14px}.primary{background:#eef5ff;color:#0b1020}.secondary{border:1px solid #2e3d57;background:#0e1625;color:#e7edf7}.trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:28px;color:#73849f;font-size:12px}.trust span:before{content:"✓";margin-right:6px;color:#5ee1bd}.product-preview{border:1px solid #263754;border-radius:20px;background:#0d1524;box-shadow:0 32px 90px #0007;overflow:hidden;transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}.preview-bar{height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22304a}.preview-brand{display:flex;align-items:center;gap:8px;font-size:13px}.status{display:flex;align-items:center;gap:7px;color:#8797b0;font-size:10px;font-weight:700}.status i{width:7px;height:7px;border-radius:50%;background:#2fd4a7}.preview-body{min-height:410px;display:grid;grid-template-columns:105px 1fr}.preview-body aside{padding:20px 13px;border-right:1px solid #1e2a41;display:flex;flex-direction:column;gap:8px}.preview-body aside span,.preview-body aside b{padding:8px 9px;border-radius:7px;font-size:9px}.preview-body aside b{background:#16223a;color:#dbe8fa}.preview-body aside span{color:#64748f}.preview-main{padding:21px}.preview-title{display:flex;justify-content:space-between;align-items:start}.preview-title small{color:#637694;font-size:8px;font-weight:800;letter-spacing:.12em}.preview-title h2{margin:3px 0 0;font-size:19px;letter-spacing:-.04em}.preview-title>span{color:#66758c;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metrics article{padding:13px;border:1px solid #22304a;border-radius:11px;background:#101a2c}.metrics span,.metrics small,.metrics strong{display:block}.metrics span{color:#7587a1;font-size:8px}.metrics strong{margin-top:3px;font-size:22px;letter-spacing:-.04em}.metrics small{color:#5f7089;font-size:7px}.preview-card{border:1px solid #22304a;border-radius:12px;overflow:hidden}.card-head{padding:11px 12px;display:flex;justify-content:space-between;border-bottom:1px solid #202c43;font-size:9px}.card-head span{color:#7094ca}.device{min-height:62px;padding:9px 10px;display:grid;grid-template-columns:36px 1fr 12px;align-items:center;gap:10px;border-bottom:1px solid #1d293e}.device:last-child{border:0}.device-icon{position:relative;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#18253d;color:#8caddc;font-size:8px;font-weight:800}.device-icon i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #0d1524;border-radius:50%;background:#25c99a}.device-icon i.warn{background:#f0ad4e}.device b,.device small,.device code{display:block}.device b{font-size:9px}.device small{margin-top:2px;color:#6e8099;font-size:7px}.device code{margin-top:2px;color:#53657e;font-size:7px}.chev{color:#536680}.preview-note{margin:0;padding:9px 14px;border-top:1px solid #1d2a42;color:#536580;font-size:8px}.proof{border-top:1px solid #18253a;border-bottom:1px solid #18253a;background:#0a111eaa}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.proof-grid div{padding:27px 24px;border-right:1px solid #18253a}.proof-grid strong,.proof-grid span{display:block}.proof-grid span{margin-top:5px;color:#71829b;font-size:11px}.section{padding:104px 0}.section-heading{max-width:720px;margin:0 auto 46px;text-align:center}.section-heading.left{margin:0}.section-heading h2{margin:0;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.05em}.section-heading>p:last-child{margin:17px 0 0;color:#98a7bd;font-size:16px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{min-height:235px;padding:25px;border:1px solid #1e2c44;border-radius:16px;background:linear-gradient(145deg,#101927,#0c1421)}.feature-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#142442;color:#79aefc;font-size:9px;font-weight:850}.feature-grid h3{margin:35px 0 10px;font-size:18px}.feature-grid p{margin:0;color:#8595ad;font-size:13px;line-height:1.65}.alt{border-top:1px solid #17243a;border-bottom:1px solid #17243a;background:#0b1220}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.text-link{display:inline-block;margin-top:20px;color:#7db2ff;font-size:13px;font-weight:700}.principles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.principles div{padding:22px;border:1px solid #20304a;border-radius:14px;background:#0e1828}.principles p{margin:7px 0 0;color:#788ba6;font-size:12px}.terminal{max-width:760px;margin:auto;border:1px solid #263751;border-radius:15px;background:#070c14;box-shadow:0 22px 60px #0004;overflow:hidden}.terminal-top{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #1d293d}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#34445d}.terminal-top b{margin-left:7px;color:#53647c;font-size:9px}.terminal pre{margin:0;padding:25px;overflow:auto}.terminal code{color:#bdcbe0;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.quick-links{display:flex;justify-content:center;gap:28px;margin-top:24px;color:#789bd0;font-size:12px;font-weight:650}.contribute{padding:80px 0;border-top:1px solid #21304a;border-bottom:1px solid #21304a;background:linear-gradient(110deg,#0d1729,#111529 60%,#11182a)}.contribute-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.contribute h2{margin:0;font-size:42px;letter-spacing:-.045em}.contribute p:not(.eyebrow){max-width:620px;color:#93a3ba}.contribute-actions{display:flex;flex-wrap:wrap;gap:10px}.contribute-actions .text-link{width:100%;margin-top:8px}.footer{min-height:110px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;color:#687a93;font-size:11px}.footer>div{justify-self:end;display:flex;gap:18px}.footer .brand{color:#cbd5e3}@media(max-width:900px){nav a:not(.nav-github){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.product-preview{transform:none}.proof-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.split,.contribute-inner{grid-template-columns:1fr;gap:42px}.section-heading.left{text-align:left}.footer{grid-template-columns:1fr auto}.footer>p{display:none}}@media(max-width:620px){.shell{width:min(100% - 24px,var(--max))}.nav{height:66px}.hero{padding:44px 0 60px;gap:38px}.hero h1{font-size:52px}.lead{font-size:16px}.actions{display:grid}.button{width:100%}.product-preview{border-radius:14px}.preview-body{grid-template-columns:1fr;min-height:auto}.preview-body aside{display:none}.preview-main{padding:14px}.metrics article{padding:10px}.proof-grid{grid-template-columns:1fr}.section{padding:76px 0}.feature-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.quick-links{align-items:center;flex-direction:column;gap:11px}.contribute h2{font-size:35px}.footer{grid-template-columns:1fr}.footer>div{justify-self:start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.real-product-preview{margin:0}.real-product-preview img{display:block;width:100%;height:auto}.real-product-preview figcaption{padding:10px 14px;border-top:1px solid #1d2a42;color:#6f819d;font-size:10px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screenshot-card{margin:0;border:1px solid #1e2c44;border-radius:16px;background:linear-gradient(145deg,#101927,#0c1421);overflow:hidden}.screenshot-card a{display:block;background:#060b13}.screenshot-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.screenshot-card figcaption{display:flex;gap:6px;flex-direction:column;padding:16px 18px}.screenshot-card figcaption strong{font-size:15px}.screenshot-card figcaption span{color:#8595ad;font-size:12px;line-height:1.55}.screenshot-wide{grid-column:1/-1}.screenshot-wide img{aspect-ratio:16/9}.screenshot-mobile{max-width:430px;justify-self:center;width:100%}.screenshot-mobile img{aspect-ratio:430/932}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr}.screenshot-wide{grid-column:auto}.screenshot-card img,.screenshot-wide img{aspect-ratio:auto}}
