.landing{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0a;--surface:#10110f;--text:#f0efec;--muted:#9a9a96;--green:#7fb89a;--line:#30312d}.landing *{box-sizing:border-box}.landing{scroll-behavior:smooth;background:var(--bg);color:var(--text);margin:0;font-family:Archivo,Arial,sans-serif}.landing button,.landing a{font:inherit}.landing a{color:inherit;text-decoration:none}.landing button{cursor:pointer}.landing button:focus-visible,.landing a:focus-visible,.landing summary:focus-visible,.landing input:focus-visible{outline:2px solid var(--green);outline-offset:5px}.landing .wrap{width:min(1320px,100% - 112px);margin:auto}.landing .mono{letter-spacing:.11em;text-transform:uppercase;font-family:JetBrains,monospace;font-size:10px}.landing .top{border-bottom:1px solid var(--line)}.landing header{justify-content:space-between;align-items:center;height:88px;display:flex}.landing .brand{letter-spacing:-.04em;font-size:17px;font-weight:800}.landing .brand span{color:var(--green);font-weight:450}.landing nav{color:#c8c9c4;align-items:center;gap:38px;font-size:13px;display:flex}.landing nav a:hover{color:var(--green)}.landing .button{background:var(--green);border:1px solid var(--green);color:#101713;justify-content:space-between;align-items:center;gap:42px;min-height:52px;padding:0 20px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.landing .button:hover{background:#9dcdb1;border-color:#9dcdb1}.landing .arrow{transition:transform .2s;display:inline-block}.landing .button:hover .arrow,.landing .textlink:hover .arrow{transform:translate(5px)}.landing .button.outline{color:var(--text);background:0 0;border-color:#555750}.landing .button.outline:hover{border-color:var(--green);color:var(--green)}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing .hero>div:first-child{animation:.55s both arrive}.landing .demo-wrap{animation:.65s 80ms both arrive}.landing .hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:65px;min-height:690px;padding-top:85px;padding-bottom:96px;display:grid}.landing .eyebrow{color:var(--green);align-items:center;gap:10px;display:flex}.landing .eyebrow:before{content:"";background:var(--green);width:7px;height:7px}.landing h1,.landing h2,.landing h3,.landing p{margin:0}.landing h1,.landing h2{font-variation-settings:"wdth" 64;letter-spacing:-.045em}.landing h1{margin:27px 0;font-size:clamp(64px,6.8vw,105px);font-weight:700;line-height:.95}.landing .green{color:var(--green)}.landing .intro{color:#b9bab4;max-width:420px;margin-bottom:31px;font-size:18px;line-height:1.6}.landing .hero-note{color:var(--muted);align-items:center;gap:14px;margin-top:52px;display:flex}.landing .hero-note:before{content:"";background:#666;width:35px;height:1px}.landing .demo-wrap{min-width:0;position:relative}.landing .demo-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.landing .demo{background:#11120f;border:1px solid #41433d;min-height:430px;padding:28px;position:relative;overflow:hidden}.landing .demo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:18px;display:flex}.landing .demo-head strong{letter-spacing:-.03em;font-size:22px}.landing .demo-head small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.landing .count{color:var(--green);font-family:JetBrains,monospace;font-size:11px}.landing .records{height:242px;margin-top:24px;position:relative}.landing .record{background:#1c1d19;border:1px solid #44463e;align-items:center;gap:14px;width:82%;height:66px;padding:13px 16px;transition:top .7s cubic-bezier(.2,.7,.2,1),left .7s cubic-bezier(.2,.7,.2,1),width .7s,border-color .25s,transform .7s;display:flex;position:absolute;left:8%}.landing .record:first-child{top:2px;left:1%;transform:rotate(-3deg)}.landing .record:nth-child(2){top:78px;left:16%;transform:rotate(2deg)}.landing .record:nth-child(3){top:154px;left:6%;transform:rotate(-1deg)}.landing .demo.organized .record{background:#171815;border-color:#34362f;width:100%;left:0;transform:none}.landing .demo.organized .record:first-child{top:0}.landing .demo.organized .record:nth-child(2){top:76px}.landing .demo.organized .record:nth-child(3){top:152px}.landing .record-icon{width:29px;height:29px;color:var(--green);border:1px solid #62665c;flex:none;place-items:center;font-size:15px;display:grid}.landing .record input{width:19px;height:19px;accent-color:var(--green);cursor:pointer;flex:none;margin:5px}.landing .record input:disabled{display:none}.landing .record label,.landing .record .record-text{flex:1;font-size:13px;font-weight:600}.landing .record small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-family:JetBrains,monospace;font-size:9px;display:block}.landing .record input:checked+label{color:var(--muted);text-decoration:line-through}.landing .demo-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.landing .demo-footer p{color:var(--muted);max-width:240px;font-size:11px;line-height:1.5}.landing .demo-footer button{color:var(--green);background:0 0;border:0;padding:10px 0;font-size:12px;font-weight:700}.landing .demo-footer button:hover{text-decoration:underline}.landing .demo-action{margin-top:17px}.landing .demo-action .button{width:100%}.landing .congrats{height:38px;color:var(--green);visibility:hidden;align-items:center;gap:8px;font-size:11px;display:flex}.landing .congrats.show{visibility:visible}.landing .congrats img{object-fit:contain;width:34px;height:34px}.landing .organized .congrats.show img{animation:.45s nod}@keyframes nod{50%{transform:rotate(-12deg)scale(1.08)}}.landing .section{border-top:1px solid var(--line);padding:110px 0}.landing .section-grid{grid-template-columns:.85fr 1.15fr;gap:90px;display:grid}.landing .section-label{color:var(--green);margin-bottom:25px}.landing .section h2{max-width:550px;font-size:clamp(48px,5vw,75px);line-height:1}.landing .section-lead{color:var(--muted);max-width:350px;margin-top:25px;font-size:16px;line-height:1.65}.landing .statement{background:#151713;border-top:1px solid #30352e;border-bottom:1px solid #30352e;padding:110px 0}.landing .statement-inner{grid-template-columns:1fr 2fr;gap:60px;display:grid}.landing .statement p{letter-spacing:-.05em;font-variation-settings:"wdth" 64;font-size:clamp(45px,5.8vw,88px);font-weight:600;line-height:1.04}.landing .statement .mono{color:var(--green);padding-top:12px}.landing .faq{grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.landing .questions{border-top:1px solid var(--line)}.landing details{border-bottom:1px solid var(--line)}.landing summary{cursor:pointer;justify-content:space-between;gap:20px;padding:25px 0;font-size:15px;font-weight:600;list-style:none;display:flex}.landing summary::-webkit-details-marker{display:none}.landing summary:after{content:"+";color:var(--green);font-size:22px;line-height:15px}.landing details[open] summary:after{content:"−"}.landing details p{color:var(--muted);max-width:520px;padding:0 30px 25px 0;font-size:14px;line-height:1.65}.landing .closing{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;padding:85px 0;display:flex}.landing .closing h2{max-width:600px;font-size:clamp(48px,6vw,82px);line-height:1}.landing .closing .mono{color:var(--green);margin-bottom:20px}.landing footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:28px 0;font-size:11px;display:flex}@media (max-width:800px){.landing .wrap{width:calc(100% - 40px)}.landing header{height:72px}.landing nav{gap:15px}.landing nav .navlink{display:none}.landing nav .button{gap:20px;min-height:42px;padding:0 14px}.landing .hero{min-height:0;padding:66px 0 70px;display:block}.landing h1{font-size:clamp(56px,12vw,78px)}.landing .intro{font-size:16px}.landing .hero-note{margin-top:30px;margin-bottom:52px}.landing .demo{min-height:0;padding:20px}.landing .records{height:230px}.landing .record:nth-child(n){transform:none}.landing .record:first-child{width:94%;top:0;left:0}.landing .record:nth-child(2){width:94%;top:74px;left:6%}.landing .record:nth-child(3){width:94%;top:148px;left:3%}.landing .demo.organized .record:nth-child(2){top:74px}.landing .demo.organized .record:nth-child(3){top:148px}.landing .demo-footer p{max-width:190px}.landing .section{padding:76px 0}.landing .section-grid,.landing .faq,.landing .statement-inner{grid-template-columns:1fr;gap:42px}.landing .statement{padding:75px 0}.landing .statement-inner{gap:28px}.landing .closing{padding:70px 0;display:block}.landing .closing .button{margin-top:28px}.landing footer{flex-direction:column}}@media (max-width:360px){.landing .brand{font-size:14px}.landing nav{gap:8px}.landing nav .button{gap:8px;padding:0 10px;font-size:11px}}.landing{scroll-padding-top:100px}.landing section[id],.landing .demo-wrap[id]{scroll-margin-top:100px}.landing .top{z-index:10;background:#0b0b0a;position:sticky;top:0}.landing nav .navlink{padding:10px 0;position:relative}.landing nav .navlink:after{content:"";background:var(--green);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.landing nav .navlink:focus-visible:after{transform:scaleX(1)}.landing .button{isolation:isolate;position:relative;overflow:hidden}.landing .button:before{content:"";z-index:-1;background:#b5d8c2;transition:transform .26s;position:absolute;inset:0;transform:translate(-101%)}.landing .button.outline:before{background:#28392d}.landing .button:focus-visible:before{transform:translate(0)}.landing .button:focus-visible .arrow{transform:translate(4px,-4px)}.landing .button .arrow{border-left:1px solid;padding-left:14px}.landing .button:active{filter:brightness(.82)}.landing .demo{box-shadow:0 18px 55px #0006}.landing .demo.organized .record:nth-child(2){transition-delay:60ms}.landing .demo.organized .record:nth-child(3){transition-delay:.12s}.landing .record:has(input:not(:disabled)):focus-within{border-color:var(--green);background:#20241e}.landing .progress-track{background:#353a32;height:2px;margin-top:15px}.landing .progress-track span{background:var(--green);width:0;height:100%;transition:width .3s;display:block}.landing .demo-footer button{isolation:isolate;padding:10px;position:relative;overflow:hidden}.landing .demo-footer button:before{content:"";z-index:-1;background:#27382c;transition:transform .25s;position:absolute;inset:0;transform:translate(-102%)}.landing .demo-footer button:focus-visible:before{transform:translate(0)}.landing .demo-footer button:active{background:#3d5644}.landing .showcase-tabs{border-top:1px solid var(--line);display:flex}.landing .showcase-tabs button{min-width:0;color:var(--muted);border:0;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;flex:1;padding:18px 4px;font-family:JetBrains,monospace;font-size:10px;transition:color .2s,border-color .2s}.landing .showcase-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.landing .showcase-tabs button:focus-visible{outline-offset:-4px}.landing .showcase-panel{border-bottom:1px solid var(--line);min-height:285px;padding:38px 0}.landing .showcase-panel h3{letter-spacing:-.04em;margin:15px 0;font-size:clamp(34px,4vw,58px)}.landing .showcase-panel p{color:var(--muted);max-width:390px;font-size:14px;line-height:1.6}.landing .sample{background:#191b17;border:1px solid #41443c;margin-top:30px;padding:19px;font-size:15px}.landing .sample small{color:var(--green);margin-bottom:8px;display:block}.landing .showcase-panel:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.landing .showcase-panel.enter{animation:.28s both panel-in}@keyframes panel-in{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.landing .revealed{animation:.55s both reveal}@keyframes reveal{0%{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}.landing details{transition:background .2s,border-color .2s}.landing details:focus-within{border-color:var(--green);background:#181a16}.landing summary{padding-left:12px;padding-right:12px}.landing summary:after{transition:transform .25s}.landing details[open] summary:after{content:"+";transform:rotate(45deg)}.landing details[open] p{padding-left:12px;animation:.25s panel-in}@media (hover:hover) and (pointer:fine){.landing nav .navlink:hover:after{transform:scaleX(1)}.landing .button:hover:before,.landing .demo-footer button:hover:before{transform:translate(0)}.landing .button:hover .arrow{transform:translate(4px,-4px)}.landing .record:has(input:not(:disabled)):hover{border-color:var(--green);background:#20241e}.landing .showcase-tabs button:hover{color:var(--text);border-color:var(--green)}.landing details:hover{background:#181a16;border-color:#62685d}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}.landing .demo-link{color:var(--green);margin:16px;font-size:13px;display:inline-block}.landing nav{flex-direction:row}.landing button{font-family:inherit}.landing [hidden]{display:none!important}