:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #1e1b4b;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-violet: #8b5cf6;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--radius: 16px;--radius-sm: 6px;--shadow-brand: 0 4px 14px rgba(99, 102, 241, .4);--transition: all .2s ease}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-900);background:var(--gray-50);line-height:1.7}a{color:var(--brand-600)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.site-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);padding:.75rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;color:var(--gray-900);text-decoration:none;letter-spacing:-.5px}.brand img{border-radius:var(--radius-sm)}.accent{color:var(--brand-500)}.header-nav{display:flex;align-items:center;gap:1.25rem}.header-nav a:not(.btn-cta):not(.btn-ghost){color:var(--gray-600);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.header-nav a:not(.btn-cta):not(.btn-ghost):hover{color:var(--brand-500)}.btn-ghost{padding:.5rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.9rem;color:var(--gray-900);transition:var(--transition)}.btn-ghost:hover{background:var(--gray-100)}.btn-cta{padding:.6rem 1.2rem;border-radius:var(--radius-sm);background:var(--brand-gradient);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #6366f14d;transition:var(--transition)}.btn-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.mobile-burger{display:none;background:transparent;border:1px solid var(--gray-200);border-radius:8px;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.mobile-burger:hover{border-color:var(--brand-500)}.burger-bar{width:18px;height:2px;background:var(--gray-700);border-radius:2px}.mobile-nav{flex-direction:column;padding:.5rem 1.5rem 1.25rem;gap:.15rem;background:#fff;border-top:1px solid var(--gray-200)}.mobile-nav:not([hidden]){display:flex}.mobile-nav a{display:block;padding:.75rem .5rem;color:var(--gray-700);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:8px}.mobile-nav a:hover{background:var(--gray-50);color:var(--brand-500)}.mobile-nav .mobile-cta{background:var(--brand-500);color:#fff;text-align:center;margin-top:.5rem;font-weight:600}.mobile-nav .mobile-cta:hover{background:var(--brand-600);color:#fff}main{max-width:760px;margin:0 auto;padding:2rem 1.5rem}.site-footer{background:var(--brand-900);color:var(--gray-300);padding:3rem 0 1.5rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand{display:inline-flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none}.footer-brand img{border-radius:var(--radius-sm)}.footer-accent{color:var(--brand-400)}.footer-tag{color:var(--gray-400);margin-top:.5rem;margin-bottom:1rem;font-size:.9rem}.site-footer h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:.5rem}.site-footer a{color:var(--gray-300);text-decoration:none;font-size:.9rem}.site-footer a:hover{color:var(--brand-400)}.footer-rights{border-top:1px solid var(--gray-800);padding-top:1.5rem;text-align:center;font-size:.85rem;color:var(--gray-500)}@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.header-nav{display:none}.mobile-burger{display:flex}}@media(max-width:540px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.site-footer{padding:2.25rem 0 1.25rem}.header-container,.footer-container{padding:0 1rem}}