/* Owner-frozen staging-only content layer. Existing theme chrome remains authoritative. */
.umtakt-final-content-v1 {
  --bg: #07080a;
  --bg-soft: #0c0f14;
  --surface: #101318;
  --raised: #171b22;
  --gold: #C8A951;
  --gold-light: #e8ca72;
  --gold-dark: #7c5215;
  --ink: #f5f0e6;
  --muted: #b7c0ca;
  --line: rgba(200, 169, 81, 0.26);
  --quiz: #8f6bff;
  --pulse: #43d6d0;
  --chat: #f97316;
  --community: #9a7dff;
  --radius: 8px;
  --shell: 1240px;
  --gutter: clamp(18px, 4vw, 42px);
}

.umtakt-final-content-v1, .umtakt-final-content-v1 * { box-sizing: border-box; }

.umtakt-final-content-v1 { background: var(--bg); color: var(--ink); font-family: InterVariable, Inter, system-ui, sans-serif; scroll-behavior: smooth; }

.umtakt-final-content-v1 { margin: 0; background: var(--bg); color: var(--ink); font-size: 18px; line-height: 1.58; text-rendering: optimizeLegibility; }

.umtakt-final-content-v1 img { max-width: 100%; }
.umtakt-final-content-v1 picture { display: block; }

.umtakt-final-content-v1 a { color: inherit; }

.umtakt-final-content-v1 .shell { width: min(var(--shell), calc(100% - 2 * var(--gutter))); margin-inline: auto; }

.umtakt-final-content-v1 .nav-caret { margin-left: 5px; color: var(--gold); font-size: 0.75em; }

.umtakt-final-content-v1 .mobile-project-links { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--surface); }

.umtakt-final-content-v1 .mobile-project-links a { padding: 10px 18px 10px 30px; border-left: 2px solid var(--project-accent); font-size: 0.78rem; }

.umtakt-final-content-v1 .mobile-project-links .quiz-link { --project-accent: var(--quiz); }

.umtakt-final-content-v1 .mobile-project-links .pulse-link { --project-accent: var(--pulse); }

.umtakt-final-content-v1 .mobile-project-links .chat-link { --project-accent: var(--chat); }

.umtakt-final-content-v1 .project-subnav { border-bottom: 1px solid var(--line); background: #0a0c10; }

.umtakt-final-content-v1 .project-subnav .shell { display: flex; flex-wrap: wrap; }

.umtakt-final-content-v1 .project-subnav a { padding: 12px 16px; border-right: 1px solid rgba(200, 169, 81, 0.14); color: var(--muted); font-size: 0.78rem; font-weight: 760; text-decoration: none; }

.umtakt-final-content-v1 .project-subnav a:first-child { padding-left: 0; }

.umtakt-final-content-v1 .project-subnav a[aria-current="page"] { color: var(--accent, var(--gold)); }

.umtakt-final-content-v1 .hero { position: relative; min-height: 610px; display: grid; align-items: center; border-bottom: 1px solid var(--line); overflow: hidden; background: radial-gradient(circle at 80% 20%, rgba(200, 169, 81, 0.10), transparent 31rem), linear-gradient(145deg, #07080a, #111319 74%, #090a0d); }

.umtakt-final-content-v1 .hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr); gap: clamp(46px, 7vw, 96px); align-items: center; padding-block: 82px; }

.umtakt-final-content-v1 .kicker { margin: 0 0 16px; color: var(--gold); font-size: 0.78rem; font-weight: 820; letter-spacing: 0.12em; text-transform: uppercase; }

.umtakt-final-content-v1 h1,
.umtakt-final-content-v1 h2,
.umtakt-final-content-v1 h3 { text-wrap: balance; }

.umtakt-final-content-v1 .hero h1 { max-width: 13ch; margin: 0; font-size: clamp(3.85rem, 6vw, 5.15rem); line-height: 0.98; letter-spacing: -0.045em; }

.umtakt-final-content-v1 .hero .lead { max-width: 62ch; margin: 26px 0 0; color: var(--muted); font-size: 1.13rem; line-height: 1.62; }

.umtakt-final-content-v1 .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

.umtakt-final-content-v1 .button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid var(--gold); border-radius: 6px; text-decoration: none; font-weight: 800; }

