﻿*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#fafafa;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
#topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 10px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;}
#logoarea img{width:180px;height:41px;}
#mainnav{display:none;}
#menulist{display:flex;gap:28px;}
#menulist li a{font-size:15px;font-weight:500;color:#2a2a2a;transition:color 0.2s;}
#menulist li a:hover{color:#a80000;}
.activelink{font-size:15px;font-weight:500;color:#a80000;cursor:default;}
#authbuttons{display:none;gap:12px;}
.signupbtn,.signinbtn{padding:9px 20px;font-size:14px;font-weight:600;border-radius:6px;transition:all 0.25s;}
.signupbtn{background:#a80000;color:#fff;}
.signupbtn:hover{background:#8a0000;transform:translateY(-1px);}
.signinbtn{background:#f0f0f0;color:#2a2a2a;}
.signinbtn:hover{background:#e0e0e0;}
#burgermenu{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;}
#burgermenu span{width:26px;height:3px;background:#2a2a2a;border-radius:2px;transition:all 0.3s;}
#burgermenu.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px);}
#burgermenu.active span:nth-child(2){opacity:0;}
#burgermenu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}
#mobilemenu{display:none;position:fixed;top:71px;left:0;width:100%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:999;max-height:calc(100vh - 71px);overflow-y:auto;}
#mobilemenu.show{display:block;}
#mobilemenu ul{padding:20px 10px;}
#mobilemenu li{padding:12px 15px;}
#mobilemenu li a{font-size:16px;color:#2a2a2a;display:block;}
#mobilemenu .activelink{color:#a80000;font-weight:600;}
.mobilecta{background:#a80000;color:#fff!important;text-align:center;padding:12px!important;border-radius:6px;margin-top:8px;font-weight:600;}
main{padding:10px;}
#apptopbanner{background:linear-gradient(135deg,#a80000,#8a0000);padding:50px 20px;text-align:center;color:#fff;border-radius:10px;margin-bottom:40px;position:relative;overflow:hidden;}
#apptopbanner::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:rgba(255,255,255,0.05);border-radius:50%;z-index:0;}
#apptopbanner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:rgba(255,255,255,0.03);border-radius:50%;z-index:0;}
#appbannertext{position:relative;z-index:1;max-width:700px;margin:0 auto 30px;}
h1{font-size:32px;line-height:1.3;margin-bottom:18px;font-weight:700;color:#fff;}
#apptopbanner p{font-size:16px;line-height:1.7;margin-bottom:25px;color:#fff;}
.downloadbuttons{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto;}
.appdownloadbtn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 28px;background:#fff;color:#a80000;font-size:16px;font-weight:700;border-radius:8px;transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.appdownloadbtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.25);}
.appdownloadbtn img{width:32px;height:32px;}
#phonemockup{position:relative;z-index:1;display:flex;justify-content:center;margin-top:30px;}
#phonemockup img{width:250px;height:500px;filter:drop-shadow(0 10px 30px rgba(0,0,0,0.3));}
section{margin-bottom:50px;background:#fff;padding:35px 20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
h2{font-size:26px;margin-bottom:20px;color:#a80000;font-weight:700;}
h3{font-size:20px;margin-bottom:14px;margin-top:24px;color:#2a2a2a;font-weight:600;}
p{margin-bottom:16px;color:#3a3a3a;font-size:15px;line-height:1.65;}
.featuregrid{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0;}
.featurecard{background:#f9f9f9;padding:25px;border-radius:8px;text-align:center;}
.featureicon{font-size:48px;margin-bottom:15px;}
.featurecard h3{margin-top:0;font-size:18px;}
.featurecard p{margin-bottom:0;font-size:14px;}
.downloadsteps{margin:30px 0;}
.downloadstep{display:flex;gap:18px;margin-bottom:28px;align-items:flex-start;}
.stepnumber{background:#a80000;color:#fff;min-width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;}
.steptext h3{margin-top:0;font-size:18px;}
.steptext p{margin-bottom:0;}
.systemrequirements{background:#f5f5f5;padding:20px;border-radius:8px;margin:25px 0;}
.systemrequirements h3{margin-top:0;margin-bottom:12px;}
.systemrequirements ul{list-style:disc;padding-left:25px;}
.systemrequirements ul li{margin-bottom:8px;color:#3a3a3a;font-size:15px;}
#comparisontable{width:100%;border-collapse:collapse;margin:25px 0;}
#comparisontable thead{background:#a80000;color:#fff;}
#comparisontable th{padding:14px 12px;font-size:15px;font-weight:600;text-align:left;}
#comparisontable td{padding:14px 12px;font-size:14px;border-bottom:1px solid #e8e8e8;}
#comparisontable tbody tr:hover{background:#f9f9f9;}
.functionalitylist{margin:30px 0;}
.funcitem{background:#f8f8f8;padding:22px;border-radius:8px;margin:20px 0;}
.funcitem h3{margin-top:0;}
.funcitem p{margin-bottom:0;}
.troubleshootbox{background:#fff5f5;padding:20px;border-radius:8px;margin:20px 0;}
.troubleshootbox h3{margin-top:0;color:#a80000;}
.troubleshootbox p{margin-bottom:0;}
.sectioncta{display:inline-block;padding:12px 32px;background:#a80000;color:#fff;font-size:16px;font-weight:600;border-radius:7px;margin-top:20px;transition:all 0.25s;}
.sectioncta:hover{background:#8a0000;transform:translateY(-1px);}
footer{background:#2a2a2a;color:#e0e0e0;padding:40px 10px 20px;}
#footertop{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:35px;}
.footercolumn h4{color:#fff;font-size:17px;margin-bottom:14px;font-weight:600;}
.footercolumn ul li{margin-bottom:10px;}
.footercolumn a{color:#d0d0d0;font-size:14px;transition:color 0.2s;}
.footercolumn a:hover{color:#a80000;}
.footercolumn p{font-size:14px;color:#d0d0d0;margin-bottom:8px;}
#paymentlogos,#providerlogos{margin-bottom:30px;}
#paymentlogos h4,#providerlogos h4{color:#fff;font-size:16px;margin-bottom:12px;}
.logostrip{display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
.logostrip img{filter:brightness(0.9);}
#footerbottom{padding-top:25px;border-top:1px solid #444;}
#footerbottom p{font-size:13px;color:#b0b0b0;margin-bottom:10px;line-height:1.6;}
@media(min-width:1081px){#mainnav{display:block;}#authbuttons{display:flex;}#burgermenu{display:none;}#topbar{padding:18px 25px;}main{padding:15px 25px;}section{padding:45px 35px;}h1{font-size:42px;}#apptopbanner{padding:70px 40px;display:flex;align-items:center;justify-content:space-between;text-align:left;}#appbannertext{margin-bottom:0;max-width:550px;}#phonemockup{margin-top:0;margin-left:40px;}.downloadbuttons{margin:0;}.featuregrid{grid-template-columns:repeat(3,1fr);}#footertop{grid-template-columns:repeat(3,1fr);}}
@media(min-width:769px) and (max-width:1080px){#topbar{padding:16px 15px;}main{padding:12px 15px;}section{padding:38px 25px;}h1{font-size:36px;}#apptopbanner{padding:60px 30px;}.featuregrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){h1{font-size:26px;line-height:1.25;}h2{font-size:22px;}h3{font-size:18px;}#apptopbanner{padding:40px 15px;}#apptopbanner p{font-size:15px;}.appdownloadbtn{padding:12px 20px;font-size:15px;}section{padding:25px 15px;}.downloadstep{flex-direction:column;gap:12px;}.stepnumber{margin-bottom:8px;}#comparisontable{font-size:12px;}#comparisontable th,#comparisontable td{padding:10px 8px;}#phonemockup img{width:200px;height:400px;}}
@media(max-width:320px){body{font-size:14px;}h1{font-size:22px;}h2{font-size:20px;}#apptopbanner{padding:30px 12px;margin-bottom:25px;}section{padding:20px 12px;margin-bottom:30px;}.appdownloadbtn{padding:10px 16px;font-size:14px;}}
