/* Phase 2: one calm visual system, loaded after polish.css.
   No blur, no glow blobs, no decorative circles, two radii, hairlines instead of shadows. */
:root {
  --radius-content: 12px;
  --radius-control: 999px;
}

/* No glass anywhere. */
*, *::before, *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* No decorative blobs, rings, glows. */
.hero__blob, .hero__deco-arc, .hero__deco-arc--2, .ring-pulse,
.editorial__deco, .waitlist-cta__glow, .waitlist-cta__glow--1, .waitlist-cta__glow--2,
.eyebrow-dot, .hero__wave { display: none !important; }
.for-women::before, .for-women::after, .problem::before, .features::before,
.features::after, .spheres::before, .circle-share::after, .editorial::before,
.steps::after { display: none !important; }

/* One content radius. */
.problem-recog__card, .value-card, .sphere-card, .review-card, .faq__item,
.pricing-card, .app-card, .circle-share__note, .nav__dropdown-menu,
.sphere-card__shot, .feature-card__icon, .privacy-hub__card {
  border-radius: var(--radius-content);
}

/* Cards: no outlines, a light soft shadow, no lift on hover. */
.problem-recog__card, .value-card, .sphere-card, .review-card, .faq__item,
.pricing-card, .app-card, .circle-share__note {
  border: 0;
  box-shadow: 0 6px 24px rgba(75, 42, 27, .07);
}
.problem-recog__card:hover, .value-card:hover, .sphere-card:hover,
.pricing-card:hover, .app-card:hover {
  transform: none;
  box-shadow: 0 6px 24px rgba(75, 42, 27, .07);
}

/* Buttons: flat, no glow. */
.btn--primary, .btn--nav { box-shadow: none; background-image: none; }

/* Device frames: no tilt, no halo. */
.hero__device, .hero__visual--device-only .hero__device {
  transform: none;
  box-shadow: 0 0 0 1px var(--rule);
}

/* Final CTA band: flat ink instead of gradient. */
.waitlist-cta { background: var(--ink); background-image: none; }

