*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--surface: #ffffff;--text: #111111;--text-secondary: #666666;--text-muted: #999999;--border: #e5e5e5;--border-hover: #cccccc;--accent: #c41e3a;--accent-hover: #a81830;--code-bg: #1a1a1a;--code-text: #e8e8e8;--radius: 12px;--radius-pill: 999px;--max-width: 960px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}code{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace;font-size:.875em;background:#f0f0f0;padding:.15em .4em;border-radius:4px}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1100px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.logo-grid{display:grid;grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:2px}.logo-grid span{width:6px;height:6px;background:var(--text);border-radius:1px}.logo-grid span:first-child{background:var(--accent)}.nav{display:flex;align-items:center;gap:24px;font-size:.9rem;color:var(--text-secondary)}.nav a,.nav button{background:none;border:none;cursor:pointer;font:inherit;color:inherit;padding:0}.nav button:hover,.nav a:hover{color:var(--text)}.hero{text-align:center;padding:48px 24px 32px;max-width:780px;margin:0 auto}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:20px}.hero h1 .accent{color:var(--accent);font-style:italic}.hero .subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin-bottom:36px}.install-block{max-width:620px;margin:0 auto 12px}.install-bar{display:flex;align-items:center;background:var(--code-bg);border-radius:var(--radius);padding:4px 4px 4px 20px;gap:12px}.install-bar code{flex:1;background:none;color:var(--code-text);font-size:.9rem;padding:12px 0;text-align:left;overflow-x:auto;white-space:nowrap}.copy-btn{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.copy-btn:hover{background:var(--accent-hover)}.install-hint{font-size:.85rem;color:var(--text-muted);margin-top:12px;line-height:1.5}.install-figure{max-width:720px;margin:20px auto 16px}.install-figure img{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px #0000000f}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:32px 24px 48px;max-width:800px;margin:0 auto}.tag{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:.875rem;color:var(--text-secondary);transition:border-color .15s}.tag:hover{border-color:var(--border-hover)}.section{padding:64px 0;border-top:1px solid var(--border)}.section h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px;text-align:center}.examples-grid{display:grid;gap:48px;max-width:720px;margin:0 auto}.example-card{display:grid;gap:16px;justify-items:center;text-align:center}.example-card img{width:100%;max-width:720px;height:auto;margin:8px auto 0;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 12px #0000000f}.example-card h3{font-size:1.1rem;font-weight:600}.example-card p{color:var(--text-secondary);font-size:.95rem;max-width:560px}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem}.compare-table th,.compare-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.compare-table th{font-weight:600;background:var(--surface)}.compare-table td:first-child{font-weight:500;white-space:nowrap}.compare-table td{color:var(--text-secondary)}.compare-table td:last-child{color:var(--text)}.features-grid{display:grid;gap:20px}@media(min-width:640px){.features-grid{grid-template-columns:1fr 1fr}}.feature-card{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.feature-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.feature-card .prompt{font-size:.85rem;color:var(--text-muted);font-style:italic}.text-block{max-width:680px;margin:0 auto;color:var(--text-secondary);line-height:1.7}.text-block ol{padding-left:1.25rem;margin:16px 0}.text-block ol li{margin-bottom:8px}.text-block p+p{margin-top:12px}.faq-list{max-width:680px;margin:0 auto;display:grid;gap:24px}.faq-item h3{font-size:1rem;font-weight:600;margin-bottom:6px}.faq-item p{font-size:.9rem;color:var(--text-secondary)}.footer{padding:48px 24px;text-align:center;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.footer-links{margin-top:8px}.footer-links a{color:var(--text-secondary)}.footer-links a+a:before{content:" · ";color:var(--text-muted)}