:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--brand-purple:#7d287e;--brand-purple-dark:#5a195b;--brand-purple-deep:#3a0c3b;--brand-purple-hover:#661d67;--brand-purple-light:#f9f1fa;--brand-purple-tint:#f3e4f5;--brand-purple-border:#e8d3eb;--brand-purple-glow:#7d287e47;--brand-purple-glow-sm:#7d287e24;--brand-gold:#fcf6ab;--brand-gold-text:#4d164e;--accent-gold-vibrant:#f59e0b;--accent-gold-glow:#f59e0b38;--bg-main:#fcf9fd;--bg-surface:#fff;--bg-surface-elevated:#faf3fb;--bg-subtle:#f6eaf7;--bg-glass:#ffffffeb;--bg-glass-border:#7d287e29;--border-color:#ebd8ee;--border-subtle:#f3e6f5;--border-hover:#7d287e;--text-title:#1f0724;--text-body:#48314b;--text-muted:#6b516f;--text-dim:#8e7392;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 6px #7d287e0d;--shadow-md:0 8px 24px #7d287e14, 0 2px 6px #00000008;--shadow-lg:0 16px 40px #7d287e1f, 0 4px 12px #0000000a;--shadow-purple:0 10px 30px #7d287e38;--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:85px;font-size:15px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-title);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.section{padding:88px 0;position:relative}.section-alt{background-color:var(--bg-surface-elevated)}.section-header{text-align:center;max-width:760px;margin:0 auto 52px}.section-pill{border-radius:var(--radius-full);background:var(--brand-purple-tint);border:1.5px solid var(--brand-purple-border);color:var(--brand-purple);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:14px;padding:6px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.section-title{color:var(--text-title);margin-bottom:16px;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:800}.section-subtitle{color:var(--text-muted);font-size:1.1rem;line-height:1.65}.gradient-text{background:linear-gradient(135deg, var(--brand-purple) 0%, #a232a4 60%, #e66ee9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-purple) 0%, #942e96 100%);color:#fff;box-shadow:0 4px 18px var(--brand-purple-glow);border:1px solid #fff3}.btn-primary:hover{background:linear-gradient(135deg, var(--brand-purple-hover) 0%, #7d287e 100%);transform:translateY(-2px);box-shadow:0 8px 24px #7d287e66}.btn-secondary{background:var(--bg-surface);color:var(--brand-purple);border:1.5px solid var(--brand-purple-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--brand-purple-light);border-color:var(--brand-purple);transform:translateY(-2px)}.btn-accent{color:var(--brand-gold-text);background:linear-gradient(135deg,#fcf6ab 0%,#f5e570 100%);border:1px solid #7d287e40;font-weight:800;box-shadow:0 4px 16px #f59e0b33}.btn-accent:hover{color:#1f0724;background:linear-gradient(135deg,#f5e570 0%,#f59e0b 100%);transform:translateY(-2px)}.glass-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);padding:32px;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--brand-purple);box-shadow:var(--shadow-lg), 0 0 20px #7d287e1a;transform:translateY(-4px)}.icon-box{border-radius:var(--radius-md);background:var(--brand-purple-tint);width:52px;height:52px;color:var(--brand-purple);border:1px solid var(--brand-purple-border);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.glass-card:hover .icon-box{background:var(--brand-purple);color:#fff;transform:scale(1.06)}.zolo-pill-badge{background:var(--brand-gold);color:var(--brand-gold-text);border:1px solid #7d287e38;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #7d287e14}.vector-illustration-frame{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-color);transition:all var(--transition-normal);background:#fff;overflow:hidden}.vector-illustration-frame:hover{box-shadow:var(--shadow-purple), 0 0 0 2px var(--brand-purple);transform:translateY(-3px)}@media (max-width:992px){.section{padding:68px 0}}@media (max-width:768px){.section{padding:50px 0}.container{padding:0 16px}.btn{padding:11px 20px;font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(48px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #7d287e40}50%{box-shadow:0 0 0 12px #7d287e00}}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.fade-left{transform:translate(-32px)}.animate-on-scroll.fade-left.visible{transform:translate(0)}.animate-on-scroll.fade-right{transform:translate(32px)}.animate-on-scroll.fade-right.visible{transform:translate(0)}.animate-on-scroll.scale-in{transform:scale(.88)}.animate-on-scroll.scale-in.visible{transform:scale(1)}.animate-on-scroll.slide-up{transform:translateY(48px)scale(.96)}.animate-on-scroll.slide-up.visible{transform:translateY(0)scale(1)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.delay-6{transition-delay:.48s}.delay-7{transition-delay:.56s}.delay-8{transition-delay:.64s}.shimmer-text{background:linear-gradient(90deg, var(--brand-purple) 0%, #e66ee9 40%, var(--brand-purple) 80%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:3s linear infinite shimmer}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transition:none;transform:none}.shimmer-text{animation:none}}
