{"product_id":"supermemo-20-upgrade","title":"SuperMemo 20 Upgrade","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --midnight: #050d1a;\n    --deep:     #0a1628;\n    --navy:     #0d1f3c;\n    --royal:    #1a3a6e;\n    --cobalt:   #1e4db7;\n    --sky:      #2e7de8;\n    --ice:      #72b4f7;\n    --frost:    #b8d9fc;\n    --white:    #eef4ff;\n    --accent:   #4fc3f7;\n    --glow:     rgba(46,125,232,0.25);\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  body {\n    background: var(--midnight);\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-weight: 400;\n    font-size: 17px;\n    line-height: 1.7;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .wrapper {\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 48px 24px 64px;\n  }\n\n  \/* ── HERO ── *\/\n  .hero {\n    border: 1px solid rgba(78,162,247,0.20);\n    border-radius: 16px;\n    background: linear-gradient(135deg, var(--deep) 0%, var(--navy) 60%, #0e2550 100%);\n    padding: 48px 40px 40px;\n    margin-bottom: 40px;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 60% 50% at 80% 20%, rgba(46,125,232,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .badge {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--accent);\n    border: 1px solid rgba(79,195,247,0.4);\n    border-radius: 4px;\n    padding: 4px 10px;\n    margin-bottom: 20px;\n  }\n  .hero h1 {\n    font-family: 'DM Serif Display', serif;\n    font-size: clamp(2rem, 5vw, 2.9rem);\n    line-height: 1.15;\n    color: var(--white);\n    margin-bottom: 16px;\n  }\n  .hero h1 span { color: var(--ice); font-style: italic; }\n  .hero p.tagline {\n    font-size: 1.05rem;\n    color: var(--frost);\n    max-width: 540px;\n    margin-bottom: 28px;\n  }\n  .cta-link {\n    display: inline-block;\n    background: linear-gradient(135deg, var(--cobalt), var(--sky));\n    color: #fff;\n    font-size: 0.92rem;\n    font-weight: 500;\n    text-decoration: none;\n    padding: 11px 22px;\n    border-radius: 8px;\n    letter-spacing: 0.02em;\n    transition: opacity .2s;\n  }\n  .cta-link:hover { opacity: .85; }\n\n  \/* ── DIVIDER ── *\/\n  .divider {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(78,162,247,0.3), transparent);\n    margin: 36px 0;\n  }\n\n  \/* ── SECTION HEADINGS ── *\/\n  h2 {\n    font-family: 'DM Serif Display', serif;\n    font-size: 1.45rem;\n    color: var(--ice);\n    margin-bottom: 18px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  h2::before {\n    content: '';\n    display: block;\n    width: 4px;\n    height: 22px;\n    background: linear-gradient(to bottom, var(--sky), var(--accent));\n    border-radius: 2px;\n    flex-shrink: 0;\n  }\n\n  \/* ── INTRO NOTE ── *\/\n  .intro-note {\n    background: #0d2147;\n    border-left: 3px solid var(--sky);\n    border-radius: 0 10px 10px 0;\n    padding: 18px 22px;\n    margin-bottom: 36px;\n    font-size: 1rem;\n    color: #ddeeff;\n  }\n  .intro-note strong { color: #a8d4ff; font-weight: 600; }\n\n  \/* ── FEATURE GRID ── *\/\n  .features {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    margin-bottom: 36px;\n  }\n  @media (max-width: 540px) { .features { grid-template-columns: 1fr; } }\n\n  .feat {\n    background: linear-gradient(135deg, rgba(13,31,60,0.8), rgba(10,22,40,0.9));\n    border: 1px solid rgba(78,162,247,0.15);\n    border-radius: 12px;\n    padding: 20px 18px;\n    transition: border-color .2s, box-shadow .2s;\n  }\n  .feat:hover {\n    border-color: rgba(46,125,232,0.5);\n    box-shadow: 0 0 18px var(--glow);\n  }\n  .feat-icon {\n    font-size: 1.4rem;\n    margin-bottom: 10px;\n    display: block;\n  }\n  .feat-title {\n    font-size: 0.92rem;\n    font-weight: 600;\n    color: var(--ice);\n    margin-bottom: 6px;\n    letter-spacing: 0.01em;\n  }\n  .feat-desc {\n    font-size: 0.93rem;\n    color: var(--frost);\n    line-height: 1.6;\n  }\n\n  \/* ── QUALIFY BLOCK ── *\/\n  .qualify {\n    background: #0d2147;\n    border: 1px solid rgba(78,162,247,0.25);\n    border-radius: 14px;\n    padding: 28px 30px;\n    margin-bottom: 32px;\n  }\n  .qualify ul {\n    list-style: none;\n    margin-top: 12px;\n  }\n  .qualify ul li {\n    padding: 7px 0 7px 24px;\n    position: relative;\n    font-size: 1rem;\n    color: #ddeeff;\n    border-bottom: 1px solid rgba(78,162,247,0.10);\n  }\n  .qualify ul li:last-child { border-bottom: none; }\n  .qualify ul li::before {\n    content: '✓';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n    font-weight: 600;\n  }\n\n  \/* ── ORDER NOTE ── *\/\n  .order-note {\n    background: #0d2147;\n    border: 1px dashed rgba(78,162,247,0.4);\n    border-radius: 12px;\n    padding: 22px 26px;\n    margin-bottom: 32px;\n    font-size: 1rem;\n    color: #ddeeff;\n  }\n  .order-note strong { color: #a8d4ff; font-weight: 600; }\n\n  \/* ── LINKS ROW ── *\/\n  .links-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 8px;\n  }\n  .link-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: var(--accent);\n    text-decoration: none;\n    border: 1px solid rgba(79,195,247,0.3);\n    border-radius: 20px;\n    padding: 6px 14px;\n    transition: background .2s, border-color .2s;\n  }\n  .link-pill:hover {\n    background: rgba(79,195,247,0.1);\n    border-color: var(--accent);\n  }\n  .link-pill svg { flex-shrink: 0; }\n\n  \/* ── FOOTER ── *\/\n  .footer-note {\n    text-align: center;\n    font-size: 0.92rem;\n    color: #7aaddd;\n    margin-top: 48px;\n    padding-top: 24px;\n    border-top: 1px solid rgba(78,162,247,0.15);\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"wrapper\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003eUpgrade Available\u003c\/div\u003e\n\u003ch1\u003eSuperMemo \u003cspan\u003e20\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"tagline\"\u003eThe most powerful version yet — built for serious learners who push SuperMemo to its limits.\u003c\/p\u003e\n\u003ca class=\"cta-link\" href=\"https:\/\/help.supermemo.org\/wiki\/What%27s_new_in_SuperMemo_20%3F\" target=\"_blank\"\u003e What's new in SuperMemo 20 → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO NOTE --\u003e\n\u003cdiv class=\"intro-note\"\u003e\n\u003cstrong\u003eEarly release note:\u003c\/strong\u003e SuperMemo 20 was released on Apr 1, 2026. Reach out if you'd like to contribute your early feedback.\u003c\/div\u003e\n\u003c!-- WHAT'S NEW --\u003e\n\u003ch2\u003eWhat's new — highlights for power users\u003c\/h2\u003e\n\u003cdiv class=\"features\"\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e📄\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eIncremental Reading in PDF\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eNative PDF incremental reading — extract, schedule, and review directly from PDF documents without leaving SuperMemo.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e∑\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eEditable Math Formulas\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eMath formulas are now fully editable inline. Perfect for STEM learners who need to manipulate equations in their collections.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e▶\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eImproved YouTube Integration\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eVideo-based incremental reading will make you optimally consume thousands of podcasts in a year.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🧠\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eAlgorithm Arena\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eWatch SM-2 through SM-20 and FSRS algorithms compete in real time on your own data. A treat for anyone who cares about the science behind spaced repetition.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🖥\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eHigh-DPI \/ Large Monitor Support\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eCrisp rendering on 4K and HiDPI displays. If you've been squinting at blurry UI, this one's for you.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🌐\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eWebView Support\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eEmbed a full WebView in elements and run your own JavaScript. Opens up powerful custom workflows and interactive content.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e⚡\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eActive Final Drill\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eTargeted cramming mode for exam prep. Drill your most critical items intensively when time is short.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feat\"\u003e\n\u003cspan class=\"feat-icon\"\u003e🔗\u003c\/span\u003e\n\u003cdiv class=\"feat-title\"\u003eSelection Import with Parsing\u003c\/div\u003e\n\u003cdiv class=\"feat-desc\"\u003eImport only what you select — strips ads, navigation, and clutter from content-rich websites automatically.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- WHO QUALIFIES --\u003e\n\u003cdiv class=\"qualify\"\u003e\n\u003ch2\u003eWho qualifies for the upgrade\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCustomers who purchased any product from SuperMemo Store before April 1, 2026\u003c\/li\u003e\n\u003cli\u003eCustomers who purchased any shrink-wrapped version of SuperMemo\u003c\/li\u003e\n\u003cli\u003eCustomers who ordered SuperMemo 19 in March 2026 can receive the upgrade for free (please get in touch)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- ORDER NOTE --\u003e\n\u003cdiv class=\"order-note\"\u003e\n\u003cstrong\u003eHow to order:\u003c\/strong\u003e When placing your upgrade order, please include your previous order number, registration number, or any identifiable details of your prior purchase so we can verify your eligibility quickly.\u003c\/div\u003e\n\u003c!-- LINKS --\u003e\n\u003ch2\u003eResources\u003c\/h2\u003e\n\u003cdiv class=\"links-row\"\u003e\n\u003ca class=\"link-pill\" href=\"https:\/\/help.supermemo.org\/wiki\/What%27s_new_in_SuperMemo_20%3F\" target=\"_blank\"\u003e \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M12 20h9\"\u003e\u003c\/path\u003e\u003cpath d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e What's new in SM20 \u003c\/a\u003e \u003ca class=\"link-pill\" href=\"https:\/\/help.supermemo.org\/\" target=\"_blank\"\u003e \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Documentation \u003c\/a\u003e \u003ca class=\"link-pill\" href=\"https:\/\/supermemopedia.com\/\" target=\"_blank\"\u003e \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Support \u003c\/a\u003e \u003ca class=\"link-pill\" href=\"https:\/\/supermemo.guru\/\" target=\"_blank\"\u003e \u003csvg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003cpath d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\u003e\u003c\/path\u003e\u003cpath d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Science \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"footer-note\"\u003eSuperMemo — helping you forget about forgetting.\u003c\/div\u003e\n\u003c\/div\u003e","brand":"SuperMemo Store","offers":[{"title":"Default Title","offer_id":53209473122647,"sku":null,"price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0755\/7831\/0999\/files\/263193.jpg?v=1775158326","url":"https:\/\/supermemo.store\/zh\/products\/supermemo-20-upgrade","provider":"SuperMemo Store","version":"1.0","type":"link"}