@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;--space-section:3rem;--space-inner:1rem;--container:80rem}@media (min-width:768px){:root{--space-section:4rem;--space-inner:1.5rem}}@media (min-width:1024px){:root{--space-section:5rem;--space-inner:2rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);font-family:var(--font-inter,"Inter", -apple-system, sans-serif);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:100%;max-width:var(--container);padding-left:var(--space-inner);padding-right:var(--space-inner);margin-left:auto;margin-right:auto}.section-pad{padding-top:var(--space-section);padding-bottom:var(--space-section);padding-left:var(--space-inner);padding-right:var(--space-inner)}.section-pad-sm{padding-top:2rem;padding-bottom:2rem;padding-left:var(--space-inner);padding-right:var(--space-inner)}.grid-auto{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.grid-auto{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-auto{grid-template-columns:repeat(3,1fr)}}.grid-2{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr;gap:2.5rem}}.grid-2-asym{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.grid-2-asym{grid-template-columns:3fr 2fr;gap:3rem}}.grid-2-asym-r{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.grid-2-asym-r{grid-template-columns:2fr 3fr;gap:3rem}}.grid-3{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.grid-3{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.grid-4{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (min-width:1024px){.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}}.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)}.text-center{text-align:center}.h1-hero{letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,3.25rem);font-weight:900;line-height:1.1}.h1-page{font-size:clamp(1.5rem,4vw,2.75rem);font-weight:900;line-height:1.15}.h2-section{font-size:clamp(1.25rem,3vw,2rem);font-weight:900;line-height:1.2}.h3-card{font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.35}.body-lg{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.75}.body-sm{font-size:.875rem;line-height:1.65}.label-mono{letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.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;white-space:nowrap;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);white-space:nowrap;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)}.btn-ghost{color:#ffffffbf;white-space:nowrap;border:1px solid #fff3;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-ghost:hover{color:#fff;border-color:#ffffff80}.btn-row{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}a .card,a.card{text-decoration:none;display:block}a .card:hover,a .card{border:1px solid var(--border);background:#fff;border-radius:.75rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.card:hover{border-color:var(--accent-border);box-shadow:0 2px 12px #7ba8e814}a .card,a.card{cursor:pointer;text-decoration:none;display:block}a .card:hover,a.card:hover,a:hover .card{border-color:var(--accent);background:#fafeff;transform:translateY(-3px);box-shadow:0 8px 24px #7ba8e824}.sector-card{cursor:pointer}a.sector-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #7ba8e824;border-color:var(--accent)!important;background:#fafeff!important}.card-arrow{transition:transform .15s,color .15s;display:inline-block}a .card:hover .card-arrow,a.card:hover .card-arrow,a:hover .card .card-arrow{color:var(--accent);transform:translate(3px)}.sector-card-arrow{opacity:0;max-height:0;transition:max-height .2s,opacity .18s,transform .18s,color .15s;display:block;overflow:hidden;transform:translate(-4px)}a.card:hover .sector-card-arrow,a .card:hover .sector-card-arrow,a.sector-card:hover .sector-card-arrow{opacity:1;max-height:2rem;color:var(--accent);overflow:visible;transform:translate(0)}a .card-dark:hover,a.card-dark:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #7ba8e81f}a.featured-card:hover,a .featured-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7ba8e824}a:hover .screenshot-card{transform:translateY(-3px);box-shadow:0 8px 24px #7ba8e824;border-color:#7ba8e880!important}.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;width:100%;padding:1.25rem;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden}@media (min-width:768px){.output-panel{padding:1.5rem}}.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:clamp(2.5rem,8vw,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:not(.btn-primary):not(.btn-ghost):not(.btn-outline){color:var(--accent)!important}.gradient-teal a:not(.btn-primary):not(.btn-ghost):not(.btn-outline):hover{color:#fff!important}.gradient-teal .btn-primary{color:#0f1115!important}.gradient-teal .btn-ghost{color:#ffffffbf!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}.mobile-toggle{display:flex!important}@media (min-width:1024px){.mobile-toggle{display:none!important}}.nav-desktop{display:none!important}@media (min-width:1024px){.nav-desktop{display:flex!important}}.nav-drawer{z-index:90;background:var(--dark-2);flex-direction:column;padding-top:4rem;transition:transform .25s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.nav-drawer.open{transform:translate(0)}@media (min-width:1024px){.nav-drawer{display:none!important}}@media (max-width:767px){[style*=gridTemplateColumns],[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*=auto-fill],[style*=auto-fit]{grid-template-columns:unset!important}}.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}.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}@media (max-width:767px){section[style*="paddingTop: \"7rem\""],section[style*="paddingTop:'7rem'"]{padding-top:5rem!important}[style*="gap: \"4rem\""],[style*=gap\:\"4rem\"],[style*="gap: \"3rem\""]{gap:2rem!important}.output-panel{font-size:.8rem}.output-panel .score-value{font-size:2.5rem}}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}}@media (max-width:767px){[style*="position: \"sticky\""],[style*="position:'sticky'"],[style*="top: \"5rem\""]{position:static!important}}.pt-nav{padding-top:3.75rem}.img-fluid{width:100%;height:auto;display:block}section{max-width:100vw;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.output-panel:before{display:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}:focus:not(:focus-visible){outline:none}@media (forced-colors:active){.btn-primary{border:2px solid buttontext}.tag{border:1px solid buttontext}}