.wrap{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}main a{text-decoration:none}.home-section{padding-block:var(--space-7)}.kicker{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--indigo);font-weight:var(--weight-semibold);margin-bottom:10px}.section-head{max-width:640px;margin-bottom:var(--space-6)}.section-head h2{font-size:var(--font-size-xl);margin:0}.section-head p{color:var(--color-text-muted);font-size:var(--font-size-base);margin-top:var(--space-2)}.section-head--split{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;gap:var(--space-4);flex-wrap:wrap}.see-all{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--indigo);white-space:nowrap}.see-all:hover{text-decoration:none}.hero{padding-block:var(--space-7) var(--space-5);position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:0 0 auto 0;height:82%;background:radial-gradient(52% 58% at 80% 4%,color-mix(in srgb,var(--indigo) 9%,transparent),transparent 72%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-text) 9%,transparent) 1px,transparent 1.6px);background-size:100% 100%,22px 22px;-webkit-mask-image:linear-gradient(#000 25%,transparent);mask-image:linear-gradient(#000 25%,transparent);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}.social-badge{display:inline-flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 16px 6px 6px;margin-bottom:var(--space-4)}.avatar-stack{display:flex}.avatar-stack span{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:var(--weight-bold);margin-left:-8px}.avatar-stack span:first-child{margin-left:0}.social-badge__txt{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.social-badge__txt b{color:var(--color-text)}.hero h1{font-size:clamp(34px, 4.8vw, 56px);line-height:1.05;margin-bottom:var(--space-3)}.hero h1 .pop{color:var(--indigo)}.hero__lede{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:44ch;margin-bottom:var(--space-5)}.hero-ctas{display:flex;gap:var(--space-2);flex-wrap:wrap}.hero-free{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.lime-chip{background:var(--lime);color:var(--lime-ink);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);flex:none}.hero-visual{position:relative}.demo-card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--indigo) 25%,var(--color-border));border-radius:var(--radius-xl);box-shadow:12px -12px 34px -12px color-mix(in srgb,var(--indigo) 32%,transparent),-12px 12px 34px -12px color-mix(in srgb,var(--indigo) 32%,transparent),var(--shadow-lg);padding:22px 22px 50px;position:relative}.demo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.demo-head__t{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle)}.live-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--good);background:var(--good-bg);border-radius:var(--radius-full);padding:4px 10px}.live-chip__d{width:6px;height:6px;border-radius:50%;background:var(--good)}@media (prefers-reduced-motion:no-preference){.live-chip__d{animation:live-pulse 1.8s ease-in-out infinite}}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.3}}#jsonInput{width:100%;height:80px;resize:none;border:none;background:var(--color-bg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;color:var(--color-text);padding:12px;margin-bottom:10px}#jsonInput:focus{outline:0;box-shadow:0 0 0 2.5px var(--indigo-tint)}.demo-out{background:#0e1016;border-radius:var(--radius-md);padding:12px;height:120px;overflow:auto}.demo-out pre{margin:0;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:#dce6ff;white-space:pre-wrap;word-break:break-word}.demo-out .tok-key{color:#8fb4ff}.demo-out .tok-str{color:#8fe0b0}.demo-out .tok-num{color:#ffc98f}.demo-out .tok-bool{color:#ff9bd2}.demo-out .err{color:#ff8f7a}.float-badge{position:absolute;bottom:-14px;left:24px;background:var(--ink);color:var(--bg);border-radius:20px;padding:10px 18px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:var(--weight-semibold);line-height:1.3;box-shadow:var(--shadow-md);width:fit-content;max-width:calc(100% - 48px)}.float-badge svg{width:14px;height:14px;stroke:var(--lime);flex:none}.float-chip-top{position:absolute;top:-14px;right:28px;background:var(--lime);color:var(--lime-ink);border-radius:var(--radius-full);padding:7px 14px;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);box-shadow:0 10px 20px -8px rgba(198,255,61,.6)}.marquee-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:18px 0;margin-top:var(--space-6);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:40px;width:max-content;animation:marquee-scroll 32s linear infinite}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-track span{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-subtle);white-space:nowrap;display:flex;align-items:center;gap:10px}.marquee-track span::after{content:"→";color:var(--indigo)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px}.stat-card__n{font-family:var(--font-heading);font-weight:800;font-size:38px;color:var(--indigo);letter-spacing:var(--heading-tracking)}.stat-card__l{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:6px;font-weight:var(--weight-semibold)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center;padding-block:var(--space-6);border-top:1px solid var(--color-border)}.pop-tools{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.pop-tools__head{margin-bottom:var(--space-4)}.pop-tools__head h3{font-size:var(--font-size-lg);margin-top:4px}.pop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.recent-clear{background:0 0;border:none;cursor:pointer;font-family:inherit}.recent-clear:hover{text-decoration:underline}.feature-row:first-of-type{border-top:none}.feature-row--rev .feature-text{order:2}.feature-num{font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-sm);color:var(--indigo);background:var(--indigo-tint);width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-row h3{font-size:var(--font-size-lg);margin-bottom:10px}.feature-row p{color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:20px;max-width:42ch}.mini-stats{display:flex;gap:28px;margin-bottom:var(--space-4)}.mini-stats b{display:block;font-family:var(--font-heading);font-weight:800;font-size:20px;color:var(--color-text)}.mini-stats span{font-size:var(--font-size-xs);color:var(--color-text-subtle);font-weight:var(--weight-semibold)}.feature-open{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--indigo)}.tool-teaser{display:block;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--indigo) 25%,var(--color-border));border-radius:var(--radius-xl);overflow:hidden;color:inherit;box-shadow:12px -12px 34px -12px color-mix(in srgb,var(--indigo) 32%,transparent),-12px 12px 34px -12px color-mix(in srgb,var(--indigo) 32%,transparent),var(--shadow-lg);transition:transform var(--transition),box-shadow var(--transition)}a.tool-teaser:hover{transform:translateY(-4px);text-decoration:none;box-shadow:14px -14px 40px -10px color-mix(in srgb,var(--indigo) 46%,transparent),-14px 14px 40px -10px color-mix(in srgb,var(--indigo) 46%,transparent),var(--shadow-lg)}.tool-teaser__bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--color-border)}.tool-teaser__dot{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong)}.tool-teaser__name{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--color-text-subtle)}.tool-teaser__body{padding:20px}.teaser-pills{display:flex;gap:6px;margin-bottom:14px}.teaser-pill{font-size:11px;font-weight:600;padding:5px 12px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted)}.teaser-pill--on{background:var(--indigo);border-color:var(--indigo);color:#fff}.teaser-screen{background:#0e1016;border-radius:var(--radius-md);padding:14px 16px}.teaser-screen pre{margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:#dce6ff;white-space:pre;overflow-x:auto}.teaser-screen .tk{color:#8fb4ff}.teaser-screen .ts{color:#8fe0b0}.teaser-screen .tn{color:#ffc98f}.teaser-screen .tb{color:#ff9bd2}.teaser-line{display:flex;align-items:center;gap:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.teaser-line code{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text);word-break:break-all}.teaser-line--out{background:var(--indigo-tint);border-color:transparent}.teaser-line--out code{color:var(--indigo)}.teaser-tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--color-text-subtle);flex:none}.teaser-conv{display:flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-subtle);padding:9px 0}.teaser-conv svg{width:15px;height:15px;stroke:var(--indigo)}.teaser-regex{display:flex;align-items:center;gap:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px}.teaser-regex code{font-family:var(--font-mono);font-size:13px;color:var(--color-text)}.teaser-delim{font-family:var(--font-mono);color:var(--color-text-subtle);font-size:14px}.teaser-flags{font-family:var(--font-mono);color:var(--indigo);font-size:12px;margin-left:2px}.teaser-test{font-size:13px;color:var(--color-text-muted);line-height:1.7}.teaser-test mark{background:var(--indigo-tint);color:var(--indigo);border-radius:4px;padding:1px 4px;font-weight:600}.teaser-meta{margin-top:14px;font-family:var(--font-mono);font-size:11px;color:var(--good);display:flex;align-items:center;gap:6px}.teaser-meta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good)}.teaser-jwt{background:#0e1016;border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-mono);font-size:11.5px;line-height:1.7;word-break:break-all}.jwt-tok--h{color:#ff9bd2}.jwt-tok--p{color:#8fb4ff}.jwt-tok--s{color:#8fe0b0}.jwt-tok-dot{color:#5a6272}.teaser-hashes{display:grid;gap:8px}.teaser-hash{display:flex;align-items:center;gap:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px}.teaser-hash .teaser-tag{color:var(--indigo);background:var(--indigo-tint);padding:2px 8px;border-radius:var(--radius-full);flex:none}.teaser-hash code{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted);word-break:break-all}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.why-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px}.why-card__ic{width:44px;height:44px;border-radius:var(--radius-md);background:var(--indigo-tint);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.why-card__ic svg{width:22px;height:22px;stroke:var(--indigo)}.why-card h3{font-size:var(--font-size-base);margin-bottom:6px}.why-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.compare-card{border-radius:var(--radius-xl);padding:34px;border:1px solid var(--color-border);background:var(--color-surface)}.compare-card--hi{background:#101114;color:#fff;border-color:#101114;position:relative;overflow:hidden}:root[data-theme=dark] .compare-card--hi{background:#08080a;border-color:#08080a}.compare-card--hi::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:var(--lime);opacity:.15}.compare-tag{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-bottom:8px}.compare-card--hi .compare-tag{color:#b9bbc4}.compare-card h3{font-size:22px;margin-bottom:20px}.compare-card--hi h3{color:#fff}.clist{list-style:none;margin:0;padding:0;display:grid;gap:13px}.clist li{display:flex;gap:10px;font-size:var(--font-size-sm);align-items:flex-start}.clist--no li::before{content:"✕";color:var(--bad);font-weight:var(--weight-bold);flex:none}.clist--yes li::before{content:"✓";color:var(--lime);font-weight:var(--weight-bold);flex:none}.compare-card:not(.compare-card--hi) .clist li{color:var(--color-text-muted)}.compare-card--hi .clist li{color:#e4e5ea}.faq-list{max-width:760px}.faq-item{border-bottom:1px solid var(--color-border);padding:20px 0}.faq-q{margin:0}.faq-q__btn{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;cursor:pointer;background:0 0;border:0;padding:0;text-align:left;color:inherit;font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--weight-semibold);letter-spacing:0}.faq-plus{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--color-border);flex:none;position:relative;transition:transform var(--transition),background var(--transition)}.faq-plus::after,.faq-plus::before{content:"";position:absolute;background:var(--color-text);top:50%;left:50%;transform:translate(-50%,-50%)}.faq-plus::before{width:10px;height:1.5px}.faq-plus::after{width:1.5px;height:10px;transition:opacity var(--transition)}.faq-item.open .faq-plus{background:var(--indigo);transform:rotate(180deg)}.faq-item.open .faq-plus::after,.faq-item.open .faq-plus::before{background:#fff}.faq-item.open .faq-plus::after{opacity:0}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--transition)}.faq-item.open .faq-a{max-height:260px}.faq-a p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:14px 0 0;max-width:60ch}.home-cta{background:var(--indigo);border-radius:var(--radius-xl);padding:52px;position:relative;overflow:hidden}:root[data-theme=dark] .home-cta{background:var(--indigo-deep)}.home-cta::before{content:"";position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:var(--lime);opacity:.18}.home-cta__grid{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;position:relative}.home-cta h2{color:#fff;font-size:28px;max-width:22ch}.home-cta p{color:#d9d4ff;font-size:var(--font-size-sm);margin:8px 0 0}.home-cta .btn{background:var(--lime);color:var(--lime-ink);box-shadow:0 12px 30px -12px rgba(198,255,61,.6)}.home-cta .btn:hover{background:var(--lime);transform:translateY(-1px)}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:1fr 1fr}.feature-row,.feature-row--rev{grid-template-columns:1fr}.feature-row--rev .feature-text{order:0}}@media (max-width:720px){.wrap{padding-inline:var(--space-3)}.stats-grid{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.home-cta{padding:32px}}@media (max-width:520px){.stats-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:1fr}}