:root{--accent: #f07c4f;--accent-secondary: #d4a574;--bg: #faf8f5;--bg-code: #1a1a1a;--text: #1a1a1a;--text-muted: #555;--border: #e5e2dd;--card-bg: #fff;--header-bg: rgba(250, 248, 245, .85);--divider: #e0ded9}[data-theme=dark]{--bg: #0d0d0d;--bg-code: #161616;--text: #ededed;--text-muted: #888;--border: #222;--card-bg: #161616;--header-bg: rgba(13, 13, 13, .85);--divider: #222}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Instrument Sans,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s;font-weight:300}h1,h2,h3,.logo{font-family:"Instrument Serif",serif}em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400}.container{max-width:1000px;margin:0 auto;padding:0 24px}.section-divider{height:1px;background:var(--divider);width:100%;max-width:1000px;margin:0 auto}header{padding:20px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:400;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}nav{display:flex;gap:28px;align-items:center}nav a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s,transform .2s;letter-spacing:.01em}nav a:hover{color:var(--text);transform:translateY(-1px)}.github-link{display:flex;align-items:center;gap:6px}#theme-toggle{background:#00000008;border:1px solid var(--border);cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#theme-toggle:hover{background:#0000000f;transform:scale(1.05);border-color:var(--text-muted)}#theme-toggle svg{width:16px;height:16px;opacity:.8}[data-theme=dark] #theme-toggle{background:#ffffff0d}[data-theme=dark] #theme-toggle:hover{background:#ffffff1a}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.hero{padding:100px 0}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero-content{text-align:left}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeUp .6s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.hero-content h1{animation-delay:.1s}.hero-content p{animation-delay:.2s}.hero-content .hero-actions{animation-delay:.3s}.hero-visual{animation:fadeUp .8s .4s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}h1{font-size:3.5rem;font-weight:400;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;color:var(--text)}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px;line-height:1.7;max-width:480px;font-weight:300}.hero-actions{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:6px;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-secondary{border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border)}.code-block-wrapper{background:var(--bg-code);border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -20px #0006;overflow:hidden;position:relative}.window-header{display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 16px;background:#ffffff05}.window-controls{position:absolute;left:16px;display:flex;gap:8px}.window-controls span{width:10px;height:10px;border-radius:50%;background:#333}.window-controls span:nth-child(1){background:#ff5f56}.window-controls span:nth-child(2){background:#ffbd2e}.window-controls span:nth-child(3){background:#27c93f}.window-title{font-family:Inter,sans-serif;font-size:.8rem;color:#fff6;font-weight:500;letter-spacing:.02em}.code-block{padding:24px 28px;overflow-x:auto}.code-block pre{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.8;color:#e0e0e0}.code-block .kw{color:#ff79c6;font-weight:500}.code-block .str{color:#f1fa8c}.code-block .prop{color:#8be9fd}.code-block .fn{color:#50fa7b}.quick-start{padding:80px 0}.quick-start-content{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px}.install-wrapper{display:flex;flex-direction:column}.install-tabs{display:flex;gap:2px;margin-bottom:8px}.install-tab{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;font-family:Instrument Sans,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s}.install-tab:hover{color:var(--text);background:#00000008}[data-theme=dark] .install-tab:hover{background:#ffffff0d}.install-tab.active{color:var(--text);background:var(--bg-code);background:#0000000f;font-weight:600}[data-theme=dark] .install-tab.active{background:#ffffff1a}.install{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-code);border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:#e5e5e5;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0000001a;width:100%;justify-content:space-between}.install-prompt{color:var(--accent);opacity:.8;margin-right:8px;-webkit-user-select:none;user-select:none}.install code{font-weight:400;flex-grow:1}.install-copy{background:transparent;border:none;color:#888;cursor:pointer;padding:4px;display:flex;transition:color .2s}.install-copy:hover{color:#fff}.templates{padding:100px 0}.templates h2{font-size:2.5rem;text-align:center;margin-bottom:12px;font-weight:400;letter-spacing:-.02em}.templates-subtitle{text-align:center;color:var(--text-muted);margin-bottom:56px;font-size:1rem;font-weight:300}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.template-card{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--card-bg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000000a;border-color:var(--accent)}.card-image-wrapper{background:var(--bg);padding:0;border-bottom:1px solid var(--border);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-card img{width:100%;height:100%;object-fit:cover;display:block}.template-info{padding:20px}.template-header{display:flex;justify-content:space-between;align-items:center}.template-name{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text);font-weight:500;letter-spacing:-.01em}.copy-template-id{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;opacity:.6;transition:all .2s;display:flex;align-items:center}.copy-template-id:hover{opacity:1;background:var(--bg);color:var(--text)}.template-desc{font-size:.85rem;color:var(--text-muted);margin-top:6px;font-weight:300}.features{padding:100px 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.feature h3{font-family:Instrument Sans,sans-serif;font-size:.95rem;margin-bottom:10px;font-weight:500;letter-spacing:.01em}.feature p{color:var(--text-muted);font-size:.9rem;line-height:1.7;font-weight:300}.cli{padding:100px 0}.cli h2{font-size:2.5rem;text-align:center;margin-bottom:12px;font-weight:400;letter-spacing:-.02em}.cli-subtitle{text-align:center;color:var(--text-muted);margin-bottom:56px;font-size:1rem;font-weight:300}.cli-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cli-command{background:var(--bg-code);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08)}.cli-command-header{margin-bottom:12px}.cli-command-header code{font-family:JetBrains Mono,monospace;font-size:.95rem;color:#50fa7b}.cli-command p{color:#a0a0a0;font-size:.9rem;line-height:1.6;margin:0}@media(max-width:640px){.cli-grid{grid-template-columns:1fr}}footer{padding:40px 0;border-top:1px solid var(--border);text-align:center}footer p{color:var(--text-muted);font-size:.85rem}footer a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}footer a:hover{text-decoration-color:var(--accent)}.text-green-500{color:#10b981}@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.quick-start-content{flex-direction:column;text-align:center;gap:24px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){h1{font-size:2.5rem}.templates-grid,.features-grid{grid-template-columns:1fr}}