@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg: #FAFAFA;--surface: #FFFFFF;--surface-alt: #F5F5F5;--surface-hover: #F0F0F0;--border: #E8E8E8;--border-hover: #CCCCCC;--text: #1A1A1A;--text-secondary: #555555;--text-tertiary: #888888;--accent: #0066FF;--accent-hover: #0052CC;--accent-rgb: 0,102,255;--max-width: 1120px;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;letter-spacing:.02em;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.04) 1px,transparent 0);background-size:24px 24px}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}.nav{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:#fafafacc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100}.nav-brand{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:-.02em}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none}.nav-links a:hover{color:var(--accent);text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 7rem;position:relative;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(var(--accent-rgb),.05),transparent 80%)}.hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text);margin-bottom:1.5rem}.hero .tagline{font-size:1.3rem;color:var(--text-secondary);max-width:520px;line-height:1.6;letter-spacing:.01em}.hero .actions{display:flex;gap:.85rem;margin-top:3rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;padding:.75rem 1.6rem;border-radius:10px;font-size:.95rem;font-weight:600;font-family:inherit;letter-spacing:.01em;transition:all .2s ease;background:var(--accent);color:#fff;border:none;cursor:pointer;text-decoration:none}.btn:hover{background:var(--accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.04);box-shadow:none;transform:translateY(-1px)}.section{padding:7rem 0}.section h2{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--text);text-align:center;margin-bottom:1rem}.section .subtitle{text-align:center;color:var(--text-tertiary);font-size:1rem;margin-bottom:3.5rem;max-width:500px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:1.25rem}.card.card-hero{grid-column:1 / 3;padding:2.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #0000000a;transform:translateY(-2px)}.card h3{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.card p{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.showcase-section{background:var(--surface-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:7rem 0}.showcase-hero img{width:100%;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 8px 40px #00000014;margin-bottom:.5rem}.showcase-hero figcaption{text-align:center;font-size:.85rem;color:var(--text-tertiary);margin-bottom:2.5rem}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.showcase-grid figure{margin:0}.showcase-grid img{width:100%;border-radius:10px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.showcase-grid img:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.showcase-grid figcaption{text-align:center;font-size:.82rem;color:var(--text-tertiary);margin-top:.5rem}.showcase-note{margin-top:2rem;padding:1rem 1.25rem;background:var(--surface);border-left:2px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:.88rem}.quickstart-section{padding:7rem 0}#quickstart pre{background:#1e1e2e;border-radius:10px;padding:1.5rem 1.75rem;overflow-x:auto;font-size:.88rem;line-height:1.7;margin:1rem 0;color:#cdd6f4;box-shadow:inset 0 0 0 1px #ffffff0f}#quickstart code{font-family:JetBrains Mono,Fira Code,monospace}#quickstart h3{font-size:1.05rem;font-weight:600;color:var(--text);margin:2rem 0 .5rem}#quickstart p{color:var(--text-secondary);margin-top:.5rem}.footer{border-top:1px solid var(--border);padding:3rem 2rem;text-align:center;color:var(--text-tertiary);font-size:.85rem}.footer a{margin:0 .75rem;color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .65s ease forwards}.fade-in-d1{animation-delay:.12s}.fade-in-d2{animation-delay:.24s}.fade-in-d3{animation-delay:.36s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fade-in,.reveal{opacity:1;transform:none;animation:none;transition:none}}@media(max-width:768px){.hero{padding:6rem 1rem 5rem;min-height:auto}.hero h1{font-size:2.2rem}.hero .tagline{font-size:1.05rem}.section,.showcase-section,.quickstart-section{padding:4.5rem 0}.container{padding:0 1.25rem}.features-grid{grid-template-columns:1fr}.card.card-hero{grid-column:auto}.showcase-grid{grid-template-columns:1fr}.nav{padding:.75rem 1rem}.nav-links{gap:1rem}.section h2{font-size:1.6rem}}