@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--color-success:#10b981;--color-background:#fff;--color-background-secondary:#f8fafc;--color-foreground:#1e293b;--color-foreground-secondary:#64748b;--color-border:#e2e8f0;--color-card-bg:#fff;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-foreground:#f1f5f9;--color-foreground-secondary:#94a3b8;--color-border:#334155;--color-card-bg:#1e293b}}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary);color:#fff}a{color:inherit;text-decoration:none}.container{max-width:80rem;padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#fffc;position:sticky;top:0}@media (prefers-color-scheme:dark){.nav{background:#0f172acc}}.nav-container{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{align-items:center;gap:var(--spacing-2);transition:transform .2s;display:flex}.nav-logo:hover{transform:scale(1.05)}.nav-logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.nav-brand{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.nav-links{gap:var(--spacing-8);display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--color-foreground-secondary);padding:var(--spacing-2)var(--spacing-3);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.nav-menu-btn{padding:var(--spacing-3);color:var(--color-foreground);cursor:pointer;background:0 0;border:none;display:block}@media (min-width:768px){.nav-menu-btn{display:none}}.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.hero{height:100vh}}.hero-bg-gradient-1{filter:blur(120px);z-index:-1;background:radial-gradient(at 100% 0,#6366f133,#0000 70%);width:60%;height:70%;position:absolute;top:0;right:0}.hero-bg-gradient-2{filter:blur(100px);z-index:-1;background:radial-gradient(at 0 100%,#8b5cf633,#0000 70%);width:50%;height:60%;position:absolute;bottom:0;left:0}.hero-grid{gap:var(--spacing-8);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:1024px){.hero-grid{gap:var(--spacing-12);grid-template-columns:7fr 5fr}}.hero-content{text-align:center;z-index:10}@media (min-width:1024px){.hero-content{text-align:left}}.hero-badge{color:var(--color-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:var(--spacing-6);background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero-title{margin-bottom:var(--spacing-6);font-size:clamp(2.5rem,8vw,6rem);font-weight:900;line-height:1.1}.hero-title-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--color-foreground-secondary);max-width:42rem;margin:0 auto var(--spacing-8);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}@media (min-width:1024px){.hero-description{margin-left:0}}.hero-cta{gap:var(--spacing-5);margin-top:var(--spacing-6);flex-direction:column;align-items:center;display:flex}@media (min-width:640px){.hero-cta{flex-direction:row}}@media (min-width:1024px){.hero-cta{justify-content:flex-start}}.btn-google-play{color:#fff;cursor:pointer;background:#000;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;padding:14px 24px;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}@media (min-width:640px){.btn-google-play{width:auto}}.btn-google-play:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000004d}.btn-google-play-overlay{opacity:0;background:linear-gradient(90deg,#6366f133,#8b5cf633);transition:opacity .3s;position:absolute;inset:0}.btn-google-play:hover .btn-google-play-overlay{opacity:1}.btn-google-play-text{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.btn-google-play-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:2px;font-size:9px;font-weight:500}.btn-google-play-title{font-size:18px;font-weight:700}.badge-privacy{color:var(--color-foreground-secondary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafc80;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;display:flex}@media (min-width:640px){.badge-privacy{width:auto}}@media (prefers-color-scheme:dark){.badge-privacy{background:#1e293b80}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s ease-out slideUp}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:6s ease-in-out infinite float}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.hidden,.hero-mockup{display:none}@media (min-width:1024px){.hero-mockup{display:block}.hero-title-break{display:block!important}}.w-full{width:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.features-section{padding:var(--spacing-20)0;background:var(--color-background);position:relative}.section-title{text-align:center;margin-bottom:var(--spacing-4);font-size:clamp(2rem,5vw,3rem);font-weight:800}.section-subtitle{text-align:center;color:var(--color-foreground-secondary);max-width:600px;margin:0 auto var(--spacing-12);font-size:clamp(1rem,2vw,1.125rem)}.features-grid{gap:var(--spacing-6);margin-top:var(--spacing-12);grid-template-columns:1fr;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--spacing-8);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;transition:all .3s}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.feature-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;width:48px;height:48px;margin-bottom:var(--spacing-4);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:flex}.feature-title{margin-bottom:var(--spacing-2);font-size:1.25rem;font-weight:700}.feature-description{color:var(--color-foreground-secondary);line-height:1.6}.benefits-section{padding:var(--spacing-20)0;background:var(--color-background-secondary)}.benefits-grid{gap:var(--spacing-8);margin-top:var(--spacing-12);grid-template-columns:1fr;display:grid}@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-item{gap:var(--spacing-4);align-items:flex-start;display:flex}.benefit-check{background:var(--color-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;display:flex}.benefit-content h3{margin-bottom:var(--spacing-2);font-size:1.125rem;font-weight:600}.benefit-content p{color:var(--color-foreground-secondary);line-height:1.6}.screenshots-section{padding:var(--spacing-20)0;background:var(--color-background)}.screenshots-gallery{gap:var(--spacing-6);margin-top:var(--spacing-12);grid-template-columns:1fr;display:grid}@media (min-width:640px){.screenshots-gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.screenshots-gallery{grid-template-columns:repeat(4,1fr)}}.screenshot-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:20px;transition:transform .3s;position:relative;overflow:hidden}.screenshot-card:hover{transform:scale(1.05)}.screenshot-image{object-fit:cover;width:100%;height:auto;display:block}.screenshot-caption{padding:var(--spacing-3);text-align:center;background:var(--color-card-bg);border-top:1px solid var(--color-border);font-size:14px;font-weight:500}.footer{background:var(--color-foreground);color:#fffc;padding:var(--spacing-12)0 var(--spacing-6);margin-top:var(--spacing-20)}@media (prefers-color-scheme:dark){.footer{background:#0a0f1e}}.footer-content{gap:var(--spacing-8);margin-bottom:var(--spacing-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.footer-content{grid-template-columns:2fr 1fr 1fr}}.footer-brand{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.footer-logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.footer-brand-name{color:#fff;font-size:20px;font-weight:700}.footer-description{color:#fff9;margin-bottom:var(--spacing-4);line-height:1.6}.footer-section-title{text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:var(--spacing-4);font-size:14px;font-weight:600}.footer-links{gap:var(--spacing-3);flex-direction:column;display:flex}.footer-link{color:#ffffffb3;font-size:14px;transition:color .2s}.footer-link:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-6);text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;font-size:14px}