/* Premium card: warm light surface with a terracotta edge instead of a dark slab. */
.pricing-card--pro {
  background: #f3e4d7;
  border: 0;
  box-shadow: 0 6px 24px rgba(75, 42, 27, .07);
}
.pricing-card--pro .pricing-card__eyebrow { color: var(--accent-dark); }
.pricing-card--pro .pricing-card__title { color: var(--ink); }
.pricing-card--pro .pricing-card__price { color: var(--ink-soft); }
.pricing-card--pro .pricing-card__list li { color: var(--ink); }
.pricing-card--pro .pricing-card__check { background: var(--accent); color: #fff; }

/* Centered section headers and CTAs: problem, why, spheres, medication. */
.problem-recog__header, .for-women__header, .spheres__header, .med-section__header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.problem-recog__header .h2, .for-women__h2, .spheres__h2, .med-section__header .h2,
.for-women__intro, .spheres__sub, .med-section__header p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.for-women .section-cta-link, .spheres .section-cta-link, .med-section .section-cta-link,
.med-section__note {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Warmer paper: cream with a touch of peach instead of the greenish ivory. */
:root {
  --surface: #fbeee8;
  --surface-raised: #fff7f3;
  --surface-muted: #f4e0d8;
  --cream: #fbeee8;
  --rule: rgba(94, 54, 31, .13);
}
.nav { background: rgba(251, 238, 232, .96); }
.hero, .hero--med { background: var(--surface); }

/* Ink and accent follow the app: deep warm brown text, clay rose accent. */
:root {
  --ink: #4b2a1b;
  --ink-soft: #7a5a49;
  --ink-faint: #7f6252;
  --accent: #b8705f;
  --accent-dark: #8f4a3a;
  --terracotta: #b8705f;
}

/* Privacy as a product feature: four plain cards, quiet and light. */
.privacy-map { background: var(--surface-muted); color: var(--ink-soft); padding-block: clamp(80px, 9vw, 120px); }
.privacy-map .privacy-hub__header { max-width: 720px; margin: 0 auto clamp(40px, 4vw, 56px); text-align: center; }
.privacy-map .h2 { color: var(--ink); }
.privacy-map .privacy-hub__header p { color: var(--ink-soft); }
.pmap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.pmap__routes { display: contents; list-style: none; margin: 0; padding: 0; }
.pmap__core, .pmap__route {
  background: var(--surface-raised); border: 0; border-radius: var(--radius-content);
  box-shadow: 0 6px 24px rgba(75, 42, 27, .07); padding: 28px 24px;
}
.pmap__core-k { display: none; }
.pmap__core h3, .pmap__route h4 { font-family: var(--ff-serif); font-weight: 400; font-size: 22px; line-height: 1.25; color: var(--ink); margin: 0 0 6px; }
.pmap__core h3 { font-size: 22px; }
.pmap__core ul { list-style: none; margin: 14px 0 0; padding: 0; }
.pmap__core li { padding: 4px 0; font-size: 15px; line-height: 1.5; color: var(--ink); }
.pmap__route::before { display: none; }
.pmap__route { position: static; }
.pmap__route-head { display: block; margin: 0 0 12px; }
.pmap__tag { display: block; font-family: inherit; font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--accent-dark); font-weight: 600; }
.pmap__route p { font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
.pmap__never { display: block; margin: clamp(40px, 4vw, 56px) auto 0; padding: 0; border: 0; max-width: 720px; text-align: center; }
.pmap__never-k { display: none; }
.pmap__never ul { list-style: none; margin: 0; padding: 0; }
.pmap__never li { padding: 4px 0; font-size: 17px; line-height: 1.55; color: var(--ink); }
.pmap__links { margin-top: 28px; justify-content: center; display: flex; flex-wrap: wrap; gap: 10px 32px; }
.pmap__links a { color: var(--accent-dark); font-weight: 600; text-decoration: none; }
.pmap__links a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1000px) { .pmap { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pmap { grid-template-columns: 1fr; } }

/* Real App Store reviews: typeset quotes, no cards, no ratings. */
.rquotes { padding-block: clamp(72px, 8vw, 112px); background: var(--surface); }
.rquotes__h2 { text-align: center; margin: 0 auto clamp(40px, 5vw, 64px); }
.rquotes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 6vw, 96px); max-width: 1000px; margin: 0 auto; }
.rquote { margin: 0; }
.rquote blockquote { font-family: var(--ff-serif); font-size: clamp(20px, 2vw, 26px); line-height: 1.4; color: var(--ink); margin: 0 0 20px; }
.rquote figcaption { font-size: 14px; color: var(--ink-soft); }
.rquotes__link { text-align: center; margin-top: clamp(40px, 5vw, 56px); }
.rquotes__link a { color: var(--accent-dark); font-weight: 600; text-decoration: none; }
.rquotes__link a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .rquotes__grid { grid-template-columns: 1fr; } }
.rquote__stars { display: flex; gap: 3px; margin: 12px 0 0; color: var(--accent); }

/* Trust strip: plain sentence case, no tracked capitals. */
.proof-bar__item { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; }

/* Spheres: plain sentence-case role, larger real screens. */
.sphere-card__role,
.sphere-card:nth-child(n) .sphere-card__role {
  text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; color: var(--accent-dark);
}
.sphere-card__shot { width: 210px; height: auto; flex-shrink: 0; }
.sphere-card__shot img { width: 100%; height: auto; object-fit: contain; }

/* Reviews: captions and stars line up across columns. */
.rquotes__grid { align-items: stretch; }
.rquote { display: flex; flex-direction: column; }
.rquote blockquote { flex: 1; }
.sphere-card { grid-template-columns: 210px minmax(0, 1fr); align-items: center; gap: 32px; min-height: 0; }
.sphere-card > div:last-child { align-self: center; }
@media (max-width: 760px) { .sphere-card { grid-template-columns: 1fr; justify-items: start; } .sphere-card__shot { width: 180px; } }

/* Circle: the real partner view instead of a stock photo. */
.circle-share__visual { display: flex; justify-content: center; }
.circle-share__visual img.circle-share__shot { width: min(100%, 340px); height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 14px 40px rgba(75, 42, 27, .12); }
.circle-share__visual { background: none; box-shadow: none; border-radius: 0; height: auto; min-height: 0; overflow: visible; padding: 0; align-items: center; }

