*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:4rem}
body{min-height:100dvh;line-height:1.6;font-family:'Satoshi',system-ui,sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#E8EAE6;background:#0A120E}
img,picture,svg{display:block;max-width:100%;height:auto}
ul{list-style:none}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;line-height:1.2}
p,li{text-wrap:pretty}
button{cursor:pointer;background:none;border:none}
a{color:#E8EAE6;text-decoration:none}
a:hover{color:#00C565}
:focus-visible{outline:2px solid #00C565;outline-offset:3px;border-radius:4px}
.skip-lnk{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-lnk:focus{position:static;width:auto;height:auto;padding:8px 16px;background:#00C565;color:#0A120E;font-weight:700;z-index:9999}
header{background:#161C24;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.08)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:70px;max-width:1200px;margin:0 auto;width:100%;gap:12px}
.logo-lnk{display:flex;align-items:center;width:130px;height:70px;flex-shrink:0}
.logo-lnk img{width:130px;height:70px;object-fit:contain}
.ham-btn{display:flex;flex-direction:column;justify-content:center;width:44px;height:44px;padding:10px;flex-shrink:0}
.ham-btn span{display:block;width:24px;height:2px;background:#E8EAE6;border-radius:2px;margin-bottom:5px;transition:background 0.2s}
.ham-btn span:last-child{margin-bottom:0}
.ham-btn:hover span{background:#00C565}
.desk-nav{display:none}
.desk-auth{display:none}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#161C24;z-index:200;overflow-y:auto}
.mob-menu.mob-open{display:flex}
.mob-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:70px;border-bottom:1px solid rgba(255,255,255,0.08);flex-shrink:0}
.mob-topbar img{width:130px;height:70px;object-fit:contain}
.mob-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.5rem;color:#E8EAE6;background:none;border:none;cursor:pointer}
.mob-close:hover{color:#00C565}
.mob-nl{padding:12px 0}
.mob-nl li{border-bottom:1px solid rgba(255,255,255,0.06)}
.mob-nl li a,.mob-nl li span{display:block;padding:14px 20px;font-size:1rem;color:#E8EAE6}
.mob-nl li a:hover{color:#00C565}
.nav-cur{color:#00D870;font-weight:600}
.mob-prow{display:flex;align-items:center}
.mob-prow a{flex:1}
.mob-arr{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:#E8EAE6;font-size:0.75rem}
.mob-arr.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;padding-left:16px}
.mob-sub.mob-sub-open{display:block}
.mob-sub li a{padding:10px 20px;font-size:0.9rem;color:#B0C4BA;display:block}
.mob-sub li a:hover{color:#00C565}
.mob-auth{display:flex;gap:10px;padding:20px;flex-shrink:0}
.mob-auth a{flex:1}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:190}
.mob-overlay.overlay-open{display:block}
.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid #00C565;border-radius:6px;color:#00C565;font-weight:600;font-size:0.9rem;transition:background 0.2s,color 0.2s;text-align:center}
.btn-login:hover{background:#00C565;color:#0A120E}
.btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#00C565;border:1px solid #00C565;border-radius:6px;color:#0A120E;font-weight:700;font-size:0.9rem;transition:background 0.2s;text-align:center}
.btn-signup:hover{background:#00a352;border-color:#00a352;color:#0A120E}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:#00C565;border-radius:6px;color:#0A120E;font-weight:700;font-size:1rem;transition:background 0.2s}
.btn-cta:hover{background:#00a352;color:#0A120E}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 10px}
.sec-intro{padding:56px 10px 40px;background:#0A120E}
.sec-intro h1{font-size:clamp(1.8rem,1.2rem + 2vw,3rem);color:#fff;font-weight:800;margin-bottom:16px}
.intro-lead{color:#C0C8C4;margin-bottom:14px;line-height:1.7}
.intro-cta{display:flex;justify-content:center;margin-top:28px}
.sec-facts{padding:48px 10px;background:#0D1510}
.sec-facts h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);color:#fff;font-weight:700;margin-bottom:14px}
.sec-facts p{color:#C0C8C4;margin-bottom:20px}
.facts-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.facts-tbl{width:100%;border-collapse:collapse;font-size:0.9rem}
.facts-tbl td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,0.07);vertical-align:top;color:#C0C8C4}
.facts-tbl td:first-child{color:#98ABA0;font-weight:600;white-space:nowrap;width:42%}
.facts-tbl tr:last-child td{border-bottom:none}
.facts-tbl tbody tr:hover td{background:rgba(0,197,101,0.04)}
@media(max-width:480px){.facts-tbl{font-size:0.82rem}.facts-tbl td{padding:9px 10px}}
@media(max-width:320px){.facts-tbl{font-size:0.75rem}.facts-tbl td{padding:7px 8px}}
.sec-products{padding:48px 10px;background:#0A120E}
.sec-products h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);color:#fff;font-weight:700;margin-bottom:16px}
.sec-products p{color:#C0C8C4;margin-bottom:14px}
.prod-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
.prod-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:#161C24;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.3);transition:box-shadow 0.2s,transform 0.2s}
.prod-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.45);transform:translateY(-2px)}
.prod-icon{font-size:1.6rem}
.prod-name{font-size:1rem;color:#E8EAE6;font-weight:700}
.prod-desc{font-size:0.88rem;color:#C0C8C4;line-height:1.5}
.prod-cta{display:flex;justify-content:center;margin-top:28px}
.sec-licence{padding:48px 10px;background:#0D1510}
.sec-licence h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);color:#fff;font-weight:700;margin-bottom:16px}
.sec-licence p{color:#C0C8C4;margin-bottom:14px}
.lic-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.lic-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:#161C24;border-radius:8px}
.lic-lbl{font-size:0.78rem;color:#95ABA0;text-transform:uppercase;letter-spacing:0.04em;font-weight:600}
.lic-val{font-size:0.95rem;color:#E8EAE6;font-weight:600}
.sec-payments{padding:48px 10px 64px;background:#0A120E}
.sec-payments h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);color:#fff;font-weight:700;margin-bottom:16px}
.sec-payments p{color:#C0C8C4;margin-bottom:14px}
.pay-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.pay-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:#161C24;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.25);transition:transform 0.2s}
.pay-card:hover{transform:translateY(-2px)}
.pay-method{font-size:0.95rem;color:#E8EAE6;font-weight:700}
.pay-detail{font-size:0.85rem;color:#C0C8C4}
.pay-cta{display:flex;justify-content:center;margin-top:28px}
footer{background:#070708;padding:48px 10px 24px}
.ftr-inner{max-width:1200px;margin:0 auto}
.ftr-top{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}
.ftr-brand a{display:inline-block;margin-bottom:12px}
.ftr-brand img{width:130px;height:70px;object-fit:contain}
.ftr-desc{font-size:0.85rem;color:#87A093}
.ftr-col-hd{display:block;font-size:0.78rem;color:#95ABA0;text-transform:uppercase;letter-spacing:0.04em;font-weight:700;margin-bottom:12px}
.ftr-links li{margin-bottom:8px}
.ftr-links a{font-size:0.88rem;color:#B0B8B4}
.ftr-links a:hover{color:#00C565}
.ftr-carousel-lbl{display:block;font-size:0.78rem;color:#95ABA0;text-transform:uppercase;letter-spacing:0.04em;font-weight:600;margin-bottom:10px}
.pay-carousel,.prov-carousel{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:#161C24;border-radius:8px;margin-bottom:24px}
.pay-carousel img,.prov-carousel img{height:25px;width:auto;object-fit:contain;filter:brightness(0.85);transition:filter 0.2s}
.pay-carousel img:hover,.prov-carousel img:hover{filter:brightness(1)}
.ftr-bottom{display:flex;flex-direction:column;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}
.ftr-lic p{font-size:0.8rem;color:#899E93;line-height:1.6}
.ftr-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@media(min-width:481px){.prod-grid{grid-template-columns:repeat(2,1fr)}.lic-grid{grid-template-columns:repeat(2,1fr)}.pay-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.prod-grid{grid-template-columns:repeat(4,1fr)}.lic-grid{grid-template-columns:repeat(4,1fr)}.pay-grid{grid-template-columns:repeat(3,1fr)}.ftr-top{grid-template-columns:2fr 1fr 1fr}}
@media(min-width:1081px){.ham-btn{display:none}.desk-nav{display:flex;align-items:center}.desk-auth{display:flex;align-items:center;gap:10px;margin-left:16px}.hdr-inner{justify-content:flex-start;gap:0}.logo-lnk{margin-right:32px}.desk-nl{display:flex;align-items:center;gap:4px;list-style:none;flex:1}.desk-nl>li{position:relative}.desk-nl>li>a,.desk-nl>li>span{display:flex;align-items:center;padding:8px 14px;font-size:0.92rem;color:#E8EAE6;white-space:nowrap;border-radius:4px;transition:color 0.2s,background 0.2s}.desk-nl>li>a:hover{color:#00C565;background:rgba(0,197,101,0.08)}.has-sub{display:flex;align-items:center}.has-sub>a{padding-right:6px}.sub-arr{display:inline-flex;align-items:center;justify-content:center;color:#95ABA0;font-size:0.65rem;padding:8px 4px;cursor:default;transition:transform 0.25s;transform-origin:center}.has-sub:hover .sub-arr{transform:rotate(180deg)}.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#161C24;border:1px solid rgba(255,255,255,0.1);border-radius:6px;z-index:300;list-style:none;padding:4px 0}.has-sub:hover .desk-sub{display:block}.desk-sub li a{display:block;padding:8px 14px;font-size:0.88rem;color:#E8EAE6;white-space:nowrap}.desk-sub li a:hover{color:#00C565;background:rgba(0,197,101,0.08)}.mob-menu{display:none!important}.ftr-bottom{flex-direction:row;justify-content:space-between;align-items:flex-start}}
@media(min-width:1200px){.pg-wrap{padding:0 20px}.sec-intro,.sec-facts,.sec-products,.sec-licence,.sec-payments{padding-left:20px;padding-right:20px}footer{padding:56px 20px 32px}}
@media(max-width:320px){.mob-menu{width:100%}.btn-login,.btn-signup{font-size:0.8rem;padding:8px 12px}}