:root{--paper:#f2efe5;--ink:#131510;--muted:#65685e;--line:#c9c6ba;--panel:#e8e4d8;--acid:#c9f45f;--blue:#3157e1;--dark:#11130f;--white:#faf9f3}
html[data-theme=dark]{--paper:#141612;--ink:#f4f1e8;--muted:#a8ab9f;--line:#393c34;--panel:#1d201a;--white:#171a15}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,ui-sans-serif,system-ui,sans-serif}button,a{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bench-header,main,footer{width:min(1220px,calc(100% - 40px));margin-inline:auto}.bench-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.wordmark img{display:block}.bench-header nav{display:flex;align-items:center;gap:26px}.bench-header nav a{font-size:.84rem;font-weight:700;color:var(--muted);text-decoration:none}.theme-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}
.bench-hero{padding:94px 0 78px;position:relative}.eyebrow,.step-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(201,244,95,.2)}h1{max-width:1000px;margin:24px 0 30px;font-size:clamp(3.7rem,8.2vw,7.2rem);line-height:.89;letter-spacing:-.075em}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.bench-hero>p{max-width:710px;font-size:1.1rem;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:10px;margin-top:36px}.run-button,.quiet-button{border-radius:11px;cursor:pointer}.run-button{min-width:244px;padding:14px 18px;border:1px solid var(--dark);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--dark);color:#fff}.run-button span{font-weight:800}.run-button small{color:#b9bdb0}.run-button:disabled{opacity:.65;cursor:wait}.quiet-button{padding:14px 20px;border:1px solid var(--line);background:transparent;font-weight:700}.run-note{font-size:.78rem!important;margin-top:13px!important}
.benchmark-shell{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white)}.score-panel{min-height:625px;padding:52px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--dark);color:#f5f2e9}.score-orbit{width:min(320px,100%);aspect-ratio:1;position:absolute}.score-orbit canvas{width:100%;height:100%}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid);top:10%;right:12%}.score-copy{position:relative;display:flex;flex-direction:column;align-items:center}.score-label{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.65rem;color:#9ca192}.score-copy strong{font-size:clamp(5rem,9vw,7.8rem);line-height:1;letter-spacing:-.09em;margin:12px 0}.score-copy>span:last-child{color:var(--acid);font-family:Georgia,serif;font-size:1.15rem}.score-panel p{max-width:330px;margin:170px 0 0;color:#aeb2a5;font-size:.78rem;line-height:1.65;position:relative}
.tests-panel{padding:40px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between}.panel-heading h2,.capability-section h2,.insight-section h2,.method-section h2,.faq-section h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.1rem);line-height:1;letter-spacing:-.06em}.panel-heading>span{font-size:.75rem;color:var(--muted)}.progress-track{height:2px;background:var(--line);margin:25px 0}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}.test-row{min-height:72px;display:grid;grid-template-columns:35px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.test-index{font:italic 1rem Georgia,serif;color:var(--muted)}.test-row h3{font-size:.92rem;margin:0 0 4px}.test-row p{font-size:.7rem;color:var(--muted);margin:0}.test-result{text-align:right;min-width:90px}.test-result strong{display:block;font-size:1.15rem}.test-result span{font-size:.65rem;color:var(--muted)}.test-row.running{background:color-mix(in srgb,var(--blue) 6%,transparent)}.test-row.running .test-result span{color:var(--blue)}.test-row.done .test-index{color:var(--blue)}.action-row{display:flex;gap:9px;margin-top:25px}.action-row button{padding:11px 15px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:.75rem;font-weight:800;cursor:pointer}.action-row button:disabled{opacity:.4;cursor:not-allowed}
.capability-section,.insight-section,.method-section,.faq-section{padding:110px 0;border-bottom:1px solid var(--line)}.capability-section{display:grid;grid-template-columns:.68fr 1.32fr;gap:80px}.capability-section>div:first-child p{max-width:390px;color:var(--muted);line-height:1.7}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cap-card{padding:19px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.cap-card>span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d06155}.cap-card.supported>span{background:#5fb466}.cap-card h3{margin:13px 0 5px;font-size:.92rem}.cap-card p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.5}
.insight-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.insight-lead p{color:var(--muted);line-height:1.7}.recommendations{display:grid;gap:10px}.recommendations article{padding:23px 25px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.recommendations span{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800}.recommendations h3{margin:8px 0}.recommendations p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.method-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.method-copy h3{margin:0 0 8px;font-size:.92rem}.method-copy p{margin:0 0 28px;color:var(--muted);line-height:1.75;font-size:.9rem}.faq-section{max-width:900px;margin-inline:auto}.faq-section h2{margin-bottom:35px}.faq-section details{border-top:1px solid var(--line);padding:21px 0}.faq-section summary{font-weight:800;cursor:pointer}.faq-section details p{color:var(--muted);line-height:1.7;max-width:760px}
footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem}footer>div{display:flex;gap:20px}footer a{text-decoration:none}
@media(max-width:800px){.bench-header nav a:first-child{display:none}.bench-header{width:calc(100% - 28px)}main,footer{width:calc(100% - 28px)}.bench-hero{padding:65px 0 55px}h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-actions{flex-direction:column}.run-button{width:100%}.benchmark-shell{grid-template-columns:1fr}.score-panel{min-height:430px;padding:35px 22px}.score-orbit{width:260px}.score-panel p{margin-top:125px}.tests-panel{padding:28px 18px}.test-row{grid-template-columns:27px 1fr auto;gap:7px}.test-row p{display:none}.capability-section,.insight-section,.method-section{grid-template-columns:1fr;gap:36px;padding:75px 0}.cap-grid{grid-template-columns:1fr 1fr}.cap-card{padding:15px}.faq-section{padding:75px 0}footer{flex-wrap:wrap;padding:35px 0}.score-copy strong{font-size:6rem}}
@media(max-width:420px){.bench-header nav{gap:10px}.wordmark{font-size:.88rem}.cap-grid{grid-template-columns:1fr}.test-result{min-width:66px}.panel-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}