@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#ffc107;--primary-dark:#e0a800;--primary-light:#ffe082;--primary-surface:#fff8e1;--black:#111;--dark:#1a1a1a;--cream:#f5f0e8;--white:#fff;--text-primary:#111;--text-secondary:#666;--text-muted:#999;--border:#e8e8ee;--gradient-hero:linear-gradient(135deg, #ffc107 0%, #ffca28 50%, #ffe082 100%);--gradient-dark:linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #0000001f;--shadow-xl:0 24px 64px #00000029;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:50px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{z-index:1000;background:0 0;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);background:#fffffff2;padding:12px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{color:var(--black);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{background:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 4px 12px #ffc1074d}.nav-logo-text{letter-spacing:-.5px;font-size:24px;font-weight:800}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{box-shadow:0 4px 12px #ffc1074d;background:var(--primary)!important;color:var(--black)!important;border-radius:var(--radius-pill)!important;padding:10px 24px!important;font-weight:600!important;transition:all .2s!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc10766!important}.hero{background:var(--cream);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-shape{background:var(--primary);opacity:.08;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero-bg-shape-2{background:var(--primary);opacity:.05;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:120px 32px 80px;display:grid}.hero-badge{background:var(--primary-surface);border:1px solid var(--primary-light);border-radius:var(--radius-pill);color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge span{font-size:16px}.hero-title{letter-spacing:-2px;color:var(--black);margin-bottom:20px;font-size:56px;font-weight:900;line-height:1.1}.hero-title .highlight{color:var(--primary-dark);position:relative}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.store-btn{border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:center;gap:12px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.store-btn-primary{background:var(--black);color:var(--white);box-shadow:var(--shadow-md)}.store-btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.store-btn-secondary{background:var(--white);color:var(--black);border:2px solid var(--border)}.store-btn-secondary:hover{border-color:var(--primary);transform:translateY(-3px)}.store-icon{font-size:28px}.store-text{text-align:left;flex-direction:column;display:flex}.store-text small{opacity:.7;font-size:11px;font-weight:400}.store-text strong{font-size:16px}.hero-image{justify-content:center;align-items:center;display:flex}.hero-mockup{filter:drop-shadow(0 30px 60px #00000026);width:100%;max-width:420px;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.stats{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0}.stats-container{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.stat-item{padding:20px}.stat-number{color:var(--primary-dark);letter-spacing:-1px;margin-bottom:8px;font-size:42px;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500}.features{background:var(--white);padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 64px;padding:0 32px}.section-tag{background:var(--primary-surface);color:var(--primary-dark);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.section-title{letter-spacing:-1px;color:var(--black);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);font-size:17px;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.feature-card{border-radius:var(--radius-xl);background:var(--cream);border:1px solid #0000;padding:40px 32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.feature-icon{border-radius:var(--radius-lg);background:var(--primary);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:28px;display:flex;box-shadow:0 8px 20px #ffc10740}.feature-title{color:var(--black);margin-bottom:12px;font-size:20px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:15px;line-height:1.65}.how-it-works{background:var(--cream);padding:100px 0}.steps-container{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto;padding:0 32px;display:grid}.step-card{text-align:center;padding:40px 24px;position:relative}.step-number{background:var(--primary);width:56px;height:56px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 24px #ffc1074d}.step-title{color:var(--black);margin-bottom:12px;font-size:20px;font-weight:700}.step-desc{color:var(--text-secondary);font-size:15px;line-height:1.65}.cta-section{background:var(--black);padding:100px 0;position:relative;overflow:hidden}.cta-bg-shape{background:var(--primary);opacity:.06;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-100px}.cta-container{text-align:center;z-index:1;max-width:800px;margin:0 auto;padding:0 32px;position:relative}.cta-title{color:var(--white);letter-spacing:-1px;margin-bottom:20px;font-size:44px;font-weight:800;line-height:1.15}.cta-title .highlight{color:var(--primary)}.cta-subtitle{color:#ffffffa6;margin-bottom:40px;font-size:17px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{background:var(--dark);border-top:1px solid #ffffff14;padding:64px 0 32px}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo-icon{background:var(--primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.footer-logo-text{color:var(--white);font-size:20px;font-weight:800}.footer-desc{color:#ffffff80;font-size:14px;line-height:1.7}.footer-heading{color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1200px;margin:48px auto 0;padding:24px 32px 0;display:flex}.footer-copyright{color:#ffffff59;font-size:13px}.footer-social{gap:16px;display:flex}.footer-social a{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;text-decoration:none;transition:all .2s;display:flex}.footer-social a:hover{background:var(--primary);transform:translateY(-2px)}@media (width<=968px){.hero-container{text-align:center;grid-template-columns:1fr;gap:48px;padding-top:100px}.hero-title{font-size:42px}.hero-subtitle{margin:0 auto 40px}.hero-actions{justify-content:center}.stats-container{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr;max-width:500px}.steps-container{grid-template-columns:1fr;max-width:400px}.footer-container{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media (width<=600px){.hero-title{letter-spacing:-1px;font-size:34px}.hero-subtitle{font-size:16px}.section-title,.cta-title{font-size:30px}.stat-number{font-size:32px}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.hero-actions{flex-direction:column;align-items:center}.store-btn{justify-content:center;width:100%;max-width:280px}.footer-container{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}