*,*::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:64px}
body{min-height:100dvh;line-height:1.65;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:clamp(1rem,0.95rem + 0.2vw,1.125rem);color:#f0efed;background:#343434}
img,picture{display:block;max-width:100%;height:auto}
ul[role="list"],ol[role="list"]{list-style:none}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}
p,li{text-wrap:pretty}
a{text-decoration:none;color:inherit;transition:color 180ms ease}
button{cursor:pointer;background:none;border:none}
a:focus-visible,button:focus-visible{outline:2px solid #0ABD43;outline-offset:3px;border-radius:3px}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 10px}
#mb-hd{background:#343434;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.08)}
.hd-bar{display:flex;align-items:center;justify-content:space-between;padding:10px}
.logo-box{display:inline-flex;align-items:center;flex-shrink:0}
.ham-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px}
.ham-btn span{display:block;width:22px;height:2px;background:#f0efed;margin:3px 0;transition:transform 180ms ease,opacity 180ms ease}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#343434;z-index:200;overflow-y:auto}
.mob-menu.open{display:flex}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-close{font-size:1.8rem;line-height:1;color:#f0efed;padding:4px 12px;background:none;border:none;cursor:pointer}
.mob-list{list-style:none;padding:12px 0;flex:1}
.mob-list li{display:flex;align-items:center;flex-wrap:wrap}
.mob-list li a,.mob-list li .nav-current{display:inline-flex;align-items:center;padding:12px 20px;font-size:1rem;color:#f0efed}
.mob-list li a:hover{color:#0ABD43}
.mob-arrow{display:inline-flex;align-items:center;padding-left:2px;padding-right:14px;cursor:pointer;font-size:0.72rem;color:#f0efed;transition:transform 180ms ease;line-height:44px}
.mob-arrow.open{transform:rotate(180deg)}
.mob-sub{display:none;width:100%;list-style:none;background:rgba(255,255,255,0.04)}
.mob-sub.open{display:block}
.mob-sub li{display:flex;align-items:center}
.mob-sub li a{padding:10px 20px 10px 36px;font-size:0.9rem;color:#ccc9c4;width:100%}
.mob-sub li a:hover{color:#0ABD43}
.mob-auth{display:flex;align-items:center;padding:16px 20px;gap:12px;border-top:1px solid rgba(255,255,255,0.08)}
.mob-auth .btn-login,.mob-auth .btn-signup{flex:1;text-align:center}
.dk-nav{display:none}
.nav-current{color:#0ABD43;font-weight:600;cursor:default}
.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;font-size:0.875rem;color:#f0efed;background:transparent;transition:border-color 180ms ease,color 180ms ease}
.btn-login:hover{border-color:#0ABD43;color:#0ABD43}
.btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:4px;font-size:0.875rem;font-weight:600;color:#fff;background:#0ABD43;transition:background 180ms ease}
.btn-signup:hover{background:#09a83b}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:4px;font-size:1rem;font-weight:700;color:#fff;background:#0ABD43;transition:background 180ms ease}
.btn-cta:hover{background:#09a83b}
.cta-mid{text-align:center;margin-top:32px}
.top-band{background:linear-gradient(135deg,#1a1f2e 0%,#1e2a3a 50%,#1a2030 100%);padding:40px 0;position:relative;overflow:hidden}
.top-band::after{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;background:repeating-linear-gradient(45deg,rgba(10,189,67,0.04) 0px,rgba(10,189,67,0.04) 1px,transparent 1px,transparent 12px);pointer-events:none}
.top-cols{display:flex;flex-direction:column;gap:32px;align-items:flex-start}
.top-left{flex:1}
.top-left h1{font-size:clamp(1.8rem,1.1rem + 2.2vw,3rem);color:#fff;margin-bottom:16px}
.top-left p{font-size:clamp(1rem,0.95rem + 0.2vw,1.125rem);color:#d8d6d2;margin-bottom:24px}
.dl-btns{display:flex;flex-wrap:wrap;gap:12px}
.btn-android,.btn-ios{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:6px;font-size:0.95rem;font-weight:600;color:#fff;transition:background 180ms ease}
.btn-android{background:#0ABD43}
.btn-android:hover{background:#09a83b}
.btn-ios{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}
.btn-ios:hover{background:rgba(255,255,255,0.16)}
.btn-android img,.btn-ios img{flex-shrink:0}
.top-right{width:100%;max-width:220px;align-self:center}
.top-right img{width:100%;height:auto;border-radius:12px}
.band-reqs{padding:52px 0;background:rgba(255,255,255,0.02)}
.band-install{padding:52px 0}
.band-feat{padding:52px 0;background:rgba(255,255,255,0.02)}
.band-vs{padding:52px 0}
.band-reqs h2,.band-install h2,.band-feat h2,.band-vs h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);color:#fff;margin-bottom:18px}
.band-reqs p,.band-install p,.band-feat p,.band-vs p{color:#d8d6d2;margin-bottom:14px}
.req-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.r-card{background:rgba(255,255,255,0.04);border-radius:6px;padding:20px 16px;border:1px solid rgba(255,255,255,0.08)}
.r-card img{margin-bottom:12px}
.r-ico{font-size:2rem;display:block;margin-bottom:12px}
.r-card strong{display:block;color:#fff;font-size:1rem;margin-bottom:10px}
.r-card ul{list-style:none;padding:0}
.r-card ul li{color:#d8d6d2;font-size:0.88rem;padding:3px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.r-card ul li:last-child{border-bottom:none}
.step-list{list-style:decimal;padding-left:22px;color:#d8d6d2;margin:16px 0 20px}
.step-list li{padding:7px 0}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.f-card{background:rgba(255,255,255,0.04);border-radius:6px;padding:20px 16px;border:1px solid rgba(255,255,255,0.08)}
.f-ico{font-size:1.5rem;margin-bottom:10px;display:block}
.f-card strong{display:block;color:#fff;font-size:0.95rem;margin-bottom:8px}
.f-card p{color:#d8d6d2;font-size:0.88rem;margin:0}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0}
table{border-collapse:collapse;width:100%}
thead tr{background:rgba(255,255,255,0.06)}
th{padding:10px 12px;text-align:left;font-size:0.85rem;color:#d8d6d2;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,0.1)}
td{padding:9px 12px;font-size:0.85rem;color:#bbb9b5;border-bottom:1px solid rgba(255,255,255,0.05);white-space:nowrap}
tbody tr:hover{background:rgba(255,255,255,0.03)}
#mb-ft{background:#343434;border-top:1px solid rgba(255,255,255,0.08);padding:40px 0 24px}
.ft-in{max-width:1200px;margin:0 auto;padding:0 10px}
.ft-row{display:flex;flex-direction:column;gap:24px;margin-bottom:28px}
.ft-brand img{margin-bottom:14px}
.ft-brand p{color:#c6c3be;font-size:0.82rem;line-height:1.65}
.ft-brand a{color:#0ABD43}
.ft-brand a:hover{text-decoration:underline}
.ft-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin-top:8px}
.ft-nav ul li a{color:#b0ae9a;font-size:0.88rem}
.ft-nav ul li a:hover{color:#0ABD43}
.ft-lbl{color:#c6c3be;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px}
.ft-pay-row,.ft-prov-row{margin-bottom:20px}
.logo-strip{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.logo-strip img{opacity:0.7;transition:opacity 180ms ease}
.logo-strip img:hover{opacity:1}
.ft-base{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.06)}
.ft-copy{color:#6c6a66;font-size:0.8rem}
.ft-trust{display:flex;align-items:center;gap:14px}
@media(max-width:299px){.mob-menu{width:100%}}
@media(min-width:481px){.req-grid{grid-template-columns:repeat(2,1fr)};.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.req-grid{grid-template-columns:repeat(4,1fr)};.feat-grid{grid-template-columns:repeat(3,1fr)};.ft-row{flex-direction:row;justify-content:space-between};.ft-base{flex-direction:row;justify-content:space-between;align-items:center}}
@media(max-width:480px){.dl-btns{flex-direction:column};.btn-android,.btn-ios{width:100%};.feat-grid{grid-template-columns:1fr};.req-grid{grid-template-columns:1fr}}
@media(max-width:320px){th,td{font-size:0.78rem;padding:7px 8px}}
@media(min-width:1081px){
.hd-bar{display:none}
.mob-menu{display:none!important}
.dk-nav{display:flex;align-items:center;background:#343434;border-bottom:1px solid rgba(255,255,255,0.08)}
.dk-inner{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px}
.dk-list{display:flex;align-items:center;list-style:none;gap:2px}
.dk-list>li{display:flex;align-items:center;position:relative}
.dk-list>li>a,.dk-list>li>.nav-current{display:inline-flex;align-items:center;padding:8px 14px;font-size:0.92rem;color:#f0efed;white-space:nowrap}
.dk-list>li>a:hover{color:#0ABD43}
.dk-arrow{display:inline-flex;align-items:center;padding-left:2px;font-size:0.68rem;color:#f0efed;transition:transform 180ms ease}
.dk-has-sub:hover .dk-arrow{transform:rotate(180deg)}
.dk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#2a2a2a;list-style:none;z-index:300;border:1px solid rgba(255,255,255,0.1);border-radius:4px}
.dk-has-sub:hover .dk-sub{display:block}
.dk-sub li a{display:block;padding:8px 14px;font-size:0.88rem;color:#d8d6d2;white-space:nowrap}
.dk-sub li a:hover{color:#0ABD43;background:rgba(255,255,255,0.05)}
.dk-auth{display:flex;align-items:center;gap:10px}
.top-cols{flex-direction:row;align-items:center}
.top-right{width:auto;max-width:250px;min-width:180px;align-self:auto}
}