MyRing \u2014 Contraceptive Ring Tracker for iPhone & Apple Watch<\/title>\n <meta name=\"description\" content=\"MyRing keeps your contraceptive ring on track: gentle reminders, protection status at a glance, full cycle calendar with diary, and an Apple Watch companion.\">\n\n \n\n <style>\n :root {\n --brand: #F8B4AF;\n --brand-dark: #C77A6F;\n --brand-deep: #3A2228;\n --text: #1d1916;\n --text-muted: #6c5f5a;\n --bg: #fffaf7;\n --bg-soft: #fbe9e2;\n --card: #ffffff;\n --rule: #f0d8d2;\n --green: #6FA86E;\n --max-width: 1100px;\n --radius: 18px;\n }\n * { box-sizing: border-box; }\n html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 17px;\n line-height: 1.55;\n color: var(--text);\n background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);\n }\n a {\n color: var(--brand-dark);\n text-decoration: underline;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n }\n a:hover { color: var(--text); }\n img { max-width: 100%; height: auto; display: block; }\n h1, h2, h3 { letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 0.5em; }\n h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }\n h3 { font-size: 1.15rem; margin: 0 0 0.3em; }\n p { margin: 0 0 1em; }\n\n \/* \u2500\u2500\u2500 Layout helpers \u2500\u2500\u2500 *\/\n main { display: block; }\n section {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 80px 24px;\n }\n .center { text-align: center; }\n .lead {\n color: var(--text-muted);\n font-size: 1.1rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n .hero {\n background: radial-gradient(circle at 20% 0%, var(--brand) 0%, transparent 35%),\n linear-gradient(180deg, var(--brand-deep) 0%, #1a0e10 100%);\n color: #fff;\n max-width: none;\n padding-bottom: 0;\n overflow: hidden;\n }\n .hero-inner {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 90px 24px 0;\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (min-width: 880px) {\n .hero-inner { grid-template-columns: 1.1fr 1fr; padding-top: 110px; }\n }\n .hero h1 {\n font-size: clamp(2.4rem, 5.5vw, 3.6rem);\n font-weight: 800;\n margin: 0 0 0.4em;\n }\n .hero h1 .accent { color: var(--brand); }\n .hero-tag {\n font-size: 1.25rem;\n color: rgba(255,255,255,0.85);\n max-width: 520px;\n margin: 0 0 1.8em;\n }\n .hero-screenshot {\n max-width: 360px;\n margin: 0 auto;\n filter: drop-shadow(0 30px 60px rgba(0,0,0,0.35));\n transform: translateY(40px);\n }\n @media (min-width: 880px) {\n .hero-screenshot { transform: translateY(60px); }\n }\n\n \/* \u2500\u2500\u2500 CTA buttons \u2500\u2500\u2500 *\/\n .cta-row { display: flex; flex-wrap: wrap; gap: 14px; }\n .cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--brand);\n color: var(--brand-deep);\n padding: 14px 26px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 1rem;\n text-decoration: none;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 8px 24px rgba(248, 180, 175, 0.4);\n }\n .cta:hover {\n transform: translateY(-1px);\n box-shadow: 0 10px 28px rgba(248, 180, 175, 0.55);\n color: var(--brand-deep);\n }\n .cta-secondary {\n background: transparent;\n color: #fff;\n border: 1.5px solid rgba(255,255,255,0.35);\n box-shadow: none;\n }\n .cta-secondary:hover { background: rgba(255,255,255,0.08); color: #fff; }\n\n \/* \u2500\u2500\u2500 Features grid \u2500\u2500\u2500 *\/\n .features {\n background: var(--bg);\n }\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 40px;\n }\n .feature {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: var(--radius);\n padding: 26px;\n transition: transform 0.15s ease;\n }\n .feature:hover { transform: translateY(-3px); }\n .feature .icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--bg-soft);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n font-size: 1.4rem;\n }\n .feature p {\n color: var(--text-muted);\n font-size: 0.96rem;\n margin: 0;\n }\n\n \/* \u2500\u2500\u2500 Screenshot gallery \u2500\u2500\u2500 *\/\n .gallery { background: var(--bg-soft); }\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 24px;\n margin-top: 40px;\n }\n .gallery img {\n border-radius: 22px;\n box-shadow: 0 20px 40px rgba(60, 30, 35, 0.15);\n }\n\n \/* \u2500\u2500\u2500 Watch section \u2500\u2500\u2500 *\/\n .watch {\n background: linear-gradient(180deg, var(--brand-deep) 0%, #1a0e10 100%);\n color: #fff;\n max-width: none;\n padding-left: 24px;\n padding-right: 24px;\n }\n .watch-inner {\n max-width: var(--max-width);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (min-width: 880px) {\n .watch-inner { grid-template-columns: 1fr 1fr; }\n }\n .watch h2 { color: #fff; }\n .watch p { color: rgba(255,255,255,0.8); }\n .watch-screens {\n display: flex;\n gap: 18px;\n justify-content: center;\n }\n .watch-screens img {\n max-width: 180px;\n border-radius: 28px;\n }\n\n \/* \u2500\u2500\u2500 Pricing \u2500\u2500\u2500 *\/\n .pricing { background: var(--bg); }\n .price-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n margin-top: 40px;\n }\n .price-card {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: var(--radius);\n padding: 32px;\n position: relative;\n }\n .price-card.featured {\n border-color: var(--brand);\n box-shadow: 0 12px 36px rgba(248, 180, 175, 0.25);\n }\n .price-card .badge {\n position: absolute;\n top: -12px;\n right: 24px;\n background: var(--brand);\n color: var(--brand-deep);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 0.78rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n .price-card h3 { font-size: 1.3rem; }\n .price-card ul {\n list-style: none;\n padding: 0;\n margin: 20px 0 0;\n }\n .price-card li {\n padding: 7px 0;\n color: var(--text-muted);\n font-size: 0.96rem;\n }\n .price-card li::before {\n content: \"\u2713\";\n color: var(--green);\n font-weight: 700;\n margin-right: 8px;\n }\n .price-card .price {\n color: var(--text);\n font-weight: 700;\n margin-top: 12px;\n }\n\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n .faq { background: var(--bg-soft); }\n details {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: 14px;\n padding: 18px 22px;\n margin: 12px 0;\n cursor: pointer;\n }\n details[open] { background: #fff; }\n summary {\n font-weight: 600;\n list-style: none;\n position: relative;\n padding-right: 32px;\n }\n summary::-webkit-details-marker { display: none; }\n summary::after {\n content: \"+\";\n position: absolute;\n right: 0;\n top: 0;\n font-size: 1.3rem;\n color: var(--brand-dark);\n transition: transform 0.2s ease;\n }\n details[open] summary::after { transform: rotate(45deg); }\n details p {\n color: var(--text-muted);\n margin: 12px 0 0;\n }\n\n \/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\n footer {\n background: var(--brand-deep);\n color: rgba(255,255,255,0.75);\n padding: 50px 24px;\n text-align: center;\n font-size: 0.95rem;\n }\n footer a { color: rgba(255,255,255,0.9); }\n footer nav {\n margin-bottom: 18px;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n\n \/* \u2500\u2500\u2500 Dark-mode safety (system pref kicks in if WP doesn't override) \u2500\u2500\u2500 *\/\n @media (prefers-color-scheme: dark) {\n :root {\n --text: #f6efeb;\n --text-muted: #b8a6a0;\n --bg: #1a0e10;\n --bg-soft: #2a181c;\n --card: #2a181c;\n --rule: #4a2e34;\n }\n body { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%); }\n .gallery img { box-shadow: 0 20px 40px rgba(0,0,0,0.5); }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"hero-inner\">\n <div>\n <h1>Every contraceptive ring, <span class=\"accent\">on track<\/span>.<\/h1>\n <p class=\"hero-tag\">\n MyRing keeps your contraceptive ring exactly where it belongs \u2014 in\n the back of your mind. Gentle reminders, instant protection\n status, a full cycle diary, and a companion on your wrist.\n <\/p>\n <div class=\"cta-row\">\n <a href=\"APPSTORE_URL\" class=\"cta\">\n Download on the App Store \u2192\n <\/a>\n <a href=\"#features\" class=\"cta cta-secondary\">\n See features\n <\/a>\n <\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"hero-screenshot\"\n src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/01_HomeOverview-scaled.png\"\n alt=\"MyRing home screen showing the progress ring with 21 days remaining and the protection status.\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features\" id=\"features\">\n <div class=\"center\">\n <h2>Designed around your cycle<\/h2>\n <p class=\"lead\">Six things MyRing does so you don’t have to think about it.<\/p>\n <\/div>\n\n <div class=\"feature-grid\">\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Protection at a glance<\/h3>\n <p>A clear „Protected“ or „Protection unsafe“ badge tells you instantly\n whether your ring is doing its job \u2014 and what to do next when it\n isn’t.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\u23f0<\/div>\n <h3>Smart reminders<\/h3>\n <p>Pick your own time and message, opt into a 24-hour heads-up the\n day before, and let MyRing keep nudging until you confirm.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udcc5<\/div>\n <h3>Calendar that maps it all<\/h3>\n <p>Cycles, periods, mood and appointments \u2014 all on the day they\n actually happened. Edit any cycle in place when life changes.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udcdd<\/div>\n <h3>Full cycle diary<\/h3>\n <p>24+ mood tags, four period intensities, notes and appointments.\n MyRing keeps tracking during the pause week too.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\u231a<\/div>\n <h3>Apple Watch companion<\/h3>\n <p>See your remaining days right on your wrist. Confirm a pending\n ring action with a tap \u2014 no need to open the iPhone.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udd12<\/div>\n <h3>Private by default<\/h3>\n <p>Your data lives on your device. Cloud backup is optional and\n encrypted. Nothing is sold, traded or used for advertising.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\" id=\"screenshots\">\n <div class=\"center\">\n <h2>See it in action<\/h2>\n <p class=\"lead\">A glance at the screens you’ll actually use every day.<\/p>\n <\/div>\n\n <div class=\"gallery-grid\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/02_InsertDialog.png\" alt=\"Reminder asking whether you have inserted the ring.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/03_RemoveDialog.png\" alt=\"Reminder asking whether you have removed the ring.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/04_MissedRemoveDialog.png\" alt=\"Missed-action dialog with catch-up options.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/05_Calendar.png\" alt=\"Calendar showing cycles, diary entries and appointments on each day.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/06_CycleEditor.png\" alt=\"Cycle editor sheet open in the calendar.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/09_PauseDiary.png\" alt=\"Home view during the pause week with diary buttons.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/10_EmotionSheet.png\" alt=\"Mood picker with 24 mood and symptom tags.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/11_PeriodSheet.png\" alt=\"Period intensity picker.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/07_Settings.png\" alt=\"Settings screen.\">\n <\/div>\n <\/section>\n\n \n <section class=\"watch\">\n <div class=\"watch-inner\">\n <div>\n <h2>Also on your wrist.<\/h2>\n <p>\n The Apple Watch companion shows your remaining days at a glance\n and lets you confirm a pending ring action with a single tap.\n <\/p>\n <p>\n During the ring-free pause week, the same view counts down to\n your next ring \u2014 in a different colour, so you always know which\n phase you’re in.\n <\/p>\n <\/div>\n <div class=\"watch-screens\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/12_Watch.png\" alt=\"Apple Watch showing 14 days remaining during the ring phase.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/13_WatchPause.png\" alt=\"Apple Watch showing 4 days remaining during the pause phase.\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing\">\n <div class=\"center\">\n <h2>Free to start, Pro when you’re ready<\/h2>\n <p class=\"lead\">Everything that matters for safe use is free. Pro unlocks the rest.<\/p>\n <\/div>\n\n <div class=\"price-grid\">\n <div class=\"price-card\">\n <h3>Free<\/h3>\n <p class=\"price\">\u20ac0<\/p>\n <ul>\n <li>Cycle tracking with insert \/ remove reminders<\/li>\n <li>Protection status display<\/li>\n <li>Calendar with recent cycles<\/li>\n <li>Basic ring-count reminder („running low“)<\/li>\n <li>Apple Watch companion<\/li>\n <\/ul>\n <\/div>\n <div class=\"price-card featured\">\n <span class=\"badge\">Recommended<\/span>\n <h3>Pro<\/h3>\n <p class=\"price\">Local price shown in the App Store<\/p>\n <ul>\n <li>Full diary: mood, period, notes, appointments<\/li>\n <li>Recurring + 24-hour preview reminders<\/li>\n <li>Custom reminder times, messages and ring colours<\/li>\n <li>Pause-after-N-cycles for extended-use schedules<\/li>\n <li>Editable cycle history<\/li>\n <li>Encrypted cloud backup<\/li>\n <li>No ads<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq\">\n <div class=\"center\">\n <h2>Frequently asked<\/h2>\n <p class=\"lead\">Quick answers to the questions we hear most.<\/p>\n <\/div>\n\n <details>\n <summary>Is MyRing a medical device?<\/summary>\n <p>No. MyRing is a tracking and reminder tool. It does not diagnose,\n treat or prevent any condition, and it cannot replace the advice\n of your gynecologist or pharmacist. Use it alongside professional\n medical guidance, not instead of it.<\/p>\n <\/details>\n\n <details>\n <summary>Which rings does MyRing work with?<\/summary>\n <p>MyRing supports any monthly contraceptive vaginal ring with the\n standard „21 days in, 7 days out“ schedule \u2014 for example NuvaRing\n and comparable products. The wear \/ pause windows are\n customisable for prescriptions that deviate from the default.<\/p>\n <\/details>\n\n <details>\n <summary>What happens to my data?<\/summary>\n <p>Your cycle and diary entries live on your iPhone. If you enable\n cloud backup, an encrypted copy is stored in your authenticated\n Firebase account. Nothing is sold, shared with advertisers or used\n for profiling. See the\n <a href=\"https:\/\/langsoftware.de\/?page_id=60\">Privacy Policy<\/a>\n for the full breakdown.<\/p>\n <\/details>\n\n <details>\n <summary>How much does Pro cost?<\/summary>\n <p>Pricing varies by country. The App Store shows the exact monthly\n and yearly price in your local currency right before you confirm\n the purchase. You can cancel any time from your iTunes Account\n Settings.<\/p>\n <\/details>\n\n <details>\n <summary>Does the watch app work without my iPhone?<\/summary>\n <p>The watch shows the latest data the iPhone has sent it, so a\n recent sync is needed for accurate countdowns. Once that data is\n on the watch, it stays visible even without the iPhone nearby.\n Confirming a ring action requires the iPhone to be reachable.<\/p>\n <\/details>\n\n <details>\n <summary>What if I forget to insert or remove the ring?<\/summary>\n <p>MyRing detects late or missed actions and shows a dialog with\n catch-up guidance \u2014 including when emergency contraception or a\n pregnancy test are recommended. Always confirm those steps with\n your doctor.<\/p>\n <\/details>\n <\/section>\n\n \n <footer>\n <nav>\n <a href=\"https:\/\/langsoftware.de\/?page_id=55\">Terms of Use<\/a>\n <a href=\"https:\/\/langsoftware.de\/?page_id=60\">Privacy Policy<\/a>\n <a href=\"mailto:contact@langsoftware.de\">Contact<\/a>\n <a href=\"APPSTORE_URL\">App Store<\/a>\n <\/nav>\n <p>\u00a9 2026 Sebastian Lang \u00b7 langsoftware.de<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>MyRing \u2014 Contraceptive Ring Tracker for iPhone & Apple Watch Every contraceptive ring, on track. MyRing keeps your contraceptive ring exactly where it belongs \u2014 in the back of your mind. Gentle reminders, instant protection status, a full cycle diary, and a companion on your wrist. Download on the App Store \u2192 See features Designed around […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=178"}],"version-history":[{"count":6,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions\/200"}],"up":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":178,"date":"2026-05-28T09:57:32","date_gmt":"2026-05-28T09:57:32","guid":{"rendered":"https:\/\/langsoftware.de\/?page_id=178"},"modified":"2026-05-28T12:22:46","modified_gmt":"2026-05-28T12:22:46","slug":"myring","status":"publish","type":"page","link":"https:\/\/langsoftware.de\/?page_id=178","title":{"rendered":"MyRing"},"content":{"rendered":"\n\n\n\n \n \n MyRing \u2014 Contraceptive Ring Tracker for iPhone & Apple Watch<\/title>\n <meta name=\"description\" content=\"MyRing keeps your contraceptive ring on track: gentle reminders, protection status at a glance, full cycle calendar with diary, and an Apple Watch companion.\">\n\n \n\n <style>\n :root {\n --brand: #F8B4AF;\n --brand-dark: #C77A6F;\n --brand-deep: #3A2228;\n --text: #1d1916;\n --text-muted: #6c5f5a;\n --bg: #fffaf7;\n --bg-soft: #fbe9e2;\n --card: #ffffff;\n --rule: #f0d8d2;\n --green: #6FA86E;\n --max-width: 1100px;\n --radius: 18px;\n }\n * { box-sizing: border-box; }\n html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n font-size: 17px;\n line-height: 1.55;\n color: var(--text);\n background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);\n }\n a {\n color: var(--brand-dark);\n text-decoration: underline;\n text-decoration-thickness: 1px;\n text-underline-offset: 3px;\n }\n a:hover { color: var(--text); }\n img { max-width: 100%; height: auto; display: block; }\n h1, h2, h3 { letter-spacing: -0.015em; line-height: 1.15; margin: 0 0 0.5em; }\n h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }\n h3 { font-size: 1.15rem; margin: 0 0 0.3em; }\n p { margin: 0 0 1em; }\n\n \/* \u2500\u2500\u2500 Layout helpers \u2500\u2500\u2500 *\/\n main { display: block; }\n section {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 80px 24px;\n }\n .center { text-align: center; }\n .lead {\n color: var(--text-muted);\n font-size: 1.1rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* \u2500\u2500\u2500 Hero \u2500\u2500\u2500 *\/\n .hero {\n background: radial-gradient(circle at 20% 0%, var(--brand) 0%, transparent 35%),\n linear-gradient(180deg, var(--brand-deep) 0%, #1a0e10 100%);\n color: #fff;\n max-width: none;\n padding-bottom: 0;\n overflow: hidden;\n }\n .hero-inner {\n max-width: var(--max-width);\n margin: 0 auto;\n padding: 90px 24px 0;\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (min-width: 880px) {\n .hero-inner { grid-template-columns: 1.1fr 1fr; padding-top: 110px; }\n }\n .hero h1 {\n font-size: clamp(2.4rem, 5.5vw, 3.6rem);\n font-weight: 800;\n margin: 0 0 0.4em;\n }\n .hero h1 .accent { color: var(--brand); }\n .hero-tag {\n font-size: 1.25rem;\n color: rgba(255,255,255,0.85);\n max-width: 520px;\n margin: 0 0 1.8em;\n }\n .hero-screenshot {\n max-width: 360px;\n margin: 0 auto;\n filter: drop-shadow(0 30px 60px rgba(0,0,0,0.35));\n transform: translateY(40px);\n }\n @media (min-width: 880px) {\n .hero-screenshot { transform: translateY(60px); }\n }\n\n \/* \u2500\u2500\u2500 CTA buttons \u2500\u2500\u2500 *\/\n .cta-row { display: flex; flex-wrap: wrap; gap: 14px; }\n .cta {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--brand);\n color: var(--brand-deep);\n padding: 14px 26px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 1rem;\n text-decoration: none;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n box-shadow: 0 8px 24px rgba(248, 180, 175, 0.4);\n }\n .cta:hover {\n transform: translateY(-1px);\n box-shadow: 0 10px 28px rgba(248, 180, 175, 0.55);\n color: var(--brand-deep);\n }\n .cta-secondary {\n background: transparent;\n color: #fff;\n border: 1.5px solid rgba(255,255,255,0.35);\n box-shadow: none;\n }\n .cta-secondary:hover { background: rgba(255,255,255,0.08); color: #fff; }\n\n \/* \u2500\u2500\u2500 Features grid \u2500\u2500\u2500 *\/\n .features {\n background: var(--bg);\n }\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 40px;\n }\n .feature {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: var(--radius);\n padding: 26px;\n transition: transform 0.15s ease;\n }\n .feature:hover { transform: translateY(-3px); }\n .feature .icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background: var(--bg-soft);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n font-size: 1.4rem;\n }\n .feature p {\n color: var(--text-muted);\n font-size: 0.96rem;\n margin: 0;\n }\n\n \/* \u2500\u2500\u2500 Screenshot gallery \u2500\u2500\u2500 *\/\n .gallery { background: var(--bg-soft); }\n .gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 24px;\n margin-top: 40px;\n }\n .gallery img {\n border-radius: 22px;\n box-shadow: 0 20px 40px rgba(60, 30, 35, 0.15);\n }\n\n \/* \u2500\u2500\u2500 Watch section \u2500\u2500\u2500 *\/\n .watch {\n background: linear-gradient(180deg, var(--brand-deep) 0%, #1a0e10 100%);\n color: #fff;\n max-width: none;\n padding-left: 24px;\n padding-right: 24px;\n }\n .watch-inner {\n max-width: var(--max-width);\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n @media (min-width: 880px) {\n .watch-inner { grid-template-columns: 1fr 1fr; }\n }\n .watch h2 { color: #fff; }\n .watch p { color: rgba(255,255,255,0.8); }\n .watch-screens {\n display: flex;\n gap: 18px;\n justify-content: center;\n }\n .watch-screens img {\n max-width: 180px;\n border-radius: 28px;\n }\n\n \/* \u2500\u2500\u2500 Pricing \u2500\u2500\u2500 *\/\n .pricing { background: var(--bg); }\n .price-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n margin-top: 40px;\n }\n .price-card {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: var(--radius);\n padding: 32px;\n position: relative;\n }\n .price-card.featured {\n border-color: var(--brand);\n box-shadow: 0 12px 36px rgba(248, 180, 175, 0.25);\n }\n .price-card .badge {\n position: absolute;\n top: -12px;\n right: 24px;\n background: var(--brand);\n color: var(--brand-deep);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 0.78rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n .price-card h3 { font-size: 1.3rem; }\n .price-card ul {\n list-style: none;\n padding: 0;\n margin: 20px 0 0;\n }\n .price-card li {\n padding: 7px 0;\n color: var(--text-muted);\n font-size: 0.96rem;\n }\n .price-card li::before {\n content: \"\u2713\";\n color: var(--green);\n font-weight: 700;\n margin-right: 8px;\n }\n .price-card .price {\n color: var(--text);\n font-weight: 700;\n margin-top: 12px;\n }\n\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n .faq { background: var(--bg-soft); }\n details {\n background: var(--card);\n border: 1px solid var(--rule);\n border-radius: 14px;\n padding: 18px 22px;\n margin: 12px 0;\n cursor: pointer;\n }\n details[open] { background: #fff; }\n summary {\n font-weight: 600;\n list-style: none;\n position: relative;\n padding-right: 32px;\n }\n summary::-webkit-details-marker { display: none; }\n summary::after {\n content: \"+\";\n position: absolute;\n right: 0;\n top: 0;\n font-size: 1.3rem;\n color: var(--brand-dark);\n transition: transform 0.2s ease;\n }\n details[open] summary::after { transform: rotate(45deg); }\n details p {\n color: var(--text-muted);\n margin: 12px 0 0;\n }\n\n \/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 *\/\n footer {\n background: var(--brand-deep);\n color: rgba(255,255,255,0.75);\n padding: 50px 24px;\n text-align: center;\n font-size: 0.95rem;\n }\n footer a { color: rgba(255,255,255,0.9); }\n footer nav {\n margin-bottom: 18px;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n justify-content: center;\n }\n\n \/* \u2500\u2500\u2500 Dark-mode safety (system pref kicks in if WP doesn't override) \u2500\u2500\u2500 *\/\n @media (prefers-color-scheme: dark) {\n :root {\n --text: #f6efeb;\n --text-muted: #b8a6a0;\n --bg: #1a0e10;\n --bg-soft: #2a181c;\n --card: #2a181c;\n --rule: #4a2e34;\n }\n body { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%); }\n .gallery img { box-shadow: 0 20px 40px rgba(0,0,0,0.5); }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"hero-inner\">\n <div>\n <h1>Every contraceptive ring, <span class=\"accent\">on track<\/span>.<\/h1>\n <p class=\"hero-tag\">\n MyRing keeps your contraceptive ring exactly where it belongs \u2014 in\n the back of your mind. Gentle reminders, instant protection\n status, a full cycle diary, and a companion on your wrist.\n <\/p>\n <div class=\"cta-row\">\n <a href=\"APPSTORE_URL\" class=\"cta\">\n Download on the App Store \u2192\n <\/a>\n <a href=\"#features\" class=\"cta cta-secondary\">\n See features\n <\/a>\n <\/div>\n <\/div>\n <div>\n <img decoding=\"async\" class=\"hero-screenshot\"\n src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/01_HomeOverview-scaled.png\"\n alt=\"MyRing home screen showing the progress ring with 21 days remaining and the protection status.\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features\" id=\"features\">\n <div class=\"center\">\n <h2>Designed around your cycle<\/h2>\n <p class=\"lead\">Six things MyRing does so you don’t have to think about it.<\/p>\n <\/div>\n\n <div class=\"feature-grid\">\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Protection at a glance<\/h3>\n <p>A clear „Protected“ or „Protection unsafe“ badge tells you instantly\n whether your ring is doing its job \u2014 and what to do next when it\n isn’t.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\u23f0<\/div>\n <h3>Smart reminders<\/h3>\n <p>Pick your own time and message, opt into a 24-hour heads-up the\n day before, and let MyRing keep nudging until you confirm.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udcc5<\/div>\n <h3>Calendar that maps it all<\/h3>\n <p>Cycles, periods, mood and appointments \u2014 all on the day they\n actually happened. Edit any cycle in place when life changes.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udcdd<\/div>\n <h3>Full cycle diary<\/h3>\n <p>24+ mood tags, four period intensities, notes and appointments.\n MyRing keeps tracking during the pause week too.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\u231a<\/div>\n <h3>Apple Watch companion<\/h3>\n <p>See your remaining days right on your wrist. Confirm a pending\n ring action with a tap \u2014 no need to open the iPhone.<\/p>\n <\/div>\n <div class=\"feature\">\n <div class=\"icon\">\ud83d\udd12<\/div>\n <h3>Private by default<\/h3>\n <p>Your data lives on your device. Cloud backup is optional and\n encrypted. Nothing is sold, traded or used for advertising.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery\" id=\"screenshots\">\n <div class=\"center\">\n <h2>See it in action<\/h2>\n <p class=\"lead\">A glance at the screens you’ll actually use every day.<\/p>\n <\/div>\n\n <div class=\"gallery-grid\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/02_InsertDialog.png\" alt=\"Reminder asking whether you have inserted the ring.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/03_RemoveDialog.png\" alt=\"Reminder asking whether you have removed the ring.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/04_MissedRemoveDialog.png\" alt=\"Missed-action dialog with catch-up options.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/05_Calendar.png\" alt=\"Calendar showing cycles, diary entries and appointments on each day.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/06_CycleEditor.png\" alt=\"Cycle editor sheet open in the calendar.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/09_PauseDiary.png\" alt=\"Home view during the pause week with diary buttons.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/10_EmotionSheet.png\" alt=\"Mood picker with 24 mood and symptom tags.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/11_PeriodSheet.png\" alt=\"Period intensity picker.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/07_Settings.png\" alt=\"Settings screen.\">\n <\/div>\n <\/section>\n\n \n <section class=\"watch\">\n <div class=\"watch-inner\">\n <div>\n <h2>Also on your wrist.<\/h2>\n <p>\n The Apple Watch companion shows your remaining days at a glance\n and lets you confirm a pending ring action with a single tap.\n <\/p>\n <p>\n During the ring-free pause week, the same view counts down to\n your next ring \u2014 in a different colour, so you always know which\n phase you’re in.\n <\/p>\n <\/div>\n <div class=\"watch-screens\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/12_Watch.png\" alt=\"Apple Watch showing 14 days remaining during the ring phase.\">\n <img decoding=\"async\" src=\"https:\/\/langsoftware.de\/wp-content\/uploads\/2026\/05\/13_WatchPause.png\" alt=\"Apple Watch showing 4 days remaining during the pause phase.\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pricing\">\n <div class=\"center\">\n <h2>Free to start, Pro when you’re ready<\/h2>\n <p class=\"lead\">Everything that matters for safe use is free. Pro unlocks the rest.<\/p>\n <\/div>\n\n <div class=\"price-grid\">\n <div class=\"price-card\">\n <h3>Free<\/h3>\n <p class=\"price\">\u20ac0<\/p>\n <ul>\n <li>Cycle tracking with insert \/ remove reminders<\/li>\n <li>Protection status display<\/li>\n <li>Calendar with recent cycles<\/li>\n <li>Basic ring-count reminder („running low“)<\/li>\n <li>Apple Watch companion<\/li>\n <\/ul>\n <\/div>\n <div class=\"price-card featured\">\n <span class=\"badge\">Recommended<\/span>\n <h3>Pro<\/h3>\n <p class=\"price\">Local price shown in the App Store<\/p>\n <ul>\n <li>Full diary: mood, period, notes, appointments<\/li>\n <li>Recurring + 24-hour preview reminders<\/li>\n <li>Custom reminder times, messages and ring colours<\/li>\n <li>Pause-after-N-cycles for extended-use schedules<\/li>\n <li>Editable cycle history<\/li>\n <li>Encrypted cloud backup<\/li>\n <li>No ads<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"faq\">\n <div class=\"center\">\n <h2>Frequently asked<\/h2>\n <p class=\"lead\">Quick answers to the questions we hear most.<\/p>\n <\/div>\n\n <details>\n <summary>Is MyRing a medical device?<\/summary>\n <p>No. MyRing is a tracking and reminder tool. It does not diagnose,\n treat or prevent any condition, and it cannot replace the advice\n of your gynecologist or pharmacist. Use it alongside professional\n medical guidance, not instead of it.<\/p>\n <\/details>\n\n <details>\n <summary>Which rings does MyRing work with?<\/summary>\n <p>MyRing supports any monthly contraceptive vaginal ring with the\n standard „21 days in, 7 days out“ schedule \u2014 for example NuvaRing\n and comparable products. The wear \/ pause windows are\n customisable for prescriptions that deviate from the default.<\/p>\n <\/details>\n\n <details>\n <summary>What happens to my data?<\/summary>\n <p>Your cycle and diary entries live on your iPhone. If you enable\n cloud backup, an encrypted copy is stored in your authenticated\n Firebase account. Nothing is sold, shared with advertisers or used\n for profiling. See the\n <a href=\"https:\/\/langsoftware.de\/?page_id=60\">Privacy Policy<\/a>\n for the full breakdown.<\/p>\n <\/details>\n\n <details>\n <summary>How much does Pro cost?<\/summary>\n <p>Pricing varies by country. The App Store shows the exact monthly\n and yearly price in your local currency right before you confirm\n the purchase. You can cancel any time from your iTunes Account\n Settings.<\/p>\n <\/details>\n\n <details>\n <summary>Does the watch app work without my iPhone?<\/summary>\n <p>The watch shows the latest data the iPhone has sent it, so a\n recent sync is needed for accurate countdowns. Once that data is\n on the watch, it stays visible even without the iPhone nearby.\n Confirming a ring action requires the iPhone to be reachable.<\/p>\n <\/details>\n\n <details>\n <summary>What if I forget to insert or remove the ring?<\/summary>\n <p>MyRing detects late or missed actions and shows a dialog with\n catch-up guidance \u2014 including when emergency contraception or a\n pregnancy test are recommended. Always confirm those steps with\n your doctor.<\/p>\n <\/details>\n <\/section>\n\n \n <footer>\n <nav>\n <a href=\"https:\/\/langsoftware.de\/?page_id=55\">Terms of Use<\/a>\n <a href=\"https:\/\/langsoftware.de\/?page_id=60\">Privacy Policy<\/a>\n <a href=\"mailto:contact@langsoftware.de\">Contact<\/a>\n <a href=\"APPSTORE_URL\">App Store<\/a>\n <\/nav>\n <p>\u00a9 2026 Sebastian Lang \u00b7 langsoftware.de<\/p>\n <\/footer>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>MyRing \u2014 Contraceptive Ring Tracker for iPhone & Apple Watch Every contraceptive ring, on track. MyRing keeps your contraceptive ring exactly where it belongs \u2014 in the back of your mind. Gentle reminders, instant protection status, a full cycle diary, and a companion on your wrist. Download on the App Store \u2192 See features Designed around […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=178"}],"version-history":[{"count":6,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions\/200"}],"up":[{"embeddable":true,"href":"https:\/\/langsoftware.de\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/langsoftware.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}