*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFFFF;--bg-subtle: #F7F8FC;--bg-card: rgba(255,255,255,.92);--bg-card-hover: rgba(255,255,255,1);--accent: #6366F1;--accent-light: #818CF8;--accent-dark: #4F46E5;--accent-glow: rgba(99,102,241,.12);--accent-2: #A855F7;--accent-3: #EC4899;--yellow: #F59E0B;--green: #10B981;--blue: #3B82F6;--purple: #8B5CF6;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border: rgba(0,0,0,.06);--border-light: rgba(0,0,0,.08);--border-glow: rgba(99,102,241,.4);--card: rgba(255,255,255,.85);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 40px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.03);--shadow-xl: 0 20px 60px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.04);--shadow-glow: 0 0 50px rgba(99,102,241,.1);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--serif: "Instrument Serif", Georgia, serif;--gradient-accent: linear-gradient(135deg, #6366F1, #A855F7, #EC4899);--gradient-accent-soft: linear-gradient(135deg, rgba(99,102,241,.08), rgba(168,85,247,.06), rgba(236,72,153,.04));--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,.08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(168,85,247,.06) 0%, transparent 50%), radial-gradient(ellipse at 40% 80%, rgba(236,72,153,.04) 0%, transparent 50%)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}body.menu-open{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 60%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 60%);pointer-events:none;z-index:0}body>*,.navbar{position:relative;z-index:1}.gradient-divider{height:1px;border:none;margin:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),rgba(168,85,247,.2),transparent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.04);transition:all .4s cubic-bezier(.22,1,.36,1)}.navbar.scrolled{background:#ffffffeb;box-shadow:0 1px 20px #0000000f,0 0 0 1px #00000008}.navbar-inner{max-width:1240px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{font-weight:800;font-size:22px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px;color:var(--text)}.nav-logo .logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain}.nav-links{display:flex;gap:36px;align-items:center}.nav-links a{font-size:14px;font-weight:500;color:var(--text-muted);transition:color .25s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gradient-accent);border-radius:1px;transform:scaleX(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;gap:12px;align-items:center}.btn-ghost,.btn-primary,.btn-dark,.btn-outline{display:inline-block;text-align:center;transition:all .3s cubic-bezier(.22,1,.36,1)}.btn-ghost{padding:8px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent}.btn-ghost:hover{color:var(--text);background:#0000000a}.btn-primary{padding:12px 26px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#fff;background:var(--accent);position:relative;overflow:hidden;box-shadow:0 2px 8px #6366f140,0 6px 20px #6366f126}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);opacity:1}.btn-primary:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#818cf8,#a855f7,#ec4899);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f159,0 12px 40px #6366f133;background:var(--accent-dark)}.btn-primary:hover:after{opacity:1}.btn-outline{padding:12px 26px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);background:transparent;border:1.5px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#6366f10a;transform:translateY(-2px);box-shadow:0 4px 12px #6366f114}.btn-lg{padding:18px 44px;font-size:16px;border-radius:14px;letter-spacing:-.2px}.hero{padding:180px 32px 80px;text-align:center;position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:1600px;height:1600px;background:radial-gradient(ellipse at 30% 40%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(168,85,247,.1) 0%,transparent 45%),radial-gradient(ellipse at 50% 30%,rgba(236,72,153,.07) 0%,transparent 50%);pointer-events:none;animation:meshFloat 25s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:240px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none}@keyframes meshFloat{0%,to{transform:translate(-50%) scale(1) rotate(0)}33%{transform:translate(-48%) scale(1.08) rotate(2deg)}66%{transform:translate(-52%) scale(.96) rotate(-2deg)}}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.hero-orb-1{width:500px;height:500px;background:#6366f11a;top:5%;left:-8%;animation:orbFloat1 14s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:#a855f714;top:15%;right:-8%;animation:orbFloat2 17s ease-in-out infinite}.hero-orb-3{width:250px;height:250px;background:#ec48990f;bottom:25%;left:25%;animation:orbFloat3 11s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(50px,-40px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-40px,50px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(30px,-25px)}}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px 8px 14px;border-radius:999px;background:#fffc;border:1px solid rgba(99,102,241,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:40px;position:relative;z-index:2;animation:fadeUp .6s ease;box-shadow:0 2px 12px #6366f10f}.hero-badge .badge-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--green)}50%{box-shadow:0 0 20px var(--green),0 0 40px #10b9814d}}.hero h1{font-size:clamp(48px,6vw,84px);font-weight:800;line-height:1;letter-spacing:-3.5px;max-width:950px;margin:0 auto 32px;animation:fadeUp .6s ease .1s both;position:relative;z-index:2;color:var(--text)}.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero>p{font-size:19px;color:var(--text-secondary);max-width:580px;margin:0 auto 48px;line-height:1.7;animation:fadeUp .6s ease .2s both;position:relative;z-index:2}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp .6s ease .3s both;position:relative;z-index:2}.hero-mockup{margin-top:72px;position:relative;z-index:2;max-width:1000px;width:100%;animation:fadeUp .8s ease .5s both;padding:2px;border-radius:18px;background:linear-gradient(135deg,#6366f14d,#a855f733,#ec489926,#6366f14d);background-size:300% 300%;animation:fadeUp .8s ease .5s both,borderGlow 8s ease infinite}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-mockup-inner{background:#0f172a;border:none;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 32px 100px #00000040,0 0 0 1px #0000000d}.hero-mockup-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.hero-mockup-bar{height:44px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;gap:8px}.hero-mockup-dot{width:10px;height:10px;border-radius:50%;background:#ffffff14}.hero-mockup-dot:nth-child(1){background:#ff5252b3}.hero-mockup-dot:nth-child(2){background:#ffbd2eb3}.hero-mockup-dot:nth-child(3){background:#34d399b3}.hero-mockup-body{padding:32px;display:grid;grid-template-columns:200px 1fr;gap:24px;min-height:340px}.hero-mockup-sidebar{display:flex;flex-direction:column;gap:4px}.hero-mockup-nav-item{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#fff6;display:flex;align-items:center;gap:10px;transition:all .2s}.hero-mockup-nav-item.active{background:#6366f126;color:#ffffffe6}.hero-mockup-nav-dot{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.5}.hero-mockup-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-content:start}.hero-mockup-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.hero-mockup-stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.hero-mockup-stat-value{font-size:28px;font-weight:800;letter-spacing:-1px;color:#fff}.hero-mockup-stat-value.purple{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-mockup-stat-value.green{color:#34d399}.hero-mockup-stat-value.blue{color:#60a5fa}.hero-mockup-chart{grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;height:160px;display:flex;align-items:flex-end;gap:8px;overflow:hidden}.hero-mockup-chart-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(to top,#6366f166,#6366f1b3);animation:chartGrow 1.5s ease 1s both}@keyframes chartGrow{0%{height:0!important}}.hero-stats{display:flex;gap:80px;justify-content:center;margin-top:80px;animation:fadeUp .6s ease .4s both;position:relative;z-index:2}.hero-stat{text-align:center}.hero-stat .num{font-size:48px;font-weight:800;letter-spacing:-2px;color:var(--text)}.hero-stat .num span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat .label{font-size:13px;color:var(--text-muted);margin-top:8px;font-weight:500}.brand-bar{padding:72px 32px;text-align:center}.brand-bar p{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:4px;font-weight:600;margin-bottom:36px}.brand-logos{display:flex;gap:56px;justify-content:center;align-items:center;flex-wrap:wrap;opacity:.25;filter:grayscale(1)}.brand-logos span{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.section{padding:128px 32px;position:relative}.section-dark{background:var(--bg-subtle)}.section-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent)}.section-dark:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.1),transparent)}.container{max-width:1200px;margin:0 auto}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:5px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;display:inline-block}.section-title{font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1.06;letter-spacing:-2px;margin-bottom:20px;color:var(--text)}.section-title em{font-family:var(--serif);font-style:italic;font-weight:400;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:17px;color:var(--text-secondary);max-width:600px;line-height:1.7}.section-dark .section-desc{color:var(--text-muted)}.section-header{text-align:center;margin-bottom:80px}.section-header .section-desc{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fffc;border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.04),transparent 70%);opacity:0;transition:opacity .4s}.feature-card:hover{transform:translateY(-8px);border-color:#6366f133;box-shadow:0 16px 48px #6366f11a,0 4px 12px #0000000a}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-card .card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;position:relative;z-index:1}.feature-card h3{font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px;color:var(--text);position:relative;z-index:1}.feature-card .badge-new{display:inline-block;padding:3px 10px;border-radius:6px;background:var(--gradient-accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;vertical-align:middle;margin-left:8px}.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.7;position:relative;z-index:1}.icon-orange{background:linear-gradient(135deg,#6366f11f,#6366f10a)}.icon-blue{background:linear-gradient(135deg,#3b82f61f,#3b82f60a)}.icon-green{background:linear-gradient(135deg,#10b9811f,#10b9810a)}.icon-yellow{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0a)}.icon-purple{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60a)}.icon-dark{background:linear-gradient(135deg,#0000000f,#00000005)}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program-card{border-radius:var(--radius);padding:48px 36px;position:relative;overflow:hidden;transition:all .45s cubic-bezier(.22,1,.36,1)}.program-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 40%);pointer-events:none}.program-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.program-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px #0003}.program-card h3{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;color:#fff}.program-card p{font-size:15px;line-height:1.7;opacity:.85;margin-bottom:24px;color:#ffffffd9}.program-card ul{list-style:none;display:flex;flex-direction:column;gap:12px}.program-card li{font-size:14px;display:flex;align-items:flex-start;gap:10px;opacity:.85;color:#ffffffd9}.program-card li:before{content:"✓";font-weight:700;flex-shrink:0;margin-top:1px;opacity:.6}.card-points{background:linear-gradient(145deg,#312e81,#4338ca,#6366f1);color:#fff;border:none}.card-vip{background:linear-gradient(145deg,#1e1b4b,#312e81,#4338ca);color:#fff;border:none}.card-referral{background:linear-gradient(145deg,#022c22,#065f46,#059669);color:#fff;border:none}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:100px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row.reverse .detail-content{order:2}.detail-row.reverse .detail-visual{order:1}.detail-content .detail-label{font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;display:inline-block}.detail-content h3{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;color:var(--text)}.detail-content h3 em{font-family:var(--serif);font-style:italic;font-weight:400;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-content p{font-size:15px;color:var(--text-secondary);line-height:1.75;margin-bottom:20px}.detail-content ul{list-style:none;display:flex;flex-direction:column;gap:10px}.detail-content li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.detail-content li .check{color:var(--green);font-weight:700}.detail-visual{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:48px;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative;overflow:hidden}.detail-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:.4}.detail-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.04),transparent 60%);pointer-events:none}.mock-ui{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-lg);padding:28px;width:100%;max-width:340px;position:relative;z-index:1}.mock-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mock-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f126,#a855f71a);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent)}.mock-name{font-size:14px;font-weight:600;color:var(--text)}.mock-sub{font-size:11px;color:var(--text-muted)}.mock-points{text-align:center;padding:24px 0}.mock-points .pts-num{font-size:52px;font-weight:800;letter-spacing:-2px;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mock-points .pts-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.mock-bar{height:6px;background:#0000000a;border-radius:3px;margin:12px 0;overflow:hidden}.mock-bar-fill{height:100%;background:var(--gradient-accent);border-radius:3px}.mock-tier{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.mock-rewards{display:flex;flex-direction:column;gap:8px;margin-top:20px}.mock-reward{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text-secondary);transition:all .3s cubic-bezier(.22,1,.36,1)}.mock-reward:hover{border-color:#6366f133;background:#6366f108;transform:translate(4px)}.mock-reward .rw-pts{font-weight:700;color:var(--accent);font-size:12px}.pricing-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.pricing-card.popular{border-color:#6366f14d;box-shadow:0 0 0 1px #6366f11a,0 16px 48px #6366f11f,0 4px 12px #0000000a}.pricing-card.popular:before{content:"Most popular";position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--gradient-accent);color:#fff;font-size:11px;font-weight:700;padding:6px 20px;border-radius:0 0 10px 10px;text-transform:uppercase;letter-spacing:.5px}.pricing-card.popular:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.05),transparent 60%);pointer-events:none}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 60px #6366f114}.pricing-name{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--text)}.pricing-desc{font-size:14px;color:var(--text-muted);margin-bottom:28px}.pricing-price{font-size:52px;font-weight:800;letter-spacing:-2px;margin-bottom:4px;color:var(--text)}.pricing-price span{font-size:16px;font-weight:500;color:var(--text-muted)}.pricing-period{font-size:13px;color:var(--text-muted);margin-bottom:32px}.pricing-btn{width:100%;padding:16px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;margin-bottom:28px;text-align:center;display:block}.pricing-features{display:flex;flex-direction:column;gap:14px}.pricing-features li{font-size:14px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px;list-style:none}.pricing-features li:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0}.section-title-sm{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-top:8px;margin-bottom:12px}.integrations-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:820px;margin:0 auto}.int-chip{padding:12px 24px;background:#fff;border:1px solid var(--border);border-radius:999px;font-size:14px;font-weight:500;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.int-chip:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 8px 28px #6366f11a;color:var(--text);background:#ffffffe6}.int-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-card{background:#fffc;border:1px solid var(--border);border-radius:var(--radius);padding:36px;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.testimonial-card:hover{transform:translateY(-6px);border-color:#6366f126;box-shadow:0 16px 48px #0000000f,0 0 40px #6366f10a}.testimonial-card:hover:before{transform:scaleX(1)}.testimonial-card .stars{color:var(--yellow);font-size:14px;margin-bottom:16px}.testimonial-card blockquote{font-size:14px;line-height:1.75;color:var(--text-secondary);font-style:italic}.testimonial-card blockquote p{margin-bottom:24px}.testimonial-card .author{display:flex;align-items:center;gap:12px;font-style:normal}.testimonial-card cite.author-name{font-style:normal}.testimonial-card .author-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f11f,#a855f714);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--accent);border:2px solid rgba(99,102,241,.1)}.testimonial-card .author-name{font-size:14px;font-weight:600;color:var(--text)}.testimonial-card .author-role{font-size:12px;color:var(--text-muted)}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffc;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.faq-item:hover{border-color:#6366f11f}.faq-item.open{border-color:#6366f133;box-shadow:0 4px 16px #6366f10f}.faq-q{padding:22px 24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;background:none;width:100%;text-align:left;color:var(--text)}.faq-q:hover{background:#6366f105}.faq-q .arrow{font-size:18px;transition:transform .3s;color:var(--text-muted)}.faq-item.open .faq-q .arrow{transform:rotate(180deg);color:var(--accent)}.faq-a{padding:0 24px;font-size:14px;color:var(--text-secondary);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-a{max-height:300px;padding:0 24px 22px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.metric-card{background:#fffc;border:1px solid var(--border);border-radius:var(--radius);padding:44px;text-align:center;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}.metric-card:hover{border-color:#6366f126;box-shadow:0 12px 40px #6366f114;transform:translateY(-4px)}.metric-card:hover:before{transform:scaleX(1)}.metric-card .metric-num{font-size:56px;font-weight:800;letter-spacing:-2px}.metric-card .metric-num.orange{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card .metric-num.yellow{color:var(--yellow)}.metric-card .metric-num.green{color:var(--green)}.metric-card .metric-label{font-size:14px;color:var(--text-muted);margin-top:10px}.analytics-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.af-card{background:#fffc;border:1px solid var(--border);border-radius:14px;padding:28px;transition:all .35s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.af-card:hover{border-color:#6366f126;box-shadow:0 8px 28px #0000000a;transform:translateY(-4px)}.af-card h4{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text)}.af-card p{font-size:13px;color:var(--text-muted);line-height:1.65}.cta-section{text-align:center;padding:160px 32px;position:relative;overflow:hidden;background:var(--bg-subtle)}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;background:radial-gradient(ellipse at 30% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(168,85,247,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 70%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;animation:meshFloat 25s ease-in-out infinite}.cta-section:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),rgba(168,85,247,.15),transparent)}.cta-section h2{font-size:clamp(36px,4.5vw,64px);font-weight:800;letter-spacing:-2.5px;margin-bottom:24px;position:relative;color:var(--text)}.cta-section h2 em{font-family:var(--serif);font-style:italic;font-weight:400;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section p{font-size:18px;color:var(--text-muted);max-width:540px;margin:0 auto 48px;position:relative;line-height:1.7}.cta-actions{display:flex;gap:16px;justify-content:center;position:relative}.footer{padding:80px 32px 40px;border-top:1px solid var(--border);background:var(--bg-subtle)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;max-width:1200px;margin-left:auto;margin-right:auto}.footer-brand .nav-logo{margin-bottom:4px}.footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.7;margin-top:12px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:16px;color:var(--text-secondary)}.footer-col a{display:block;font-size:13px;color:var(--text-muted);padding:5px 0;transition:color .25s,transform .25s}.footer-col a:hover{color:var(--accent);transform:translate(3px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border);max-width:1200px;margin:0 auto}.footer-bottom p{font-size:12px;color:var(--text-muted)}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;color:var(--text);cursor:pointer}.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;padding:24px 32px;flex-direction:column;gap:8px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:16px;font-weight:500;color:var(--text-secondary);padding:14px 0;border-bottom:1px solid var(--border)}.mobile-menu .mobile-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(28px);transition:all .8s cubic-bezier(.22,1,.36,1)}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.features-grid,.programs-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.detail-row{grid-template-columns:1fr;gap:40px}.detail-row.reverse .detail-content,.detail-row.reverse .detail-visual{order:0}.footer-grid{grid-template-columns:repeat(3,1fr)}.analytics-features{grid-template-columns:repeat(2,1fr)}.hero-mockup-body{grid-template-columns:1fr}.hero-mockup-sidebar{display:none}}@media(max-width:768px){.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:block}.features-grid,.programs-grid,.testimonials-grid,.metrics-row,.analytics-features{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:24px}.hero h1{font-size:38px;letter-spacing:-1.5px}.footer-grid{grid-template-columns:1fr}.section{padding:80px 20px}.hero{padding:130px 20px 70px;min-height:auto}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.detail-visual{padding:24px;min-height:auto}.cta-section{padding:100px 20px}.hero-mockup,.hero-orb{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.fade-in{opacity:1;transform:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000002e}
