@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700;800&display=swap";:root{--accent-orange:#ff5e2e;--accent-green:#2ee6a6;--accent-purple:#7b3fe4;--accent-blue:#3e7bff;--bg-primary:#050508;--bg-secondary:#0d0d14;--bg-surface:#14141e66;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73;--border-color:#ffffff14;--glass-bg:#0d0d14b3;--glass-border:#ffffff1a;--shadow-color:#00000080;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--transition-slow:all .7s cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-surface:#fff9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#0f172a14;--glass-bg:#fffc;--glass-border:#0f172a14;--shadow-color:#0f172a1a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;transition:background-color .5s;overflow-x:hidden}.bg-glow{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-orange{filter:blur(80px);background:radial-gradient(circle,#ff5e2e26 0%,#0000 70%);width:60%;height:60%;animation:15s infinite alternate moveGlow;position:absolute;top:-10%;right:-10%}.glow-purple{filter:blur(80px);background:radial-gradient(circle,#7b3fe41f 0%,#0000 70%);width:60%;height:60%;animation:20s infinite alternate-reverse moveGlow;position:absolute;bottom:-10%;left:-10%}@keyframes moveGlow{0%{transform:translate(0)}to{transform:translate(10%,10%)}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800;line-height:1.1}.title-xl{font-size:clamp(2.5rem,8vw,4.5rem)}.title-lg{font-size:clamp(2rem,5vw,3.5rem)}.title-md{font-size:clamp(1.5rem,3vw,2.5rem)}.gradient-text{background:linear-gradient(135deg, var(--accent-orange) 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:120px 0;position:relative}@media (width<=768px){.section{padding:80px 0}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow-color)}.card-premium{background:var(--bg-surface);border:1px solid var(--border-color);transition:var(--transition);border-radius:24px;flex-direction:column;gap:1.5rem;height:100%;padding:2.5rem;display:flex}.card-premium:hover{border-color:var(--accent-orange);box-shadow:0 12px 40px var(--shadow-color);background:#ff5e2e0d;transform:translateY(-8px)}.btn{font-family:var(--font-heading);transition:var(--transition);cursor:pointer;border:none;border-radius:100px;outline:none;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}a{text-decoration:none}.btn-primary{background:var(--accent-orange);color:#fff;box-shadow:0 10px 25px #ff5e2e4d}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.05);box-shadow:0 15px 35px #ff5e2e66}.btn-glass{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background:var(--text-primary);color:var(--bg-primary);transform:scale(1.05)}.header-floating{z-index:1000;width:calc(100% - 48px);max-width:1100px;height:72px;transition:var(--transition);border-radius:36px;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.header-scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--glass-border);height:64px;top:12px}.nav-link{color:var(--text-secondary);transition:var(--transition);padding:8px 12px;font-size:.95rem;font-weight:600;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-orange)}.google-play-btn{transition:var(--transition);align-items:center;text-decoration:none;display:inline-flex}.google-play-btn:hover{filter:brightness(1.1);transform:translateY(-4px)}.google-play-img{content:url(/google_play_dark.svg);width:auto;height:48px;display:block}[data-theme=light] .google-play-img{content:url(/google_play_light.svg)}.logo-img{object-fit:contain;width:auto;height:50px;display:block}@media (width>=768px){.logo-img{height:48px}}.logo-img-footer{width:auto;height:60px;display:block}.google-play-text{flex-direction:column;line-height:1.1;display:flex}.google-play-text span:first-child{text-transform:uppercase;opacity:.8;letter-spacing:.05em;font-size:.65rem}.google-play-text span:last-child{font-size:1rem;font-weight:700}.shape-blob{background:radial-gradient(circle, var(--primary-color) 0%, transparent 70%);filter:blur(80px);opacity:.15;pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;position:absolute}.shape-blob-1{background:radial-gradient(circle, var(--accent-orange) 0%, transparent 70%);top:-100px;right:-100px}.wave-container{width:100%;margin-top:-1px;line-height:0;overflow:hidden}.wave-fill{fill:var(--bg-secondary)}.wave-container-bottom{margin-top:0;margin-bottom:-1px;transform:rotate(180deg)}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);transition:var(--transition);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--accent-orange);color:#fff;transform:rotate(15deg)scale(1.1)}.mobile-menu-toggle-btn{background:var(--accent-orange);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:none}.mobile-menu-toggle-btn:hover{filter:brightness(1.1);transform:scale(1.05)}@media (width<=767px){.mobile-menu-toggle-btn{display:flex}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(24px);z-index:2000;background:#050508eb;justify-content:center;align-items:flex-start;padding:24px;animation:.3s forwards overlayFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-container{flex-direction:column;gap:16px;width:100%;max-width:420px;margin-top:60px;display:flex;position:relative}.mobile-menu-close-btn{background:var(--accent-orange);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-48px;right:0}.mobile-menu-close-btn:hover{filter:brightness(1.15);transform:rotate(90deg)scale(1.1)}.mobile-menu-nav{flex-direction:column;gap:12px;display:flex}.mobile-menu-card{color:var(--text-primary);transition:var(--transition);background:#14141ed9;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:16px;padding:28px 24px;text-decoration:none;animation:.4s both cardSlideUp;display:flex}.mobile-menu-card:hover{border-color:var(--accent-orange);background:#ff5e2e14;transform:translateY(-2px)}.mobile-menu-card-icon{color:var(--text-secondary);opacity:.7}.mobile-menu-card-label{font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .mobile-menu-overlay{background:#f8f9fcf2}[data-theme=light] .mobile-menu-card{background:#ffffffe6;border-color:#0f172a14}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.inline-flex{display:inline-flex}.grid{display:grid}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.gap-16{gap:64px}.text-center{text-align:center}.w-full{width:100%}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.opacity-20{opacity:.2}.opacity-80{opacity:.8}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-24{height:6rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-24{width:6rem}.w-auto{width:auto}.pt-20{padding-top:5rem}.pb-32{padding-bottom:8rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.footer-portfolio{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:40px}}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-nav-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:24px;font-size:.75rem;font-weight:700}.footer-link-list{flex-direction:column;gap:12px;display:flex}.footer-link{color:var(--text-secondary);transition:var(--transition);font-size:.95rem}.footer-link:hover{color:var(--accent-orange);transform:translate(4px)}.footer-link-list li{list-style:none}.footer-bottom{border-top:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.2em;opacity:.4;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding-top:2rem;font-size:10px;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row}}.social-links{gap:12px;display:flex}.social-icon-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background:var(--accent-orange);color:#fff;transform:translateY(-4px)}.card-grid{grid-template-columns:repeat(1,1fr);gap:32px;display:grid}@media (width>=768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.audience-grid{grid-template-columns:1fr}}.audience-card{background:var(--bg-surface);border:1px solid var(--border-color);transition:var(--transition);border-radius:24px;padding:40px}.audience-card:hover{border-color:var(--accent-orange);background:#ff5e2e0d;transform:translateY(-8px)}.audience-icon-box{width:56px;height:56px;color:var(--accent-orange);background:#7b3fe41a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.pt-32{padding-top:8rem}.mt-20{margin-top:5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=640px){.sm:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.md:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.lg:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg:text-left{text-align:left}.lg:mx-0{margin-left:0;margin-right:0}.lg:justify-start{justify-content:flex-start}.lg:justify-between{justify-content:space-between}.lg:items-start{align-items:flex-start}}.hero-section{padding-top:100px;padding-bottom:120px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:64px;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:1.2fr .8fr}}.hero-badge{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;align-items:center;gap:12px;margin-bottom:32px;padding:8px 16px;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:24px;margin-top:48px;display:flex}.hero-mockup-container{justify-content:center;width:100%;display:flex;position:relative}.hero-card-mockup{background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:400px;box-shadow:0 20px 50px var(--shadow-color);border-radius:32px;padding:32px}.z-10{z-index:10}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.border-0{border-width:0}.border-2{border-width:2px}.bg-white\/\[0\.03\]{background-color:#ffffff08}.blur-3xl{filter:blur(64px)}.opacity-10{opacity:.1}.z-50{z-index:50}.rounded-t-\[40px\]{border-top-left-radius:40px;border-top-right-radius:40px}.border-t-0{border-top-width:0}.border-t{border-top-width:1px}.flex-grow{flex-grow:1}.min-h-screen{min-height:100vh}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg;transform:rotate(3deg)}.hover\:rotate-0:hover{--tw-rotate:0deg;transform:rotate(0)}.transition-all{transition-property:all}.duration-700{transition-duration:.7s}.animate-bounce{animation:1s infinite bounce}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-desktop{display:flex}@media (width<=767px){.nav-desktop{display:none}}