@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} @media(max-width:768px){ .nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:20px 24px;gap:16px;align-items:flex-start} .nav-toggle{display:grid;place-items:center} .nav-dropdown-menu{position:static;transform:none;padding:0;display:none}.nav-dropdown.open .nav-dropdown-menu{display:block} .nav-dropdown-menu-inner{box-shadow:none;border:0;padding:0 0 0 12px;min-width:auto} } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .nav-logo-icon { width: 34px; height: 34px; background: var(--accent); border-radius: var(--radius-sm); display: grid; place-items: center; color: #fff; } .pricing-badge { display: inline-block; padding: 3px 10px; border-radius: 100px; background: oklch(58% 0.18 145 / 0.12); color: var(--success); font-size: 11px; font-weight: 550; letter-spacing: 0.03em; margin-left: 8px; } .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1); } .reveal.visible { opacity: 1; transform: translateY(0); }  @media(max-width:768px){.section-pad{padding:48px 0}} @media(max-width:768px){.story-grid{grid-template-columns:1fr;gap:32px}} @media(max-width:600px){.stats-grid{grid-template-columns:1fr;gap:20px}} @media(max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:500px){.values-grid{grid-template-columns:1fr}} @media(max-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.footer-grid{grid-template-columns:1fr}} @media(max-width:560px){.footer-bottom{flex-direction:column;gap:8px}} @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} @media(max-width:768px){ .nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:20px 24px;gap:16px;align-items:flex-start} .nav-toggle{display:grid;place-items:center} .nav-dropdown-menu{position:static;transform:none;padding:0;display:none}.nav-dropdown.open .nav-dropdown-menu{display:block} .nav-dropdown-menu-inner{box-shadow:none;border:0;padding:0 0 0 12px;min-width:auto} } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { color: var(--fg); background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-logo-icon { width: 34px; height: 34px; background: var(--accent); border-radius: var(--radius-sm); display: grid; place-items: center; color: #fff; } .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1); } .reveal.visible { opacity: 1; transform: translateY(0); } .bricks-button { margin-top: 10px; align-items: center; border-width: 0; display: inline-flex; gap: 10px; justify-content: center; padding: 1em 3em !important; text-align: center; background-color: var(--color-tertiary); color: white; font-weight: 800; border-radius: 8px }