@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--accent:#7ba8e8;--accent-dim:#7ba8e814;--accent-border:#7ba8e833;--dark:#0f1115;--dark-2:#161b22;--dark-3:#1e2530;--dark-border:#ffffff14;--surface:#fafafa;--surface-2:#f3f4f6;--border:#e5e7eb;--text:#111827;--text-2:#374151;--text-3:#6b7280;--text-on-dark:#ffffffe6;--text-muted:#ffffff73;--navy:#0f1115;--mint:#7ba8e8;--teal:#7ba8e8;--teal-dark:#3a5a9a;--amber:#7ba8e8;--amber-light:#7ba8e814;--light:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.font-black{font-weight:900}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Courier New,monospace}.text-white{color:#fff}.text-navy{color:var(--dark)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-3)}.block{display:block}.mb-3{margin-bottom:.75rem}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.7rem;font-weight:700}.gradient-hero .section-label,.hero-dark .section-label,.section-dark .section-label{color:var(--accent)}.btn-primary{color:#0f1115;background:var(--accent);cursor:pointer;letter-spacing:.01em;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary:hover{background:#93bdef;transform:translateY(-1px);box-shadow:0 4px 16px #7ba8e840}.btn-outline{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-outline:hover{background:var(--accent-dim)}.card{border:1px solid var(--border);background:#fff;border-radius:.625rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--accent-border)}a .card,a.card{text-decoration:none;display:block}a .card:hover,a.card:hover{border-color:var(--accent-border);box-shadow:0 2px 12px #7ba8e80f}a .card:after,a.card:after{content:""}.card-dark{background:var(--dark-2);border:1px solid var(--dark-border);border-radius:.625rem;padding:1.25rem;transition:border-color .15s}.card-dark:hover{border-color:var(--accent-border)}.output-panel{background:var(--dark);border:1px solid var(--dark-border);border-radius:.75rem;padding:1.5rem;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden}.output-panel:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.output-panel .panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.65rem;font-weight:600;display:flex}.output-panel .panel-label:before{content:"●";animation:2s infinite pulse-dot}.output-panel .score-value{color:var(--accent);letter-spacing:-.02em;font-size:3.5rem;font-weight:700;line-height:1}.output-panel .score-label{color:var(--text-muted);letter-spacing:.06em;margin-top:.25rem;font-size:.7rem}.output-panel .metric-row{border-bottom:1px solid var(--dark-border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.78rem;display:flex}.output-panel .metric-row:last-child{border-bottom:none}.output-panel .metric-label{color:#ffffff80}.output-panel .metric-value{color:var(--accent);font-weight:600}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.tag{letter-spacing:.04em;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.gradient-hero .tag,.hero-dark .tag,.section-dark .tag{color:var(--accent);background:#7ba8e812;border-color:#7ba8e82e}.gradient-hero,.hero-dark{background:var(--dark);position:relative}.gradient-teal,.cta-section{background:var(--dark-2);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border)}.gradient-teal a{color:var(--accent)!important}.gradient-teal a:hover{color:#fff!important}.gradient-teal .text-white,.cta-section .text-white{color:#fff}.section-dark{background:var(--dark)}.section-dark-2{background:var(--dark-2)}.section-light{background:var(--surface)}.section-white{background:#fff}.aeo-block{background:#7ba8e80d;border:1px solid #7ba8e82e;border-radius:.5rem;padding:1rem 1.25rem}.mono-data{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.82rem}.data-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;font-size:.82rem;display:flex}.data-row:last-child{border-bottom:none}.data-key{color:var(--text-3);font-size:.78rem}.data-val{color:var(--text);font-family:JetBrains Mono,monospace;font-weight:600}.data-val-accent{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700}.nav-link{color:#fff9;padding:.375rem 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:#fff}.problem-text{color:var(--text-2);line-height:1.7}.article-title{color:var(--dark);font-weight:700;line-height:1.35}.skip-nav{position:absolute;top:auto;left:-9999px}.skip-nav:focus{z-index:999;background:var(--accent);color:var(--dark);border-radius:.375rem;padding:.5rem 1rem;font-weight:700;position:fixed;top:1rem;left:1rem}.text-center{text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-link:hover{color:#fff!important}.screenshot-card{transition:border-color .15s}a:hover .screenshot-card{border-color:#7ba8e866!important}