/* German in Context | Pricing Night Premium V3 — staging-only
   Dark-only, pricing-only. Does not change pricing data or purchase behavior.
   Stylesheet injected only into staging /pricing by its own Nginx virtual host.
   Source snapshot: 2026-10-17, staging port 8012.
*/

html[data-gic-theme="dark"] .pp-page {
  --ppn-ink: #f5f0e5;
  --ppn-ink-soft: #d2ddd3;
  --ppn-muted: #aabcb1;
  --ppn-gold: #e3c17d;
  --ppn-gold-soft: #bfa26a;
  --ppn-line: rgba(215, 227, 210, .13);
  --ppn-line-gold: rgba(227, 193, 125, .34);
  --ppn-jade: #90d2b7;
  color: var(--ppn-ink);
  max-width: 1220px;
  padding-top: clamp(27px, 4.1vw, 52px);
  padding-bottom: 88px;
  isolation: isolate;
}

/* Editorial atmosphere: gentle light instead of neon glows. */
html[data-gic-theme="dark"] .pp-page::before {
  top: -115px;
  right: -185px;
  width: 600px;
  height: 520px;
  opacity: .9;
  filter: blur(22px);
  background: radial-gradient(ellipse at 52% 43%, rgba(171, 133, 61, .11), transparent 63%),
              radial-gradient(ellipse at 20% 65%, rgba(57, 126, 94, .11), transparent 58%);
}
html[data-gic-theme="dark"] .pp-page::after {
  left: -205px;
  bottom: 130px;
  width: 490px;
  height: 470px;
  opacity: .72;
  filter: blur(15px);
  background: radial-gradient(ellipse, rgba(47, 105, 83, .13), transparent 65%);
}

/* The shared global night theme targets every <header>. The pricing hero is
   editorial content, not a top navigation bar; reset that inherited rule. */
