:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--secondary: #000000;--text: #212326;--text-light: #616467;--bg: #FAFBFA;--bg-dark: #000000;--bg-offset: #F6F6F7;--white: #FFFFFF;--border: rgba(0, 0, 0, .08);--container-width: 1400px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito Sans,sans-serif;color:var(--text);line-height:1.6;background:var(--bg);overflow-x:hidden;font-weight:400}h1{font-family:Nunito Sans,sans-serif;font-weight:500;line-height:1.2;color:var(--secondary);font-size:clamp(32px,5vw,42px);margin-bottom:24px;letter-spacing:-.5px}h2{font-family:Nunito Sans,sans-serif;font-weight:600;line-height:1.2;color:var(--secondary);font-size:36px;margin-bottom:20px}h3,h4{font-family:Nunito Sans,sans-serif;font-weight:600;color:var(--secondary)}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.text-center{text-align:center}.text-white{color:var(--white)}.bg-dark{background:var(--bg-dark)}.mb-4{margin-bottom:40px}.mt-2{margin-top:20px}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:var(--radius-md);font-weight:600;font-size:15px;cursor:pointer;border:none;gap:8px;transition:var(--transition)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-secondary{background:transparent;color:var(--secondary);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--secondary);transform:translateY(-1px)}.btn-sm{padding:6px 16px;font-size:13px;border-radius:100px}.btn.large{padding:18px 36px;font-size:18px}.hero-logo{font-family:Nunito Sans,sans-serif;font-size:24px;font-weight:600;letter-spacing:-1.5px;color:var(--secondary);margin-bottom:40px}.hero-logo span{color:var(--primary)}.hero{padding-top:100px;padding-bottom:80px;background:var(--bg);min-height:100vh;display:flex;align-items:center}.hero-container{display:flex;flex-direction:column;max-width:1400px;margin-left:0!important;margin-right:auto!important;padding-left:80px}.hero-tag{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:16px;opacity:.8}.hero-brand{font-size:clamp(36px,6vw,48px);margin-bottom:24px;letter-spacing:-1px;font-weight:500;font-family:Nunito Sans,sans-serif}.hero-brand span{color:var(--primary)}.hero-description{font-size:18px;color:var(--text-light);margin-bottom:40px;max-width:600px;line-height:1.6}.coming-soon{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background:#8b5cf61a;padding:6px 16px;border-radius:100px;display:inline-block;margin-bottom:24px}.hero-benefits{list-style:none;margin-top:32px}.hero-benefits li{position:relative;padding-left:32px;margin-bottom:16px;font-size:17px;color:var(--text-light);line-height:1.5}.hero-benefits li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.arrow{transition:transform .3s ease}.btn-secondary:hover .arrow{transform:translate(5px)}.hero-badges{display:flex;flex-direction:column;gap:16px}.badge-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-light)}.hero-right{position:relative}.carousel{background:var(--white);padding:48px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-height:380px;display:flex;flex-direction:column;justify-content:center}.carousel-header{margin-bottom:32px}.carousel-step{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--text-light);text-transform:uppercase}.carousel-content{position:relative;height:180px}.slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.slide.active{opacity:1;transform:translateY(0);pointer-events:all}.slide h3{font-size:28px;margin-bottom:12px;font-weight:700}.slide p{font-size:16px;color:var(--text-light);line-height:1.7}.carousel-indicators{display:flex;gap:12px;margin-top:40px}.indicator{height:2px;width:32px;background:var(--border);cursor:pointer;transition:var(--transition)}.indicator.active{background:var(--secondary);width:48px}.signup-agreement{font-size:14px;color:var(--text-light)}.justify-center{justify-content:center}.cta-group{display:flex;gap:16px}.dashboard-preview{background:#fdfdfd}.section-header{margin-bottom:60px}.section-title{font-size:42px;margin-bottom:16px}.section-subtitle{font-size:20px;color:var(--text-light);max-width:600px;margin:0 auto}.widget-grid{display:flex;gap:24px;overflow-x:auto;padding:20px 0 40px;-ms-overflow-style:none;scrollbar-width:none;justify-content:center}.widget-grid::-webkit-scrollbar{display:none}.widget-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:var(--transition);min-width:320px;flex-shrink:0}.widget-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.widget-label{font-size:14px;font-weight:600;color:var(--text-light)}.widget-badge{font-size:11px;padding:4px 8px;border-radius:100px;font-weight:700;text-transform:uppercase}.widget-badge.purple{background:#8b5cf61a;color:var(--primary)}.balance-value{font-size:40px;font-weight:700;color:var(--secondary);letter-spacing:-1px}.balance-trend{margin-top:8px;font-size:14px;font-weight:600}.trend-up{color:#10b981}.order-list{display:flex;flex-direction:column;gap:20px}.order-item{display:flex;align-items:center;gap:12px}.order-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text-light)}.order-avatar.green{background:#10b9811a;color:#10b981}.order-info{flex:1}.order-name{font-weight:600;font-size:15px}.order-time{font-size:12px;color:var(--text-light)}.order-amount{font-weight:700;font-size:15px}.score-main{display:flex;align-items:center;gap:24px}.circular-progress{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--primary) 85%,#f3f4f6 0);display:flex;align-items:center;justify-content:center;position:relative}.circular-progress:after{content:"";position:absolute;width:64px;height:64px;background:var(--white);border-radius:50%}.progress-inner{position:relative;z-index:1;font-weight:700;font-size:18px}.score-text{display:flex;flex-direction:column}.score-text span{font-size:14px;color:var(--text-light)}.visitor-count{font-weight:700;font-size:20px;color:var(--primary)}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:60px;margin-top:20px}.mini-chart.bar-chart .bar{flex:1;background:#8b5cf633;border-radius:4px 4px 0 0;min-width:6px;transition:var(--transition)}.mini-chart.bar-chart.detailed{gap:3px}.mini-chart.bar-chart.detailed .bar{min-width:4px;border-radius:2px 2px 0 0}.line-chart{height:40px;position:relative;overflow:hidden}.chart-line{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(139,92,246,.1)),url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 40" xmlns="http://www.w3.org/2000/svg"><path d="M0 40 Q 25 20, 50 30 T 100 0" fill="none" stroke="%238B5CF6" stroke-width="2"/></svg>');background-size:cover;background-repeat:no-repeat}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-card{padding:40px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.step-card:hover{transform:translateY(-10px)}.step-num{width:60px;height:60px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto 24px}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px}.testimonial-card{padding:40px;background:var(--white);border-radius:var(--radius-md);border-left:4px solid var(--primary);text-align:left;box-shadow:var(--shadow)}.testimonial-card p{font-size:20px;font-style:italic;margin-bottom:16px}.testimonial-card cite{font-weight:600;color:var(--text-light);font-style:normal}.why-list{display:flex;flex-direction:column;gap:24px}.why-list li{position:relative;padding-left:32px;font-size:18px}.why-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.price-card{padding:60px 40px;background:var(--white);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--primary);transform:scale(1.05);position:relative}.popular{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);padding:4px 16px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase}.price-card h3{font-size:24px;margin-bottom:16px}.amount{font-size:48px;font-weight:800;margin-bottom:8px}.amount span{font-size:18px;color:var(--text-light)}.or{color:var(--primary);font-weight:600;margin-bottom:24px}.price-card ul{margin-bottom:40px;flex-grow:1}.price-card ul li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);font-weight:500}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:32px;background:var(--bg-offset);padding:32px;border-radius:var(--radius-md)}.faq-item h4{font-size:20px;margin-bottom:12px}.final-cta{background:radial-gradient(circle at center,var(--primary),var(--primary-dark));padding-bottom:150px}.final-cta h2{font-size:48px;margin-bottom:40px;color:var(--white)}.small-text{font-size:14px;opacity:.8}.footer{padding:60px 0;background:var(--bg-offset)}.footer-top{display:flex;justify-content:space-between;margin-bottom:40px}.footer-links{display:flex;gap:32px}.footer-links a{font-weight:500;color:var(--text-light)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.navbar.scrolled{padding:12px 0;box-shadow:0 5px 20px #0000000d}.fade-in{animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.hero .grid,.feature-row,.steps-grid,.pricing-grid,.grid-2{grid-template-columns:1fr;gap:40px}.feature-row.reverse{direction:ltr}.hero-content{text-align:center}.cta-group{justify-content:center}.subhead{margin-left:auto;margin-right:auto}.price-card.featured{transform:none}.nav-links{display:none}}
