:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-card: #ffffff;--color-bg-card-hover: #f8fafc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-light: #6366f1;--color-accent-dim: rgba(79, 70, 229, .06);--color-accent-border: rgba(79, 70, 229, .12);--gradient-accent: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--border-subtle: 1px solid #e2e8f0;--border-card: 1px solid #e2e8f0;--border-hover: 1px solid #cbd5e1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-btn: 0 1px 3px rgba(79, 70, 229, .3);--shadow-btn-hover: 0 4px 12px rgba(79, 70, 229, .35);--section-padding: 72px 0;--container-width: 1120px;--container-padding: 0 24px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding);position:relative}.gradient-text{color:var(--color-accent)}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--color-accent);margin-bottom:16px}.section-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.section-title{font-family:var(--font-display);font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.2;margin-bottom:14px;letter-spacing:-.02em}.section-subtitle{font-size:16px;color:var(--color-text-secondary);max-width:480px;line-height:1.65}.section-header{text-align:center;margin-bottom:48px}.section-header .section-subtitle{margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:var(--border-card)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:#cbd5e1}.btn-lg{padding:13px 30px;font-size:15px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}::selection{background:#4f46e51f;color:#0f172a}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}@media (max-width: 768px){:root{--section-padding: 48px 0}.container{padding:0 16px}.section-header{margin-bottom:28px}.section-title{font-size:clamp(22px,6vw,32px)}.section-subtitle{font-size:14px}.btn-lg{padding:12px 24px;font-size:14px}.page-hero{padding-top:100px!important;padding-bottom:36px!important}.page-title{font-size:clamp(24px,6vw,36px)!important}}