.umtakt-final-content-v1 .button.primary { background: var(--gold); color: #08090c; }

.umtakt-final-content-v1 .button.secondary { background: rgba(7, 8, 10, 0.42); }

.umtakt-final-content-v1 .button.disabled { border-color: #66707c; color: #bac0c7; background: rgba(102, 112, 124, 0.1); cursor: not-allowed; }

.umtakt-final-content-v1 .proofline { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 26px 0 0; padding-top: 20px; border-top: 1px solid rgba(200, 169, 81, 0.18); color: #d0d4da; font-size: 0.82rem; }

.umtakt-final-content-v1 .proofline span::before { content: "✓"; margin-right: 8px; color: var(--gold); }

.umtakt-final-content-v1 .visual { margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: var(--radius); background: #090b0f; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36); }

.umtakt-final-content-v1 .visual img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 4px; }

.umtakt-final-content-v1 .visual figcaption { padding: 10px 4px 2px; color: #c7c1b8; font-size: 0.74rem; }

.umtakt-final-content-v1 .hero.business { background: radial-gradient(circle at 82% 18%, rgba(31, 111, 235, 0.13), transparent 30rem), linear-gradient(145deg, #080a0e, #101824 73%, #090b0f); }

.umtakt-final-content-v1 .hero.projects { background: radial-gradient(circle at 82% 15%, rgba(200, 169, 81, 0.12), transparent 32rem), linear-gradient(145deg, #07080a, #15130f 70%, #090a0d); }

.umtakt-final-content-v1 .hero.community { background: radial-gradient(circle at 80% 12%, rgba(143, 107, 255, 0.17), transparent 32rem), linear-gradient(145deg, #090812, #121020 68%, #0b0a10); border-color: rgba(143, 107, 255, 0.35); }

.umtakt-final-content-v1 .hero.quiz { --accent: var(--quiz); background: radial-gradient(circle at 82% 18%, rgba(143, 107, 255, 0.23), transparent 30rem), linear-gradient(145deg, #090812, #17122d); }

.umtakt-final-content-v1 .hero.pulse { --accent: var(--pulse); background: radial-gradient(circle at 82% 18%, rgba(67, 214, 208, 0.17), transparent 30rem), linear-gradient(145deg, #071012, #102125); }

.umtakt-final-content-v1 .hero.chat { --accent: var(--chat); background: radial-gradient(circle at 82% 18%, rgba(249, 115, 22, 0.16), transparent 30rem), linear-gradient(145deg, #100a06, #2a1308); }

.umtakt-final-content-v1 .hero.community .kicker { color: #c9b8ff; }

.umtakt-final-content-v1 .hero.community .button.primary { background: #6f4be6; border-color: #6f4be6; color: #fff; } /* 5,49:1 statt 3,67:1 (W-15) */

.umtakt-final-content-v1 .hero.quiz .kicker,
.umtakt-final-content-v1 .hero.pulse .kicker,
.umtakt-final-content-v1 .hero.chat .kicker { color: var(--accent); }

.umtakt-final-content-v1 .hero.quiz .visual,
.umtakt-final-content-v1 .hero.pulse .visual,
.umtakt-final-content-v1 .hero.chat .visual { border-color: color-mix(in srgb, var(--accent) 56%, transparent); }

.umtakt-final-content-v1 .orientation { border-bottom: 1px solid rgba(200, 169, 81, 0.16); background: #0a0c10; }

.umtakt-final-content-v1 .orientation .shell { display: grid; grid-template-columns: repeat(3, 1fr); }

.umtakt-final-content-v1 .orientation .item { padding: 24px 26px; border-right: 1px solid rgba(200, 169, 81, 0.16); }

.umtakt-final-content-v1 .orientation .item:last-child { border-right: 0; }

.umtakt-final-content-v1 .orientation strong { display: block; color: var(--ink); font-size: 1rem; }

.umtakt-final-content-v1 .orientation span { display: block; margin-top: 4px; color: var(--muted); font-size: 0.82rem; }

.umtakt-final-content-v1 .section { padding: clamp(76px, 8vw, 112px) 0; background: var(--bg); border-bottom: 1px solid rgba(200, 169, 81, 0.12); }

.umtakt-final-content-v1 .section.soft { background: var(--surface); }

.umtakt-final-content-v1 .section.project-tone { background: linear-gradient(145deg, color-mix(in srgb, var(--section-accent) 7%, #07080a), #0c0f14); }

.umtakt-final-content-v1 .section-heading { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(300px, 1.25fr); gap: 48px; align-items: end; margin-bottom: 38px; }

.umtakt-final-content-v1 .section h2 { max-width: 18ch; margin: 0; font-size: clamp(2.45rem, 4.4vw, 4rem); line-height: 1.02; letter-spacing: -0.035em; }

.umtakt-final-content-v1 .section-intro { max-width: 68ch; margin: 0; color: var(--muted); }

.umtakt-final-content-v1 .grid { display: grid; gap: 18px; }

.umtakt-final-content-v1 .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.umtakt-final-content-v1 .grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.umtakt-final-content-v1 .grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.umtakt-final-content-v1 .card { padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--raised); }

.umtakt-final-content-v1 .card h3 { margin: 0.25rem 0 0.65rem; font-size: 1.3rem; }

.umtakt-final-content-v1 .card p { margin: 0; color: var(--muted); font-size: 0.92rem; }

.umtakt-final-content-v1 .card p + p { margin-top: 12px; }

.umtakt-final-content-v1 .card .number { display: block; color: var(--gold); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; }

.umtakt-final-content-v1 .card.accent { border-top: 3px solid var(--accent, var(--gold)); }

.umtakt-final-content-v1 .card.accent .number { color: var(--accent, var(--gold)); }

.umtakt-final-content-v1 .world img { width: 100%; height: 145px; object-fit: cover; border-radius: 4px; margin-bottom: 16px; }

.umtakt-final-content-v1 .link-row { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; }

.umtakt-final-content-v1 .text-link { color: var(--gold-light); font-weight: 780; text-decoration-thickness: 1px; text-underline-offset: 4px; }

.umtakt-final-content-v1 .status { display: inline-flex; width: fit-content; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid currentColor; border-radius: 99px; color: var(--gold-light); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; }

.umtakt-final-content-v1 .status.private { color: #c9b8ff; }

.umtakt-final-content-v1 .status.concept { color: #f7b885; }

.umtakt-final-content-v1 .status.hold { color: #c0c6cd; }

.umtakt-final-content-v1 .status.active { color: #89e5c0; }

.umtakt-final-content-v1 .truth-box { margin-top: 28px; padding: 22px; border-left: 3px solid var(--gold); background: rgba(200, 169, 81, 0.07); color: var(--muted); }

.umtakt-final-content-v1 .truth-box strong { color: var(--ink); }

.umtakt-final-content-v1 .steps { counter-reset: steps; }

.umtakt-final-content-v1 .steps .card { position: relative; padding-top: 62px; }

.umtakt-final-content-v1 .steps .card::before { counter-increment: steps; content: counter(steps, decimal-leading-zero); position: absolute; top: 20px; left: 26px; color: var(--gold); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.08em; }

.umtakt-final-content-v1 .faq details { border-top: 1px solid var(--line); }

.umtakt-final-content-v1 .faq details:last-child { border-bottom: 1px solid var(--line); }

.umtakt-final-content-v1 .faq summary { padding: 20px 0; cursor: pointer; font-weight: 800; }

.umtakt-final-content-v1 .faq p { max-width: 72ch; margin: 0 0 22px; color: var(--muted); }

.umtakt-final-content-v1 .editorial-card { border-top-color: var(--pulse); }

.umtakt-final-content-v1 .editorial-meta { display: grid; gap: 6px; margin: 14px 0; color: #cbd7da; font-size: 0.78rem; }

.umtakt-final-content-v1 .editorial-layers { display: grid; gap: 10px; margin-top: 16px; }

.umtakt-final-content-v1 .editorial-layers div { padding: 12px; border-left: 2px solid var(--pulse); background: rgba(67, 214, 208, 0.055); }

.umtakt-final-content-v1 .editorial-layers strong { display: block; color: var(--pulse); font-size: 0.72rem; letter-spacing: 0.07em; text-transform: uppercase; }

.umtakt-final-content-v1 .editorial-layers span { color: var(--muted); font-size: 0.86rem; }

.umtakt-final-content-v1 .status-table { width: 100%; border-collapse: collapse; }

.umtakt-final-content-v1 .status-table th,
.umtakt-final-content-v1 .status-table td { padding: 15px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }

.umtakt-final-content-v1 .status-table th { color: var(--gold); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; }

.umtakt-final-content-v1 .status-table td { color: var(--muted); }

.umtakt-final-content-v1 .project-cues { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 24px; }

.umtakt-final-content-v1 .project-cue { display: grid; gap: 2px; min-height: 58px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--cue) 58%, transparent); border-left: 3px solid var(--cue); border-radius: 6px; background: color-mix(in srgb, var(--cue) 6%, #0b0d11); text-decoration: none; }

.umtakt-final-content-v1 .project-cue strong { color: color-mix(in srgb, var(--cue) 78%, white); font-size: 0.88rem; }

.umtakt-final-content-v1 .project-cue span { color: var(--muted); font-size: 0.68rem; letter-spacing: 0.04em; text-transform: uppercase; }

.umtakt-final-content-v1 .quiz-cue { --cue: var(--quiz); }

.umtakt-final-content-v1 .pulse-cue { --cue: var(--pulse); }

.umtakt-final-content-v1 .chat-cue { --cue: var(--chat); }

.umtakt-final-content-v1 .community-cue { --cue: var(--community); }

.umtakt-final-content-v1 .hero-status-note { max-width: 68ch; margin: 14px 0 0; color: #9da5af; font-size: 0.72rem; }

.umtakt-final-content-v1 .hero-status-note strong { color: var(--gold-light); }

.umtakt-final-content-v1 .project-peeks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.umtakt-final-content-v1 .project-peek { --peek: var(--gold); min-height: 204px; display: grid; grid-template-rows: 92px auto auto auto; align-content: start; gap: 6px; padding: 9px; border: 1px solid color-mix(in srgb, var(--peek) 58%, transparent); border-top: 3px solid var(--peek); border-radius: var(--radius); background: color-mix(in srgb, var(--peek) 7%, #101318); color: var(--ink); text-decoration: none; overflow: hidden; }

.umtakt-final-content-v1 .project-peek img { width: 100%; height: 92px; display: block; object-fit: cover; border-radius: 4px; }

.umtakt-final-content-v1 .project-peek span { color: color-mix(in srgb, var(--peek) 80%, white); font-size: 0.75rem; font-weight: 850; letter-spacing: 0.055em; text-transform: uppercase; }

.umtakt-final-content-v1 .project-peek strong { font-size: 0.9rem; line-height: 1.22; }

.umtakt-final-content-v1 .project-peek small { color: var(--muted); font-size: 0.75rem; letter-spacing: 0.04em; }

.umtakt-final-content-v1 .quiz-peek { --peek: var(--quiz); }

.umtakt-final-content-v1 .pulse-peek { --peek: var(--pulse); }

.umtakt-final-content-v1 .chat-peek { --peek: var(--chat); }

.umtakt-final-content-v1 .community-peek { --peek: var(--community); }

.umtakt-final-content-v1 .community-mark { height: 92px; display: grid; place-items: center; border-radius: 4px; background: linear-gradient(145deg, rgba(143,107,255,.32), rgba(154,125,255,.08)); }

.umtakt-final-content-v1 .project-peek .community-mark img { width: min(84%, 132px); height: auto; max-height: 54px; object-fit: contain; }

.umtakt-final-content-v1 :focus-visible { outline: 3px solid var(--gold-light); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
.umtakt-final-content-v1, .umtakt-final-content-v1 * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }

}

@media (max-width: 1040px) {
.umtakt-final-content-v1 .grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}

@media (max-width: 920px) {
.umtakt-final-content-v1 .hero { min-height: auto; }

.umtakt-final-content-v1 .hero-grid { grid-template-columns: 1fr; padding-block: 64px; }

.umtakt-final-content-v1 .project-peeks { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.umtakt-final-content-v1 .project-peek { min-height: 168px; grid-template-rows: 66px auto auto auto; }

.umtakt-final-content-v1 .project-peek img,
.umtakt-final-content-v1 .community-mark { height: 66px; }

.umtakt-final-content-v1 .visual { max-width: 680px; }

.umtakt-final-content-v1 .orientation .shell { grid-template-columns: 1fr; }

.umtakt-final-content-v1 .orientation .item { border-right: 0; border-bottom: 1px solid rgba(200, 169, 81, 0.13); }

.umtakt-final-content-v1 .section-heading { grid-template-columns: 1fr; gap: 20px; }

.umtakt-final-content-v1 .grid.three { grid-template-columns: 1fr 1fr; }

}

@media (max-width: 620px) {
.umtakt-final-content-v1 { font-size: 16px; }

.umtakt-final-content-v1 .shell { width: calc(100% - 28px); }

.umtakt-final-content-v1 .mobile-project-links { grid-template-columns: 1fr; }

.umtakt-final-content-v1 .project-subnav .shell { display: grid; grid-template-columns: 1fr 1fr; }

.umtakt-final-content-v1 .project-subnav a,
.umtakt-final-content-v1 .project-subnav a:first-child { padding: 9px 10px; font-size: 0.72rem; }

.umtakt-final-content-v1 .hero-grid { padding-block: 48px; gap: 34px; }

.umtakt-final-content-v1 .hero h1 { max-width: none; font-size: clamp(2.65rem, 12vw, 3.35rem); line-height: 0.99; }

.umtakt-final-content-v1 .hero .lead { margin-top: 20px; font-size: 1.02rem; }

.umtakt-final-content-v1 .project-peeks { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.umtakt-final-content-v1 .project-peek { min-height: 176px; grid-template-rows: 72px auto auto auto; }

.umtakt-final-content-v1 .project-peek img,
.umtakt-final-content-v1 .community-mark { height: 72px; }

.umtakt-final-content-v1 .actions { display: grid; }

.umtakt-final-content-v1 .button { width: 100%; }

.umtakt-final-content-v1 .proofline { display: grid; gap: 8px; }

.umtakt-final-content-v1 .visual { padding: 8px; }

.umtakt-final-content-v1 .visual img { aspect-ratio: 4 / 3; }

.umtakt-final-content-v1 .section { padding: 68px 0; }

.umtakt-final-content-v1 .section h2 { font-size: 2.55rem; }

.umtakt-final-content-v1 .grid.two,
.umtakt-final-content-v1 .grid.three,
.umtakt-final-content-v1 .grid.four { grid-template-columns: 1fr; }

.umtakt-final-content-v1 .status-table,
.umtakt-final-content-v1 .status-table tbody,
.umtakt-final-content-v1 .status-table tr,
.umtakt-final-content-v1 .status-table td { display: block; }

.umtakt-final-content-v1 .status-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.umtakt-final-content-v1 .status-table tr { padding: 12px 0; border-bottom: 1px solid var(--line); }

.umtakt-final-content-v1 .status-table td { padding: 5px 0; border: 0; }

}

.umtakt-final-content-v1 .ciq-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }