:root{--brand-green:#1a5f3a;--deep-green:#0f4029;--accent-gold:#fdb819;--text-dark:#222;--text-medium:#555;--text-light:#777;--bg-light:#f5f7f9;--pure-white:#fff;--border-gray:#ddd;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--radius-sm:6px;--radius-md:10px;--ease-smooth:all 0.3s ease;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-light);}
.page-width{max-width:1200px;margin:0 auto;padding:0 20px;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.main-header{background:var(--pure-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;}
.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;}
.logo-link{text-decoration:none;}
.site-logo-container{display:flex;align-items:center;}
.site-title{font-size:1.8rem;font-weight:bold;color:var(--brand-green);margin:0;}
.main-navigation .nav-menu{display:flex;list-style:none;gap:1.6rem;}
.nav-item{position:relative;}
.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;transition:var(--ease-smooth);padding:0.5rem 0;display:flex;align-items:center;gap:0.5rem;cursor:pointer;}
.nav-link:hover{color:var(--brand-green);}
.dropdown-arrow{font-size:0.8rem;transition:var(--ease-smooth);color:var(--text-light);}
.has-dropdown.desktop-open .dropdown-arrow{transform:rotate(180deg);color:var(--brand-green);}
.dropdown-menu{position:absolute;top:100%;left:0;background:var(--pure-white);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--ease-smooth);z-index:1000;list-style:none;padding:0.5rem 0;max-height:0;overflow:hidden;}
.has-dropdown.desktop-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);max-height:500px;}
.dropdown-menu li{list-style:none;}
.dropdown-menu a{display:block;padding:0.75rem 1rem;text-decoration:none;color:var(--text-dark);transition:var(--ease-smooth);}
.dropdown-menu a:hover{background:var(--bg-light);color:var(--brand-green);}
.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1001;}
.mobile-menu-toggle span{width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:var(--ease-smooth);}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);}
.trail-nav{background:var(--bg-light);padding:0.8rem 0;border-bottom:1px solid var(--border-gray);}
.crumb-track{font-size:0.9rem;}
.crumb-chain{display:flex;list-style:none;gap:0.5rem;margin:0;padding:0;}
.crumb-chain li:not(:last-child)::after{content:"›";margin-left:0.5rem;color:var(--text-medium);}
.crumb-chain a{color:var(--text-medium);text-decoration:none;transition:color 0.3s ease;}
.crumb-chain a:hover{color:var(--brand-green);}
.active-crumb{color:var(--brand-green);font-weight:600;}
.app-splash{background:linear-gradient(135deg,var(--brand-green) 0%,var(--deep-green) 100%);color:var(--pure-white);padding:4rem 0;position:relative;overflow:hidden;}
.app-splash::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:rgba(253,184,25,0.1);border-radius:50%;pointer-events:none;}
.splash-grid{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center;}
.splash-headline{font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2;font-weight:bold;}
.splash-subline{font-size:1.15rem;margin-bottom:2rem;opacity:0.92;line-height:1.7;}
.splash-subline a{color:var(--accent-gold);text-decoration:underline;font-weight:600;}
.rating-display{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.stars-block .star-icons{color:#ffc107;font-size:1.4rem;display:block;}
.rating-num{font-size:1.15rem;font-weight:bold;margin-left:0.5rem;}
.rating-tag{color:var(--accent-gold);font-weight:600;font-size:0.9rem;}
.download-zone{display:flex;gap:1rem;flex-wrap:wrap;}
.dl-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--pure-white);color:var(--text-dark);text-decoration:none;border-radius:var(--radius-md);transition:var(--ease-smooth);box-shadow:var(--shadow-sm);min-width:180px;}
.dl-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.button-caption{display:flex;flex-direction:column;}
.caption-top{font-size:0.75rem;color:var(--text-light);}
.caption-bottom{font-size:1.05rem;font-weight:600;color:var(--text-dark);}
.splash-visual{display:flex;justify-content:center;align-items:center;}
.device-shell{width:280px;height:560px;background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:30px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,0.35);position:relative;}
.device-shell::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#7f8c8d;border-radius:2px;}
.screen-area{width:100%;height:100%;background:var(--pure-white);border-radius:20px;overflow:hidden;}
.app-preview{padding:1rem;}
.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-gray);}
.app-brand{font-size:1.4rem;font-weight:bold;color:var(--brand-green);}
.wallet-display{background:var(--accent-gold);color:var(--text-dark);padding:0.5rem 1rem;border-radius:20px;font-weight:600;font-size:0.9rem;}
.bet-showcase{display:flex;flex-direction:column;gap:1rem;}
.bet-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--pure-white);border:1px solid var(--border-gray);border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,0.08);}
.featured-bet{background:linear-gradient(90deg,rgba(253,184,25,0.15),var(--pure-white));}
.match-label{font-weight:600;color:var(--text-dark);font-size:0.85rem;}
.odds-badge{background:var(--brand-green);color:var(--pure-white);padding:0.4rem 0.9rem;border-radius:20px;font-weight:bold;font-size:0.85rem;}
.qr-block{padding:4rem 0;background:var(--pure-white);}
.block-title{font-size:2.3rem;text-align:center;margin-bottom:1rem;color:var(--brand-green);}
.block-intro{text-align:center;font-size:1.05rem;color:var(--text-medium);max-width:800px;margin:0 auto 3rem;}
.block-intro a{color:var(--brand-green);text-decoration:underline;font-weight:600;}
.qr-pair{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin:0 auto;}
.qr-card{text-align:center;padding:2rem;background:var(--bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
.qr-image-wrap{margin-bottom:1.5rem;}
.qr-graphic{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);}
.platform-badge{margin-bottom:1rem;}
.qr-details h3{color:var(--brand-green);margin-bottom:1rem;font-size:1.4rem;}
.qr-details p{color:var(--text-medium);margin-bottom:1.5rem;}
.tech-specs{display:flex;flex-direction:column;gap:0.5rem;}
.spec-tag{background:var(--pure-white);padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;color:var(--text-dark);}
.features-block{padding:4rem 0;background:var(--bg-light);}
.features-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;}
.feature-box{background:var(--pure-white);padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:var(--ease-smooth);}
.feature-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.feature-symbol{font-size:2.8rem;margin-bottom:1rem;}
.feature-box h3{color:var(--brand-green);margin-bottom:1rem;font-size:1.25rem;}
.feature-box p{color:var(--text-medium);line-height:1.6;}
.install-guide{padding:4rem 0;background:var(--pure-white);}
.platform-tabs{max-width:850px;margin:3rem auto 0;}
.tab-controls{display:flex;gap:0;margin-bottom:2rem;background:var(--bg-light);border-radius:var(--radius-md);padding:0.25rem;}
.tab-switch{flex:1;padding:1rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--ease-smooth);display:flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;color:var(--text-medium);}
.tab-switch.active-tab{background:var(--pure-white);color:var(--brand-green);box-shadow:var(--shadow-sm);}
.tab-panel{display:none;}
.tab-panel.active-panel{display:block;}
.step-sequence{margin-bottom:2rem;}
.step-box{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-md);}
.step-badge{width:40px;height:40px;background:var(--brand-green);color:var(--pure-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0;}
.step-text h4{color:var(--brand-green);margin-bottom:0.5rem;font-size:1.15rem;}
.step-text p{color:var(--text-medium);line-height:1.6;}
.action-prompt{text-align:center;}
.action-button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;transition:var(--ease-smooth);border:2px solid transparent;cursor:pointer;background:var(--brand-green);color:var(--pure-white);}
.action-button:hover{background:#145230;transform:translateY(-2px);box-shadow:var(--shadow-md);}
.large-button{padding:1rem 2rem;font-size:1.05rem;}
.compare-table-block{padding:4rem 0;background:var(--bg-light);}
.table-wrap{overflow-x:auto;margin-top:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
.feature-table{width:100%;border-collapse:collapse;background:var(--pure-white);}
.feature-table th,.feature-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-gray);}
.feature-table th{background:var(--brand-green);color:var(--pure-white);font-weight:600;}
.feature-table tr:hover{background:var(--bg-light);}
.positive-mark{color:var(--brand-green);font-weight:bold;}
.negative-mark{color:#c62828;font-weight:bold;}
.performance-block{padding:4rem 0;background:var(--pure-white);}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;}
.specs-card{background:var(--bg-light);padding:2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);}
.specs-card h3{color:var(--brand-green);margin-bottom:1.5rem;font-size:1.4rem;}
.req-list{display:flex;flex-direction:column;gap:1rem;}
.req-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--pure-white);border-radius:var(--radius-sm);}
.icon-emoji{font-size:1.5rem;}
.req-row strong{color:var(--brand-green);display:block;}
.req-row span{color:var(--text-medium);font-size:0.9rem;}
.metric-grid{display:flex;flex-direction:column;gap:1rem;}
.metric-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--pure-white);border-radius:var(--radius-sm);}
.metric-name{color:var(--text-dark);font-weight:500;}
.metric-number{color:var(--brand-green);font-weight:bold;}
.faq-block{padding:4rem 0;background:var(--bg-light);}
.faq-list{max-width:850px;margin:2rem auto 0;}
.faq-unit{background:var(--pure-white);border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-sm);}
.faq-trigger{width:100%;padding:1.5rem;background:none;border:none;text-align:left;font-size:1.05rem;font-weight:600;color:var(--brand-green);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.toggle-symbol{font-size:1.4rem;transition:var(--ease-smooth);}
.faq-trigger[aria-expanded="true"] .toggle-symbol{transform:rotate(45deg);}
.faq-response{padding:0 1.5rem 1.5rem;color:var(--text-medium);display:none;}
.faq-trigger[aria-expanded="true"] + .faq-response{display:block;}
.final-cta-block{padding:4rem 0;background:linear-gradient(135deg,var(--brand-green) 0%,var(--deep-green) 100%);color:var(--pure-white);text-align:center;}
.cta-wrap h2{font-size:2.3rem;margin-bottom:1rem;}
.cta-wrap p{font-size:1.15rem;margin-bottom:2rem;opacity:0.92;}
.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}
.cta-highlights{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap;}
.highlight-item{font-size:0.9rem;opacity:0.9;}
.legal-note{font-size:0.8rem;opacity:0.75;margin-top:1rem;}
.main-footer{background:var(--brand-green);color:var(--pure-white);padding:3rem 0 1rem;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;}
.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--accent-gold);}
.footer-section p{line-height:1.6;opacity:0.9;}
.footer-section ul{list-style:none;}
.footer-section ul li{margin-bottom:0.5rem;}
.footer-section a{color:var(--pure-white);text-decoration:none;transition:var(--ease-smooth);}
.footer-section a:hover{color:var(--accent-gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:1rem;text-align:center;}
.footer-bottom p{margin-bottom:0.5rem;}
.disclaimer{font-size:0.9rem;opacity:0.85;margin-top:0.5rem;}
@media (max-width:1080px){
.main-navigation{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--pure-white);box-shadow:var(--shadow-md);transition:left 0.3s ease;z-index:999;padding:5rem 0 2rem;overflow-y:auto;}
.main-navigation.active{left:0;}
.main-navigation .nav-menu{flex-direction:column;gap:0;}
.nav-item{border-bottom:1px solid var(--border-gray);}
.nav-link{padding:1rem 1.5rem;width:100%;}
.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;background:var(--bg-light);padding:0;}
.has-dropdown .dropdown-menu{display:none;}
.has-dropdown.mobile-open .dropdown-menu{display:block;max-height:500px;}
.mobile-menu-toggle{display:flex;}
.splash-grid{grid-template-columns:1fr;gap:2rem;text-align:center;}
.qr-pair{grid-template-columns:1fr;gap:2rem;}
.specs-grid{grid-template-columns:1fr;}
.features-matrix{grid-template-columns:1fr;}
.download-zone{justify-content:center;}
.cta-buttons{flex-direction:column;align-items:center;}
.cta-highlights{flex-direction:column;gap:0.5rem;}
}
@media (max-width:768px){
.splash-headline{font-size:2rem;}
.splash-subline{font-size:1rem;}
.device-shell{width:240px;height:480px;}
.dl-button{min-width:auto;width:100%;}
.tab-controls{flex-direction:column;}
.step-box{flex-direction:column;text-align:center;}
.block-title{font-size:2rem;}
.site-title{font-size:1.4rem;}
}
@media (max-width:480px){
.page-width,.container{padding:0 15px;}
.splash-headline{font-size:1.7rem;}
.header-content{flex-wrap:wrap;}
.device-shell{width:220px;height:440px;}
}