/* AUTO-GENERATED page CSS for /about/ — DO NOT EDIT.
   Imported from the page's inline <style> by lib/import-pages.cjs.
   Shared rules also live in styles/components.css; trim duplicates in a later pass. */

    * { -webkit-font-smoothing: antialiased; }
    html { scroll-behavior: smooth; }
    .nav-glass { background: rgb(var(--color-white) / 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgb(var(--color-black) / 0.07); }
    .btn-primary { background: linear-gradient(135deg,rgb(var(--color-primary-500)) 0%,rgb(var(--color-primary-glow)) 100%); box-shadow: 0 4px 20px rgb(var(--color-primary-500) / 0.30); transition: all 0.2s; }
    .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 28px rgb(var(--color-primary-500) / 0.4); }
    @keyframes fadeUp { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
    .animate-in { animation: fadeUp 0.4s ease forwards; }
    .team-card { border-radius: 1rem; transition: all 0.2s; }
    .team-card:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgb(var(--color-black) / 0.08); }
    .value-card { border-left: 3px solid rgb(var(--color-primary-500)); }
    .nav-dropdown { display: none; }
    .nav-item:hover .nav-dropdown { display: block; }
    .timeline-line { position: relative; }
    .timeline-line::before { content: ''; position: absolute; left: 19px; top: 28px; bottom: 0; width: 2px; background: rgb(var(--color-slate-200)); }