@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap");:root{--bg:#09090b;--bg-surface:#0f0f11;--bg-card:#141416;--bg-card-2:#18181b;--accent:#e8ff70;--accent-dim:rgba(232,255,112,.08);--accent-border:rgba(232,255,112,.2);--purple:#a855f7;--purple-dim:rgba(168,85,247,.1);--cyan:#22d3ee;--cyan-dim:rgba(34,211,238,.08);--orange:#fb923c;--green:#4ade80;--red:#f87171;--text-1:#fafafa;--text-2:#a1a1aa;--text-3:#52525b;--border:hsla(0,0%,100%,.06);--border-hover:rgba(232,255,112,.25);--r-sm:6px;--r-md:12px;--r-lg:18px;--r-xl:24px;--ease:cubic-bezier(0.4,0,0.2,1);--t:0.22s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body,html{overflow-x:hidden;width:100vw}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.6;-webkit-font-smoothing:antialiased;position:relative}a{text-decoration:none;color:inherit}ul{list-style:none}h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.2rem,6vw,4.5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}p{color:var(--text-2);line-height:1.75}.mono,code{font-family:JetBrains Mono,monospace;font-size:.875em}.container{max-width:900px}.container,.container-wide{margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1100px}.accent{color:var(--accent)}.accent-bg{background:var(--accent);color:#09090b;font-weight:700}.text-accent{background:linear-gradient(135deg,var(--accent),#a8ff40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:100px;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-2);background:var(--bg-card)}.chip-accent{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.chip-purple{border-color:rgba(168,85,247,.3);color:var(--purple);background:var(--purple-dim)}.chip-cyan{border-color:rgba(34,211,238,.2);color:var(--cyan);background:var(--cyan-dim)}.chapter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.chapter-num{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.1em}.chapter-line{height:1px;width:40px;background:var(--accent-border)}.section{padding:6rem 0;position:relative}.divider{height:1px;background:var(--border);width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}.card:hover{border-color:rgba(232,255,112,.15);transform:translateY(-2px)}.code-block{background:#0d1117;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.code-block-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.02)}.code-dot{width:10px;height:10px;border-radius:50%}.code-title{font-size:.72rem;margin-left:.25rem;color:var(--text-3)}.code-body{padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.8;color:#b9d4c1;overflow-x:auto}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-comment{color:#8b949e;font-style:italic}.code-fn{color:#d2a8ff}.code-num{color:#79c0ff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::selection{background:var(--accent-dim);color:var(--accent)}.noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px}.orb{border-radius:50%;filter:blur(100px)}.grid-bg,.orb{position:absolute;pointer-events:none}.grid-bg{inset:0;background-image:linear-gradient(rgba(232,255,112,.025) 1px,transparent 0),linear-gradient(90deg,rgba(232,255,112,.025) 1px,transparent 0);background-size:48px 48px}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:9999;transform-origin:left}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:var(--r-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--t) var(--ease);border:none}.btn-primary{background:var(--accent);color:#09090b}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent-border);color:var(--accent)}.features-grid{grid-template-columns:.4fr 1fr}@media (max-width:768px){.features-grid{grid-template-columns:1fr;min-height:auto!important}.features-sidebar{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding-bottom:.25rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.features-sidebar::-webkit-scrollbar{display:none}.sidebar-btn{flex-shrink:0;width:auto!important}.sidebar-btn-chevron{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(232,255,112,.3)}50%{box-shadow:0 0 0 8px rgba(232,255,112,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dash{to{stroke-dashoffset:-24}}@media (max-width:768px){.section{padding:4rem 0}}@media (max-width:640px){.container,.container-wide{padding:0 1rem}h1{font-size:clamp(2rem,8vw,2.8rem)}h2{font-size:clamp(1.5rem,6vw,2.2rem)}h3{font-size:clamp(1.1rem,4vw,1.4rem)}p{font-size:.95rem}.card,.glass-card{padding:1.25rem!important}}img,video{max-width:100%;height:auto}.code-body,pre{white-space:pre;overflow-x:auto;max-width:100vw}