/* Premium showcase: real screens for recipes, self-care and workouts. */
.pro-showcase { padding-block: clamp(72px, 8vw, 112px); background: var(--surface); }
.pro-showcase .h2, .pro-showcase__sub { text-align: center; margin-inline: auto; }
.pro-showcase__sub { max-width: 620px; margin-top: 14px; margin-bottom: clamp(40px, 5vw, 64px); font-size: 17px; color: var(--ink-soft); }
.pro-showcase__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); max-width: 1000px; margin-inline: auto; }
.pro-showcase__item { margin: 0; display: flex; flex-direction: column; align-items: center; }
.pro-showcase__item img { width: min(100%, 280px); height: auto; border-radius: 12px; box-shadow: 0 14px 40px rgba(75, 42, 27, .12); }
.pro-showcase__item figcaption { margin-top: 20px; max-width: 280px; display: flex; flex-direction: column; gap: 6px; text-align: left; }
.pro-showcase__item strong { font-family: var(--ff-serif); font-weight: 400; font-size: 20px; color: var(--ink); }
.pro-showcase__item span { font-size: 15px; line-height: 1.6; color: var(--ink-soft); }
@media (max-width: 860px) { .pro-showcase__grid { grid-template-columns: 1fr; gap: 48px; } }

/* Phone-style screenshots: smaller, 36px corners, 8px white frame. */
.pro-showcase__item img,
.circle-share__visual img.circle-share__shot {
  border: 8px solid #fff; border-radius: 36px; box-sizing: border-box; background: #fff;
  box-shadow: 0 14px 40px rgba(75, 42, 27, .12);
}
.pro-showcase__item img { width: min(100%, 230px); }
.pro-showcase__item figcaption { max-width: 230px; }
.circle-share__visual img.circle-share__shot { width: min(100%, 270px); }
.sphere-card__shot { width: 196px; border: 8px solid #fff; border-radius: 36px; background: #fff; box-sizing: border-box; overflow: hidden; }
.sphere-card { grid-template-columns: 196px minmax(0, 1fr); }
.sphere-card__shot img { border-radius: 0; box-shadow: none; }

/* Circle: two overlapping screens, "you share" behind and "shared with you" in front. */
.circle-share__visual { display: flex; align-items: flex-start; justify-content: center; padding-bottom: 8px; }
.circle-share__visual img.circle-share__shot { width: clamp(180px, 20vw, 250px); }
.circle-share__visual img.circle-share__shot--a { position: relative; z-index: 1; }
.circle-share__visual img.circle-share__shot--b { position: relative; z-index: 2; margin-left: clamp(-64px, -5vw, -36px); margin-top: clamp(48px, 7vw, 96px); }
@media (max-width: 760px) { .circle-share__visual img.circle-share__shot { width: min(44vw, 210px); } }

/* Template vs your pattern: the four-cycle chart on the home page. */
.template-chart { padding-block: clamp(64px, 7vw, 104px); background: var(--surface); }
.template-chart .h2, .template-chart__p { text-align: center; margin-inline: auto; }
.template-chart__p { max-width: 620px; margin-top: 14px; margin-bottom: clamp(36px, 4vw, 56px); font-size: 17px; line-height: 1.7; color: var(--ink-soft); }
.cyclechart { max-width: 820px; margin-inline: auto; background: var(--surface-raised); border: 0; border-radius: 12px; box-shadow: 0 6px 24px rgba(75, 42, 27, .07); padding: 36px 32px 28px; }
.cyclerow { display: grid; grid-template-columns: 84px 1fr; align-items: center; gap: 16px; padding: 14px 0; }
.cyclerow__label { font-size: 14px; font-weight: 600; color: var(--ink-soft); }
.cyclerow__track { position: relative; height: 10px; border-radius: 6px; background: rgba(184, 112, 95, .14); }
.cyclerow--miss .cyclerow__track { background: rgba(127, 98, 82, .14); }
.cyclerow__hit { position: absolute; top: 50%; height: 10px; border-radius: 6px; background: var(--accent); transform: translateY(-50%); }
.cyclerow__hit::after { content: "Low energy"; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 600; color: var(--accent-dark); white-space: nowrap; }
html[lang="de"] .cyclerow__hit::after { content: "Niedrige Energie"; }
.cyclerow__period { position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: var(--accent); border: 2px solid var(--surface-raised); }
.cyclechart__caption { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 15px; color: var(--ink-soft); }
.cyclechart__caption strong { color: var(--ink); }

/* Medication cards: a real screen above each. */
.med-card__shot { display: block; width: 190px; height: auto; margin: 0 auto 22px; border: 8px solid #fff; border-radius: 36px; box-sizing: border-box; background: #fff; box-shadow: 0 14px 40px rgba(75, 42, 27, .12); }