/* Unterseiten: Produkt, Über uns, Impressum, Datenschutz, Blog */
  header ul a.on{color:var(--ink); background:var(--ground)}
  /* product page */
  .part{padding:64px 0 24px}
  .part .eyebrow{color:var(--blue); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:.85rem; text-align:center; margin-bottom:10px}
  .part h2{text-align:center}
  .feature{display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:center; padding:56px 0; border-bottom:1px solid var(--line)}
  .feature:last-of-type{border-bottom:0}
  .feature.flip{grid-template-columns:7fr 5fr} .feature.flip .text{order:2}
  @media (max-width:860px){ .feature, .feature.flip{grid-template-columns:1fr; gap:24px; padding:40px 0} .feature.flip .text{order:0} }
  .feature h3{font-size:1.5rem; margin-bottom:12px}
  .feature p{color:var(--ink-2); margin:0 0 .8rem}
  .feature .note{font-size:.95rem}
  .shot{background:var(--tint); border:1px solid var(--line); border-radius:14px; padding:10px; box-shadow:var(--shadow)}
  .shot img{display:block; width:100%; height:auto; border-radius:8px}
  .shot.narrow{max-width:420px; margin:0 auto}
  .strip{display:grid; grid-template-columns:1fr 1fr; gap:12px} .strip .wide{grid-column:1 / -1} .strip .shot{padding:8px}
  .feature .phone{margin:0 auto}
  .feature .msg{background:var(--bg); border:1px solid var(--line); border-bottom-left-radius:4px; align-self:flex-start}
  .cap{font-size:.78rem; color:var(--ink-2); text-align:center; padding-top:4px}
  body > section.modules{background:var(--tint)}
  .modules h2{text-align:center}
  .modules ul{list-style:none; margin:32px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px 32px}
  @media (max-width:860px){ .modules ul{grid-template-columns:1fr 1fr} } @media (max-width:560px){ .modules ul{grid-template-columns:1fr} }
  .modules li{padding-top:12px; border-top:2px solid var(--line); color:var(--ink-2)}
  .modules li b{display:block; color:var(--ink); margin-bottom:2px}
  /* prose pages */
  body > section.prose{padding:64px 0 88px}
  .prose-inner{max-width:760px; margin:0 auto}
  .prose-inner h1{font-size:clamp(2rem,4.5vw,3rem); text-wrap:balance}
  .prose-inner h2{font-size:1.5rem; margin-top:2.2rem; text-align:left}
  .prose-inner h3{font-size:1.1rem; margin-top:1.4rem}
  .prose-inner p{margin:.7rem 0 0} .prose-inner ul{margin:.6rem 0 0; padding-left:1.2rem} .prose-inner li{margin:.25rem 0}
  .prose-inner .lead{font-size:1.15rem; margin-top:16px; max-width:none}
  .prose-inner a{color:var(--blue)}
  .muted{color:var(--ink-2)}
  dl{margin:.6rem 0 0; display:grid; grid-template-columns:220px 1fr; gap:6px 20px} dt{color:var(--ink-2)} dd{margin:0}
  @media (max-width:600px){ dl{grid-template-columns:1fr} dt{margin-top:8px} }
  .photo{margin:24px 0 0} .photo img{display:block; width:100%; max-width:520px; height:auto; border-radius:14px; box-shadow:var(--shadow)} .photo figcaption{font-size:.9rem; color:var(--ink-2); margin-top:8px}
