*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#fff;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit}:root{--blue: #0052CC;--blue-h: #0066FF;--blue-10: rgba(0,82,204,.08);--black: #0A0A0A;--dark: #1A1A1A;--mid: #4B5563;--muted: #9CA3AF;--border: #E5E7EB;--bg: #fff;--bg-soft: #F9FAFB;--success: #16A34A;--error: #DC2626;--radius: 6px;--radius-lg: 10px;--ide-bg: #0D0D0D;--ide-surf: #141414;--ide-panel: #1A1A1A;--ide-border: #2A2A2A;--ide-text: #F0F0F0;--ide-muted: #6B7280;--ide-blue: #0052CC;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Courier New", Courier, monospace}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#0052cc26;color:#0a0a0a}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@media (max-width: 1024px){.hide-tablet{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}section>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:24px!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 640px){header nav{display:none!important}header>div{padding:0 16px!important}}body.ide-active{overflow:hidden}*:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media print{header,footer,.no-print{display:none!important}body{background:#fff!important;color:#000!important}}