:root{--bg: #09090b;--bg-secondary: #18181b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #7c3aed;--accent-secondary: #8b5cf6;--font-main: "Outfit", sans-serif;--font-display: "Outfit", sans-serif;--radius-md: 16px;--radius-lg: 24px;--container-max: 1200px}@media(min-width:1200px){:root{--container-max: 1300px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-main);min-height:100vh;display:flex;flex-direction:column}.glow{position:absolute;width:500px;height:500px;background:var(--accent);filter:blur(150px);border-radius:50%;opacity:.15;z-index:-1;pointer-events:none}.glow-top{top:-100px;left:-100px}.glow-right{top:30%;right:0;transform:translate(50%);background:var(--accent-secondary);opacity:.1}#app{position:relative;overflow-x:clip;width:100%}nav{padding:1.5rem 5%;max-width:var(--container-max);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;font-family:var(--font-main)}.nav-links a:hover{color:var(--text-main)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;padding:.75rem 1.75rem;border-radius:99px;text-decoration:none;font-weight:600;font-family:var(--font-main);transition:all .2s ease;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{background:var(--accent-secondary);box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px);color:#fff}.logo{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2rem);font-weight:800;display:flex;align-items:center;gap:.75rem;color:var(--text-main);text-decoration:none}.logo img{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px);border-radius:8px}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:100}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{display:flex;flex-direction:column;padding:2rem 5% 6rem;max-width:var(--container-max);margin:0 auto;flex:1;gap:4rem}@media(min-width:992px){.hero{flex-direction:row;align-items:center;justify-content:space-between}.stats-bar{max-width:var(--container-max)}}.hero-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.hero-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;max-width:800px}.highlight{background:linear-gradient(135deg,#c4a1ff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight.glint-text{background-image:linear-gradient(to right,var(--accent) 0%,var(--accent-secondary) 20%,#a855f7 35%,#d8b4fe 45%,#ffffff 50%,#d8b4fe 55%,#a855f7 65%,var(--accent-secondary) 80%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:text-glint 4s linear infinite}@keyframes text-glint{0%{background-position:0% center}to{background-position:-200% center}}.hero-content .description{font-size:1.25rem;color:var(--text-muted);line-height:1.6;max-width:500px}.hero-actions,.hero-actions-secondary{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.hero-actions-secondary{margin-top:1rem}.store-link-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.store-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-family:var(--font-main)}.playstore-placeholder-container{transition:transform .2s ease;cursor:pointer;display:inline-flex}.playstore-placeholder-container:hover{transform:translateY(-2px)}.playstore-badge{height:56px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.custom-store-badge{display:flex;align-items:center;justify-content:center;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:0 16px;gap:12px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none}.custom-store-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.custom-store-sub{font-size:10px;font-weight:500;text-transform:uppercase;color:#ccc;margin-bottom:-2px}.custom-store-main{font-size:18px;font-weight:600;letter-spacing:.3px}.hero-image{flex:1;display:flex;justify-content:flex-end;align-items:center;position:relative}.story-carousel-container{position:relative;width:100%;max-width:400px;height:660px;border-radius:36px;border:10px solid #000;box-shadow:0 0 0 1px #ffffff0d,0 30px 60px #00000080,0 0 40px #7c3aed33;background:#000;overflow:hidden;isolation:isolate}.story-progress-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:10;transition:opacity .3s ease}.story-carousel-container.is-paused .story-progress-bar{opacity:0}.story-progress-segment{height:4px;flex:1;background:#ffffff4d;border-radius:2px;overflow:hidden;transition:background .3s ease}.story-carousel-container[data-theme=light] .story-progress-segment{background:#7c3aed33}.story-progress-fill{height:100%;background:#fff;width:0%;border-radius:2px;transition:background .3s ease}.story-carousel-container[data-theme=light] .story-progress-fill{background:var(--accent)}.app-image{width:100%;height:100%;transition:opacity .3s ease;object-fit:cover;object-position:center top;display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.story-nav-btn{position:absolute;bottom:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;opacity:0;transition:opacity .25s ease,background .2s ease;color:#fff;background:#00000073;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-carousel-container:hover .story-nav-btn{opacity:1}.story-nav-btn:hover{background:#000000b3}.story-nav-prev{left:12px}.story-nav-next{right:12px}.story-pause-btn{left:50%;transform:translate(-50%)}.story-nav-btn svg{width:18px;height:18px}.story-pause-btn svg{width:16px;height:16px}.stats-bar{display:flex;align-items:center;justify-content:space-evenly;gap:clamp(1rem,3vw,2rem);padding:3rem clamp(1.5rem,4vw,5%);max-width:1000px;margin:0 auto;width:90%;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid transparent;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}@property --bg-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.stats-bar:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:conic-gradient(from var(--bg-angle) at 50% 50%,rgba(255,255,255,.08) 0%,rgba(255,255,255,.08) 40%,var(--accent) 48%,rgba(255,255,255,.9) 50%,var(--accent) 52%,rgba(255,255,255,.08) 60%,rgba(255,255,255,.08) 100%);animation:stats-border-glint 7s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes stats-border-glint{0%{--bg-angle: 0deg}15%{--bg-angle: 75deg}35%{--bg-angle: 105deg}50%{--bg-angle: 180deg}65%{--bg-angle: 255deg}85%{--bg-angle: 285deg}to{--bg-angle: 360deg}}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;flex:1 1 0;min-width:0}.stat-value{display:flex;flex-direction:row;align-items:baseline;justify-content:center;white-space:nowrap;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}.stat-number{font-size:inherit;font-weight:inherit;color:var(--text-main);line-height:inherit}.stat-suffix{font-size:inherit;font-weight:inherit;color:var(--accent);line-height:inherit;text-shadow:0 0 20px rgba(124,58,237,.5)}.stat-label{font-size:clamp(.75rem,1.2vw,.95rem);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em;width:100%;text-align:center}.stat-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15),transparent);flex-shrink:0}.section-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.features-section{padding:6rem 5%;max-width:var(--container-max);margin:0 auto;width:100%;text-align:center}.features-section h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;font-weight:800}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;text-align:left}.feature-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-6px);border-color:#7c3aed4d;box-shadow:0 12px 40px #7c3aed1a}.feature-screenshot-container{position:relative;width:100%;aspect-ratio:3 / 2;background:#000;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.feature-screenshot{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.feature-card:hover .feature-screenshot{transform:scale(1.04)}.feature-content{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 2rem}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main)}.feature-card p{color:var(--text-muted);line-height:1.5;font-size:.9rem}.reviews-section{padding:6rem 5%;max-width:var(--container-max);margin:0 auto;width:100%;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.reviews-section h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;font-weight:800}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;text-align:left}.review-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,border-color .2s ease}.review-card:hover{transform:translateY(-4px);border-color:#ffffff1a}.review-header{display:flex;align-items:center;gap:1rem}.review-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;flex-shrink:0}.review-meta{display:flex;flex-direction:column}.review-name{font-weight:600;color:var(--text-main);font-size:1.05rem}.review-date{font-size:.85rem;color:var(--text-muted)}.review-stars{color:#fbbf24;font-size:1.1rem;letter-spacing:2px}.review-text{color:var(--text-muted);line-height:1.6;font-size:1rem}.faq-section{padding:6rem 5%;max-width:800px;margin:0 auto;width:100%;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.faq-section h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;font-weight:800}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;text-align:left}.faq-item{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);overflow:hidden;transition:border-color .25s ease}.faq-item:hover{border-color:#ffffff1a}.faq-item.open{border-color:#7c3aed4d}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:none;border:none;color:var(--text-main);font-family:var(--font-main);font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left;gap:1rem;transition:color .2s ease}.faq-question:hover{color:var(--accent)}.faq-chevron{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease;color:var(--text-muted)}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.5rem}.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.25rem}.faq-answer p{color:var(--text-muted);line-height:1.7;font-size:.95rem}.faq-answer a{color:var(--accent);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.about-section{padding:6rem 5%;max-width:800px;margin:0 auto;width:100%;border-top:1px solid rgba(255,255,255,.05)}.about-header{text-align:center;margin-bottom:2.5rem}.about-header h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;font-weight:800}.about-simple{display:flex;flex-direction:column;gap:1.25rem}.about-profile-simple{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.about-avatar-large{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 15px #7c3aed33}.about-profile-info{display:flex;flex-direction:column}.about-profile-info h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:.1rem}.about-role{color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:.02em}.about-bio{color:var(--text-muted);line-height:1.8;font-size:1.05rem;margin-bottom:1rem}.about-bio-container{position:relative;max-height:320px;overflow:hidden;transition:max-height .3s ease-out}.about-bio-container.expanded{max-height:1200px}.about-bio-overlay{position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to bottom,#09090b00,#09090b 90%);pointer-events:none;transition:opacity .5s ease}.about-bio-container.expanded .about-bio-overlay{opacity:0}.about-read-more-btn{background:none;border:none;color:var(--accent);font-family:var(--font-main);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:-.5rem auto 1.5rem;transition:opacity .2s,transform .2s;padding:.5rem 0}.about-read-more-btn:hover{opacity:.8;transform:translateY(2px)}.about-read-more-btn svg{transition:transform .2s ease}.about-read-more-btn.expanded svg{transform:rotate(180deg)}.about-bio strong{color:var(--text-main);font-weight:600}.about-links{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;align-items:center;flex-wrap:wrap}.about-links-group{display:flex;align-items:center;gap:.75rem}.about-link-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;padding:.65rem 1.25rem;border-radius:99px;text-decoration:none;font-weight:600;font-size:.9rem;font-family:var(--font-main);transition:all .25s ease;box-shadow:0 4px 15px #7c3aed4d}.about-link-btn:hover{background:var(--accent-secondary);box-shadow:0 6px 20px #7c3aed80;transform:translateY(-2px);color:#fff}.about-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);transition:all .25s ease;text-decoration:none}.about-link:hover{background:#7c3aed26;border-color:#7c3aed66;color:var(--accent);transform:translateY(-3px)}footer{border-top:1px solid rgba(255,255,255,.05);margin-top:2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:4rem 5%;max-width:var(--container-max);margin:0 auto;width:100%}.footer-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.75rem}.footer-logo img{width:36px;height:36px;border-radius:8px}.footer-tagline{color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:280px}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h4{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.footer-col a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:1.5rem 5%;text-align:center}.footer-bottom p{color:#94a3b880;font-size:.85rem}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.fade-in-section.visible{opacity:1;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero-content .description{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0}.hero-actions,.hero-actions-secondary{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.hero-actions-secondary{animation-delay:.25s}.hero-image{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;opacity:0}@media(max-width:991px){.hero{text-align:center;padding:2rem 5% 4rem}.hero-content .description{margin:0 auto}.hero-actions,.hero-actions-secondary,.hero-image{justify-content:center}.app-image,.app-image:hover{transform:none}.glow{width:300px;height:300px}.story-carousel-container{max-width:min(85vw,340px);height:auto;aspect-ratio:9 / 17.5}.story-nav-btn{display:none!important}.reviews-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-col{align-items:center}.footer-logo{justify-content:center}.footer-tagline{margin:0 auto}.about-links{justify-content:center}.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex}.nav-links.mobile-open{display:flex;flex-direction:column;position:fixed;inset:0;background:#09090bf7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;justify-content:center;align-items:center;gap:2.5rem}.nav-links.mobile-open a{font-size:1.5rem;font-weight:600;color:var(--text-main)}}@media(max-width:640px){.features-section,.reviews-section,.faq-section,.about-section{padding:3.5rem 5%}.features-grid{grid-template-columns:1fr}.stats-bar{flex-direction:column;gap:1.5rem;padding:2rem}.stat-divider{width:60px;height:1px}.stat-value{font-size:1.8rem}.web-app-badge{background:var(--accent);border-color:var(--accent)}.web-app-badge .custom-store-sub{color:#fffc}.about-section{padding-bottom:1.5rem}footer{margin-top:1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center;padding-top:2rem}.footer-col{align-items:center}.footer-logo{justify-content:center}.footer-tagline{margin:0 auto}}.reviews-grid .review-card{display:none}.reviews-grid .review-card:nth-child(-n+6){display:flex}@media(max-width:768px){.reviews-grid .review-card:nth-child(-n+6){display:none}.reviews-grid .review-card:nth-child(-n+4){display:flex}}.reviews-grid.expanded .review-card{display:flex!important}.view-more-container{display:flex;justify-content:center;margin-top:3rem}.btn-view-more{background:none;border:none;color:var(--accent);font-family:var(--font-main);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:opacity .2s,transform .2s;padding:.5rem 0}.btn-view-more:hover{opacity:.8;transform:translateY(2px)}.btn-view-more svg{transition:transform .2s ease}.btn-view-more.expanded svg{transform:rotate(180deg)}
