*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:'Segoe UI',sans-serif;margin:0;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--heading)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--accent)}.breadcrumb-wrap{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 0}.breadcrumb{margin:0;background:transparent;padding:0}.breadcrumb-item a{color:var(--primary)}.breadcrumb-item.active{color:var(--muted)}.breadcrumb-item+.breadcrumb-item::before{color:var(--muted)}.marquee-wrap{background:var(--surface);border-bottom:1px solid var(--border);overflow:hidden;padding:9px 0}.marquee-track{display:flex;white-space:nowrap;animation:mq 30s linear infinite}.marquee-track span{padding:0 2.2rem;font-size:.86rem;color:var(--muted)}.marquee-track span b{color:var(--accent)}@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hero-band{background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(236,72,153,.13));border-bottom:1px solid var(--border);padding:4rem 0 3rem;position:relative;overflow:hidden}.hero-band::after{content:'';position:absolute;right:-120px;top:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 65%);pointer-events:none}.hero-band::before{content:'';position:absolute;left:-80px;bottom:-80px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.12),transparent 65%);pointer-events:none}.hero-band h1{font-size:clamp(1.7rem,4.5vw,2.8rem);font-weight:900;line-height:1.28}.hero-band p.lead-text{color:var(--muted);max-width:600px;font-size:1.05rem;line-height:1.7}.dl-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.6rem;border-radius:14px;font-weight:800;font-size:1rem;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer}.dl-btn-android{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--on-primary)}.dl-btn-ios{background:var(--surface);border:1px solid var(--border);color:var(--heading)}.dl-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,58,237,.4)}.dl-btn i{font-size:1.5rem}.dl-btn-sub{font-size:.7rem;font-weight:500;opacity:.85;display:block;text-align:left}.dl-btn-main{font-size:1rem;font-weight:900;display:block;text-align:left}.phone-mockup{position:relative;width:260px;margin:0 auto}.phone-frame{background:var(--surface);border:2px solid var(--border);border-radius:40px;padding:14px 10px;box-shadow:0 20px 60px rgba(124,58,237,.35);position:relative}.phone-frame::before{content:'';width:80px;height:6px;background:var(--border);border-radius:3px;display:block;margin:0 auto 12px}.phone-screen{background:var(--bg);border-radius:28px;overflow:hidden;min-height:460px;padding:1rem}.phone-status{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted);margin-bottom:.8rem;padding:0 .2rem}.phone-app-header{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:14px;padding:.8rem;margin-bottom:.8rem;text-align:center}.phone-app-header .app-logo{font-size:1.4rem;font-weight:900;color:var(--on-primary)}.phone-app-header .app-balance{font-size:.65rem;color:rgba(255,255,255,.8);margin-top:.2rem}.phone-app-header .app-bal-num{font-size:1.2rem;font-weight:900;color:var(--on-primary)}.phone-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.8rem}.phone-qa{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:10px;padding:.5rem .2rem;text-align:center;font-size:.58rem;color:var(--muted)}.phone-qa i{font-size:.95rem;color:var(--primary);display:block;margin-bottom:.2rem}.phone-live-section{font-size:.65rem;color:var(--muted);font-weight:700;margin-bottom:.4rem;display:flex;justify-content:space-between}.phone-match{background:rgba(124,58,237,.1);border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;margin-bottom:.4rem}.phone-match .pm-teams{font-size:.65rem;font-weight:700;color:var(--heading);display:flex;justify-content:space-between}.phone-match .pm-score{font-size:.72rem;font-weight:900;color:var(--primary);text-align:center}.phone-match .pm-odds{display:flex;gap:.3rem;margin-top:.3rem}.phone-match .pm-odd{flex:1;background:rgba(255,255,255,.05);border-radius:5px;text-align:center;font-size:.55rem;color:var(--muted);padding:.2rem}.phone-match .pm-odd b{display:block;color:var(--text);font-size:.62rem}.phone-nav{display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);margin-top:.5rem;padding:.5rem 0;border-radius:0 0 14px 14px}.phone-nav-item{text-align:center;font-size:.55rem;color:var(--muted)}.phone-nav-item i{display:block;font-size:.9rem;margin-bottom:.1rem}.phone-nav-item.active{color:var(--primary)}.float-badge{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.4rem .7rem;font-size:.75rem;font-weight:700;color:var(--heading);box-shadow:0 4px 16px rgba(0,0,0,.4);display:flex;align-items:center;gap:.4rem}.float-badge i{color:var(--primary)}section{padding:3.5rem 0}hr.sec-divider{border:none;border-top:1px solid var(--border);margin:0}.sec-title h2{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.accent-line{display:inline-block;width:55px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;margin-top:.5rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.3rem;height:100%;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(124,58,237,.35);border-color:var(--primary)}.feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.6rem}.feature-card h5{font-weight:800;margin-bottom:.4rem}.feature-card p{color:var(--muted);font-size:.87rem;margin:0;line-height:1.7}.step-wrap{display:flex;flex-direction:column;gap:0}.step-item{display:flex;gap:1.2rem;align-items:flex-start;padding-bottom:1.8rem;position:relative}.step-item:not(:last-child)::after{content:'';position:absolute;left:22px;top:48px;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary),var(--accent));opacity:.4}.step-num{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--on-primary);font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h5{font-weight:800;margin-bottom:.3rem;color:var(--heading)}.step-content p{color:var(--muted);font-size:.87rem;margin:0;line-height:1.7}.compare-table{width:100%;border-collapse:separate;border-spacing:0 6px}.compare-table thead th{background:var(--surface);color:var(--muted);font-size:.76rem;font-weight:700;padding:.6rem 1rem;border-bottom:1px solid var(--border);text-align:center}.compare-table thead th:first-child{text-align:left}.compare-table tbody tr{background:var(--surface)}.compare-table tbody td{padding:.72rem 1rem;font-size:.87rem;color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}.compare-table tbody td:first-child{border-left:1px solid var(--border);border-radius:10px 0 0 10px;text-align:left;font-weight:700}.compare-table tbody td:last-child{border-right:1px solid var(--border);border-radius:0 10px 10px 0}.compare-table tbody tr:hover td{border-color:var(--primary)}.compare-table tbody tr.highlight td{background:rgba(124,58,237,.07);border-color:var(--primary)}.chk{color:var(--primary);font-size:1.1rem}.crs{color:var(--muted);font-size:1.1rem}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.spec-list li:last-child{border-bottom:none}.spec-list li span:first-child{color:var(--muted)}.spec-list li span:last-child{font-weight:700;color:var(--heading)}.screenshot-track{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.screenshot-track::-webkit-scrollbar{display:none}.screenshot-item{min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;flex-shrink:0;text-align:center;padding:.6rem}.screenshot-item .sc-label{font-size:.72rem;color:var(--muted);margin-top:.4rem}.screenshot-screen{background:var(--bg);border-radius:10px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:var(--muted);border:1px solid var(--border)}.screenshot-screen i{font-size:2rem;color:var(--primary)}.stars{color:var(--accent);font-size:1.1rem;letter-spacing:.1em}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem;height:100%}.review-card .rv-name{font-weight:800;font-size:.9rem;color:var(--heading)}.review-card .rv-loc{font-size:.75rem;color:var(--muted)}.review-card .rv-body{font-size:.85rem;color:var(--text);line-height:1.7;margin-top:.6rem}.review-card .rv-date{font-size:.72rem;color:var(--muted);margin-top:.5rem}.app-faq .accordion-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:10px!important;margin-bottom:.6rem;overflow:hidden}.app-faq .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:700;box-shadow:none!important}.app-faq .accordion-button::after{filter:invert(1)}.app-faq .accordion-button:not(.collapsed){color:var(--primary)!important;background:rgba(124,58,237,.1)!important}.app-faq .accordion-body{color:var(--muted);font-size:.9rem;line-height:1.8;background:var(--bg)}.rating-bar-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}.rating-bar-label{font-size:.78rem;color:var(--muted);width:40px;text-align:right;flex-shrink:0}.rating-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.rating-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--accent))}.rating-bar-count{font-size:.74rem;color:var(--muted);width:40px;flex-shrink:0}.promo-box{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.promo-box h4{color:var(--on-primary);font-weight:900;margin:0}.promo-box p{color:rgba(255,255,255,.88);margin:.3rem 0 0;font-size:.9rem}.btn-promo-w{background:var(--on-primary);color:var(--primary);font-weight:800;padding:.6rem 1.8rem;border-radius:30px;display:inline-block;font-size:.95rem}.main-text p{color:var(--text);line-height:1.95;font-size:.97rem;margin-bottom:1.1rem}.main-text strong{color:var(--heading)}.site-img{width:100%;border-radius:14px;display:block;object-fit:cover;border:1px solid var(--border)}.toast-demo{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;max-width:300px}.toast-demo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-demo-icon i{color:var(--on-primary);font-size:1rem}.toast-demo-text{font-size:.78rem}.toast-demo-title{font-weight:800;color:var(--heading);display:block}.toast-demo-body{color:var(--muted)}@media(max-width:768px){.phone-mockup{width:220px}.phone-screen{min-height:380px}}@media(max-width:576px){.dl-buttons{flex-direction:column}.float-badge{display:none}}