.app{width:100%;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#171717cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(158,127,255,.1);transition:all .3s ease}.navbar.scrolled{background:#171717f2;box-shadow:0 8px 32px #9e7fff1a}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s ease}.nav-brand:hover{color:#fff;opacity:.9}.brand-logo{height:36px;width:auto;display:block;object-fit:contain}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:#a3a3a3;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#9e7fff;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-cta{display:flex;align-items:center;gap:8px;background:#9e7fff;color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease}.nav-cta:hover{background:#8b6ce6;transform:translateY(-2px);box-shadow:0 8px 24px #9e7fff4d}.nav-cta:after{display:none}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:120px 5% 80px;width:100%;max-width:none;margin:0;overflow-x:hidden;overflow-y:hidden}.hero-left{grid-column:1;display:flex;flex-direction:column;gap:24px}.hero-image{grid-column:2;grid-row:1 / -1}.hero-background{grid-column:1 / -1;grid-row:1 / -1;position:absolute;top:-120px;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;height:calc(100% + 200px);z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:#9e7fff;top:-200px;left:-200px}.orb-2{width:400px;height:400px;background:#38bdf8;bottom:-150px;right:-150px;animation-delay:-5s}.orb-3{width:350px;height:350px;background:#f472b6;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-logo-row{display:block}.hero-mobile-badge{display:none!important}.hero-logo-wrap{display:flex;justify-content:flex-start;align-items:center}.hero-logo{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#9e7fff1a;border:1px solid rgba(158,127,255,.2);padding:8px 16px;border-radius:24px;color:#9e7fff;font-size:14px;font-weight:600;width:fit-content}.hero-title{font-size:56px;font-weight:800;line-height:1.1;color:#fff}.gradient-text{background:linear-gradient(135deg,#9e7fff,#38bdf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;line-height:1.6;color:#a3a3a3;max-width:540px}.hero-cta{display:flex;gap:16px;margin-top:16px;align-items:center;flex-wrap:wrap}.google-play-badge-link{display:inline-block;line-height:0}.google-play-badge{height:77px;width:auto;display:block;transition:transform .2s ease,opacity .2s ease}.hero-cta .btn{min-height:50px;box-sizing:border-box}.google-play-badge-link:hover .google-play-badge{transform:translateY(-2px);opacity:.95}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:#9e7fff;color:#fff}.btn-primary:hover{background:#8b6ce6;transform:translateY(-2px);box-shadow:0 12px 32px #9e7fff66}.btn-secondary{background:#9e7fff1a;color:#9e7fff;border:1px solid rgba(158,127,255,.2)}.btn-secondary:hover{background:#9e7fff33;border-color:#9e7fff66}.btn-large{padding:18px 36px;font-size:18px}.full-width{width:100%;justify-content:center}.hero-stats{display:flex;gap:48px;margin-top:15px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:32px;font-weight:700;color:#fff}.stat-label{font-size:14px;color:#a3a3a3}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:300px;height:600px;border-radius:32px;overflow:hidden;border:8px solid #262626;box-shadow:0 32px 64px #00000080,0 0 0 1px #9e7fff33;animation:phoneFloat 6s infinite ease-in-out}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-mockup-inner{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.phone-mockup .screenshot-fade{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px}.phone-mockup .screenshot-1{animation:screenshotFade1 21s ease-in-out infinite}.phone-mockup .screenshot-2{animation:screenshotFade2 21s ease-in-out infinite}.phone-mockup .screenshot-3{animation:screenshotFade3 21s ease-in-out infinite}.phone-mockup .screenshot-4{animation:screenshotFade4 21s ease-in-out infinite}.phone-mockup .screenshot-5{animation:screenshotFade5 21s ease-in-out infinite}.phone-mockup .screenshot-6{animation:screenshotFade6 21s ease-in-out infinite}.phone-mockup .screenshot-7{animation:screenshotFade7 21s ease-in-out infinite}@keyframes screenshotFade1{0%,12%{opacity:1}14%,98%{opacity:0}to{opacity:1}}@keyframes screenshotFade2{0%,12%{opacity:0}14%,26%{opacity:1}28%,to{opacity:0}}@keyframes screenshotFade3{0%,26%{opacity:0}28%,40%{opacity:1}42%,to{opacity:0}}@keyframes screenshotFade4{0%,40%{opacity:0}42%,54%{opacity:1}56%,to{opacity:0}}@keyframes screenshotFade5{0%,54%{opacity:0}56%,68%{opacity:1}70%,to{opacity:0}}@keyframes screenshotFade6{0%,68%{opacity:0}70%,82%{opacity:1}84%,to{opacity:0}}@keyframes screenshotFade7{0%,82%{opacity:0}84%,98%{opacity:1}to{opacity:0}}section:not(.hero){padding:100px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px}.section-subtitle{font-size:18px;color:#a3a3a3;max-width:600px;margin:0 auto}.about-content{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:20px}.about-content p{font-size:17px;line-height:1.7;color:#a3a3a3}.about-link{color:#9e7fff;text-decoration:none;font-weight:600;transition:color .2s ease}.about-link:hover{color:#b89aff;text-decoration:underline}.video-section .video-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(158,127,255,.2);box-shadow:0 16px 48px #0000004d}.video-section .video-wrapper:before{content:"";display:block;padding-top:56.25%}.video-section .video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-section .video-iframe-desktop{display:block}.video-section .video-iframe-mobile{display:none}@media (max-width: 768px){.video-section .video-wrapper:before{padding-top:177.78%}.video-section .video-iframe-desktop{display:none}.video-section .video-iframe-mobile{display:block}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card{background:#26262680;border:1px solid #2F2F2F;border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:hover{background:#262626cc;border-color:#9e7fff4d;transform:translateY(-4px);box-shadow:0 16px 48px #9e7fff1a}.feature-icon{width:56px;height:56px;background:#9e7fff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#9e7fff}.feature-icon .icon{width:28px;height:28px}.feature-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.feature-description{font-size:15px;line-height:1.6;color:#a3a3a3}.testimonials{background:#2626264d;border-radius:24px;padding:100px 48px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.testimonial-card{background:#171717cc;border:1px solid #2F2F2F;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease}.testimonial-card:hover{border-color:#9e7fff4d;transform:translateY(-4px);box-shadow:0 16px 48px #9e7fff1a}.testimonial-rating{display:flex;gap:4px}.testimonial-text{font-size:15px;line-height:1.6;color:#fff;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.author-name{font-weight:600;color:#fff;font-size:14px}.author-role{font-size:13px;color:#a3a3a3}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:start}.pricing-card{background:#26262680;border:1px solid #2F2F2F;border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#9e7fff4d;transform:translateY(-4px);box-shadow:0 16px 48px #9e7fff1a}.pricing-card.popular{border-color:#9e7fff;background:#9e7fff0d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#9e7fff;color:#fff;padding:6px 16px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:24px;font-weight:700;color:#fff}.plan-price{display:flex;align-items:baseline;gap:4px}.price{font-size:48px;font-weight:800;color:#fff}.period{font-size:16px;color:#a3a3a3}.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:12px;font-size:15px;color:#a3a3a3}.plan-features li svg{color:#10b981;flex-shrink:0}.download-cta{background:linear-gradient(135deg,#9e7fff1a,#38bdf81a);border-radius:24px;padding:80px 48px;text-align:center}.cta-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.cta-title{font-size:40px;font-weight:800;color:#fff}.cta-subtitle{font-size:18px;color:#a3a3a3}.cta-note{font-size:14px;color:#a3a3a3}.footer{background:#2626264d;border-top:1px solid #2F2F2F;padding:64px 24px 32px;margin-top:100px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.footer-brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff}.footer-logo{height:40px;width:auto;object-fit:contain;opacity:.95}.footer-text{color:#a3a3a3;font-size:16px}.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#a3a3a3;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-links span{color:#2f2f2f}.footer-copyright{color:#a3a3a3;font-size:14px;margin-top:16px}@media (max-width: 968px){.hero{grid-template-columns:1fr;text-align:center;padding-top:100px}.hero-background{top:-100px;height:calc(150vh + 180px)}.hero-left{display:contents}.hero-logo-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;order:-2}.hero-mobile-badge{display:inline-block!important}.hero-desktop-badge{display:none!important}.hero-logo-wrap{justify-content:center}.hero-title{order:-1;margin-top:-32px}.hero-content{order:1;align-items:center}.hero-image{order:0;grid-column:auto;grid-row:auto}.hero-logo{height:64px}.hero-logo-row .google-play-badge{height:60px}.hero-badge,.hero-subtitle{max-width:100%}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;justify-content:center}.hero-stats{justify-content:center}.phone-mockup{width:250px;height:500px}.nav-links{position:fixed;top:73px;left:0;right:0;background:#171717fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:24px;border-bottom:1px solid #2F2F2F;transform:translateY(-100%);opacity:0;transition:all .3s ease;pointer-events:none}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.menu-toggle{display:block}.hero-title{font-size:40px}.section-title{font-size:36px}.cta-title{font-size:32px}}@media (max-width: 640px){.hero-title{font-size:32px}.section-title{font-size:28px}.features-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.testimonials,.download-cta{padding:60px 24px}section:not(.hero){padding:60px 24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;color:#fff;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#262626}::-webkit-scrollbar-thumb{background:#9e7fff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8b6ce6}