:root{color-scheme:light;--slate: #0f172a;--charcoal: #1e293b;--lime: #a3e635;--limed: #4d7c0f;--ink: #0b1220;--line: #e2e8f0;--muted: #64748b;--muted-d: #94a3b8;--bg: #ffffff;--bg-soft: #f8fafc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--slate);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 28px}a{color:inherit;text-decoration:none}h1,h2{letter-spacing:-.02em;line-height:1.1;margin:0}.perf{max-width:900px;margin:0 auto;padding:72px 28px 96px}.perf-hero{text-align:center;margin-bottom:48px}.perf-hero h1{font-size:clamp(30px,5vw,52px);font-weight:800;color:var(--slate)}.perf-hero h1 .accent{color:var(--limed)}.perf-sub{margin:16px 0 0;color:var(--muted);font-size:17px}.glance{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px}.glance-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);padding:24px 20px;text-align:center}.glance-k{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.glance-v{display:block;font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--limed);margin:8px 0 4px;font-variant-numeric:tabular-nums}.glance-v em{font-style:normal;font-size:.5em;color:var(--muted);font-weight:700}.glance-n{display:block;font-size:12px;color:var(--muted-d)}.scale{max-width:820px;margin:0 auto 64px}.scale h2{font-size:clamp(22px,3.4vw,30px);font-weight:800;color:var(--slate);text-align:center}.scale-lead{color:var(--charcoal);font-size:16px;line-height:1.7;margin:14px 0 28px;text-align:center}.scalechart{margin:0 0 24px}.scalechart svg{width:100%;height:auto;display:block}.scalechart .legend{display:flex;gap:24px;justify-content:center;margin-bottom:8px}.scalechart .lg{font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.scalechart .lg:before{content:"";width:16px;height:3px;border-radius:2px}.scalechart .lg-rps{color:#4d7c0f}.scalechart .lg-rps:before{background:#4d7c0f}.scalechart .lg-lat{color:#b45309}.scalechart .lg-lat:before{background:#f59e0b}.scalechart .grid{stroke:#eef2f7;stroke-width:1}.scalechart .axis{stroke:#cbd5e1;stroke-width:1.5}.scalechart .gyl{fill:#4d7c0f;font-size:11px;text-anchor:end;font-weight:600}.scalechart .gyr{fill:#b45309;font-size:11px;text-anchor:start;font-weight:600}.scalechart .gx,.scalechart .axlabel{fill:#64748b;font-size:12px;text-anchor:middle}.scalechart .line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.scalechart .line.rps{stroke:#4d7c0f}.scalechart .line.lat{stroke:#f59e0b}.scalechart .dot.rps{fill:#4d7c0f}.scalechart .dot.lat{fill:#f59e0b}.scalechart .dot{cursor:pointer;transition:r .12s ease}.scalechart .dot:hover{r:7}.scalechart .ann{font-size:12.5px;font-weight:800}.scalechart .ann.rps{fill:#4d7c0f}.scalechart .ann.lat{fill:#b45309}.scalechart figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.6}.scalechart figcaption code{background:var(--bg-soft);border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-size:.88em}.scale-sub{color:var(--charcoal);font-size:15px;line-height:1.7;text-align:center;max-width:720px;margin:0 auto}.scale-sub code{background:var(--bg-soft);border:1px solid var(--line);padding:1px 7px;border-radius:6px;font-size:.88em}.own{max-width:760px;margin:0 auto 64px;text-align:center}.own p{font-size:16px;color:var(--charcoal);line-height:1.75;margin:0}.own .own-sub{margin-top:14px;font-size:15px;color:var(--muted)}.own strong{color:var(--slate)}.own code{background:var(--bg-soft);border:1px solid var(--line);padding:1px 7px;border-radius:6px;font-size:.88em}.field{border-top:1px solid var(--line);padding-top:48px}.field h2{font-size:clamp(22px,3.4vw,30px);font-weight:800;color:var(--slate);text-align:center}.field-lead{text-align:center;color:var(--muted);font-size:15px;max-width:640px;margin:12px auto 32px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:24px 22px;background:var(--bg-soft);transition:border-color .2s,transform .2s}.field-card:hover{border-color:var(--limed);transform:translateY(-2px)}.field-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:999px;text-transform:none}.tag-m{background:#ecfccb;color:#4d7c0f}.tag-p{background:#f1f5f9;color:#64748b}.field-metric{font-size:11.5px;color:var(--muted-d);margin:8px 0 0;font-variant-numeric:tabular-nums}.field-punch{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--limed);margin:6px 0 10px}.field-detail{font-size:14px;color:var(--charcoal);line-height:1.65;flex:1}.field-link{margin-top:16px;font-size:14px;font-weight:700;color:var(--limed)}.field-caveat{margin:32px 0 0;font-size:13px;color:var(--muted);line-height:1.7}.perf-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}.perf-links a{color:var(--limed);font-weight:700;font-size:15px}.perf-links a:hover{color:var(--slate)}.footer{background:#fff;padding:48px 0 32px;border-top:1px solid var(--line)}.footer-base{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:10px}@media(max-width:640px){.glance,.field-grid{grid-template-columns:1fr}}