html[data-gic-theme="dark"] .pp-page > header.pp-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-gic-theme="dark"] .pp-page .pp-hero {
  gap: 16px 30px;
  align-items: end;
  margin: 0 0 25px;
}
html[data-gic-theme="dark"] .pp-page .pp-eyebrow {
  background: rgba(227, 193, 125, .095);
  color: var(--ppn-gold) !important; /* shared header span uses !important */
  border: 1px solid rgba(227, 193, 125, .25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 850;
}
html[data-gic-theme="dark"] .pp-page .pp-hero h1 {
  color: #faf5e9;
  font-family: "Newsreader", Georgia, "Times New Roman", serif;
  font-weight: 600;
  line-height: 1.025;
  letter-spacing: -.038em;
  font-size: clamp(43px, 5.9vw, 72px);
  margin: 17px 0 13px;
  text-wrap: balance;
}
html[data-gic-theme="dark"] .pp-page .pp-hero p {
  color: #b7c8bc;
  line-height: 1.75;
  font-size: 15px;
  max-width: 620px;
}
html[data-gic-theme="dark"] .pp-page .pp-current {
  color: #efd6a0;
  background: rgba(227, 193, 125, .095);
  border: 1px solid rgba(227, 193, 125, .22);
  box-shadow: none;
}
html[data-gic-theme="dark"] .pp-page .pp-scribble {
  color: #dac08b;
  font-family: "Newsreader", Georgia, serif;
  font-size: 21px;
  line-height: 1.1;
  opacity: .95;
}
html[data-gic-theme="dark"] .pp-page .pp-scribble::after {
  height: 2px;
  background: linear-gradient(90deg, #aa8041, #efd8a0);
}

/* The plan switcher is a quiet glass rail with one unmistakable selection. */
html[data-gic-theme="dark"] .pp-page .pp-tabs {
  max-width: 710px;
  top: 10px;
  margin: 20px auto 29px;
  padding: 6px;
  border-radius: 22px;
  background: rgba(24, 40, 33, .93);
  border: 1px solid rgba(227, 193, 125, .19);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .27), inset 0 1px 0 rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px) saturate(110%);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
}
html[data-gic-theme="dark"] .pp-page .pp-tab {
  min-height: 48px;
  background: transparent;
  color: #b6c4b9;
  border-radius: 16px;
  font-weight: 800;
  letter-spacing: .005em;
  transition: background .19s ease, color .19s ease, box-shadow .19s ease;
}
html[data-gic-theme="dark"] .pp-page .pp-tab:hover:not(.is-active) {
  background: rgba(255, 255, 255, .05);
  color: #f2ebdf;
}
html[data-gic-theme="dark"] .pp-page .pp-tab.is-active {
  background: linear-gradient(145deg, #246d59, #144a3e);
  color: #fff9ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 8px 19px rgba(2, 17, 12, .35);
}
html[data-gic-theme="dark"] .pp-page .pp-tab.pro-dot i {
  background: #e3c17d;
  box-shadow: 0 0 0 3px rgba(227, 193, 125, .13);
}
html[data-gic-theme="dark"] .pp-page .pp-tab:focus-visible,
html[data-gic-theme="dark"] .pp-page .pp-cta:focus-visible {
  outline: 2px solid #eed18c;
  outline-offset: 3px;
}

/* The plan shell and its own pricing cards must have distinct depths. */
html[data-gic-theme="dark"] .pp-page .pp-shell {
  position: relative;
  padding: clamp(19px, 3.1vw, 34px);
  border-radius: 30px;
  border: 1px solid rgba(200, 220, 206, .17);
  background: linear-gradient(155deg, #172c25 0%, #12231e 64%, #11201b 100%);
  color: var(--ppn-ink);
  box-shadow: 0 27px 75px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .045);
}
html[data-gic-theme="dark"] .pp-page .pp-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18%;
  right: 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(227, 193, 125, .26), transparent);
  pointer-events: none;
}
html[data-gic-theme="dark"] .pp-page .pp-shell.pro {
  border-color: rgba(227, 193, 125, .39);
  background: radial-gradient(ellipse at 98% 0%, rgba(175, 131, 55, .105), transparent 43%),
              linear-gradient(155deg, #1b332a 0%, #13251f 59%, #111f1a 100%);
  box-shadow: 0 28px 82px rgba(0, 0, 0, .33), 0 0 0 1px rgba(227, 193, 125, .04),
              inset 0 1px 0 rgba(255, 255, 255, .06);
}
html[data-gic-theme="dark"] .pp-page .pp-shell.pro::before {
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(227, 193, 125, .7), transparent);
}
html[data-gic-theme="dark"] .pp-page .pp-head {
  margin-bottom: 24px;
  gap: 14px 24px;
}
html[data-gic-theme="dark"] .pp-page .pp-kicker {
  color: #d9bb7a;
  font-size: 10px;
  letter-spacing: .20em;
  font-weight: 900;
}
html[data-gic-theme="dark"] .pp-page .pp-head h2 {
  color: #fbf3e6;
  font-family: "Newsreader", Georgia, serif;
  letter-spacing: -.035em;
  font-weight: 600;
  font-size: clamp(40px, 4.4vw, 60px);
  line-height: 1.06;
}
html[data-gic-theme="dark"] .pp-page .pp-plan-row {
  gap: 13px;
}
html[data-gic-theme="dark"] .pp-page .pp-sub {
  color: #bdcfc2;
  font-size: 15px;
}
html[data-gic-theme="dark"] .pp-page .pp-note {
  color: #adbcaf;
  line-height: 1.6;
  font-size: 14px;
}
html[data-gic-theme="dark"] .pp-page .pp-pro-badge {
  color: #283120;
  background: linear-gradient(135deg, #f4dfb0, #caa15b);
  border: 1px solid rgba(255, 240, 206, .27);
  font-weight: 900;
  letter-spacing: .1em;
  box-shadow: 0 7px 22px rgba(0, 0, 0, .19);
}

/* Four billing choices: a clean 2 x 2 at medium widths, 4-up on desktop. */
html[data-gic-theme="dark"] .pp-page .pp-slider {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
  padding: 17px 1px 4px;
}
html[data-gic-theme="dark"] .pp-page .pp-card {
  position: relative;
  padding: 22px 20px 21px;
  min-width: 0;
  min-height: 305px;
  border-radius: 23px;
  background: linear-gradient(160deg, #203b30 0%, #172c25 55%, #162820 100%);
  border: 1px solid rgba(210, 225, 210, .16);
  color: var(--ppn-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 10px 25px rgba(0, 0, 0, .13);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
html[data-gic-theme="dark"] .pp-page .pp-card:hover {
  border-color: rgba(227, 193, 125, .38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 16px 35px rgba(0, 0, 0, .24);
  transform: translateY(-2px);
}
html[data-gic-theme="dark"] .pp-page .pp-card.popular {
  background: radial-gradient(ellipse at 97% 3%, rgba(228, 188, 110, .13), transparent 60%),
              linear-gradient(155deg, #2c3d2e, #1a3027 57%, #162920);
  border: 1px solid rgba(229, 193, 122, .68);
  box-shadow: inset 0 1px 0 rgba(244, 222, 171, .1), 0 13px 34px rgba(0, 0, 0, .23);
}
html[data-gic-theme="dark"] .pp-page .pp-popular {
  min-height: 25px;
  left: 14px;
  right: 14px;
  top: -12px;
  border-radius: 999px;
  border: 1px solid rgba(218, 231, 215, .15);
  color: #cbd7cb;
  background: #2a453a;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .075em;
  box-shadow: 0 7px 16px rgba(0, 0, 0, .20);
}
html[data-gic-theme="dark"] .pp-page .pp-card.popular .pp-popular {
  background: linear-gradient(100deg, #b38b4d, #f0d49b 52%, #c29a56);
  color: #2e2c20;
  border-color: rgba(255, 238, 197, .48);
  box-shadow: 0 8px 19px rgba(4, 14, 9, .26);
}
html[data-gic-theme="dark"] .pp-page .pp-period {
  color: #e5eadc;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.01em;
}
html[data-gic-theme="dark"] .pp-page .pp-card.popular .pp-period {
  color: #f4daa6;
}
html[data-gic-theme="dark"] .pp-page .pp-price {
  margin: 19px 0 13px;
  gap: 4px;
  color: #f7f1e7;
  flex-wrap: nowrap;
}
html[data-gic-theme="dark"] .pp-page .pp-price strong {
  color: #fbf5e9;
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
  font-size: clamp(47px, 4.6vw, 62px);
  line-height: .98;
  letter-spacing: -.045em;
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
html[data-gic-theme="dark"] .pp-page .pp-price .cur {
  color: #dfbd74;
  font-size: 21px;
  margin-bottom: 8px;
}
html[data-gic-theme="dark"] .pp-page .pp-price .suffix {
  color: #acbdb0;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 8px;
  white-space: nowrap;
}
html[data-gic-theme="dark"] .pp-page .pp-small {
  color: #d0dacd;
  font-size: 12px;
  line-height: 1.6;
  min-height: 20px;
}
html[data-gic-theme="dark"] .pp-page .pp-small .save {
  color: #f0d6a1;
  background: rgba(227, 193, 125, .12);
  border: 1px solid rgba(227, 193, 125, .2);
  border-radius: 999px;
  padding: 2px 6px;
  white-space: nowrap;
}
html[data-gic-theme="dark"] .pp-page .pp-copy {
  color: #afbeb1;
  line-height: 1.65;
  font-size: 12.5px;
  margin: 10px 0 19px;
  min-height: 45px;
}
html[data-gic-theme="dark"] .pp-page .pp-best-offer {
  color: #f1d297 !important; /* existing annual label has inline color */
  font-size: 10px;
}
html[data-gic-theme="dark"] .pp-page .pp-cta {
  min-height: 51px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 15px;
  background: linear-gradient(135deg, #276d5b, #165244);
  color: #fffaf0;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 11px 25px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(255, 255, 255, .14);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
html[data-gic-theme="dark"] .pp-page .pp-shell.pro .pp-cta {
  background: linear-gradient(130deg, #f2d9a4, #d6af66 55%, #c49a53);
  color: #233224;
  border-color: rgba(255, 244, 212, .43);
  box-shadow: 0 11px 27px rgba(5, 11, 6, .28), inset 0 1px 0 rgba(255, 255, 255, .45);
}
html[data-gic-theme="dark"] .pp-page .pp-cta:hover { filter: brightness(1.075); }
html[data-gic-theme="dark"] .pp-page .pp-cta:active { transform: translateY(1px); }

/* Free is deliberately quieter than the paid plan choices. */
html[data-gic-theme="dark"] .pp-page .pp-free-grid { gap: 18px; }
html[data-gic-theme="dark"] .pp-page .pp-free-card {
  background: linear-gradient(145deg, #1f5746, #153e34 65%, #102b25);
  border: 1px solid rgba(130, 202, 166, .22);
  border-radius: 24px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 14px 31px rgba(0, 0, 0, .19);
}
html[data-gic-theme="dark"] .pp-page .pp-free-card small { color: #d7e5d6; }
html[data-gic-theme="dark"] .pp-page .pp-free-card strong {
  color: #fff9eb;
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
}
html[data-gic-theme="dark"] .pp-page .pp-free-card p { color: #ceded1; }
html[data-gic-theme="dark"] .pp-page .pp-free-card .pp-cta {
  background: linear-gradient(135deg, #f6eedc, #e2dac7);
  border-color: rgba(255, 255, 255, .4);
  color: #194f3e;
}
html[data-gic-theme="dark"] .pp-page .pp-free-side,
html[data-gic-theme="dark"] .pp-page .pp-feature {
  color: var(--ppn-ink);
  background: linear-gradient(165deg, rgba(40, 64, 50, .70), rgba(23, 42, 33, .68));
  border: 1px solid var(--ppn-line);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .038);
}
html[data-gic-theme="dark"] .pp-page .pp-feature { margin-top: 21px; padding: 21px; }
html[data-gic-theme="dark"] .pp-page .pp-feature-icon {
  color: #e9cb90;
  background: rgba(227, 193, 125, .105);
  border: 1px solid rgba(227, 193, 125, .20);
  border-radius: 17px;
  box-shadow: none;
}
html[data-gic-theme="dark"] .pp-page .pp-feature h3,
html[data-gic-theme="dark"] .pp-page .pp-free-side h3 {
  color: #f3eddf;
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
}
html[data-gic-theme="dark"] .pp-page .pp-list li { color: #cdd9ce; }
html[data-gic-theme="dark"] .pp-page .pp-list li::before { color: #a3d9b8; }
html[data-gic-theme="dark"] .pp-page .pp-divider { background: rgba(229, 238, 216, .14); }

/* Comparison is a readable editorial ledger, not another plan card. */
html[data-gic-theme="dark"] .pp-page .pp-compare {
  margin-top: 25px;
  padding: clamp(19px, 2.6vw, 30px);
  border-radius: 25px;
  border: 1px solid rgba(227, 193, 125, .20);
  background: radial-gradient(ellipse at 91% 2%, rgba(203, 157, 80, .115), transparent 34%),
              linear-gradient(145deg, #163d31, #123126 60%, #10291f);
  color: #f5f0e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 30px rgba(0, 0, 0, .19);
  overflow-x: auto;
}
html[data-gic-theme="dark"] .pp-page .pp-compare h3 {
  color: #faf2e1;
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
  letter-spacing: -.025em;
}
html[data-gic-theme="dark"] .pp-page .pp-compare p { color: #bccbbd; }
html[data-gic-theme="dark"] .pp-page .pp-note-scribble { color: #e0c487; }
html[data-gic-theme="dark"] .pp-page .pp-table { background: transparent; }
html[data-gic-theme="dark"] .pp-page .pp-table th,
html[data-gic-theme="dark"] .pp-page .pp-table td {
  border-color: rgba(231, 236, 216, .13);
  color: #dce5d6;
  background: transparent;
}
html[data-gic-theme="dark"] .pp-page .pp-table thead th {
  color: #f4e6cc;
  font-weight: 850;
  border-bottom: 1px solid rgba(227, 193, 125, .26);
}
html[data-gic-theme="dark"] .pp-page .pp-table td:first-child,
html[data-gic-theme="dark"] .pp-page .pp-table th:first-child { color: #d9e1d2; }
html[data-gic-theme="dark"] .pp-page .pp-table :is(th,td):last-child {
  background: rgba(227, 193, 125, .055);
}
html[data-gic-theme="dark"] .pp-page .pp-table .pp-yes { color: #a7e1bb; }
html[data-gic-theme="dark"] .pp-page .pp-table .pp-no { color: #8b9e8c; }
html[data-gic-theme="dark"] .pp-page .pp-table .pp-number { color: #f1d18f; }
html[data-gic-theme="dark"] .pp-page .pp-closing { margin-top: 32px; }
html[data-gic-theme="dark"] .pp-page .pp-closing-kicker { color: #c8b58b; }
html[data-gic-theme="dark"] .pp-page .pp-closing h3 {
  color: #fbf3e6;
  font-family: "Newsreader", Georgia, serif;
  font-weight: 600;
}
html[data-gic-theme="dark"] .pp-page .pp-closing h3 span { color: #eac787; }
html[data-gic-theme="dark"] .pp-page .pp-closing-copy,
html[data-gic-theme="dark"] .pp-page .pp-closing-tail { color: #b9c8b9; }

/* Horizontal billing rail keeps every duration reachable and legible. */
@media (min-width: 1120px) {
  html[data-gic-theme="dark"] .pp-page .pp-slider { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html[data-gic-theme="dark"] .pp-page .pp-price strong { font-size: clamp(43px, 4vw, 58px); }
}
@media (max-width: 900px) {
  html[data-gic-theme="dark"] .pp-page { padding: 25px 14px 64px; }
  html[data-gic-theme="dark"] .pp-page .pp-hero { grid-template-columns: 1fr; }
  html[data-gic-theme="dark"] .pp-page .pp-head { grid-template-columns: 1fr; }
  html[data-gic-theme="dark"] .pp-page .pp-note { justify-self: start; max-width: 100%; }
  html[data-gic-theme="dark"] .pp-page .pp-slider {
    display: flex;
    gap: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 3px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    padding: 20px 3px 11px;
    margin-top: -6px;
  }
  html[data-gic-theme="dark"] .pp-page .pp-card {
    flex: 0 0 min(84%, 360px);
    min-width: min(84%, 360px);
    max-width: 360px;
    min-height: 300px;
    scroll-snap-align: start;
  }
  html[data-gic-theme="dark"] .pp-page .pp-card:hover { transform: none; }
  html[data-gic-theme="dark"] .pp-page .pp-feature-grid,
  html[data-gic-theme="dark"] .pp-page .pp-free-grid,
  html[data-gic-theme="dark"] .pp-page .pp-feature { grid-template-columns: 1fr; }
  html[data-gic-theme="dark"] .pp-page .pp-divider { display: none; }
  html[data-gic-theme="dark"] .pp-page .pp-compare { overflow-x: auto; }
  html[data-gic-theme="dark"] .pp-page .pp-dots span { background: rgba(223, 226, 204, .27); }
  html[data-gic-theme="dark"] .pp-page .pp-dots span.active { background: #e4c27e; }
  html[data-gic-theme="dark"] .pp-page .pp-mobile-continue {
    color: #c2ceb9 !important; /* existing markup contains inline color */
    background: transparent;
    border: 0;
  }
}
@media (max-width: 560px) {
  html[data-gic-theme="dark"] .pp-page .pp-hero h1 {
    font-size: clamp(40px, 10.8vw, 54px);
    line-height: 1.04;
  }
  html[data-gic-theme="dark"] .pp-page .pp-hero p { font-size: 14px; }
  html[data-gic-theme="dark"] .pp-page .pp-scribble { font-size: 18px; }
  html[data-gic-theme="dark"] .pp-page .pp-tabs {
    margin: 18px auto 24px;
    padding: 5px;
    border-radius: 18px;
  }
  html[data-gic-theme="dark"] .pp-page .pp-tab {
    min-height: 45px;
    border-radius: 14px;
    font-size: 12px;
    padding: 0 4px;
  }
  html[data-gic-theme="dark"] .pp-page .pp-shell { padding: 19px 14px 23px; border-radius: 23px; }
  html[data-gic-theme="dark"] .pp-page .pp-head h2 { font-size: 44px; }
  html[data-gic-theme="dark"] .pp-page .pp-card { padding: 23px 19px 19px; }
  html[data-gic-theme="dark"] .pp-page .pp-price strong { font-size: clamp(44px, 11.5vw, 58px); }
  html[data-gic-theme="dark"] .pp-page .pp-price .cur { font-size: 19px; }
  html[data-gic-theme="dark"] .pp-page .pp-feature { padding: 17px; }
  html[data-gic-theme="dark"] .pp-page .pp-feature h3,
  html[data-gic-theme="dark"] .pp-page .pp-free-side h3 { font-size: 22px; }
  html[data-gic-theme="dark"] .pp-page .pp-compare { padding: 21px 13px; }
  html[data-gic-theme="dark"] .pp-page .pp-table th,
  html[data-gic-theme="dark"] .pp-page .pp-table td {
    font-size: 11.5px;
    line-height: 1.4;
    padding: 10px 4px;
  }
  html[data-gic-theme="dark"] .pp-page .pp-table th:first-child,
  html[data-gic-theme="dark"] .pp-page .pp-table td:first-child {
    width: 49%;
    padding-right: 7px;
  }
  html[data-gic-theme="dark"] .pp-page .pp-table th:not(:first-child),
  html[data-gic-theme="dark"] .pp-page .pp-table td:not(:first-child) { width: 17%; }
  html[data-gic-theme="dark"] .pp-page .pp-note-scribble { font-size: 18px; }
  html[data-gic-theme="dark"] .pp-page .pp-closing h3 { font-size: 34px; }
  html[data-gic-theme="dark"] .pp-page .pp-closing-copy,
  html[data-gic-theme="dark"] .pp-page .pp-closing-tail { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-gic-theme="dark"] .pp-page .pp-tab,
  html[data-gic-theme="dark"] .pp-page .pp-card,
  html[data-gic-theme="dark"] .pp-page .pp-cta { transition: none; }
  html[data-gic-theme="dark"] .pp-page .pp-card:hover { transform: none; }
}