:root{--primary: #FE7200;--primary-dark: #e06500;--primary-light: rgba(254, 114, 0, .1);--blue: #0EA5E9;--purple: #A855F7;--dark: #0f172a;--dark-800: #1e293b;--dark-700: #334155;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-800: #1e293b;--white: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Nunito,sans-serif;font-size:16px;color:var(--dark);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit;transition:all .3s ease}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-header h6{color:var(--primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.section-header h3{font-size:1.875rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.section-header p{color:var(--slate-400);max-width:560px;margin:0 auto}.btn-light{display:inline-flex;align-items:center;gap:.5rem;padding:10px 24px;background:var(--gray-50);color:var(--dark);border-radius:6px;font-weight:600;font-size:15px;border:1px solid var(--gray-200);transition:all .3s ease}.btn-light:hover{background:var(--gray-200)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:10px 24px;background:var(--primary);color:var(--white);border-radius:6px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-primary{display:inline-flex;align-items:center;gap:.5rem;padding:10px 24px;background:transparent;color:var(--primary);border-radius:6px;font-weight:600;font-size:15px;border:2px solid var(--primary);transition:all .3s ease}.btn-outline-primary:hover{background:var(--primary);color:var(--white)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.typing-cursor:after{content:"|";animation:blink 1.1s infinite step-start;color:var(--primary)}@keyframes blink{50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}