*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0f1419;color:#e0e0e0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.55;font-size:15px;min-height:100vh}
a{color:var(--accent,#ff8a3d);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:1040px;margin:0 auto;padding:24px 20px 60px}

.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}
.logo-img{width:56px;height:56px;border-radius:12px;box-shadow:0 4px 16px rgba(255,138,61,.3)}
.brand h1{font:800 26px system-ui;color:var(--accent,#ff8a3d);letter-spacing:-.5px}
.tag{font-size:13px;color:#9bb0c4}
.langswitch{display:flex;gap:4px}
.lang{padding:7px 14px;background:transparent;border:1px solid #2a3a4e;color:#9bb0c4;border-radius:6px;cursor:pointer;font:600 13px system-ui;transition:all .15s}
.lang.active{background:var(--accent,#ff8a3d);color:#000;border-color:var(--accent,#ff8a3d)}
.lang:hover:not(.active){border-color:var(--accent,#ff8a3d);color:var(--accent,#ff8a3d)}

.hero{text-align:center;padding:40px 20px 50px;border-bottom:1px solid #1e2a3a}
.hero h2{font:800 40px system-ui;color:#fff;letter-spacing:-.8px;margin-bottom:16px;line-height:1.15}
.lead{font-size:17px;color:#c5d1dc;max-width:680px;margin:0 auto 24px;line-height:1.6}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.btn{display:inline-block;padding:13px 22px;border-radius:8px;font:700 14px system-ui;cursor:pointer;transition:all .15s;border:none;font-family:inherit}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{background:linear-gradient(135deg,var(--accent,#ff8a3d),var(--accent2,#e11d48));color:#fff;box-shadow:0 4px 14px rgba(255,138,61,.35)}
.btn-primary:hover{filter:brightness(1.1)}
.btn-outline{background:transparent;color:var(--accent,#ff8a3d);border:1.5px solid var(--accent,#ff8a3d)}
.btn-outline:hover{background:var(--accent,#ff8a3d);color:#000}
.btn-big{padding:18px 36px;font-size:17px}
.sub{font-size:12px;color:#667;margin-top:8px}

section{padding:48px 0;border-bottom:1px solid #1e2a3a}
section h2{font:700 28px system-ui;color:var(--accent,#ff8a3d);margin-bottom:28px;text-align:center;letter-spacing:-.3px}

.how .steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}
.how .steps li{background:#161d27;border:1px solid #2a3a4e;border-radius:12px;padding:22px 20px;text-align:center;transition:border-color .15s,transform .15s}
.how .steps li:hover{border-color:var(--accent,#ff8a3d);transform:translateY(-2px)}
.how .n{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#ff8a3d),var(--accent2,#e11d48));color:#fff;font:900 18px system-ui;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.how h3{font-size:16px;color:#fff;margin-bottom:8px;font-weight:700}
.how p{font-size:13px;color:#9bb0c4;line-height:1.55}

.features .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.features .card{background:#161d27;border:1px solid #2a3a4e;border-radius:10px;padding:18px 16px;transition:all .15s}
.features .card:hover{border-color:var(--accent,#ff8a3d);transform:translateY(-2px)}
.features .ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,138,61,.12);color:var(--accent,#ff8a3d);border-radius:8px;font-size:18px;margin-bottom:10px;font-weight:700}
.features h3{font-size:14px;color:#fff;margin-bottom:6px;font-weight:700}
.features p{font-size:12px;color:#9bb0c4;line-height:1.55}

.privacy{text-align:center;max-width:700px;margin:0 auto}
.privacy p{font-size:14px;color:#c5d1dc;line-height:1.65}

.cta-bottom{text-align:center;padding:56px 20px}
.cta-bottom h2{margin-bottom:6px}
.cta-bottom p{color:#9bb0c4;font-size:15px;margin-bottom:20px}
.also{margin-top:14px;font-size:13px;color:#667}

footer{padding:32px 0 12px;border-top:1px solid #1e2a3a;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:18px}
.foot-grid b{display:block;color:var(--accent,#ff8a3d);font-size:13px;margin-bottom:6px}
.foot-grid .muted{color:#667;font-size:12px}
.foot-grid p{font-size:13px;color:#9bb0c4}
.foot-grid a{color:#c5d1dc}
.legal{text-align:center;color:#556;font-size:11px;padding-top:12px;border-top:1px solid #1e2a3a}

.perms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:820px;margin:0 auto}
.perm{background:#161d27;border:1px solid #2a3a4e;border-radius:8px;padding:12px 14px}
.perm b{color:var(--accent,#ff8a3d);font-size:13px;display:block;margin-bottom:4px}
.perm p{font-size:12px;color:#9bb0c4}

@media (max-width: 760px) {
  .hero h2{font-size:30px}
  .how .steps,.features .grid,.foot-grid,.perms{grid-template-columns:1fr}
  .lead{font-size:15px}
  section{padding:36px 0}
  section h2{font-size:22px}
}