:root { --brand-50:#f8fafc; --brand-100:#f1f5f9; --brand-200:#e2e8f0; --brand-300:#cbd5e1; --brand-400:#94a3b8; --brand-500:#64748b; --brand-600:#475569; --brand-700:#334155; --brand-800:#1e293b; --brand-900:#0f172a; --brand-950:#020617; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Source Serif 4', Georgia, serif;color:#111827;background:#fff}.font-heading{font-family:'Archivo', system-ui, sans-serif}
.hero-bg{background:radial-gradient(circle at 20% 18%,rgba(148,163,184,.22),transparent 30%),linear-gradient(135deg,var(--brand-950),#111827 58%,var(--brand-800))}
.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:.2rem;padding:.85rem 1.2rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 16px 34px rgba(15,23,42,.2)}.btn-primary{background:var(--brand-800);color:#fff}.btn-light{background:#fff;color:var(--brand-950)}.btn-outline{border:1px solid currentColor;color:inherit}
.card{border:1px solid rgba(15,23,42,.14);background:#fff;padding:1.5rem;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,23,42,.12)}.field{width:100%;border:1px solid #cbd5e1;border-radius:.2rem;padding:.85rem 1rem;background:#fff}.field:focus{outline:none;border-color:var(--brand-700);box-shadow:0 0 0 4px rgba(51,65,85,.18)}.label{color:var(--brand-700);font-size:.74rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.pull{border-left:4px solid var(--brand-700);padding-left:1.25rem}.skip-link{position:absolute;left:-999px;top:.5rem;z-index:100;background:#fff;padding:.5rem 1rem}.skip-link:focus{left:.5rem}.mobile-menu{display:none}.mobile-menu.open{display:grid}[data-animate]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}[data-animate].visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.desktop-nav{display:none!important}}