*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#0c0c0f;background:#fff;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}code,pre,kbd,samp{font-family:"JetBrains Mono","Fira Code","Cascadia Code",monospace}a{color:#0088b3;text-decoration:none}a:hover{text-decoration:underline}nav{background:#f7f8fa;border-bottom:1px solid #e2e4e8;position:sticky;top:0;z-index:100}.nav-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:#0c0c0f;display:flex;align-items:center;gap:.4rem}.logo:hover{text-decoration:none;color:#0088b3}.logo-icon{width:1.6em;height:1.6em}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#666;font-size:.9rem;font-weight:500}.nav-links a:hover{color:#0c0c0f;text-decoration:none}.nav-links .nav-github{color:#999;display:flex;align-items:center}.nav-links .nav-github:hover{color:#0c0c0f}main{flex:1;width:100%}.hero{text-align:center;padding:4rem 1.5rem 1.5rem;max-width:1120px;margin:0 auto}.hero h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.3em}.hero .hero-icon{width:1.2em;height:1.2em;transform:translateY(.05em)}.hero .tagline{font-size:1.25rem;color:#666;line-height:1.5;margin-bottom:.5rem}.hero .hero-context{font-size:1.05rem;color:#666;line-height:1.5;margin-bottom:.4rem}.hero .hero-sub{font-size:1rem;color:#999;line-height:1.5}.hero .hero-sub code{background:#ebedef;padding:.15em .4em;border-radius:3px;font-size:.875em}.demo{max-width:1120px;margin:0 auto;padding:1rem 1.5rem 2rem}.demo .section-heading{font-size:1.1rem;font-weight:600;color:#666;margin-bottom:.75rem}.demo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:0 .25rem}.trust-line{font-size:.85rem;color:#999}.demo-cta{font-size:.9rem;font-weight:600;color:#0088b3}.demo-cta:hover{text-decoration:underline}.tools{max-width:1120px;margin:0 auto;padding:0 1.5rem 4rem}.tool-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.tool-card{display:block;background:#f7f8fa;border:1px solid #e2e4e8;border-radius:6px;padding:1.5rem;color:#0c0c0f;transition:border-color .15s}.tool-card:hover{border-color:#00c3ff;text-decoration:none}.tool-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tool-card p{font-size:.95rem;color:#666;line-height:1.5}.tool-card code{background:#ebedef;padding:.15em .4em;border-radius:3px;font-size:.875em}.docs-callout{max-width:1120px;margin:0 auto;padding:0 1.5rem 3rem;text-align:center}.docs-callout p{font-size:.95rem;color:#999}.docs-callout a{font-weight:600}.page-content{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em}.page-content h2{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e4e8}.page-content h3{font-size:1.15rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}.page-content p{margin-bottom:1rem;line-height:1.7}.page-content ul,.page-content ol{margin-bottom:1rem;padding-left:1.5rem}.page-content ul li,.page-content ol li{margin-bottom:.35rem;line-height:1.6}.page-content code{background:#ebedef;padding:.15em .4em;border-radius:3px;font-size:.875em}.page-content pre{background:#ebedef;border:1px solid #e2e4e8;border-radius:6px;padding:1rem 1.25rem;margin-bottom:1.5rem;overflow-x:auto;line-height:1.5}.page-content pre code{background:none;padding:0;border-radius:0;font-size:.875rem}.page-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.925rem}.page-content table th,.page-content table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e2e4e8}.page-content table th{background:#f7f8fa;font-weight:600;white-space:nowrap}.page-content table td code{white-space:nowrap}.page-content rf-playground,.page-content rf-decoder,.page-content rf-builder{display:block;margin:1.5rem 0}footer{border-top:1px solid #e2e4e8;padding:1.5rem;text-align:center}footer p{font-size:.85rem;color:#999}footer .footer-links{margin-top:.4rem;font-size:.8rem}footer .footer-links a{color:#999}footer .footer-links a:hover{color:#0088b3}footer .footer-links .sep{margin:0 .4rem;color:#e2e4e8}@media (max-width: 768px){.hero h1{font-size:2rem}.hero .tagline{font-size:1.05rem}.tool-grid{grid-template-columns:1fr}.demo-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.nav-links{gap:1rem}.nav-links a{font-size:.8rem}.nav-inner{padding:0 1rem}.page-content{padding:1.5rem 1rem 3rem}.page-content table{font-size:.85rem}.page-content table th,.page-content table td{padding:.4rem .5rem}}