*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111113;--surface: #1c1c1e;--surface-hover: #2c2c2e;--border: rgba(255, 255, 255, .06);--border-lit: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--text-dim: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--green: #33c773;--green-glow: rgba(51, 199, 115, .15);--amber: #f5a623;font-family:Space Grotesk,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,SF Mono,monospace}.shell{max-width:960px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111113d9;border-bottom:1px solid var(--border)}.nav-inner{max-width:960px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green-glow)}.nav-name{font-family:JetBrains Mono,monospace;font-weight:600;font-size:15px;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:5px 10px;border-radius:6px;font-size:13px;color:var(--text-dim);transition:all .15s}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-github{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;border:1px solid var(--border-lit);font-size:13px;font-weight:500;color:var(--text-dim);transition:all .15s}.nav-github:hover{color:var(--text);border-color:var(--text-muted);background:#ffffff0d}.nav-github svg{width:15px;height:15px}.hero{padding:56px 0 40px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:20px;border:1px solid var(--border-lit);background:var(--surface);font-size:12px;color:var(--text-dim);margin-bottom:24px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}.hero h1 .accent{color:var(--green)}.hero-sub{font-size:16px;color:var(--text-dim);line-height:1.6;max-width:420px;margin:0 auto 32px}.install{max-width:480px;margin:0 auto}.install-tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;margin-bottom:8px}.install-tab{padding:4px 12px;border:none;border-radius:5px;background:transparent;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.install-tab:hover{color:var(--text-dim)}.install-tab.active{background:#ffffff14;color:var(--green)}.install-cmd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border-lit);border-radius:10px}.install-cmd code{font-size:13px;color:var(--text)}.install-cmd .prompt{color:var(--green);margin-right:8px}.install-copy{display:flex;align-items:center;padding:5px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.install-copy:hover{color:var(--text);background:#ffffff0f}.install-copy svg{width:15px;height:15px}.star-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .15s}.star-link:hover{color:var(--amber)}.star-link svg{width:13px;height:13px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.config-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.config-desc{color:var(--text-dim);font-size:14px;line-height:1.5;margin-bottom:20px}.code-block{border-radius:12px;border:1px solid var(--border-lit);overflow:hidden;background:var(--surface)}.code-header{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:#ffffff05}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot-red{background:#ff5f56}.code-dot-yellow{background:#ffbd2e}.code-dot-green{background:#27ca40}.code-filename{margin-left:10px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.code-pre{margin:0;padding:16px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.65;color:var(--text-dim)}.code-pre .hl-key{color:#7ec8e3}.code-pre .hl-str{color:var(--green)}.code-pre .hl-num{color:var(--amber)}.code-pre .hl-comment{color:var(--text-muted);font-style:italic}.code-pre .hl-brace{color:var(--text-muted)}.layouts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.layout-card{padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.layout-card h3{font-size:13px;font-weight:600;margin-bottom:2px}.layout-card p{font-size:11px;color:var(--text-muted);margin-bottom:12px}.layout-diagram{display:grid;gap:3px;height:80px;border-radius:6px;overflow:hidden}.layout-2{grid-template-columns:60fr 40fr}.layout-3{grid-template-columns:60fr 40fr;grid-template-rows:1fr 1fr}.layout-pane{background:#ffffff0a;border:1px solid var(--border-lit);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.layout-pane.main{border-color:#33c77340;color:var(--green)}.layout-3 .layout-pane.main{grid-row:1 / -1}.features{padding:48px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{padding:20px;border-radius:10px;border:1px solid var(--border);background:var(--surface);transition:border-color .2s}.feature:hover{border-color:var(--border-lit)}.feature-icon{font-size:18px;margin-bottom:10px;display:block}.feature h3{font-size:14px;font-weight:600;margin-bottom:6px}.feature p{font-size:13px;color:var(--text-dim);line-height:1.45}.section{padding:48px 0}.section-header{margin-bottom:24px}.section-header h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.section-header p{color:var(--text-dim);font-size:14px;max-width:560px}.app-section{padding:48px 0;border-top:1px solid var(--border)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.app-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.app-desc{color:var(--text-dim);font-size:14px;line-height:1.5;margin-bottom:20px}.app-features{list-style:none;display:grid;gap:10px}.app-features li{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:10px}.app-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.app-screenshot-wrap{display:flex;justify-content:center}.app-screenshot{max-width:320px;width:100%;border-radius:14px;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0f}.cta{padding:56px 0;text-align:center;border-top:1px solid var(--border)}.cta h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.cta p{color:var(--text-dim);font-size:14px;margin-bottom:28px}.cta-actions{display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--green);color:#0a1f12}.btn-primary:hover{background:#3dd882}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-lit)}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0a}.footer{padding:32px 0 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-muted)}.footer a{color:var(--text-dim);transition:color .15s}.footer a:hover{color:var(--text)}.fade-in{animation:fadeUp .6s ease both}.fade-in-delay-1{animation-delay:.08s}.fade-in-delay-2{animation-delay:.16s}.fade-in-delay-3{animation-delay:.24s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.features{grid-template-columns:repeat(2,1fr)}.config-grid,.app-grid{grid-template-columns:1fr}.app-screenshot-wrap{order:-1}}@media(max-width:520px){.shell{padding:0 16px}.nav-inner{padding:12px 16px}.nav-links{gap:2px}.nav-link{padding:5px 8px;font-size:12px}.nav-github{padding:5px 8px}.github-label{display:none}.hero{padding:40px 0 32px}.hero h1{font-size:1.8rem}.hero-sub{font-size:14px;margin-bottom:24px}.hero-badge{font-size:11px;margin-bottom:18px}.install-cmd code{font-size:12px}.features{padding:32px 0;grid-template-columns:1fr;gap:10px}.feature{padding:16px}.feature h3{font-size:13px}.feature p{font-size:12px}.section{padding:32px 0}.config-title,.app-title{font-size:1.3rem}.layouts{grid-template-columns:1fr}.app-grid{gap:20px}.app-features li{font-size:12px}.app-screenshot{max-width:260px}.cta{padding:40px 0}.cta h2{font-size:1.3rem}.cta-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.footer{padding:28px 0 40px;font-size:11px}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}