*{box-sizing:border-box;margin:0;padding:0}
body{background:#212325;color:#f2f4f0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
.skip-link{position:absolute;left:-999px;top:0;background:#ACD927;color:#181A1D;padding:10px 16px;z-index:200}
.skip-link:focus{left:10px}
.site-head{background:#204430;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.35)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}
.logoimg{width:150px;height:50px;object-fit:contain}
.desknav{display:none}
.desknavlist{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.desknavlist>li{margin:0 12px;position:relative;list-style:none}
.desknavlist a,.desknavlist span{color:#f2f4f0;text-decoration:none;font-size:0.95rem}
.desknavlist a:hover,.desknavlist a:focus{color:#ACD927}
.hasdrop{display:flex;align-items:center}
.hasdrop .arrow{margin-left:4px;font-size:0.6rem;transition:transform 0.25s;color:#f2f4f0}
.hasdrop:hover .arrow{transform:rotate(180deg)}
.dropmenu{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#204430;z-index:150;flex-direction:column;list-style:none;margin:0;padding:0}
.hasdrop:hover .dropmenu{display:flex}
.dropmenu li{list-style:none;margin:0}
.dropmenu a{padding:8px 14px;white-space:nowrap;display:block}
.deskauth{display:none}
.btnlog{border:1px solid #ACD927;color:#e8f5c6;padding:8px 16px;text-decoration:none;border-radius:4px}
.btnsign{background:#ACD927;color:#181A1D;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:700}
.btnlog:hover,.btnsign:hover{opacity:0.85}
.hamburger{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.25);border-radius:6px;width:44px;height:44px;padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
.hamburger span{display:block;width:22px;height:3px;background:#ffffff;margin:3px 0;border-radius:2px}
.hamburger:hover{background:rgba(255,255,255,0.18)}
.hamburger:focus{outline:2px solid #ACD927;outline-offset:2px}
.mobmenu{display:none;position:fixed;inset:0;width:100%;height:100%;background:#204430;z-index:180;flex-direction:column;overflow-y:auto}
.mobmenu.active{display:flex}
.mobtop{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.closebtn{background:transparent;border:none;color:#f2f4f0;font-size:1.8rem;cursor:pointer}
.mobnavlist{list-style:none;padding:0 20px;margin:0}
.mobnavlist>li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08);list-style:none}
.mobnavlist a,.mobnavlist span{color:#f2f4f0;text-decoration:none;font-size:1rem}
.mob-parent-row{display:flex;align-items:center}
.mob-parent-row a{flex:1}
.mobarrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:transform 0.25s;transform-origin:center;color:#f2f4f0}
.mobarrow.mobarrowopen{transform:rotate(180deg)}
.mobsubmenu{display:none;list-style:none;padding-left:20px;margin:0}
.mobsubmenu.mobsubopen{display:block}
.mobsubmenu li{list-style:none}
.mobsubmenu a{padding:8px 0;display:block}
.mobauth{display:flex;padding:14px 20px;margin-top:0}
.mobauth a{flex:1;text-align:center;margin:0 6px}
.mobileoverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:170}
.mobileoverlay.active{display:block}
main{max-width:1200px;margin:0 auto;padding:0 10px}
.herotop{padding:40px 24px;background:linear-gradient(160deg,#204430,#1c261c)}
.herotext{text-align:center;max-width:720px;margin:0 auto}
.herotext h1{font-size:clamp(1.9rem,4.5vw,2.7rem);color:#f2f4f0;margin-bottom:14px}
.herotext p{color:#e8f0e2;margin:0 auto 20px}
.ctapair{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}
.ctapair.single{padding-block:20px}
.ctabtn{background:#ACD927;color:#181A1D;padding:12px 22px;border-radius:4px;text-decoration:none;font-weight:700;text-align:center}
.ctabtn:hover{opacity:0.85}
.ctaghost{background:transparent;border:1px solid #ACD927;color:#e8f5c6}
.licencesec,.productsec,.paysec{padding:32px 14px}
.licencesec h2,.productsec h2,.paysec h2{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:14px;color:#f2f4f0}
.licencesec p,.productsec p,.paysec p{margin-bottom:12px;color:#d8dcd6}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;background:#282a2c}
th,td{padding:10px 14px;text-align:left;color:#f2f4f0;border-bottom:1px solid rgba(255,255,255,0.08)}
th{font-size:0.9rem}
.sitefoot{background:#181A1D;padding-block:36px 20px;margin-top:40px}
.footgrid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.footbrand .legaltext{font-size:0.78rem;color:#B4BAB4;margin-top:12px}
.footnav ul{list-style:none;margin:0;padding:0}
.footnav a,.footnav span{color:#f2f4f0;text-decoration:none;display:block;padding:6px 0;font-size:0.9rem}
.footnav a:hover{color:#ACD927}
.foottrust{display:flex;gap:14px;align-items:center}
.foottrust img{height:auto}
.footcarousels{max-width:1200px;margin:24px auto 0;padding:20px;border-top:1px solid rgba(255,255,255,0.08)}
.carouselrow{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.carouselrow img{height:25px;width:auto;opacity:0.85}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(min-width:1025px){
.desknav{display:flex}
.deskauth{display:flex;gap:10px}
.hamburger{display:none}
.mobmenu{display:none!important}
.herotop{padding:56px 48px}
.licencesec,.productsec,.paysec{padding:40px 24px}
}
@media(max-width:968px){
.footgrid{grid-template-columns:1fr}
}
@media(max-width:480px){
.licencesec,.productsec,.paysec{padding:24px 10px}
.herotop{padding:28px 16px}
table{font-size:0.85rem}
}
@media(max-width:320px){
.mobmenu{width:100%}
table{font-size:0.75rem}
}