:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-white: #ffffff;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-emerald-500: #10b981;--color-emerald-600: #059669;--max-width: 1152px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-slate-50);color:var(--color-slate-800);line-height:1.6}section{margin-bottom:4rem}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.site-header{background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-slate-200);position:sticky;top:0;z-index:50}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 1rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-img{height:2.5rem;width:auto}.logo-text{font-weight:700;letter-spacing:-.025em}.nav-desktop{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.nav-desktop{display:flex}}.nav-link{font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-slate-900)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;border:1px solid var(--color-slate-300);transition:background-color .2s}.menu-btn:hover{background-color:var(--color-slate-100)}@media(min-width:768px){.menu-btn{display:none}}.menu-icon{height:1.25rem;width:1.25rem}.mobile-menu{border-top:1px solid var(--color-slate-200)}.mobile-menu.hidden{display:none}@media(min-width:768px){.mobile-menu{display:none!important}}.mobile-nav{max-width:var(--max-width);margin:0 auto;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--color-white)}.mobile-link{padding:.5rem 0}.main-content{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1rem}.site-footer{margin-top:3rem;border-top:1px solid var(--color-slate-200)}.footer-container{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem;font-size:.875rem;color:var(--color-slate-600)}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}@media(min-width:640px){.footer-content{flex-direction:row}}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-logo{height:2rem;width:auto}.footer-links{display:flex;align-items:center;gap:1rem}.footer-links a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.hero{position:relative;overflow:hidden;border-radius:1.5rem;color:var(--color-white)}.hero img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,#0f172acc,#0f172a8c,#0f172a4d)}.hero .hero-content{position:relative;padding:4rem 1.5rem}@media(min-width:640px){.hero .hero-content{padding:5rem 2.5rem}}.hero h1{font-size:2.25rem;font-weight:800;line-height:1.2}@media(min-width:640px){.hero h1{font-size:3rem}}.hero p{margin-top:1rem;font-size:1.125rem;color:var(--color-slate-200)}.card-grid{display:grid;gap:1rem}@media(min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:1rem;transition:all .2s;text-decoration:none}.btn.btn-primary{background:var(--color-blue-600);color:var(--color-white);box-shadow:0 4px 6px #2563eb4d}.btn.btn-primary:hover{background:var(--color-blue-500)}.btn.btn-secondary{background:var(--color-white);color:var(--color-slate-900)}.btn.btn-secondary:hover{background:var(--color-slate-100)}.btn.btn-outline{border:1px solid var(--color-blue-600);color:var(--color-blue-600)}.btn.btn-outline:hover{background:#2563eb0d}.text-center{text-align:center}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-16>*+*{margin-top:4rem}