:root{color-scheme:light;--bg: #f6f7fb;--bg-alt: #ffffff;--fg: #1f2933;--muted: #52606d;--primary: #3f83f8;--primary-dark: #1c64f2;--border: #d2d6dc;--card-shadow: 0 10px 30px rgba(31, 41, 51, .08);--radius: 14px;font-feature-settings:"liga" 1,"kern" 1,"clig" 1}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1100px,calc(100% - 3rem));margin:0 auto}.site-header{background:linear-gradient(135deg,#1c64f2,#7c3aed);color:#fff;padding:2.5rem 0}.site-header .container{display:flex;flex-direction:column;gap:1.5rem}.branding .logo{font-size:1.5rem;font-weight:700}.branding .tagline{margin:.4rem 0 0;color:#ffffffe6}.site-nav{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.95rem}.site-nav a{color:#ffffffe6;font-weight:500;padding:.35rem .75rem;border-radius:999px;transition:background .15s ease,color .15s ease}.site-nav a:hover{background:#ffffff26;text-decoration:none}.site-nav a.active{background:#fff3;color:#fff}.hero{background:linear-gradient(135deg,#3f83f81a,#7c3aed14);padding:4.5rem 0}.hero-content{display:grid;gap:2rem}.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 1rem;line-height:1.2}.hero p{color:var(--muted);font-size:1.1rem;max-width:38rem}.cta-group{margin-top:2rem;display:flex;gap:1rem}.cta{display:inline-block;padding:.9rem 1.6rem;border-radius:999px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cta.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px #3f83f840}.cta.primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.cta.secondary{background:#3f83f81a;color:var(--primary)}.cta.secondary:hover{background:#3f83f826}.content-section{padding:4rem 0}.content-section.alt{background:var(--bg-alt)}.content-section h2{margin:0 0 1rem;font-size:clamp(1.6rem,3vw,2.1rem)}.section-lead{margin:-.5rem 0 1.5rem;color:var(--muted);max-width:40rem}.content-section h3{margin:2rem 0 1rem;font-size:1.2rem;color:var(--fg)}.content-section h3:first-of-type{margin-top:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.feature{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.feature h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--primary-dark)}.feature p{margin:0;color:var(--muted);font-size:.95rem}pre{background:#0f172a;color:#e2e8f0;padding:1.25rem;border-radius:10px;overflow-x:auto;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;margin:1rem 0}code{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.example-card{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);display:grid;gap:.75rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.example-card:hover{border-color:#3f83f899;box-shadow:var(--card-shadow);transform:translateY(-2px)}.example-card h3{margin:0;font-size:1.1rem}.example-card p{margin:0;color:var(--muted);font-size:.95rem}.example-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.example-links a{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:#3f83f81a;color:var(--primary);font-weight:500;font-size:.9rem}.example-links a:hover{background:#3f83f833;text-decoration:none}.error{color:#c81e1e;font-weight:600}.code-tabs{margin:1rem 0}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border)}.tab-btn{padding:.6rem 1.2rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--muted);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-panel[hidden]{display:none}.tab-panel pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.example-step{margin-bottom:2.5rem}.example-step:last-child{margin-bottom:0}.example-step h3{margin-top:0}.tab-panel details{margin-top:-.5rem}.tab-panel details summary{color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 0;-webkit-user-select:none;user-select:none}.tab-panel details summary:hover{text-decoration:underline}.tab-panel details pre{border-radius:10px}pre[class*=language-],code[class*=language-]{background:#0f172a;color:#e2e8f0;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#64748b}.token.punctuation{color:#94a3b8}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f87171}.token.boolean,.token.number{color:#c084fc}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#86efac}.token.operator,.token.entity,.token.url,.language-css .token.string{color:#67e8f9}.token.atrule,.token.attr-value,.token.keyword{color:#7dd3fc}.token.function,.token.class-name{color:#fbbf24}.token.regex,.token.important,.token.variable{color:#fb923c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.comparison-card{padding:1.5rem;border-radius:var(--radius);border:1px solid var(--border)}.comparison-card.use{background:#3f83f80f;border-color:#3f83f840}.comparison-card.alt-tool{background:var(--bg)}.comparison-card h3{margin:0 0 .75rem;font-size:1.1rem}.comparison-card.use h3{color:var(--primary-dark)}.comparison-card ul{margin:0;padding-left:1.25rem}.comparison-card li{margin-bottom:.5rem;color:var(--muted);font-size:.95rem;line-height:1.5}.comparison-card li:last-child{margin-bottom:0}.comparison-card li a{font-weight:500}.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.ref-category{padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg)}.ref-category h3{margin:0 0 .5rem;font-size:1rem;color:var(--primary-dark)}.ref-category ul{margin:0;padding-left:1.25rem}.ref-category li{margin-bottom:.3rem;color:var(--muted);font-size:.9rem}.ref-category li:last-child{margin-bottom:0}.ref-category code{background:#3f83f814;padding:.15rem .4rem;border-radius:4px;font-size:.85rem;color:var(--primary-dark)}.example-tags{display:flex;flex-wrap:wrap;gap:.35rem}.example-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#7c3aed14;color:#7c3aed;font-size:.78rem;font-weight:500;white-space:nowrap}.bench-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.bench-table-wrap h3{margin:0 0 .75rem;font-size:1rem;color:var(--primary-dark)}.bench-table{width:100%;border-collapse:collapse;font-size:.9rem}.bench-table th{text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border);color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.bench-table th:not(:first-child){text-align:right}.bench-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.bench-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.bench-table tr.bench-baseline td{color:var(--muted);font-style:italic}.bench-table tr.bench-highlight td:first-child{font-weight:600}.bench-table tr.bench-highlight td:nth-child(2){color:var(--primary-dark);font-weight:600}.bench-table td.bench-na{color:var(--border)}.bench-notes{margin-top:1.25rem;font-size:.9rem;color:var(--muted)}.bench-notes p{margin:0}.site-footer{padding:2rem 0;color:var(--muted);text-align:center}@media(max-width:640px){.site-nav{gap:.75rem 1rem}.hero{padding:3rem 0}.cta-group{flex-direction:column;align-items:flex-start}.tab-btn{padding:.5rem .8rem;font-size:.85rem}}