:root { --bg: #141a24; --bg2: #1b2433; --card: #1f2938; --text: #f1f4f9; --muted: #b5c0d2; --amber: #ff9a2e; --lime: #d8f65a; --line: rgba(255,255,255,.1); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--text); background: radial-gradient(1200px 600px at 80% -10%, rgba(255,154,46,.18), transparent 60%), linear-gradient(180deg, #1b2a3f, var(--bg) 50%); line-height: 1.55; }
a { color: inherit; }
.lp-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 16px; padding: 12px clamp(16px, 4vw, 48px); background: rgba(20,26,36,.8); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.lp-brand { display: flex; align-items: center; gap: 10px; font-weight: 900; font-size: 20px; text-decoration: none; }
.lp-langs { margin-left: auto; display: flex; gap: 4px; }
.lp-langs a { text-decoration: none; font-weight: 700; font-size: 13px; padding: 6px 10px; border-radius: 10px; color: var(--muted); }
.lp-langs a[aria-current] { background: var(--amber); color: #111; }
.lp-btn { display: inline-block; text-decoration: none; background: var(--lime); color: #111; font-weight: 900; padding: 14px 24px; border-radius: 14px; box-shadow: 0 0 30px rgba(216,246,90,.25); transition: transform .15s; }
.lp-btn:hover { transform: translateY(-2px); }
.lp-btn.small { padding: 9px 14px; font-size: 14px; box-shadow: none; }
.lp-btn.ghost { background: transparent; color: var(--text); border: 1.5px solid var(--amber); box-shadow: none; }
main { max-width: 1160px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
.lp-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 40px; align-items: center; padding: 56px 0 40px; }
.lp-hero h1 { font-size: clamp(32px, 4.6vw, 54px); line-height: 1.08; margin: 0 0 18px; }
.lp-lead { font-size: 19px; color: var(--muted); margin: 0 0 28px; }
.lp-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.lp-hero-img { width: 100%; height: auto; border-radius: 26px; border: 1.5px solid rgba(255,154,46,.5); box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.lp-section { padding: 44px 0; }
.lp-section h2, .lp-final h2 { font-size: clamp(26px, 3.2vw, 38px); margin: 0 0 24px; }
.lp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lp-card { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 22px; }
.lp-card h3 { margin: 8px 0; font-size: 19px; }
.lp-card p { margin: 0; color: var(--muted); }
.lp-ico { font-size: 30px; }
.lp-pics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lp-pics img { width: 100%; height: auto; border-radius: 22px; border: 1px solid var(--line); }
.lp-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.lp-steps li { background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 22px; }
.lp-steps span { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--amber); color: #111; font-weight: 900; }
.lp-steps h3 { margin: 12px 0 6px; }
.lp-steps p { margin: 0; color: var(--muted); }
.lp-faq details { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 20px; margin-bottom: 10px; }
.lp-faq summary { cursor: pointer; font-weight: 800; font-size: 17px; }
.lp-faq p { color: var(--muted); margin: 10px 0 0; }
.lp-final { text-align: center; margin: 30px auto 60px; padding: 44px 24px; border-radius: 26px; background: linear-gradient(135deg, rgba(255,154,46,.22), rgba(216,246,90,.12)); border: 1.5px solid rgba(255,154,46,.5); }
.lp-final p { color: var(--muted); margin: 0 0 22px; }
.lp-foot { text-align: center; color: var(--muted); font-size: 14px; padding: 24px 16px 40px; }
@media (max-width: 860px) {
  .lp-hero { grid-template-columns: 1fr; padding-top: 32px; }
  .lp-hero-img { order: -1; }
  .lp-grid, .lp-steps { grid-template-columns: 1fr; }
  .lp-top .lp-btn.small { display: none; }
}
.soc-row{display:flex;justify-content:center;gap:14px;margin-bottom:12px}.soc{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text);transition:.15s}.soc:hover{background:var(--amber);color:#111}