.vstatus.s-valid{color:#e0a53a;border-color:rgba(224,165,58,.45)}
  .vtraction{font-size:13px;color:var(--muted-dim);margin:0 0 18px;padding-top:14px;border-top:1px solid var(--line);line-height:1.5}
  .crit{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:900px;margin:0 auto}
  @media(max-width:760px){.crit{grid-template-columns:1fr}}
  .crit h3{font-size:20px;font-weight:800;margin-bottom:16px}
  .crit .yes{color:#3ecf8e}.crit .no{color:var(--muted-dim)}
  .crit .panel{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease}
  .crit .panel::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 28% 0%,rgba(75,46,158,.16),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}
  .crit .panel>*{position:relative;z-index:1}
  .crit .panel:hover{transform:translateY(-5px);border-color:rgba(75,46,158,.55);box-shadow:0 24px 52px rgba(75,46,158,.2)}
  .crit .panel:hover::before{opacity:1}

  /* Ideenverständnis */
  .igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  @media(max-width:820px){.igrid{grid-template-columns:1fr}}
  .ideacard{background:var(--bg-card);border:1px solid var(--line);border-radius:6px;padding:34px 30px;transition:transform .3s ease,border-color .3s ease}
  .ideacard:hover{transform:translateY(-4px);border-color:rgba(75,46,158,.5)}
  .ideacard .ikick{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
  .ideacard h3{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--ink)}
  .ideacard p{font-size:15.5px;color:var(--muted);line-height:1.6}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}

  /* Fokus: kein weisser System-Ring, sondern dezenter Marken-Fokus */
  a:focus,button:focus,input:focus,.ptab:focus{outline:none}
  a:focus-visible,button:focus-visible,input:focus-visible,.ptab:focus-visible{
    outline:2px solid var(--magenta);outline-offset:3px;border-radius:6px}

  /* ROTATING RIBBON */
  .ribbon{padding:clamp(58px,9vw,112px) 20px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}
  .ribbon h2{font-weight:800;font-size:clamp(26px,5.2vw,54px);line-height:1.14;letter-spacing:-.03em;color:var(--ink);margin:0}
  .ribbon .rot{display:inline-block}
  .ribbon .rot-word{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .ribbon .rot-cur{display:inline-block;width:.055em;height:.9em;margin-left:.05em;vertical-align:-.06em;background:var(--magenta);animation:ribbonBlink 1.05s steps(1) infinite}
  @keyframes ribbonBlink{50%{opacity:0}}
  @media (prefers-reduced-motion: reduce){.ribbon .rot-cur{animation:none}}

  /* INSIGHTS */
  .ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .ins-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid var(--line);border-radius:6px;padding:28px 26px;text-decoration:none;color:var(--ink);transition:transform .35s ease,border-color .35s ease}
  .ins-card:hover{transform:translateY(-4px);border-color:rgba(75,46,158,.5)}
  .ins-tag{font-size:12px;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--grad);padding:4px 12px;border-radius:6px}
  .ins-card h3{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.28;margin:2px 0 0;color:var(--ink)}
  .ins-card p{font-size:15px;color:var(--muted);line-height:1.55;flex:1;margin:0}