@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f6f0e8;--bg-secondary:#faf6f0;--bg-card:#ffffff8c;--bg-card-hover:#ffffffbf;--text-primary:#0a0a0a;--text-secondary:#1a1a1a;--text-muted:#3a3a3a;--accent-amber:#d4890a;--accent-gold:#c77d05;--accent-warm:#e8a020;--gradient-main:linear-gradient(135deg, #d4890a 0%, #e8a020 50%, #f0c050 100%);--gradient-hero:radial-gradient(ellipse at 50% 30%, #ffc8502e 0%, #ffa0280f 40%, transparent 70%);--gradient-card:linear-gradient(180deg, #ffdc8c1f 0%, transparent 60%);--sky-gradient:linear-gradient(180deg, #87ceeb 0%, #a8d8f0 15%, #c8e6f8 28%, #e8dcc8 50%, #f5e6d0 65%, #faf3e8 80%, #fdf8f2 100%);--border-subtle:#b48c5026;--border-card:#b48c502e;--shadow-glow:0 0 80px #ffc86426;--shadow-card:0 12px 40px #78501414;--shadow-glass:0 8px 32px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--sky-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0;display:block}.app{min-height:100vh;position:relative}.navbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#ffffff73;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000a}.nav-brand{align-items:center;gap:10px;display:flex}.brand-icon{font-size:24px}.brand-text{letter-spacing:2px;color:var(--text-primary);font-size:22px;font-weight:700}.nav-links{gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.3px;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gradient-main);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--text-primary);color:#fff;border-radius:var(--radius-xl);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);letter-spacing:.3px;border:none;padding:10px 24px;transition:transform .2s,box-shadow .3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hero-section{background:var(--gradient-hero);align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffdc6440 0%,#ffb43214 50%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:8s ease-in-out infinite sun-glow;position:absolute;top:-20%;right:-10%}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffc8781f 0%,#0000 60%);border-radius:50%;width:500px;height:400px;animation:12s ease-in-out infinite haze-drift;position:absolute;bottom:10%;left:-5%}@keyframes sun-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes haze-drift{0%,to{opacity:.6;transform:translate(0)translateY(0)}50%{opacity:1;transform:translate(30px)translateY(-20px)}}.hero-content{z-index:2;align-items:center;gap:40px;width:100%;max-width:1440px;margin:0 auto;display:flex;position:relative}.hero-three-col{justify-content:center;align-items:center;gap:24px;display:flex}.hero-text{flex:1;max-width:580px}.hero-text-center{text-align:center;flex-direction:column;flex:1.1;align-items:center;max-width:520px;padding:0 16px;display:flex}.hero-text-center .hero-description{max-width:440px}.hero-text-center .hero-actions,.hero-text-center .hero-stats{justify-content:center}.hero-badge{border-radius:var(--radius-xl);color:var(--text-primary);letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #fff9;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #0000000a}.badge-dot{background:var(--accent-amber);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero-title{letter-spacing:-2px;color:var(--text-primary);margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.08}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);max-width:480px;margin-bottom:40px;font-size:17px;line-height:1.7}.hero-actions{gap:16px;margin-bottom:56px;display:flex}.btn-primary{background:var(--text-primary);color:#fff;border-radius:var(--radius-xl);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:10px;padding:16px 32px;transition:transform .2s,box-shadow .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0003}.btn-arrow{transition:transform .3s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-xl);cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-sans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #0000001a;align-items:center;gap:10px;padding:16px 32px;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffffb3;border-color:#0003;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.btn-play{font-size:10px}.hero-stats{align-items:center;gap:32px;display:flex}.stat{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:500}.stat-divider{background:#0000001f;width:1px;height:40px}.hero-phone{flex:1;justify-content:center;align-items:center;max-width:480px;height:620px;display:flex;position:relative}.phone-glow{pointer-events:none;background:radial-gradient(circle,#ffc8642e 0%,#0000 65%);animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-40px}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.canvas-hint{color:var(--text-muted);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffffb3;align-items:center;gap:6px;padding:6px 16px;font-size:13px;animation:3s ease-in-out infinite hint-fade;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000000a}@keyframes hint-fade{0%,to{opacity:.7}50%{opacity:1}}.hint-icon{animation:2s ease-in-out infinite hint-sway}@keyframes hint-sway{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.particle{background:var(--accent-warm);border-radius:50%;animation:linear infinite float-particle;position:absolute}@keyframes float-particle{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.3}90%{opacity:.1}to{opacity:0;transform:translateY(-120vh)translate(30px)}}.features-section{max-width:1320px;margin:0 auto;padding:120px 48px;position:relative}.section-header{text-align:center;margin-bottom:72px}.section-tag{border-radius:var(--radius-xl);color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #fff9;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #00000008}.section-title{letter-spacing:-1px;color:var(--text-primary);margin-bottom:16px;font-size:44px;font-weight:700}.section-desc{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:17px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);box-shadow:var(--shadow-glass);background:#ffffff73;border:1px solid #ffffff8c;padding:36px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-card);opacity:0;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover{background:#ffffffb3;border-color:#fffc;transform:translateY(-6px);box-shadow:0 16px 48px #00000014}.feature-card:hover:before{opacity:1}.feature-icon{z-index:1;margin-bottom:20px;font-size:36px;position:relative}.feature-title{color:var(--text-primary);z-index:1;margin-bottom:10px;font-size:20px;font-weight:600;position:relative}.feature-desc{color:var(--text-secondary);z-index:1;font-size:14.5px;line-height:1.65;position:relative}.feature-line{background:var(--gradient-main);z-index:1;border-radius:4px;width:40px;height:3px;margin-top:20px;transition:width .4s;position:relative}.feature-card:hover .feature-line{width:70px}.footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff40;border-top:1px solid #0000000f;padding:40px 48px}.footer-content{justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-text{color:var(--text-muted);font-size:14px}@media (width<=1100px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.navbar{padding:14px 24px}.nav-links{display:none}.hero-section{padding:100px 24px 60px}.hero-content,.hero-three-col{text-align:center;flex-direction:column}.hero-text,.hero-text-center{flex-direction:column;order:-1;align-items:center;max-width:100%;display:flex}.hero-title{letter-spacing:-1px;font-size:42px}.hero-description{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-phone{width:100%;max-width:360px;height:480px}.hero-phone-left{order:0}.hero-phone-right{display:none}.features-section{padding:80px 24px}.section-title{font-size:32px}.footer-content{text-align:center;flex-direction:column;gap:12px}}@media (width<=600px){.hero-title{font-size:34px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center}.features-grid{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:20px}.stat-divider{display:none}}