@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:#020303}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg:#020303;--panel:#ffffff09;--panel-strong:#ffffff12;--line:#ffffff18;--line-soft:#ffffff0b;--text:#f1f3f3;--muted:#8c9194;--soft:#c7cbcb;--teal:#7ddbd0;--teal-dim:#34867e;--lime:#cbd86f;--violet:#7170ff;--shadow:0 30px 90px #00000085, inset 0 1px 0 #ffffff14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0b1615 0,#020303 36rem);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.topbar{z-index:30;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030505a3;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1120px,100vw - 32px);padding:10px 12px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #00000052}.brand,.github,nav a{color:var(--soft);align-items:center;gap:8px;font-size:13px;font-weight:510;display:inline-flex}.brand{color:var(--teal);padding-left:8px}.github{border:1px solid var(--line);background:#ffffff09;border-radius:999px;justify-self:end;padding:8px 13px}nav{gap:6px;display:flex}nav a{color:var(--muted);border-radius:999px;padding:8px 13px;transition:all .18s}nav a:hover,.github:hover{color:var(--text);background:#fff1}.hero-section{perspective:1500px;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);align-items:center;gap:46px;min-height:100svh;padding:136px max(24px,50vw - 590px) 90px;display:grid;position:relative;overflow:hidden}.scene{opacity:.68;filter:saturate(1.2);position:absolute;inset:0}.aurora{filter:blur(18px);pointer-events:none;background:radial-gradient(circle at 22% 24%,#7ddbd038,#0000 27%),radial-gradient(circle at 72% 20%,#cbd86f1f,#0000 28%),radial-gradient(circle at 48% 40%,#7170ff1f,#0000 30%);height:62%;position:absolute;inset:-20% -10% auto}.hero-copy,.hero-product{z-index:2;position:relative}.eyebrow,.kicker{color:var(--teal);letter-spacing:-.02em;text-transform:uppercase;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:inline-flex}.eyebrow span{background:var(--lime);width:8px;height:8px;box-shadow:0 0 22px var(--lime);border-radius:999px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.065em;font-feature-settings:"cv01", "ss03";max-width:780px;margin-top:22px;font-size:clamp(52px,6vw,94px);font-weight:510;line-height:.93}.hero-copy>p{max-width:680px;color:var(--soft);letter-spacing:-.024em;margin-top:26px;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:14px;font-weight:560;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.primary{color:#03100f;background:linear-gradient(135deg,#a5fff4,#cbd86f);box-shadow:0 16px 50px #7ddbd038}.secondary{border:1px solid var(--line);color:var(--soft);background:#ffffff09}.primary:hover,.secondary:hover{transform:translateY(-2px)}.hero-product{transform-style:preserve-3d}.terminal-card{min-height:610px;box-shadow:var(--shadow);transform-style:preserve-3d;background:linear-gradient(#0c0e0eeb,#020303f0);border:1px solid #ffffff1f;border-radius:26px;position:relative;overflow:hidden}.terminal-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#7ddbd030,#0000 30%,#cbd86f1a 74%,#0000);position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0000 58%);mask:linear-gradient(#000,#0000 58%)}.chrome{height:44px;color:var(--lime);border-bottom:1px dashed #ffffff2e;align-items:center;gap:7px;padding:0 18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:flex}.chrome span{background:#444;border-radius:50%;width:8px;height:8px}.chrome span:first-child{background:#596060}.chrome span:nth-child(2){background:#7ddbd0}.chrome span:nth-child(3){background:#cbd86f}.chrome b{margin-left:auto;font-weight:500}.terminal-grid{grid-template-columns:205px 1fr;height:calc(100% - 44px);font-family:JetBrains Mono,ui-monospace,monospace;display:grid}.rail{color:#d4d6d6;border-right:1px solid #ffffff2e;padding:24px 18px}.rail strong{color:#707576;letter-spacing:.04em;font-size:14px}.rail small{color:#696e6f;margin-top:8px;display:block}.rail h4{color:var(--teal);letter-spacing:.02em;margin-top:32px;margin-bottom:8px;font-size:15px}.rail p{color:#c9cbcb;line-height:1.75}.rail p.active{color:var(--teal);font-weight:600}.workspace{color:#d5d8d8;padding:24px 28px 150px;position:relative}.workspace .mode{color:#666b6c;position:absolute;top:24px;right:26px}.workspace h3{color:#f0f2f2;margin-bottom:5px;font-size:21px}.muted{color:#777c7d}.output{max-width:760px;margin-top:44px;font-size:17px;line-height:1.6}.output h5{color:var(--teal);margin:34px 0 8px;font-size:17px}.output b{color:var(--teal)}.composer{border-top:1px dashed #fff3;padding-top:18px;position:absolute;bottom:22px;left:28px;right:28px}.composer label{color:var(--teal);margin-bottom:8px;font-weight:600;display:block}.composer p{color:#737879}.caret{vertical-align:-5px;background:#8fded4;width:2px;height:22px;margin:0 10px 0 4px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.strip{border-block:1px solid var(--line-soft);color:var(--muted);white-space:nowrap;background:#ffffff06;gap:18px;padding:18px max(24px,50vw - 590px);font-family:JetBrains Mono,ui-monospace,monospace;display:flex;overflow:hidden}.strip span{color:var(--teal);opacity:.82}.showcase,.features,.workflow-section,.install{padding:110px max(24px,50vw - 590px)}.showcase{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;display:grid}.section-copy h2,.install h2{letter-spacing:-.056em;max-width:760px;margin-top:12px;font-size:clamp(34px,4.2vw,64px);font-weight:510;line-height:.98}.section-copy p:not(.kicker),.install p:not(.kicker){color:var(--soft);max-width:560px;margin-top:18px;font-size:18px;line-height:1.7}.screenshot-wrap{border:1px solid var(--line);box-shadow:var(--shadow);transform-style:preserve-3d;background:#050606;border-radius:24px;position:relative;overflow:hidden;transform:rotateX(4deg)rotateY(-6deg)}.screenshot-wrap:after{content:"";pointer-events:none;background:linear-gradient(125deg,#7ddbd024,#0000 36%,#cbd86f14);position:absolute;inset:0}.screenshot-wrap img{object-fit:cover;object-position:left top;width:100%;min-height:360px;display:block}.features{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card,.workflow-node{border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff06);border-radius:22px;box-shadow:inset 0 1px #ffffff12}.feature-card{min-height:270px;padding:28px;transition:all .2s}.feature-card:hover{background:#7ddbd00e;border-color:#7ddbd057;transform:translateY(-7px)}.feature-card svg{color:var(--teal);width:28px;height:28px}.feature-card h3{letter-spacing:-.035em;margin-top:54px;font-size:22px}.feature-card p{color:var(--muted);margin-top:14px;line-height:1.65}.workflow-section{padding-top:20px}.workflow-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;display:grid}.workflow-node{min-height:170px;padding:22px;position:relative;overflow:hidden}.workflow-node:before{content:"";background:#7ddbd017;border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;right:-70px}.workflow-node b{color:var(--teal);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.workflow-node h4{margin-top:38px;font-size:19px}.workflow-node p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.55}.install{box-shadow:var(--shadow);background:radial-gradient(circle at 70% 20%,#7ddbd038,#0000 28%),linear-gradient(#ffffff12,#ffffff07);border:1px solid #7ddbd038;border-radius:34px;margin:0 max(24px,50vw - 590px) 90px;padding:78px;position:relative;overflow:hidden}.install-mark{color:#7ddbd02e;width:92px;height:92px;position:absolute;top:54px;right:54px}.install code{border:1px solid var(--line);color:#d9dddd;background:#02030394;border-radius:13px;width:fit-content;max-width:100%;margin:28px 0 24px;padding:16px 18px;font-family:JetBrains Mono,ui-monospace,monospace;display:block;overflow-x:auto}@media (width<=980px){.topbar{grid-template-columns:1fr auto}nav{display:none}.hero-section,.showcase{grid-template-columns:1fr}.hero-section{padding-top:120px}.terminal-card{min-height:560px}.features,.workflow-grid{grid-template-columns:1fr}.showcase,.features,.workflow-section,.install{padding-top:78px;padding-bottom:78px}.install{padding:42px 24px}}@media (width<=620px){.github{display:none}.topbar{justify-content:center;display:flex}.hero-section{padding-left:16px;padding-right:16px}h1{font-size:46px}.terminal-grid{grid-template-columns:1fr}.rail{display:none}.workspace{min-height:500px;padding:22px 20px 150px}.workspace .mode{margin-bottom:18px;display:block;position:static}.composer{left:20px;right:20px}.strip{padding-left:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}