@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg:#050505;--bg-gradient:radial-gradient(circle at top right, #103020 0%, #050505 50%);--text:#fff;--text-muted:#9ca3af;--border:#ffffff1a;--primary:#10b981;--primary-glow:#10b98166;--card:#17171780}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar-button{display:none}body{background-color:var(--bg);background-image:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.logo{font-family:Outfit,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{z-index:100;pointer-events:auto;background:linear-gradient(#050505 30%,#0000 100%);justify-content:space-between;align-items:center;margin-bottom:-20px;padding:20px 0 40px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.glow-dot{color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}.hero{padding:120px 0 80px;position:relative}.hero-split{text-align:left;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.hero-text h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#a7f3d0);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(40px,6vw,68px);font-weight:800;line-height:1.05}.hero-text p{color:var(--text-muted);max-width:600px;margin-bottom:40px;margin-left:0;margin-right:0;font-size:20px;font-weight:400}.hero-image-container{justify-content:center;align-items:center;display:flex;position:relative}.hero-illustration{border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:480px;height:auto;box-shadow:0 20px 50px #00000080,0 0 30px #10b98126}.hero-mockup-group{perspective:1000px;justify-content:center;align-items:center;width:100%;max-width:500px;height:500px;display:flex;position:relative}.mockup-back,.mockup-front{background:#111;border:8px solid #111;border-radius:32px;transition:all .5s cubic-bezier(.25,1,.5,1);position:absolute;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.mockup-back{z-index:1;width:220px;top:5%;right:5%}.mockup-front{z-index:2;width:260px;bottom:5%;left:5%;box-shadow:0 25px 50px -12px #000c,0 0 40px #10b98140}.mockup-back img,.mockup-front img{width:100%;height:auto;display:block}.hero-flip-container{perspective:1000px;width:220px;margin:0 auto}.hero-flip-card{width:100%;transform-style:preserve-3d;position:relative}.hero-flip-front,.hero-flip-back{backface-visibility:hidden;background:#111;border:8px solid #111;border-radius:26px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #10b98140}.hero-flip-back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.hero-flip-front img,.hero-flip-back img{width:100%;height:auto;display:block}@media (width<=768px){.hero{padding:60px 0}.hero-split{gap:24px}.hero-image-container{overflow:visible}.hero-mockup-group{height:420px;margin-top:0;position:relative}.mockup-front,.mockup-back{border-width:6px;border-radius:24px;width:170px}.mockup-front{bottom:0;left:5%}.mockup-back{top:5%;right:5%}.hero-text h1{font-size:38px;line-height:1.15}.hero-text p{font-size:16px}}@media (width<=1024px){.hero{padding:80px 0 60px}.hero-split{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-text p{margin-left:auto;margin-right:auto}.hero-illustration{max-width:380px}}.btn-primary{color:#fff;box-shadow:0 10px 30px var(--primary-glow);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff3;border-radius:99px;align-items:center;gap:12px;padding:18px 40px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #10b98199}.features{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:100px 0;display:grid}.feature-card{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:32px;padding:40px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--primary);transform:translateY(-5px)}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover:before{opacity:1}.feature-icon{width:60px;height:60px;color:var(--primary);background:#10b9811a;border:1px solid #10b98133;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:16px;font-size:24px}.screenshots{text-align:center;padding:120px 0;position:relative}.screenshots h2{margin-bottom:60px;font-size:48px}.screenshot-wrapper{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.screenshot-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:30px;padding:40px 20px;display:flex;overflow-x:auto}.screenshot-container::-webkit-scrollbar{display:none}.phone-mockup{scroll-snap-align:center;box-shadow:0 25px 50px -12px #000c, 0 0 40px var(--primary-glow);background:#111;border:10px solid #111;border-radius:40px;flex:none;position:relative;overflow:hidden}.carousel-dots{justify-content:center;gap:12px;margin-top:20px;display:flex}.dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.dot.active{background:var(--primary);box-shadow:0 0 10px var(--primary-glow);transform:scale(1.3)}.phone-mockup img{width:300px;height:auto;display:block}@media (width>=1024px){.screenshot-wrapper{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.screenshot-container{justify-content:flex-start;gap:60px;width:max-content;padding:60px 40px;overflow-x:visible}.carousel-dots{display:none}.phone-mockup img{width:220px}}.download-section{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(#0000,#10b9810d);margin:60px 0;padding:100px 0}.trial-badge{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary-glow);border-radius:99px;margin-bottom:24px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;display:inline-block}.download-section h2{margin-bottom:20px;font-size:48px}.faq{max-width:800px;margin:0 auto;padding:80px 0}.faq h2{text-align:center;margin-bottom:40px;font-size:40px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:20px;margin-bottom:16px;padding:24px 32px}.faq-item h3{color:var(--primary);margin-bottom:12px;font-size:20px}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:60px;padding:60px 0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#10b9814d}@media (width<=1024px){.screenshot-container{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:40px;padding:40px 24px;overflow-x:auto}.screenshot-container::-webkit-scrollbar{display:none}.phone-mockup{scroll-snap-align:center;flex:none;transform:none!important}}@media (width<=768px){.nav-links{display:none}.get-apk-btn{padding:8px 16px!important;font-size:13px!important}.phone-mockup img{width:260px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
