@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101216;--surface:#181b21;--ink:#efefe8;--muted:#9ea2ab;--line:#2c3038;--green:#b2eb88;--purple:#b5a5ed;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:6px}a,button{transition:color .2s,background .2s,transform .2s}::selection{background:var(--purple);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;font-family:var(--display);font-weight:700;font-size:35px;letter-spacing:-2px;line-height:1}.brand img{object-fit:contain}.brand-dot{color:var(--green)}nav{display:flex;gap:37px;align-items:center;font-size:14px}nav>a:hover,.text-link:hover,footer a:hover{color:var(--green)}.nav-github{border:1px solid #41454d;border-radius:6px;padding:10px 19px;margin-left:15px}.nav-github span{padding-left:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:38px;padding-top:85px;padding-bottom:80px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;color:#c0c1c6}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #b2eb8820}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{font-size:clamp(60px,6vw,84px);line-height:1.04;letter-spacing:-4px;margin:25px 0 24px}h1>span{color:var(--purple)}.lead{font-size:22px;line-height:1.5;letter-spacing:-.4px}.hero-description{color:var(--muted);font-size:15px;max-width:410px;line-height:1.8;margin-top:18px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 21px;border-radius:5px;font-size:14px;font-weight:650;min-height:50px}.primary{color:#172315;background:var(--green)}.primary:hover{background:#c8f6a8;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.text-link{font-size:13px;display:inline-flex;gap:12px;align-items:center;min-height:44px}.hero-notes{display:flex;gap:22px;color:var(--muted);font-size:11px;margin-top:22px}.hero-notes span::before{content:'✓';margin-right:6px;color:#a9adba}.hero-art{height:540px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#71609c24,transparent 65%);isolation:isolate}.hero-art::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#575262 1px,transparent 1px);background-size:24px 24px;opacity:.35;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.orbit{border:1px solid #393443;border-radius:50%;position:absolute;width:440px;height:440px;z-index:-1}.orbit-two{width:340px;height:340px;border-style:dashed;opacity:.6}.mascot{width:79%;height:79%;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 25px 28px #0005);animation:bob 7s ease-in-out infinite}.art-label{position:absolute;top:35px;left:33px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#c5bfd4;display:flex;align-items:center;gap:9px}.art-cross{position:absolute;color:#857299;font:22px var(--mono)}.cross-one{right:24px;top:80px}.cross-two{left:10px;bottom:92px}.floating-note{position:absolute;bottom:63px;right:1px;padding:17px 18px;display:flex;align-items:center;gap:12px;background:#20232beF;border:1px solid #43444b;border-radius:8px;box-shadow:0 12px 30px #0003;font-size:12px;transform:rotate(3deg)}.check-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #a8dc7d66;color:var(--green);border-radius:50%}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.tiny-line{height:18px;width:30px;background:linear-gradient(135deg,transparent 45%,var(--green) 48%,var(--green) 51%,transparent 54%);opacity:.6}.art-coordinate{position:absolute;bottom:0;left:34px;right:10px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:#85838e}.vendors{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:27px 0;gap:20px}.vendors p{font-size:12px;color:var(--muted);line-height:1.5}.vendors strong{color:var(--ink);font-weight:500}.vendors>div{font-family:var(--display);font-size:25px;font-weight:600;letter-spacing:-.8px;color:#c6c8cd}.vendors>div>span{display:block;font:9px var(--mono);letter-spacing:1.5px;text-align:center;color:#858b98;margin-top:2px}.vendors>a{color:var(--muted);font-size:11px;line-height:1.6}.vendors>a:hover{color:var(--green)}.section{padding-block:105px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}h2{font-size:44px;line-height:1.16;letter-spacing:-1.8px;margin-top:17px}.section-top>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:4px}.product-window{background:#15181e;border:1px solid #383c45;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px #0003}.window-bar{background:#1e2129;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font:10px var(--mono);color:var(--muted)}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#56505f}.window-dots i:first-child{background:#b59ba8}.window-dots i:last-child{background:#91a785}.demo-label{font-size:8px;letter-spacing:1px}.product-body{display:grid;grid-template-columns:185px 1fr;min-height:411px}.app-sidebar{border-right:1px solid var(--line);padding:25px 17px;position:relative}.brand.small{font-size:26px;margin:0 0 35px 10px}.sidebar-label{font:8px var(--mono);letter-spacing:1.6px;color:var(--muted);display:block;margin:0 10px 12px}.sidebar-item{font-size:14px;display:flex;gap:11px;padding:10px 12px;margin:3px 0;border-radius:5px;color:var(--muted)}.sidebar-item span{font-size:11px}.sidebar-item.selected{background:#b5a5ed15;color:#d4c5ff}.sidebar-bottom{font-size:9px;color:var(--muted);position:absolute;bottom:24px;left:29px;display:flex;gap:7px;align-items:center}.app-main{padding:28px 30px;min-width:0}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.micro{font:8px var(--mono);letter-spacing:1.3px;color:var(--muted)}.app-heading h3{font-size:20px;margin-top:4px;letter-spacing:-.5px}.app-status{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:7px;color:#bec6bc}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stats>div{padding:14px 16px;border:1px solid var(--line);border-radius:5px;background:#1a1d24}.stats>div>span{font-size:10px;color:#b0b3bd}.stats strong{display:flex;align-items:center;gap:12px;font:29px var(--display);margin-top:4px}.stats small{font:9px 'DM Sans',sans-serif;color:var(--muted)}.green{color:var(--green)!important}.amber{color:#e3c687!important}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:var(--muted);font-size:10px;min-height:44px}.tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple)}#demo-panel{min-height:161px;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px}th{color:#9196a3;font-size:8px;font-weight:400;letter-spacing:.8px;padding:14px 5px 8px}td{padding:11px 5px;border-bottom:1px solid #272b33;color:#b6bac4}td:first-child{color:#e4e6e9;font-weight:500}td:last-child{text-align:right}th:last-child{text-align:right}.pill{display:inline-flex;padding:3px 7px;border-radius:4px;font-size:9px;background:#b2eb8810;color:var(--green)}.pill.warn{color:#e3c687;background:#e3c68710}.product-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:15px}.product-caption>span:last-child{color:var(--purple)}.features{padding-top:10px}.section-number{font:11px var(--mono);color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-grid article{position:relative;padding:30px 30px 35px 0;border-bottom:1px solid var(--line)}.feature-grid article:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid var(--line)}.feature-icon{display:grid;place-items:center;width:37px;height:37px;background:#b5a5ed0e;color:var(--purple);font:26px var(--display);border:1px solid #b5a5ed26;border-radius:7px;margin-bottom:24px}.feature-number{position:absolute;right:25px;top:38px;font:10px var(--mono);color:#858995}.feature-grid h3{font-size:19px;letter-spacing:-.4px;margin-bottom:10px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:310px}.workflow{background:#191b22;border-block:1px solid var(--line);padding-block:85px}.muted{color:#92929f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #484153;padding-top:25px;position:relative}.steps article:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;top:-3px;background:var(--purple)}.steps article>span{font:10px var(--mono);color:var(--purple);letter-spacing:1.2px}.steps h3{font-size:22px;margin:20px 0 10px;letter-spacing:-.6px}.steps p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.9}.workflow-note{font-size:11px;color:var(--muted);margin-top:42px}.workflow-note>span{color:var(--purple);margin-right:9px}.install{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;padding-block:115px}.install h2{font-size:49px}.install-copy>p{color:var(--muted);font-size:14px;line-height:1.9;margin-top:22px;max-width:350px}.install .button{margin-top:28px}.install-source{display:block;font-size:11px;margin:17px 0 0 3px;color:#bcb9c8}.terminal{border:1px solid #393d48;border-radius:8px;background:#171a20;overflow:hidden}.terminal-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 17px;font:10px var(--mono);color:var(--muted)}.terminal-top>span{display:flex;align-items:center;gap:8px}.terminal-dot{border:1px solid #8b829e;width:9px;height:9px;border-radius:50%}.terminal-top button{color:#c8c7ce;background:#242730;border:1px solid #3b3e48;border-radius:4px;padding:8px 10px;font-size:10px;min-height:36px}.terminal-top button:hover{border-color:var(--green)}pre{margin:0;padding:27px 23px;overflow-x:auto;font:11px/1.95 var(--mono);color:#e0dedf;white-space:pre}code{font:inherit}.comment{color:#9398a6}.terminal-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:14px 20px;font:9px var(--mono);color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding-bottom:100px}.faq h2{font-size:38px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;min-height:28px}summary::-webkit-details-marker{display:none}summary span{font:21px var(--display);color:var(--purple)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:15px;padding-right:24px}details a{text-decoration:underline;color:var(--ink)}.closing{border-top:1px solid var(--line);padding-block:45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing p{font:34px/1.3 var(--display);letter-spacing:-1.1px}.closing p span{color:var(--purple)}.closing>a{border:1px solid #5b526e;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;font-size:29px;color:var(--purple);flex-shrink:0}.closing>a:hover{background:var(--purple);color:var(--bg);transform:rotate(45deg)}footer{border-top:1px solid var(--line);padding-block:35px 40px;display:flex;align-items:center;gap:30px}footer .brand{font-size:29px}footer .brand img{width:30px}footer p{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:25px;font-size:10px;color:var(--muted);margin-left:auto}.skip{position:absolute;left:15px;top:-100px;padding:10px 18px;background:var(--green);color:var(--bg);z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.diff-heading{font:9px var(--mono);color:var(--muted);margin:13px 0}.diff-line{font:10px/1.85 var(--mono);padding:2px 12px;white-space:pre;min-width:430px}.diff-line.remove{color:#eaa8ab;background:#df727210}.diff-line.add{color:var(--green);background:#b2eb8810}.diff-line.neutral{color:var(--muted)}.alert-row{padding:13px 5px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;font-size:10px}.alert-row strong{font-weight:500;display:block}.alert-row small{color:var(--muted);font-size:9px}.alert-row>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.alert-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid #b5a5ed33;color:var(--purple);border-radius:5px}@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:10px}.hero-art{height:460px}.orbit{width:350px;height:350px}.orbit-two{width:270px;height:270px}.actions{gap:14px;flex-wrap:wrap}.hero h1{font-size:70px}.app-sidebar{padding-inline:12px}.product-body{grid-template-columns:150px 1fr}.app-main{padding:22px}.stats small{font-size:8px}.stats strong{gap:6px}.install{gap:40px}.install h2{font-size:43px}.art-label{left:12px;font-size:8px}.floating-note{bottom:45px}.feature-grid h3{font-size:17px}.feature-grid article:not(:nth-child(3n+1)){padding-left:22px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:85px}nav{gap:20px;font-size:12px}.nav-github{margin:0;padding:8px 13px}.nav-github span{padding-left:8px}.hero{padding:55px 0 50px;grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:54px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1.1px}.lead{font-size:18px}.hero-description{font-size:13px}.hero-art{height:390px}.orbit{width:280px;height:280px}.orbit-two{width:210px;height:210px}.art-label{font-size:6px;top:15px}.floating-note{padding:12px 10px;font-size:9px;gap:8px;bottom:30px}.floating-note small{font-size:8px}.tiny-line{display:none}.art-coordinate{left:10px;font-size:7px;letter-spacing:.5px}.hero-notes{font-size:9px;gap:12px}.hero .text-link{font-size:11px}.vendors>div{font-size:20px}.vendors>p,.vendors>a{font-size:10px}.section{padding-block:75px}h2{font-size:35px}.section-top>p{font-size:12px}.product-body{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:24px}.stats small{font-size:9px}.product-caption{font-size:9px}.features{padding-top:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:not(:nth-child(3n+1)){padding-left:0;border-left:0}.feature-grid article:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.feature-grid article{padding-right:20px}.steps{gap:25px}.steps h3{font-size:19px}.steps p{font-size:12px}.install{grid-template-columns:1fr;gap:35px}.install-copy>p{max-width:500px}.terminal pre{font-size:12px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.faq h2{margin-top:10px}.closing p{font-size:30px}footer{flex-wrap:wrap;gap:20px}footer>div{width:100%;margin:0;justify-content:space-between}}
@media(max-width:580px){.header .brand{font-size:30px}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #42444e;border-radius:5px;background:transparent;z-index:11}.menu-toggle span{width:18px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:74px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:16px 20px;background:#1e2129;border:1px solid #41454d;z-index:10;border-radius:8px;box-shadow:0 20px 45px #0008;gap:2px}nav.open{display:flex}nav>a{padding:12px 0;font-size:14px}.nav-github{border:0}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:35px}.hero h1{font-size:48px;line-height:1.08;letter-spacing:-2.5px;margin:24px 0}.hero .eyebrow{font-size:9px}.lead{font-size:20px}.hero-description{font-size:14px;max-width:340px}.actions{gap:20px;margin-top:26px}.button{padding:14px 17px;font-size:12px;gap:18px}.hero .text-link{font-size:11px;gap:7px}.hero-notes{font-size:10px;gap:20px;margin-top:18px}.hero-art{height:365px;margin-top:20px;max-width:400px;width:100%;justify-self:center}.mascot{height:86%;width:86%}.orbit{width:300px;height:300px}.orbit-two{width:225px;height:225px}.art-label{top:6px;font-size:7px}.art-coordinate{font-size:7px}.floating-note{bottom:30px;right:5px;font-size:10px}.floating-note small{font-size:8px}.cross-two{bottom:65px}.vendors{flex-wrap:wrap;justify-content:center;gap:25px 30px;padding-block:23px}.vendors>p{width:100%;text-align:center}.vendors>p br{display:none}.vendors>p strong{margin-left:4px}.vendors>div{font-size:21px;width:calc(50% - 30px);text-align:center}.vendors>a{width:100%;text-align:center;font-size:10px}.vendors>a br{display:none}.section{padding-block:60px}.section-top{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.3px}.section-top>p{font-size:13px}.window-bar{padding:13px 12px;font-size:8px}.window-bar .demo-label{font-size:6px;letter-spacing:.5px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.app-main{padding:18px 12px}.app-heading h3{font-size:17px}.app-status{display:none}.stats{gap:6px;margin:18px 0}.stats>div{padding:10px 8px}.stats>div>span{font-size:8px}.stats strong{font-size:25px;display:block}.stats small{display:block;font-size:7px;line-height:1.4;margin-top:4px}.tabs{gap:16px}.tabs button{font-size:9px;padding-bottom:9px}.product-body{min-height:395px}table{font-size:9px}td,th{padding-left:4px;padding-right:4px}.table-vendor{display:none}.pill{font-size:8px;padding:2px 5px}.product-caption{gap:12px;font-size:8px}.product-caption>span{max-width:52%}.product-caption>span:last-child{text-align:right}.features{padding-top:0}.features .section-top{gap:20px}.section-number{font-size:9px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(even){border-left:0;padding:26px 0}.feature-grid h3{font-size:21px}.feature-grid p{font-size:14px;max-width:none}.feature-icon{margin-bottom:19px}.feature-number{right:5px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{font-size:23px;margin-top:15px}.steps p{font-size:14px;max-width:none}.workflow-note{font-size:11px;line-height:1.9;margin-top:30px}.install{gap:30px}.install h2{font-size:40px}.terminal pre{font-size:9px;padding:20px 14px}.terminal-footer{font-size:8px;padding:12px}.terminal-top{padding:10px 12px}.terminal-top button{min-height:44px}.faq{gap:25px;padding-top:0}.faq h2{font-size:33px}summary{font-size:13px;min-height:32px}.closing{padding-block:32px}.closing p{font-size:24px}.closing>a{width:48px;height:48px;font-size:24px}footer p{font-size:10px}footer>div{font-size:9px;gap:15px}.diff-line{font-size:9px}.alert-row{font-size:9px;gap:8px}.alert-row small{font-size:8px}.alert-row>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}