:root{--background:#101010;--foreground:#f3f3f3;--muted:#aaa;--line:#393939;--panel:#202020;--soft:#c9c9c9;--radius:8px}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --font-sans: "Geist", sans-serif; --font-mono: "Geist Mono", monospace; --radius-md: var(--radius);}*{box-sizing:border-box;font-optical-sizing:auto;font-family:Inter,sans-serif;font-style:normal}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}main{overflow:hidden}.hero{text-align:center;min-height:900px;padding:64px 5.5% 98px}.hero-kicker,.eyebrow{color:#888;font:13px/1.4 var(--font-mono);letter-spacing:.02em}.hero-kicker span,.eyebrow{color:#bbb;background:#2b2b2b;border:1px solid #555;border-radius:5px;padding:4px 9px}.hero-kicker{justify-content:center;align-items:center;gap:10px;margin-bottom:45px;display:flex}.hero>svg{color:#bbb;width:82px;height:105px;margin:0 auto 42px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;font-weight:750}h1{font-size:clamp(3.3rem,7vw,4rem);line-height:1.02}h1 em{color:#bcbcbc;font-style:normal}.hero-copy{color:#c5c5c5;max-width:930px;margin:36px auto 34px;font-size:18px;line-height:1.55}.hero-actions{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.button{background:#1c1c1c;border:1px solid #4b4b4b;border-radius:8px;padding:13px 22px;font-weight:700}.button.primary{color:#111;background:#d4d4d4;box-shadow:0 5px 20px #aaa5}.notepad{background:var(--panel);color:#e4e4e4;text-align:left;max-width:1280px;font:14px/1.6 var(--font-mono);border-radius:8px;margin:0 auto;padding:14px 15px}.notepad-history{gap:2px;display:grid}.notepad-history-block{gap:0;display:grid}.notepad-input-line{margin-top:3px}.notepad-command{color:#e4e4e4}.notepad-command>span:last-child,.notepad-history .output>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere}.notepad-bar{color:#888;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.red{background:#ff5f56}.amber{background:#ffbd2e}.green{background:#27c93f}.notepad-title{margin-left:3px}.notepad-line,.notepad-example-row{gap:9px;min-height:22px;display:flex}.notepad input,.notepad button{color:inherit;text-align:left;background:0 0;border:0;outline:0;flex:1}.notepad input::placeholder{color:#eee;opacity:1}.notepad input:focus{box-shadow:0 1px #777}.notepad button{cursor:pointer}.prompt{color:#858585}.output{color:#bcbcbc;font-weight:600}.availability{color:#888;text-align:left;max-width:1280px;font:12px var(--font-mono);margin:30px auto 0}.marquee{border-block:1px solid var(--line);color:#d0d0d0;white-space:nowrap;font:14px var(--font-mono);overflow:hidden}.marquee-track{will-change:transform;width:max-content;animation:28s linear infinite scroll;display:flex}.marquee-group{flex:none;gap:34px;padding:19px 34px 19px 0;display:flex}.marquee-item{flex:none;display:block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.section{border-bottom:1px solid var(--line);padding:100px 5.5%}.section>.eyebrow,.section>h2,.section>.section-intro{text-align:center;margin-inline:auto}.section>.eyebrow{display:table}.section h2{margin-top:24px;font-size:clamp(2.1rem,4vw,2.8rem)}.section-intro{color:#c7c7c7;margin-top:18px;font-size:16px;line-height:1.5}.feature-section{min-height:670px}.feature-list,.benefit-list{gap:27px;max-width:1260px;margin:58px auto 0;display:grid}.feature-item,.benefit{align-items:flex-start;gap:25px;display:flex}.feature-icon,.benefit>span{color:#bdbdbd;text-align:center;flex:0 0 35px;width:35px;font-size:25px}.feature-item h3,.benefit h3{margin-bottom:9px;font-size:19px}.feature-item p,.benefit p{color:silver;line-height:1.55}.workflow-section{min-height:700px;padding:100px}.workflow-wrap{max-width:1280px;margin:62px auto 0;position:relative}.workflow-svg{width:100%;height:250px}.workflow-track,.workflow-progress{fill:none;stroke-width:3px}.workflow-track{stroke:#555;stroke-dasharray:7 7}.workflow-progress{stroke:#eee;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 80ms linear}.steps{grid-template-columns:repeat(3,1fr);gap:9%;display:grid;inset:50px 3% 0}.step{padding-left:5px}.step strong{color:#555;font:bold 36px var(--font-mono);margin-bottom:34px;display:block}.step h3{margin-bottom:10px;font-size:17px}.step p{color:#bbb;max-width:280px;line-height:1.55}.interface-section{text-align:center}.interface-mock{text-align:left;background:#202020;border:1px solid #454545;border-radius:16px;gap:20px;max-width:1280px;height:400px;margin:60px auto 0;padding:20px;display:flex;box-shadow:0 30px 50px #0008}.mock-sidebar{width:145px;font:11px var(--font-mono);border:1px solid #444;border-radius:5px;padding:15px}.mock-sidebar span{color:#888;margin-top:12px;display:block}.mock-sidebar button{background:#eee;border:0;border-radius:5px;width:100%;margin-top:25px;padding:8px;font-size:10px}.mock-table{font:11px var(--font-mono);flex:1}.mock-table>div{color:#aaa;grid-template-columns:35px 1fr 80px 1fr 70px 70px;padding:7px;display:grid}.mock-table b{color:#eee;font-weight:400}.benefits-section{min-height:650px}.benefits-section>h2{text-align:center}.benefit-list{max-width:1260px}.benefit{max-width:900px}footer{color:#aaa;background:#181818;padding:65px 5.5% 25px}.footer-brand{align-items:flex-start;gap:15px;display:flex}.footer-brand svg{width:22px;height:30px}.footer-brand h3{color:#eee;font-size:20px}.footer-brand p{margin-top:22px;line-height:1.5}.footer-links{grid-template-columns:repeat(3,1fr);gap:50px;max-width:600px;margin:-65px 0 60px auto;display:grid}.footer-links div{flex-direction:column;gap:14px;display:flex}.footer-links b{color:#eee}.footer-links a{color:#bbb;font-size:14px}.footer-bottom{color:#888;font:12px var(--font-mono);border-top:1px solid #444;justify-content:space-between;gap:20px;padding-top:28px;display:flex}@media (max-width:1150px){.footer-links{margin-top:20px}}@media (max-width:950px){.hero{min-height:auto;padding:75px 20px}.hero-kicker{margin-bottom:35px}.hero>svg{margin-bottom:38px}.hero-copy{margin-top:28px;font-size:15px}.hero-actions{gap:12px}.button{padding:11px 12px;font-size:11px}.notepad{font-size:12px}.section{padding:78px 20px}.section h2{font-size:31px;line-height:1.2}.feature-item,.benefit{gap:14px}.feature-item p,.benefit p{font-size:14px}.workflow-section>h2{text-align:center}.workflow-wrap{margin-top:38px}.workflow-svg{height:650px}.steps{flex-direction:column;justify-content:space-between;gap:20px;padding-bottom:25px;display:flex;inset:15px 0 0 32px}.step{padding-left:0}.step strong{margin-bottom:22px;font-size:34px}.step p{max-width:260px;font-size:14px}.interface-mock{border-radius:12px;height:220px;margin-top:40px;padding:10px;overflow:hidden}.mock-sidebar{width:55px;padding:6px;font-size:6px}.mock-sidebar span{margin-top:7px}.mock-sidebar button{margin-top:10px;padding:4px;font-size:6px}.mock-table{font-size:6px;overflow:hidden}.mock-table>div{grid-template-columns:16px 1fr 25px 1fr 25px 25px;padding:4px 2px}.footer-links{grid-template-columns:repeat(2,1fr);gap:35px;margin:45px 0}.footer-links div:last-child{grid-column:1/-1}.footer-bottom{line-height:1.6;display:grid}.availability{margin-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}}.step{--glow:0;box-shadow:0 0 calc(var(--glow) * 40px) calc(var(--glow) * 6px) rgba(50, 50, 50, calc(var(--glow) * .55));outline:1px solid rgba(70, 70, 70, calc(var(--glow) * .4));border-radius:12px;padding:20px;transition:transform .2s}.step strong{color:color-mix(in srgb, var(--fg,#fff) calc(40% + var(--glow) * 60%), rgba(120, 170, 255, var(--glow)))}.logo-footer{transform:translateY(-25px)}
