@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/_css/assets/e310b55a7fd9677f.woff2') format('woff2');size-adjust:100%}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/_css/assets/c940764593d0fe5d.woff2') format('woff2');size-adjust:100%}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/_css/assets/a0d054c4af557de2.woff2') format('woff2')}
body{background-color:#0e0e13;color:#e4e1e9;font-family:'Inter','Arial',sans-serif;overflow-x:hidden;margin:0}
::selection{background-color:#00d4ff;color:#003642}
.grid-overlay{background-image:radial-gradient(#3c494e 1px,transparent 1px);background-size:32px 32px;opacity:0.08}
.glass-panel{background:rgba(31,31,37,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:0.5px solid rgba(133,147,152,0.2)}
.dot-grid{background-image:radial-gradient(circle,#859398 1px,transparent 1px);background-size:32px 32px;opacity:0.05}
a{text-decoration:none;color:inherit}
footer a:hover,nav a:hover{color:#a8e8ff}

/* About page */
.about-hero{text-align:center;padding:8rem 1.5rem 4rem}
.about-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin-bottom:1.5rem;font-family:'Manrope',sans-serif;font-weight:800;color:#e4e1e9}
.hero-subhead{font-size:1.25rem;color:#bbc9cf;margin-bottom:2rem;max-width:650px;margin-left:auto;margin-right:auto}
.hero-cta-row,.cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-primary-btn{display:inline-block;background:#00d4ff;color:#00586b;padding:0.875rem 2rem;border-radius:0.5rem;font-family:'Manrope',sans-serif;font-weight:700;transition:transform 0.2s}
.cta-primary-btn:hover{transform:scale(0.98)}
.cta-secondary-btn{display:inline-block;background:transparent;border:1px solid rgba(133,147,152,0.3);color:#e4e1e9;padding:0.875rem 2rem;border-radius:0.5rem;font-family:'Manrope',sans-serif;font-weight:700;transition:border-color 0.2s}
.cta-secondary-btn:hover{border-color:#00d4ff}
.section-divider{border:0;border-top:1px solid rgba(255,255,255,0.06);max-width:900px;margin:0 auto}
.about-section{max-width:900px;margin:0 auto;padding:4rem 1.5rem}
.about-section h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:1.5rem;font-family:'Manrope',sans-serif;font-weight:700;color:#e4e1e9}
.about-section p{font-size:1.0625rem;line-height:1.7;color:#bbc9cf;margin-bottom:1rem}
.about-section-alt{background:rgba(255,255,255,0.02);border-radius:12px;padding:4rem 2rem}
.pull-quote{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.4;font-style:italic;border-left:3px solid #00d4ff;padding:1rem 0 1rem 1.5rem;margin:2rem 0;color:#e4e1e9;font-family:'Space Grotesk','Manrope',sans-serif}
.problem-callouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2.5rem}
.callout{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:1.5rem;text-align:center}
.callout-icon{font-size:2rem;margin-bottom:0.75rem;opacity:0.6}
.callout p{font-size:0.9375rem;margin:0;color:#bbc9cf}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}}
.stat-block{text-align:center;padding:2rem 1rem;background:rgba(0,212,255,0.04);border:1px solid rgba(0,212,255,0.15);border-radius:12px}
.stat-number{font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(2.25rem,4vw,3rem);font-weight:700;color:#00d4ff;line-height:1;margin-bottom:0.5rem}
.stat-label{font-size:0.875rem;color:#bbc9cf;text-transform:uppercase;letter-spacing:0.05em}
.about-faq{max-width:800px}
.faq-item{border-top:1px solid rgba(255,255,255,0.06);padding:1.5rem 0}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,0.06)}
.faq-item h3{font-size:1.125rem;margin-bottom:0.5rem;font-family:'Manrope',sans-serif;font-weight:600;color:#e4e1e9}
.faq-item p{margin:0;color:#bbc9cf}
.faq-item a{color:#a8e8ff;text-decoration:underline}
.about-cta{text-align:center;padding:5rem 1.5rem}
.about-cta h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:2rem;font-family:'Manrope',sans-serif;color:#e4e1e9}

/* ===== Accessibility (WCAG 2.1 AA) ===== */
.skip-link{position:absolute;left:8px;top:-60px;z-index:1000;background:#00d4ff;color:#00262e;padding:10px 18px;font-family:'Manrope','Arial',sans-serif;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s ease-in-out}
.skip-link:focus{top:0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #00d4ff;outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}