{"product_id":"speakpro-4g-kalbu-vertejas-be-jusu-interneto","title":"SpeakPro 4G – голосовой переводчик с интегрированным интернетом | 150+ языков","description":"\u003cstyle\u003e\n\/* ==========================================\n   MODERNU.LT – SPEAKPRO 4G\n   PREMIUM PRODUCT LANDING PAGE\n   ========================================== *\/\n\n.md4 {\n  --navy:#102333;\n  --navy2:#172f42;\n  --teal:#008f9c;\n  --aqua:#20bdc8;\n  --mint:#e8f8f8;\n  --ink:#14242e;\n  --muted:#60717b;\n  --line:#e1e9ec;\n  --white:#ffffff;\n\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n  color:var(--ink);\n  background:#fff;\n  line-height:1.55;\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n.md4 *,\n.md4 *::before,\n.md4 *::after {\n  box-sizing:border-box;\n}\n\n.md4 h1,\n.md4 h2,\n.md4 h3,\n.md4 p {\n  margin-top:0;\n}\n\n.md4 h1,\n.md4 h2,\n.md4 h3 {\n  line-height:1.15;\n  letter-spacing:-.7px;\n}\n\n.md4 img {\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n.md4-wrap {\n  width:100%;\n  max-width:1160px;\n  padding:0 24px;\n  margin:auto;\n}\n\n.md4-section {\n  padding:78px 0;\n}\n\n.md4-center {\n  text-align:center;\n}\n\n.md4-label {\n  display:inline-block;\n  color:var(--teal);\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n  margin-bottom:15px;\n}\n\n.md4-title {\n  font-size:42px;\n  font-weight:850;\n  color:var(--navy);\n  margin-bottom:18px;\n}\n\n.md4-subtitle {\n  font-size:18px;\n  color:var(--muted);\n  max-width:710px;\n  margin:0 auto 42px;\n}\n\n.md4-highlight {\n  color:var(--teal);\n}\n\n.md4-btn {\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  gap:12px;\n  min-height:58px;\n  padding:16px 29px;\n  background:var(--teal);\n  color:#fff!important;\n  border-radius:12px;\n  text-decoration:none!important;\n  font-size:16px;\n  font-weight:850;\n  border:0;\n  cursor:pointer;\n  transition:.2s;\n  box-shadow:0 10px 28px rgba(0,143,156,.17);\n  text-align:center;\n}\n\n.md4-btn:hover {\n  background:#007784;\n  transform:translateY(-2px);\n}\n\n.md4-btn-white {\n  background:#fff;\n  color:var(--navy)!important;\n  box-shadow:none;\n}\n\n.md4-btn-white:hover {\n  background:#e8f8f8;\n}\n\n.md4-small {\n  color:var(--muted);\n  font-size:13px;\n}\n\n\/* ==========================================\n   HERO\n   ========================================== *\/\n\n.md4-hero {\n  background:\n    radial-gradient(circle at 90% 10%,rgba(32,189,200,.17),transparent 38%),\n    linear-gradient(135deg,#f2fafb 0%,#fff 58%,#eaf5f7 100%);\n  padding:72px 0 80px;\n}\n\n.md4-hero-grid {\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:55px;\n  align-items:center;\n}\n\n.md4-hero-grid \u003e * {\n  min-width:0;\n}\n\n.md4-badge {\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  background:#ddf5f5;\n  color:#087986;\n  border:1px solid #c5ebec;\n  border-radius:30px;\n  padding:9px 16px;\n  font-size:13px;\n  font-weight:850;\n  margin-bottom:24px;\n}\n\n.md4-hero h1 {\n  font-size:55px;\n  font-weight:900;\n  letter-spacing:-2.4px;\n  color:var(--navy);\n  margin-bottom:23px;\n}\n\n.md4-hero-lead {\n  font-size:20px;\n  color:#516571;\n  margin-bottom:28px;\n}\n\n.md4-benefits {\n  display:grid;\n  gap:13px;\n  margin-bottom:30px;\n}\n\n.md4-benefit {\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  font-size:16px;\n  font-weight:650;\n}\n\n.md4-check {\n  width:25px;\n  height:25px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#d8f3ed;\n  color:#078064;\n  font-size:14px;\n  font-weight:900;\n  flex:0 0 25px;\n}\n\n.md4-hero-actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:20px;\n  align-items:center;\n}\n\n.md4-hero-visual {\n  display:flex;\n  flex-direction:column;\n  gap:16px;\n  min-width:0;\n}\n\n.md4-hero-image {\n  border-radius:28px;\n  overflow:hidden;\n  background:#e6f1f3;\n  box-shadow:0 20px 50px rgba(16,35,51,.10);\n}\n\n.md4-hero-image img {\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n.md4-floating {\n  position:static!important;\n  width:100%;\n  max-width:100%;\n  background:#fff;\n  padding:20px 24px;\n  border-radius:16px;\n  border:1px solid #dcebec;\n  box-shadow:0 8px 25px rgba(16,35,51,.06);\n  margin:0;\n}\n\n.md4-floating strong {\n  display:block;\n  font-size:25px;\n  line-height:1.2;\n  color:var(--navy);\n  margin-bottom:5px;\n}\n\n.md4-floating span {\n  display:block;\n  font-size:14px;\n  line-height:1.5;\n  color:var(--muted);\n}\n\n\/* ==========================================\n   STATS\n   ========================================== *\/\n\n.md4-stats {\n  background:var(--navy);\n  color:#fff;\n}\n\n.md4-stats-grid {\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n.md4-stat {\n  text-align:center;\n  padding:28px 15px;\n  border-right:1px solid rgba(255,255,255,.13);\n  min-width:0;\n}\n\n.md4-stat:last-child {\n  border:0;\n}\n\n.md4-stat strong {\n  display:block;\n  color:#fff;\n  font-size:27px;\n  font-weight:900;\n}\n\n.md4-stat span {\n  color:#c5d7df;\n  font-size:13px;\n}\n\n\/* ==========================================\n   PROBLEM \/ SOLUTION\n   ========================================== *\/\n\n.md4-problem-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:25px;\n  align-items:stretch;\n}\n\n.md4-problem-box {\n  border-radius:24px;\n  padding:36px;\n  background:#f4f7f8;\n  border:1px solid var(--line);\n}\n\n.md4-problem-box h3 {\n  font-size:24px;\n  margin-bottom:25px;\n}\n\n.md4-problem-box ul {\n  padding:0;\n  margin:0;\n  list-style:none;\n  display:grid;\n  gap:18px;\n}\n\n.md4-problem-box li {\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  font-size:16px;\n}\n\n.md4-problem-box li span {\n  font-size:19px;\n  flex:0 0 23px;\n}\n\n.md4-solution {\n  background:var(--navy);\n  border-color:var(--navy);\n  color:#fff;\n}\n\n.md4-solution h3 {\n  color:#fff;\n}\n\n.md4-solution li {\n  color:#e0edf2;\n}\n\n\/* ==========================================\n   4G FEATURE\n   ========================================== *\/\n\n.md4-connection {\n  background:linear-gradient(135deg,#e9f8f8,#f7fbfc);\n}\n\n.md4-connection-card {\n  background:#fff;\n  border-radius:30px;\n  padding:54px;\n  box-shadow:0 20px 55px rgba(16,35,51,.06);\n  border:1px solid #dcecee;\n}\n\n.md4-connection-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:55px;\n  align-items:center;\n}\n\n.md4-connection-grid \u003e * {\n  min-width:0;\n}\n\n.md4-connection h2 {\n  font-size:40px;\n  color:var(--navy);\n  margin-bottom:20px;\n}\n\n.md4-connection p {\n  font-size:17px;\n  color:var(--muted);\n}\n\n.md4-gb {\n  display:inline-flex;\n  align-items:center;\n  gap:20px;\n  padding:24px;\n  background:#eaf8f8;\n  border:1px solid #ccebec;\n  border-radius:18px;\n  margin:15px 0 25px;\n}\n\n.md4-gb strong {\n  font-size:48px;\n  line-height:1;\n  color:var(--teal);\n}\n\n.md4-gb span {\n  font-size:15px;\n  font-weight:750;\n  color:var(--navy);\n}\n\n.md4-connection-list {\n  display:grid;\n  gap:15px;\n}\n\n.md4-connection-item {\n  display:flex;\n  gap:12px;\n  align-items:flex-start;\n  font-size:15px;\n  color:var(--ink);\n}\n\n.md4-connection-item b {\n  color:var(--teal);\n  font-size:19px;\n}\n\n\/* ==========================================\n   HOW IT WORKS\n   ========================================== *\/\n\n.md4-steps {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:22px;\n}\n\n.md4-step {\n  padding:35px 29px;\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:22px;\n}\n\n.md4-step-number {\n  width:52px;\n  height:52px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:var(--navy);\n  color:#fff;\n  border-radius:15px;\n  font-size:23px;\n  font-weight:900;\n  margin-bottom:24px;\n}\n\n.md4-step h3 {\n  color:var(--navy);\n  font-size:21px;\n  margin-bottom:11px;\n}\n\n.md4-step p {\n  color:var(--muted);\n  font-size:15px;\n  margin:0;\n}\n\n\/* ==========================================\n   PHOTO TRANSLATION\n   ========================================== *\/\n\n.md4-photo {\n  background:#f4f8f9;\n}\n\n.md4-photo-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:65px;\n  align-items:center;\n}\n\n.md4-photo-grid \u003e * {\n  min-width:0;\n}\n\n.md4-photo-image {\n  border-radius:26px;\n  overflow:hidden;\n  box-shadow:0 20px 50px rgba(16,35,51,.09);\n}\n\n.md4-photo-content h2 {\n  font-size:41px;\n  color:var(--navy);\n  margin-bottom:20px;\n}\n\n.md4-photo-content p {\n  color:var(--muted);\n  font-size:18px;\n  margin-bottom:27px;\n}\n\n.md4-use-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:13px;\n}\n\n.md4-use {\n  background:#fff;\n  border:1px solid var(--line);\n  padding:15px;\n  border-radius:12px;\n  font-size:14px;\n  font-weight:750;\n}\n\n\/* ==========================================\n   FEATURES\n   ========================================== *\/\n\n.md4-feature-grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n\n.md4-feature {\n  padding:29px 23px;\n  border:1px solid var(--line);\n  border-radius:21px;\n  background:#fff;\n}\n\n.md4-feature-icon {\n  width:58px;\n  height:58px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#e7f7f7;\n  border-radius:16px;\n  font-size:27px;\n  margin-bottom:23px;\n}\n\n.md4-feature h3 {\n  color:var(--navy);\n  font-size:19px;\n  margin-bottom:12px;\n}\n\n.md4-feature p {\n  color:var(--muted);\n  font-size:14px;\n  margin:0;\n}\n\n\/* ==========================================\n   LIFESTYLE\n   ========================================== *\/\n\n.md4-life {\n  background:var(--navy);\n  color:#fff;\n}\n\n.md4-life-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:60px;\n  align-items:center;\n}\n\n.md4-life-grid \u003e * {\n  min-width:0;\n}\n\n.md4-life h2 {\n  color:#fff;\n  font-size:43px;\n  margin-bottom:22px;\n}\n\n.md4-life p {\n  color:#c8d9e1;\n  font-size:18px;\n}\n\n.md4-life-points {\n  display:grid;\n  gap:17px;\n  margin-top:30px;\n}\n\n.md4-life-point {\n  display:flex;\n  align-items:flex-start;\n  gap:13px;\n  color:#fff;\n  font-weight:700;\n}\n\n.md4-life-point-icon {\n  flex:0 0 25px;\n  font-size:22px;\n  line-height:1.3;\n}\n\n.md4-life-image {\n  border-radius:26px;\n  overflow:hidden;\n}\n\n\/* ==========================================\n   INTERNET OPTIONS\n   ========================================== *\/\n\n.md4-data {\n  background:#eef8f8;\n}\n\n.md4-data-panel {\n  background:#fff;\n  max-width:900px;\n  margin:auto;\n  border:1px solid #dcebec;\n  border-radius:28px;\n  padding:45px;\n  text-align:center;\n}\n\n.md4-data-panel h2 {\n  font-size:37px;\n  color:var(--navy);\n}\n\n.md4-data-panel \u003e p {\n  font-size:17px;\n  color:var(--muted);\n  max-width:680px;\n  margin:0 auto 25px;\n}\n\n.md4-options {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin-top:32px;\n}\n\n.md4-option {\n  padding:22px 10px;\n  background:#f3f8f9;\n  border-radius:15px;\n  font-size:14px;\n  font-weight:750;\n}\n\n.md4-option span {\n  display:block;\n  font-size:28px;\n  margin-bottom:8px;\n}\n\n\/* ==========================================\n   FAQ\n   ========================================== *\/\n\n.md4-faq {\n  max-width:860px;\n  margin:auto;\n}\n\n.md4-faq details {\n  padding:22px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.md4-faq summary {\n  cursor:pointer;\n  font-size:17px;\n  font-weight:800;\n  color:var(--navy);\n  list-style:none;\n}\n\n.md4-faq summary::-webkit-details-marker {\n  display:none;\n}\n\n.md4-faq summary::after {\n  content:\"+\";\n  float:right;\n  font-size:23px;\n  color:var(--teal);\n}\n\n.md4-faq details[open] summary::after {\n  content:\"−\";\n}\n\n.md4-faq details p {\n  margin:15px 0 0;\n  color:var(--muted);\n  font-size:15px;\n}\n\n\/* ==========================================\n   FINAL CTA\n   ========================================== *\/\n\n.md4-final {\n  background:\n    radial-gradient(circle at 80% 20%,rgba(32,189,200,.18),transparent 40%),\n    var(--navy);\n  padding:85px 20px;\n  text-align:center;\n  color:#fff;\n}\n\n.md4-final h2 {\n  font-size:48px;\n  max-width:800px;\n  margin:0 auto 18px;\n  color:#fff;\n}\n\n.md4-final p {\n  color:#c7d9e1;\n  font-size:19px;\n  margin-bottom:25px;\n}\n\n.md4-final-price {\n  font-size:43px;\n  font-weight:900;\n  color:#fff;\n  margin-bottom:25px;\n}\n\n\/* ==========================================\n   RESPONSIVE\n   ========================================== *\/\n\n@media(max-width:1000px) {\n\n  .md4-feature-grid {\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .md4-hero h1 {\n    font-size:46px;\n  }\n\n}\n\n@media(max-width:800px) {\n\n  .md4-section {\n    padding:55px 0;\n  }\n\n  .md4-wrap {\n    padding:0 19px;\n  }\n\n  .md4-hero {\n    padding:45px 0 55px;\n  }\n\n  .md4-hero-grid,\n  .md4-problem-grid,\n  .md4-connection-grid,\n  .md4-photo-grid,\n  .md4-life-grid {\n    grid-template-columns:1fr;\n    gap:32px;\n  }\n\n  .md4-hero h1 {\n    font-size:40px;\n    letter-spacing:-1.5px;\n  }\n\n  .md4-title,\n  .md4-connection h2,\n  .md4-photo-content h2,\n  .md4-life h2,\n  .md4-data-panel h2 {\n    font-size:32px;\n  }\n\n  .md4-stats-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .md4-stat:nth-child(2) {\n    border-right:0;\n  }\n\n  .md4-stat:nth-child(-n+2) {\n    border-bottom:1px solid rgba(255,255,255,.13);\n  }\n\n  .md4-steps {\n    grid-template-columns:1fr;\n  }\n\n  .md4-connection-card {\n    padding:27px;\n  }\n\n  .md4-floating {\n    position:static!important;\n    width:100%;\n    padding:18px 20px;\n    margin:0;\n  }\n\n  .md4-final h2 {\n    font-size:37px;\n  }\n\n}\n\n@media(max-width:480px) {\n\n  .md4-wrap {\n    padding:0 16px;\n  }\n\n  .md4-feature-grid,\n  .md4-use-grid {\n    grid-template-columns:1fr;\n  }\n\n  .md4-options {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .md4-hero-actions {\n    align-items:stretch;\n    flex-direction:column;\n  }\n\n  .md4-hero-actions .md4-btn {\n    width:100%;\n  }\n\n  .md4-problem-box {\n    padding:26px;\n  }\n\n  .md4-data-panel {\n    padding:27px 19px;\n  }\n\n  .md4-hero-lead {\n    font-size:18px;\n  }\n\n  .md4-hero h1 {\n    font-size:35px;\n  }\n\n  .md4-hero-image {\n    border-radius:20px;\n  }\n\n  .md4-floating {\n    padding:17px 19px;\n  }\n\n  .md4-floating strong {\n    font-size:22px;\n  }\n\n  .md4-final h2 {\n    font-size:33px;\n  }\n\n  .md4-stat {\n    padding:25px 8px;\n  }\n\n  .md4-stat strong {\n    font-size:24px;\n  }\n\n  .md4-stat span {\n    font-size:12px;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"md4\"\u003e\n\n\n  \u003c\/div\u003e","brand":"modernu","offers":[{"title":"Default Title","offer_id":55582676025673,"sku":"Speakpro4g+sim2gb","price":255.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0088\/8294\/6133\/files\/kalbu-vertejas-be-interneto-speakpro-4g.png?v=1791749090","url":"https:\/\/www.modernu.lv\/ru\/products\/speakpro-4g-kalbu-vertejas-be-jusu-interneto","provider":"modernu","version":"1.0","type":"link"}