.hero-text p,.nav-links a{color:rgba(255,255,255,.8)}.feature-row,.hero-content{grid-template-columns:1fr 1fr}.btn,.footer-links a,.logo,.nav-links a{text-decoration:none}.btn-primary,.logo,.nav-links a:hover{color:#fff}.cta-section,.feature-image,.footer-seo,.section-title{text-align:center}:root{--bg-color:#1D1F5A;--text-color:#FFFFFF;--accent-color:#3B4CCA;--accent-secondary:#E2E65E;--card-bg:rgba(255, 255, 255, 0.05);--font-main:'Montserrat',sans-serif;--spacing-container:1200px;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 20px;width:100%}.navbar{padding:20px 0;position:sticky;top:0;background:rgba(29,31,90,.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.btn-primary,.hero{position:relative;overflow:hidden}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo,.nav-links{display:flex;align-items:center}.logo{gap:10px;font-weight:800;font-size:1.5rem}.btn,.coming-soon,.footer-logo,.section-title{font-weight:700}.logo img{height:40px;width:auto}.nav-links{gap:30px}.btn,.hero{align-items:center}.nav-links a{font-weight:600;transition:color .3s}.btn{display:inline-flex;justify-content:center;padding:12px 24px;border-radius:50px;transition:transform .2s,box-shadow .2s;gap:10px}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#5e6fd1);z-index:1}.btn-primary:hover{animation:1.5s infinite alternate neon-border}@keyframes neon-border{0%{box-shadow:0 0 5px var(--accent-color),0 0 10px var(--accent-color)}100%{box-shadow:0 0 10px var(--accent-color),0 0 20px #f0f,0 0 30px #0ff}}.btn-store{background:#fff;color:var(--bg-color);font-size:.9rem;min-width:160px}.btn-store svg{fill:var(--bg-color)}.btn-store:hover{background:#f0f0f0}.hero{padding:80px 0 40px;min-height:80vh;display:flex}.hero::before{content:'';position:absolute;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,76,202,.3) 0,rgba(29,31,90,0) 70%);border-radius:50%;z-index:-1}.hero-content{display:grid;gap:60px;align-items:center}.hero-text h1{font-size:3.5rem;line-height:1.2;margin-bottom:24px;font-weight:800;background:linear-gradient(to right,#fff,#b3b3b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.2rem;margin-bottom:40px;max-width:500px}.coming-soon,.feature-text h3{color:var(--accent-secondary)}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-image{display:flex;justify-content:center;perspective:1000px}.hero-image img{max-width:100%;height:auto;max-height:600px;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.5);transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s}.hero-image:hover img{transform:rotateY(0) rotateX(0)}.features{padding:100px 0}.section-title{font-size:2.5rem;margin-bottom:80px}.feature-row{display:grid;gap:60px;align-items:center;margin-bottom:120px}.feature-row.reverse .feature-text{order:2}.feature-text h3{font-size:2rem;margin-bottom:20px}.feature-text p{font-size:1.1rem;color:rgba(255,255,255,.85)}.feature-image img{width:65%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .3s}.feature-image:hover img{transform:scale(1.02)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.card{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;transition:background .3s}.card:hover{background:rgba(255,255,255,.1)}.card-icon{font-size:2.5rem;margin-bottom:20px}.card h4{font-size:1.5rem;margin-bottom:15px}.coming-soon{font-size:.8rem;background:rgba(255,203,5,.2);padding:4px 10px;border-radius:100px;display:inline-block;margin-bottom:10px}.cta-section{padding:100px 0;background:linear-gradient(180deg,rgba(29,31,90,0) 0,rgba(0,0,0,.2) 100%)}.cta-section h2{font-size:3rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:40px;color:rgba(255,255,255,.8)}.center{justify-content:center}footer{padding:60px 0;border-top:1px solid rgba(255,255,255,.05);margin-top:60px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:rgba(255,255,255,.6)}.footer-logo img{height:30px;opacity:.6}.copyright{color:rgba(255,255,255,.4);font-size:.9rem}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a{color:rgba(255,255,255,.5);font-size:.9rem;transition:color .3s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-seo{margin-top:20px;max-width:900px;padding:0 20px}.footer-seo p{color:rgba(255,255,255,.15);font-size:.7rem;line-height:1.5;margin:0}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-200{transition-delay:0.2s}@media (max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-text p{margin:0 auto 40px}.cta-buttons{justify-content:center}.feature-row{grid-template-columns:1fr;gap:40px}.feature-row.reverse .feature-text{order:0}.feature-image img{width:100%}}@media (max-width:600px){.sm-hidden{display:none}.hero-text h1{font-size:2rem}}
/* Store badges — minimalist social-proof strip */
.store-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin-top: 16px;
    font-size: 0.72rem;
    letter-spacing: 0.01em;
    color: rgba(255,255,255,0.45);
    font-weight: 500;
}
.store-badges.center {
    justify-content: center;
}
.store-badges span {
    line-height: 1.3;
}
.store-badge-sep {
    color: rgba(255,255,255,0.2);
    font-size: 0.9rem;
    user-select: none;
}
@media (max-width: 600px) {
    .store-badges {
        flex-direction: column;
        gap: 4px;
    }
    .store-badge-sep {
        display: none;
    }
}
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1001;
    padding: 0;
}
.mobile-menu-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    transition: all 0.3s ease;
}
.mobile-menu-toggle.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}
@media (max-width: 900px) {
    .mobile-menu-toggle {
        display: flex;
    }
    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(29,31,90,0.98);
        flex-direction: column;
        padding: 20px 0;
        gap: 20px;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        transition: clip-path 0.4s ease-in-out;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        display: flex;
    }
    .nav-links.active {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .nav-links .sm-hidden {
        display: flex;
    }
}
/* About & FAQ Sections */
.about, .faq {
    padding: 60px 0;
}
.about-content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--text-secondary);
    text-align: center;
}
.about-content strong {
    color: var(--text-primary);
}
.faq-accordion {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.faq-item {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.faq-item summary {
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: var(--text-primary);
}
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}
.faq-item[open] summary::after {
    content: '-';
    transform: translateY(-50%) rotate(180deg);
}
.faq-item p {
    margin-top: 15px;
    color: var(--text-secondary);
    line-height: 1.5;
}