:root{--bg: #f6f7f9;--surface: #fff;--soft: #eef0f3;--ink: #111317;--ink-2: #5c6370;--line: #e6e8eb;--accent: #f5c400;--ok: #16a34a;color-scheme: light}*{box-sizing: border-box}body{margin: 0;background: var(--bg);color: var(--ink);font: 16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color: inherit}.stripe{height: 6px;background: repeating-linear-gradient(135deg,#f5c400 0 12px,#111317 12px 24px)}.top{display: flex;align-items: center;gap: 24px;max-width: 1120px;margin: 0 auto;padding: 18px 24px}.brand{display: flex;align-items: center;gap: 10px;font: 700 19px/1 system-ui,sans-serif;text-decoration: none;letter-spacing: -0.01em}.top .links{display: flex;gap: 22px;margin-left: auto;font-size: 15px}.top .links a{text-decoration: none;color: var(--ink-2)}.top .links a:hover{color: var(--ink)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;font: 600 15px system-ui,sans-serif;text-decoration: none;border-radius: 12px;padding: 11px 18px;background: var(--soft);color: var(--ink);border: 0;cursor: pointer}.btn.primary{background: var(--ink);color: #fff}.btn.primary:hover{background: #2a2e35}.btn.ghost{background: transparent;box-shadow: inset 0 0 0 1px var(--line)}.btn.big{padding: 15px 24px;font-size: 16.5px}main section{max-width: 1120px;margin: 0 auto;padding: 56px 24px}h1{font-size: clamp(36px,5.4vw,60px);line-height: 1.04;letter-spacing: -0.035em;margin: 10px 0 18px}h2{font-size: clamp(26px,3.4vw,36px);letter-spacing: -0.025em;margin: 0 0 22px}.eyebrow{display: inline-block;margin: 0;padding: 6px 10px;border-radius: 999px;background: var(--ink);color: var(--accent);font: 600 13px/1 system-ui,sans-serif;letter-spacing: 0.02em}.lead{font-size: 19px;color: var(--ink-2);max-width: 34em;margin: 0 0 28px}.muted{color: var(--ink-2)}.cta{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 18px}.cta.center{justify-content: center;margin-top: 28px}.cta .note{color: var(--ink-2);font-size: 14px}.hero{display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 40px;align-items: center;padding-top: 36px}.hero-visual{position: relative;min-height: 360px}.scan{position: absolute;inset: 0 0 70px 70px;background: #fff;border-radius: 20px;box-shadow: 0 30px 60px -30px rgba(17,19,23,0.35);overflow: hidden}.tpvz{display: flex;justify-content: space-between;padding: 14px 18px;background: #005bff;color: #fff;font-size: 14px}.rows{display: grid;gap: 8px;padding: 14px 18px;max-width: 58%}.rows div{display: flex;justify-content: space-between;align-items: center;padding: 8px 10px;border-radius: 8px;background: #f4f5f7;font-size: 12px;color: var(--ink-2)}.rows i{font: 700 13px/1 system-ui,sans-serif;font-style: normal;color: var(--ink);background: #ffe24d;border-radius: 5px;padding: 3px 7px}.panel{position: absolute;right: 18px;bottom: 18px;width: 224px;background: #fff;border-radius: 16px;box-shadow: 0 12px 32px -12px rgba(17,19,23,0.3),0 0 0 1px rgba(17,19,23,0.06);overflow: hidden;padding-bottom: 14px}.panel::before{content: "";display: block;height: 5px;background: repeating-linear-gradient(135deg,#f5c400 0 9px,#111317 9px 18px)}.panel-top{display: flex;align-items: center;gap: 8px;padding: 10px 14px 0;font-size: 12px;color: var(--ink-2)}.dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #c4c8cf}.dot.ok{background: var(--ok)}.panel-cell{padding: 2px 14px 0;font: 700 44px/1.05 system-ui,sans-serif;letter-spacing: -0.02em}.panel-sub{padding: 0 14px;font-size: 13px;color: var(--ink-2)}.panel-bar{margin: 12px 14px 0;height: 4px;border-radius: 4px;background: #eceef1;overflow: hidden}.panel-bar i{display: block;height: 100%;background: var(--ink)}.panel-meta{display: flex;justify-content: space-between;padding: 6px 14px 0;font-size: 12px;color: var(--ink-2)}.label-img{position: absolute;left: 0;bottom: 0;width: 190px;height: auto;border-radius: 6px;box-shadow: 0 20px 40px -18px rgba(17,19,23,0.45);transform: rotate(-4deg);background: #fff;image-rendering: pixelated}.pain{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;padding-top: 8px}.pain-card{background: #fff;border-radius: 18px;padding: 22px;display: grid;gap: 8px;box-shadow: 0 0 0 1px var(--line)}.pain-card b{font-size: 18px}.pain-card span{color: var(--ink-2);font-size: 15px}.steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;counter-reset: s}.steps li{background: var(--ink);color: #fff;border-radius: 20px;padding: 26px 24px;display: grid;gap: 10px;align-content: start}.steps li::before{counter-increment: s;content: counter(s);display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: var(--accent);color: var(--ink);font-weight: 800}.steps b{font-size: 19px}.steps span{color: #c9ccd2;font-size: 15px}.features .grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px}.feature{background: #fff;border-radius: 20px;padding: 22px;box-shadow: 0 0 0 1px var(--line);display: grid;gap: 8px;align-content: start}.feature > b{font-size: 18px;margin-top: 6px}.feature > span{color: var(--ink-2);font-size: 15px}.feature img{width: 100%;max-width: 232px;height: auto;border-radius: 8px;box-shadow: 0 0 0 1px var(--line);image-rendering: pixelated}.mock-plan{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;height: 140px;padding: 12px;border-radius: 12px;background: var(--bg)}.mock-plan i{border-radius: 6px;background: var(--ink)}.mock-plan i.y{background: var(--accent);box-shadow: inset 0 0 0 3px var(--ink)}.mock-search,.mock-tg,.mock-pcs,.mock-ok{min-height: 140px;border-radius: 12px;background: var(--bg);padding: 16px;display: grid;gap: 8px;align-content: center;font-size: 14px}.mock-search span{padding: 9px 12px;border-radius: 10px;background: #fff;box-shadow: 0 0 0 1px var(--line);color: var(--ink-2);font-family: ui-monospace,Menlo,monospace}.mock-search b{font-size: 20px}.mock-tg span{background: #fff;border-radius: 12px 12px 12px 4px;padding: 8px 12px;width: fit-content;box-shadow: 0 1px 2px rgba(0,0,0,0.08)}.mock-pcs span{display: flex;align-items: center;gap: 8px;background: #fff;border-radius: 10px;padding: 10px 12px}.mock-ok{place-items: center;font: 800 30px/1 system-ui,sans-serif;letter-spacing: -0.02em;background: repeating-linear-gradient(135deg,#f5c400 0 14px,#111317 14px 28px);color: #fff;text-shadow: 0 2px 0 #111317,0 -2px 0 #111317,2px 0 0 #111317,-2px 0 0 #111317}.price{text-align: center}.countries{display: inline-flex;gap: 4px;padding: 4px;border-radius: 14px;background: var(--soft);margin: 10px 0 24px;flex-wrap: wrap;justify-content: center}.countries button{border: 0;background: transparent;font: 600 14px system-ui,sans-serif;color: var(--ink-2);padding: 9px 14px;border-radius: 10px;cursor: pointer}.countries button[aria-selected="true"]{background: #fff;color: var(--ink);box-shadow: 0 1px 3px rgba(0,0,0,0.1)}.countries-one{margin: 10px 0 24px;color: var(--ink-2);font-size: 14px}.plans{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;max-width: 860px;margin: 0 auto}.plan{background: #fff;border-radius: 20px;padding: 26px 22px;display: grid;gap: 6px;box-shadow: 0 0 0 1px var(--line)}.plan.best{box-shadow: 0 0 0 2px var(--ink)}.plan .amount{font: 800 34px/1.1 system-ui,sans-serif;letter-spacing: -0.03em}.plan span{color: var(--ink-2);font-size: 14px}.faq{max-width: 760px}.faq details{background: #fff;border-radius: 16px;padding: 4px 20px;box-shadow: 0 0 0 1px var(--line);margin-bottom: 10px}.faq summary{cursor: pointer;font-weight: 600;padding: 14px 0;list-style: none}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";float: right;color: var(--ink-2);font-weight: 400}.faq details[open] summary::after{content: "−"}.faq p{margin: 0 0 16px;color: var(--ink-2)}.foot{max-width: 1120px;margin: 0 auto;padding: 28px 24px 40px;display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap;color: var(--ink-2);font-size: 14px;border-top: 1px solid var(--line)}.foot .links{display: flex;gap: 18px}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}@media (max-width: 900px){.hero{grid-template-columns: 1fr}.hero-visual{min-height: 340px}.pain,.steps,.features .grid,.plans{grid-template-columns: 1fr}.top .links{display: none}#loginTop{margin-left: auto}main section{padding: 40px 16px}.top,.foot{padding-left: 16px;padding-right: 16px}}.lang-select{font: inherit;font-size: 13px;color: inherit;background: transparent;border: 1px solid currentColor;border-radius: 8px;padding: 3px 6px;opacity: 0.8}
