*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}
.topbar{background:#101826;padding:15px 10px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;}
.brand-mark img{width:162px;height:60px;object-fit:contain;}
.nav-links{display:none;gap:25px;}
.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;}
.nav-links a:hover{color:#6db26b;}
.auth-controls{display:none;gap:12px;}
.btn-signin,.btn-signup{padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.btn-signin{background:transparent;color:#fff;border:2px solid #6db26b;}
.btn-signin:hover{background:#6db26b;color:#101826;}
.btn-signup{background:#6db26b;color:#101826;}
.btn-signup:hover{background:#5c9e5b;transform:translateY(-2px);}
.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px;}
.menu-toggle span{width:28px;height:3px;background:#6db26b;transition:all 0.3s;}
.mobile-nav{display:none;flex-direction:column;background:#1a2332;padding:20px;position:absolute;top:100%;left:0;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.mobile-nav a{color:#fff;padding:12px 0;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-nav a:hover{color:#6db26b;}
.btn-signin-mobile,.btn-signup-mobile{margin-top:10px;padding:12px;text-align:center;border-radius:6px;font-weight:600;}
.btn-signin-mobile{background:transparent;border:2px solid #6db26b;color:#6db26b;}
.btn-signup-mobile{background:#6db26b;color:#101826;}
.page-wrapper{max-width:1400px;margin:0 auto;padding:0 10px;}
.app-hero{background:linear-gradient(135deg,#101826,#1a2332);padding:60px 20px;margin:20px 0;border-radius:12px;overflow:hidden;position:relative;}
.app-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(109,178,107,0.03) 10px,rgba(109,178,107,0.03) 20px);z-index:1;}
.hero-layout{position:relative;z-index:2;display:flex;flex-direction:column;gap:30px;align-items:center;}
.hero-text{color:#fff;text-align:center;max-width:700px;}
.hero-text h1{font-size:2.2rem;margin-bottom:20px;color:#6db26b;line-height:1.2;}
.hero-text p{font-size:1.05rem;margin-bottom:30px;line-height:1.7;color:#e0e0e0;}
.download-buttons{display:flex;flex-direction:column;gap:15px;}
.btn-download{display:flex;align-items:center;gap:12px;padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:700;transition:all 0.3s;justify-content:center;}
.btn-download.android{background:#6db26b;color:#101826;}
.btn-download.ios{background:#fff;color:#101826;}
.btn-download:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
.hero-visual{display:flex;justify-content:center;}
.hero-visual img{max-width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.5));}
.app-features{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.app-features h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.app-features>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.feature-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:25px;border-radius:8px;text-align:center;transition:transform 0.3s;}
.feature-box:hover{transform:translateY(-5px);}
.feature-emoji{font-size:3rem;display:block;margin-bottom:12px;}
.feature-box h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.feature-box p{color:#555;font-size:0.95rem;line-height:1.6;}
.cta-primary{display:inline-block;background:#6db26b;color:#101826;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s;box-shadow:0 4px 15px rgba(109,178,107,0.4);margin-top:20px;}
.cta-primary:hover{background:#5c9e5b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(109,178,107,0.6);}
.android-install{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.android-install h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.android-install>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.install-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}
.step-card{background:#f9f9f9;padding:25px;border-radius:8px;position:relative;padding-top:70px;}
.step-num{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:45px;height:45px;background:#6db26b;color:#101826;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;}
.step-card h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.step-card p{color:#555;font-size:0.95rem;line-height:1.6;}
.cta-secondary{display:inline-block;background:#101826;color:#6db26b;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all 0.3s;margin-top:25px;}
.cta-secondary:hover{background:#1a2332;transform:translateY(-2px);}
.ios-install{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.ios-install h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.ios-install>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.ios-steps{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0;}
.ios-step{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:25px;border-radius:8px;}
.ios-step h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.ios-step p{color:#333;font-size:0.95rem;line-height:1.6;}
.app-vs-web{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.app-vs-web h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.app-vs-web>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.comparison-table{overflow-x:auto;margin:30px 0;}
.comparison-table table{width:100%;border-collapse:collapse;background:#f9f9f9;border-radius:8px;overflow:hidden;}
.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;font-size:0.95rem;}
.comparison-table thead{background:#6db26b;color:#101826;}
.comparison-table th{font-weight:600;}
.comparison-table tbody tr{border-bottom:1px solid #e0e0e0;}
.comparison-table tbody tr:last-child{border-bottom:none;}
.comparison-table td{color:#555;}
.app-performance{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.app-performance h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.app-performance>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.network-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0;}
.stat-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:25px;border-radius:8px;}
.stat-box h3{color:#6db26b;margin-bottom:12px;font-size:1.2rem;}
.stat-box p{color:#555;font-size:0.95rem;line-height:1.7;}
.stat-box strong{color:#101826;font-weight:600;}
.troubleshooting{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.troubleshooting h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.troubleshooting>p{margin-bottom:20px;color:#444;font-size:1.02rem;}
.faq-list{display:flex;flex-direction:column;gap:15px;margin:25px 0;}
.faq-item{background:#f9f9f9;padding:20px;border-radius:8px;}
.faq-item h3{color:#6db26b;margin-bottom:10px;font-size:1.1rem;}
.faq-item p{color:#555;font-size:0.95rem;line-height:1.6;}
.site-footer{background:#101826;color:#fff;padding:50px 20px 20px;margin-top:40px;}
.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:30px;}
.footer-section h4{color:#6db26b;margin-bottom:16px;font-size:1.2rem;}
.footer-nav{display:flex;flex-direction:column;gap:10px;}
.footer-nav a{color:#ccc;text-decoration:none;transition:color 0.3s;font-size:0.95rem;}
.footer-nav a:hover{color:#6db26b;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0.9);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1.2);}
.license-info{color:#aaa;font-size:0.9rem;line-height:1.6;margin-bottom:12px;}
.age-restriction{color:#6db26b;font-weight:600;font-size:1rem;}
.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#888;font-size:0.9rem;}
@media(min-width:480px){
.hero-text h1{font-size:2.5rem;}
.download-buttons{flex-direction:row;justify-content:center;}
}
@media(min-width:768px){
.hero-text h1{font-size:2.8rem;}
.hero-layout{flex-direction:row;justify-content:space-between;}
.hero-text{text-align:left;}
.ios-steps{grid-template-columns:repeat(2,1fr);}
.footer-content{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1080px){
.nav-links{display:flex;}
.auth-controls{display:flex;}
.menu-toggle{display:none;}
.hero-text h1{font-size:3rem;}
.ios-steps{grid-template-columns:repeat(4,1fr);}
.footer-content{grid-template-columns:repeat(4,1fr);}
}