html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: #fbfbfb; color: #101011; font-family: 'Satoshi', system-ui, -apple-system, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--accent, #f54901); }
:focus-visible { outline: 2px solid var(--accent, #f54901); outline-offset: 3px; border-radius: 4px; }
@keyframes vvBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes vvSlide { to { transform: translateX(-50%); } }
@keyframes vvFadeUp { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes vvBlink { 0%, 60%, 100% { opacity:.25; transform:translateY(0); } 30% { opacity:1; transform:translateY(-2px); } }
@keyframes vvPop { 0% { opacity:0; transform:scale(.5); } 60% { opacity:1; transform:scale(1.08); } 100% { opacity:1; transform:scale(1); } }
@keyframes vvRipple { 0% { opacity:.5; transform:scale(.7); } 100% { opacity:0; transform:scale(2.1); } }
@keyframes vvDraw { to { stroke-dashoffset:0; } }
@keyframes vvSentIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes vvPing { 70%, 100% { box-shadow: 0 0 0 8px rgba(245,73,1,0); } }
@media (max-width: 840px) { [data-navsec] { display: none; } }
@media (max-width: 820px) { [data-vv="navlinks"] { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; } }