*,*::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.6;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#e0e0e0;background:#232626}
img,picture{display:block;max-width:100%;height:auto}
ul{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}
h1,h2,h3{text-wrap:balance;line-height:1.2;color:#ffffff}
p{text-wrap:pretty}
table{border-collapse:collapse;width:100%}
.pg-wrap{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}
.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:#24EE89;color:#111111;font-weight:700;z-index:999}
a:focus-visible,button:focus-visible{outline:2px solid #24EE89;outline-offset:3px;border-radius:4px}
::selection{background:rgba(36,238,137,0.25);color:#ffffff}
header{background:#292D2E;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.07)}
.hd-bar{padding:0 10px}
.hd-wrap{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:64px}
.ham-btn{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0}
.ham-btn span{display:block;width:100%;height:2px;background:#e0e0e0;border-radius:2px}
.desk-nav{display:none}
@media(min-width:1081px){
.ham-btn{display:none}
.desk-nav{display:flex;align-items:center;flex:1;margin-left:28px}
.desk-list{display:flex;align-items:center;gap:2px;flex:1}
.desk-list li{display:flex;align-items:center;position:relative}
.desk-list a,.desk-list .nav-active{display:inline-flex;align-items:center;padding:8px 13px;font-size:clamp(0.875rem,0.8rem + 0.2vw,0.95rem);color:#e0e0e0;border-radius:6px;white-space:nowrap;transition:background .18s,color .18s}
.desk-list .nav-active{color:#24EE89;font-weight:600;background:rgba(36,238,137,0.09)}
.desk-list a:hover{background:rgba(255,255,255,0.07);color:#ffffff}
.sub-arr{display:inline-flex;align-items:center;justify-content:center;font-size:0.6rem;padding-left:3px;transition:transform .25s;transform-origin:center;color:#b8b8b8;pointer-events:none}
.has-sub:hover .sub-arr{transform:rotate(180deg)}
.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#1E2121;border:1px solid rgba(255,255,255,0.1);border-radius:8px;z-index:200;flex-direction:column}
.has-sub:hover .desk-sub{display:flex}
.desk-sub li{display:block}
.desk-sub a{display:block;padding:9px 16px;font-size:0.875rem;color:#e0e0e0;white-space:nowrap;transition:background .15s,color .15s}
.desk-sub a:hover{background:rgba(36,238,137,0.12);color:#24EE89}
.desk-auth{display:flex;align-items:center;gap:10px;margin-left:14px}
}
.btn-login{display:inline-flex;align-items:center;padding:9px 20px;border:1px solid rgba(255,255,255,0.22);border-radius:8px;font-size:0.875rem;color:#e0e0e0;transition:background .18s,border-color .18s;white-space:nowrap}
.btn-login:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4)}
.btn-signup{display:inline-flex;align-items:center;padding:9px 20px;background:#24EE89;border:1px solid #24EE89;border-radius:8px;font-size:0.875rem;color:#111111;font-weight:700;transition:background .18s;white-space:nowrap}
.btn-signup:hover{background:#1fd678}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#292D2E;z-index:300;overflow-y:auto}
.mob-menu.mob-open{display:flex}
@media(min-width:1081px){.mob-menu{display:none!important}}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.08)}
.mob-close{font-size:1.8rem;color:#e0e0e0;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mob-list{padding:10px 0}
.mob-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.05)}
.mob-list a,.mob-list .nav-active{display:inline-flex;align-items:center;padding:14px 18px;font-size:1rem;color:#e0e0e0;flex:1}
.mob-list .nav-active{color:#24EE89;font-weight:600}
.mob-parent-row{display:flex;align-items:center;width:100%}
.mob-parent-row 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 .25s;transform-origin:center;font-size:0.6rem;color:#b8b8b8}
.mob-arr.mob-open-arr{transform:rotate(180deg)}
.mob-sub{display:none;width:100%;flex-direction:column}
.mob-sub.mob-sub-open{display:flex}
.mob-sub li{border-top:1px solid rgba(255,255,255,0.04)}
.mob-sub a{display:inline-flex;align-items:center;padding:12px 18px 12px 36px;font-size:0.9rem;color:#b8b8b8;width:100%}
.mob-sub a:hover{color:#24EE89}
.mob-auth{display:flex;align-items:center;gap:10px;padding:16px 14px}
.mob-auth .btn-login{flex:1;justify-content:center}
.mob-auth .btn-signup{flex:1;justify-content:center}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:290}
.mob-overlay.mob-ov-open{display:block}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;background:#24EE89;border-radius:8px;color:#111111;font-weight:700;font-size:0.95rem;transition:background .18s}
.btn-cta:hover{background:#1fd678}
.cta-row{text-align:center;margin-top:28px}
.hero-blk{position:relative;overflow:hidden;padding:60px 0;background:#292D2E}
.hero-geo-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(60deg,rgba(36,238,137,0.03) 0px,rgba(36,238,137,0.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(-60deg,rgba(36,238,137,0.03) 0px,rgba(36,238,137,0.03) 1px,transparent 1px,transparent 40px);z-index:0}
.hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:40px}
.hero-txt{flex:1;min-width:0}
.hero-txt h1{font-size:clamp(1.6rem,1rem + 2.5vw,2.8rem);font-weight:800;color:#ffffff;margin-bottom:18px}
.hero-txt p{font-size:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);color:#c4c4c4;margin-bottom:12px;line-height:1.7}
.dl-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.btn-dl{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#ffffff;transition:background .18s,border-color .18s;text-decoration:none}
.btn-dl:hover{background:rgba(36,238,137,0.1);border-color:rgba(36,238,137,0.4)}
.dl-btn-txt{display:flex;flex-direction:column}
.dl-lbl{font-size:0.75rem;color:#ababab;line-height:1.2}
.dl-os{font-size:0.95rem;color:#ffffff;font-weight:700;line-height:1.3}
.hero-img-col{flex-shrink:0;width:250px;display:flex;justify-content:center}
.hero-img-col img{border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.4)}
@media(max-width:768px){
.hero-inner{flex-direction:column;text-align:center}
.dl-btns{justify-content:center}
.hero-img-col{width:180px}
}
@media(max-width:480px){.hero-img-col{width:140px}.dl-btns{flex-direction:column;align-items:center}.btn-dl{width:100%;max-width:280px;justify-content:center}}
.specs-blk{padding:60px 10px}
.specs-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.specs-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
@media(max-width:1024px){.specs-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.specs-grid{grid-template-columns:1fr}}
.spec-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:transform .2s,box-shadow .2s}
.spec-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(36,238,137,0.08)}
.spec-ico{font-size:1.3rem}
.spec-lbl{font-size:0.75rem;color:#bebebe;text-transform:uppercase;letter-spacing:.04em}
.spec-val{font-size:0.9rem;color:#e0e0e0;font-weight:600}
.android-blk{padding:60px 10px;background:#1E2121}
.android-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.android-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.install-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.inst-step{display:flex;align-items:flex-start;gap:16px;padding:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:10px}
.inst-num{width:36px;height:36px;border-radius:50%;background:#24EE89;color:#111111;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;margin-top:2px}
.inst-body{flex:1;min-width:0}
.inst-title{font-size:1rem;font-weight:700;color:#f0f0f0;margin-bottom:6px}
.inst-desc{font-size:0.9rem;color:#c4c4c4;line-height:1.6}
.ios-blk{padding:60px 10px}
.ios-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.ios-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.ios-steps{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.compare-blk{padding:60px 10px;background:#1E2121}
.compare-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.compare-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}
.cmp-tbl{border:1px solid rgba(255,255,255,0.08);border-radius:8px;overflow:hidden;min-width:480px}
.cmp-tbl th{background:rgba(36,238,137,0.1);color:#e0e0e0;font-size:0.8rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;text-align:left;white-space:nowrap}
.cmp-tbl td{padding:10px 16px;font-size:0.875rem;color:#c4c4c4;border-top:1px solid rgba(255,255,255,0.06);white-space:nowrap}
.cmp-tbl td:first-child{color:#e0e0e0;font-weight:600}
.cmp-tbl tr:hover td{background:rgba(255,255,255,0.03)}
@media(max-width:480px){.cmp-tbl th,.cmp-tbl td{font-size:0.75rem;padding:8px 10px}}
@media(max-width:320px){.cmp-tbl th,.cmp-tbl td{font-size:0.7rem;padding:6px 8px}}
.feat-blk{padding:60px 10px}
.feat-blk h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:16px}
.feat-blk p{color:#c4c4c4;margin-bottom:14px;line-height:1.7}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
@media(max-width:968px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.feat-grid{grid-template-columns:1fr}}
.feat-card{padding:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;transition:transform .2s,box-shadow .2s}
.feat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(36,238,137,0.08)}
.feat-ico{font-size:1.6rem;display:block;margin-bottom:10px}
.feat-title{font-size:0.95rem;font-weight:700;color:#f0f0f0;margin-bottom:6px}
.feat-desc{font-size:0.875rem;color:#c4c4c4;line-height:1.6}
footer{background:#1E2121;border-top:1px solid rgba(255,255,255,0.07);padding-top:48px;padding-bottom:24px}
.ft-wrap{padding-left:10px;padding-right:10px}
.ft-cols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:28px;margin-bottom:28px}
@media(max-width:968px){.ft-cols{grid-template-columns:1fr 1fr 1fr;gap:20px}}
@media(max-width:768px){.ft-cols{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:480px){.ft-cols{grid-template-columns:1fr}}
.ft-hdg{font-size:0.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ababab;margin-bottom:10px;font-weight:600}
.ft-hdg-gap{margin-top:20px}
.ft-col ul li{margin-bottom:7px}
.ft-col ul a{font-size:0.85rem;color:#ababab;transition:color .15s}
.ft-col ul a:hover{color:#24EE89}
.ft-logo-rail{overflow:hidden;width:100%}
.ft-logo-track{display:flex;align-items:center;gap:20px;animation:rail-scroll 22s linear infinite}
.ft-logo-track img{height:25px;width:auto;filter:brightness(0.65) grayscale(0.3);flex-shrink:0;transition:filter .2s}
.ft-logo-track img:hover{filter:brightness(1) grayscale(0)}
@keyframes rail-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ft-trust-row{display:flex;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:20px}
@media(min-width:1081px){.ft-trust-row{justify-content:flex-end}}
.ft-trust-logos{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ft-trust-logos img{opacity:0.6}
.ft-lic{font-size:0.775rem;color:#ababab;line-height:1.65;margin-bottom:16px}
.ft-base{font-size:0.775rem;color:#ababab;text-align:center;padding-top:8px;border-top:1px solid rgba(255,255,255,0.04)}
@media(max-width:320px){.hero-blk{padding:32px 0}.mob-menu{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}