:root{--color-bg:#fbf9fa;--color-bg-card:#fff;--color-bg-input:#f3f1f2;--color-navbar-bg:#fbf9fad9;--color-border:#26251e14;--color-border-hover:#26251e29;--color-text-main:#26251e;--color-text-muted:#26251e8c;--color-btn-primary-bg:#26251e;--color-btn-primary-text:#f7f7f4;--color-btn-primary-hover:#000;--font-serif:"EB Garamond", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", sfmono-regular, Consolas, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--color-bg:#14120b;--color-bg-card:#1c1b14;--color-bg-input:#0b0a05;--color-navbar-bg:#14120bd9;--color-border:#edecec14;--color-border-hover:#edecec29;--color-text-main:#edecec;--color-text-muted:#edecec8c;--color-btn-primary-bg:#edecec;--color-btn-primary-text:#14120b;--color-btn-primary-hover:#fff}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overflow-x:hidden}body{overflow-x:hidden}.container{max-width:1250px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-main);font-weight:400}p{color:var(--color-text-muted);font-size:15px;line-height:1.5}.highlight-text{font-feature-settings:"cswh" 1;font-style:italic}.navbar{z-index:100;background:var(--color-navbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);width:100%;transition:all .3s;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;max-width:1250px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--color-text-main);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{width:22px;height:22px}.logo-text{font-family:var(--font-sans);letter-spacing:-.01em;font-size:16px;font-weight:600}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:400;text-decoration:none;transition:color .15s;display:flex}.nav-link:hover{color:var(--color-text-main)}.github-btn{border:1px solid var(--color-border);color:var(--color-text-main);background:#ffffff08;border-radius:4px;padding:5px 12px}.github-btn:hover{border-color:var(--color-border-hover);background:#ffffff0f}.github-icon{margin-right:2px}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.btn-primary:hover{background:var(--color-btn-primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);background:#ffffff05}.btn-secondary:hover{border-color:var(--color-border-hover);background:#ffffff0d}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.hero-section{padding-top:140px;padding-bottom:90px;position:relative}.hero-container{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-badge{border:1px solid var(--color-border);background:#ffffff05;border-radius:4px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 12px;display:inline-flex}.badge-dot{background-color:var(--color-text-muted);border-radius:50%;width:5px;height:5px}.badge-text{color:var(--color-text-muted);font-size:11px;font-weight:500;font-family:var(--font-mono)}.hero-title{font-family:var(--font-serif);margin-bottom:20px;font-size:56px;font-weight:400;line-height:1.12}.hero-desc{color:var(--color-text-muted);max-width:95%;margin-bottom:28px;font-size:17px;line-height:1.48}.hero-actions{gap:12px;margin-bottom:24px;display:flex}.hero-command{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;align-items:center;gap:10px;width:100%;max-width:440px;padding:10px 14px;display:flex}.cmd-prompt{color:var(--color-text-muted);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-weight:500}.cmd-text{font-family:var(--font-mono);color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.copy-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.copy-btn:hover{color:var(--color-text-main)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.visual-scene{perspective:1500px;width:100%;max-width:590px;height:430px;transform-style:preserve-3d;background:radial-gradient(circle,#f4f3ed 0%,#dedcd3 100%);border:1px solid #26251e14;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #26251e0f}.scene-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff8c 0%,#0000 70%);width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screenshot-back{z-index:2;border:1px solid #00000014;border-radius:6px;width:72%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:absolute;top:10%;right:6%;transform:rotateY(-12deg)rotateX(4deg)rotate(1deg);box-shadow:-15px 20px 40px #00000040}.screenshot-front{z-index:3;border:1px solid #26251e14;border-radius:8px;width:48%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;position:absolute;bottom:8%;left:8%;transform:translateZ(30px)rotateY(-8deg)rotateX(3deg)rotate(-1deg);box-shadow:-20px 25px 45px #26251e29,-2px 5px 15px #26251e14}.visual-scene:hover .screenshot-back{transform:rotateY(-4deg)rotateX(2deg)rotate(.5deg)scale(1.02);box-shadow:-20px 25px 50px #00000052}.visual-scene:hover .screenshot-front{transform:translateZ(60px)rotateY(-3deg)rotateX(1deg)rotate(-.5deg)scale(1.03);box-shadow:-25px 35px 60px #26251e47,-2px 12px 30px #26251e24}.features-section{border-top:1px solid var(--color-border);padding:80px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 48px}.section-title{font-family:var(--font-serif);margin-bottom:12px;font-size:36px}.section-subtitle{color:var(--color-text-muted);font-size:14px}.bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bento-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;align-items:flex-start;padding:24px;transition:all .2s;display:flex;overflow:hidden}.bento-card:hover{border-color:var(--color-border-hover);box-shadow:0 6px 24px #0000000a}.bento-w2{grid-column:span 2}.bento-split{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px;display:grid!important}.bento-split-left{flex-direction:column;align-items:flex-start;display:flex}.bento-split-right{justify-content:flex-end;align-items:flex-end;width:100%;margin-top:24px;margin-bottom:-24px;margin-right:-24px;display:flex}.bento-screenshot-wrapper{width:100%;box-shadow:none;background:0 0;border:none}.bento-screenshot{width:100%;height:auto;display:block}.bento-icon-box{background:var(--color-bg-input);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-main);border-radius:4px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-icon{width:18px;height:18px}.bento-title{font-family:var(--font-serif);margin-bottom:8px;font-size:18px;font-weight:400}.bento-desc{color:var(--color-text-muted);font-size:13.5px}.playground-section{border-top:1px solid var(--color-border);padding:80px 0}.playground-tabs-container{max-width:880px;margin:0 auto}.playground-tabs{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.tab-btn{color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.tab-btn:hover{color:var(--color-text-main)}.tab-btn.active{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-main)}.tab-dot{background-color:var(--color-text-muted);border-radius:50%;width:6px;height:6px}.tab-panel{display:none}.tab-panel.active{display:block}.terminal-window{background:#0b0a05;border:1px solid #edecec14;border-radius:6px;overflow:hidden;box-shadow:0 16px 40px #00000059}.terminal-header{background:#ffffff03;border-bottom:1px solid #edecec14;align-items:center;height:36px;padding:0 12px;display:flex;position:relative}.window-buttons{gap:6px;display:flex}.win-btn{background-color:#edecec26;border-radius:50%;width:9px;height:9px}.window-title{font-family:var(--font-mono);color:#edecec66;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.terminal-body{font-family:var(--font-mono);color:#edecec;min-height:240px;padding:20px;font-size:12px;line-height:1.5;overflow-y:auto}.terminal-line{margin-bottom:6px}.prompt{color:#edecec66;-webkit-user-select:none;user-select:none;font-weight:500}.input-cmd{color:#fff;font-weight:400}.terminal-output{color:#edecec73;margin-bottom:12px;padding-left:10px}.cursor-blink{color:#edecec;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.terminal-footer{background:#ffffff01;border-top:1px solid #edecec14;padding:12px 20px}.footer-hint{color:#edecec66;margin-bottom:8px;font-size:10.5px;display:block}.terminal-triggers{flex-wrap:wrap;gap:8px;display:flex}.cli-cmd-btn{color:#edecec;font-family:var(--font-mono);cursor:pointer;background:#ffffff05;border:1px solid #edecec14;border-radius:4px;padding:6px 12px;font-size:10.5px;transition:all .15s}.cli-cmd-btn:hover{background:#ffffff0d;border-color:#edecec}.web-mockup{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:6px;transition:all .3s;overflow:hidden;box-shadow:0 16px 40px #0000001a}.web-mockup-header{border-bottom:1px solid var(--color-border);background:#ffffff03;align-items:center;height:36px;padding:0 12px;display:flex}.web-mockup-address{border:1px solid var(--color-border);height:24px;font-family:var(--font-mono);color:var(--color-text-muted);background:#0000000a;border-radius:4px;align-items:center;width:100%;max-width:280px;margin:0 auto;padding:0 10px;font-size:10.5px;display:flex}.web-mockup-body{background:var(--color-bg);min-height:240px;padding:20px}.web-dash-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;padding:14px}.gauge-small{flex-direction:column;align-items:center;display:flex}.gauge-label{color:var(--color-text-muted);font-size:9px}.web-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.web-toggle-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:11.5px;display:flex}.web-toggle-row:last-child{border-bottom:none}.switch-mini{width:28px;height:16px;display:inline-block;position:relative}.switch-mini input{opacity:0;width:0;height:0}.slider-mini{cursor:pointer;background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:16px;transition:all .15s;position:absolute;inset:0}.slider-mini:before{content:"";background-color:var(--color-text-main);border-radius:50%;width:10px;height:10px;transition:all .15s;position:absolute;bottom:2px;left:2px}input:checked+.slider-mini{background-color:var(--color-text-main);border-color:var(--color-text-main)}input:checked+.slider-mini:before{background-color:var(--color-bg);transform:translate(12px)}.install-section{border-top:1px solid var(--color-border);padding:80px 0}.install-steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;padding:24px;position:relative}.step-num{font-family:var(--font-serif);color:var(--color-text-muted);margin-bottom:12px;font-size:28px}.step-title{font-family:var(--font-serif);margin-bottom:8px;font-size:18px;font-weight:400}.step-desc{color:var(--color-text-muted);margin-bottom:16px;font-size:13.5px}.step-link{color:var(--color-text-main);font-size:12.5px;font-weight:500;text-decoration:underline}.code-block-container{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;padding:8px 12px;overflow-x:auto}.code-block-container pre code{font-family:var(--font-mono);color:var(--color-text-main);font-size:11px}.cta-section{border-top:1px solid var(--color-border);padding:80px 0 120px}.cta-card{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;border-radius:6px;padding:64px 32px;box-shadow:0 12px 32px #00000008}.cta-title{font-family:var(--font-serif);margin-bottom:12px;font-size:36px}.cta-desc{max-width:480px;margin:0 auto 32px;font-size:14.5px}.cta-actions{justify-content:center;gap:12px;display:flex}.footer{background:var(--color-bg-input);border-top:1px solid var(--color-border);padding:64px 0 32px;transition:all .3s}.footer-container{justify-content:space-between;margin-bottom:48px;display:flex}.footer-logo{font-family:var(--font-sans);align-items:center;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.footer-logo-img{width:20px;height:20px}.footer-tagline{color:var(--color-text-muted);font-size:12px}.footer-links-group{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-main);margin-bottom:6px;font-size:11px;font-weight:600}.footer-links-group a{color:var(--color-text-muted);font-size:12px;text-decoration:none;transition:color .15s}.footer-links-group a:hover{color:var(--color-text-main)}.footer-bottom{color:var(--color-text-muted);opacity:.5;text-align:center;border-top:1px solid #ffffff05;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;font-size:10.5px;display:flex}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-effect{animation:cubic-bezier(.16,1,.3,1) both fade-in-up;animation-timeline:view();animation-range:entry 10% cover 30%}}}.no-supports-scroll-reveal{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.no-supports-scroll-reveal.reveal-active{opacity:1;transform:translateY(0)}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:36px}.hero-content{align-items:center}.hero-actions{justify-content:center}.hero-command{margin:0 auto}.hero-desc{max-width:100%}.bento-grid{grid-template-columns:1fr}.bento-w2{grid-column:span 1}.bento-split{gap:20px;grid-template-columns:1fr!important}.install-steps{grid-template-columns:1fr}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:32px}.footer-links-group{align-items:center}}