:root {
  --bg: #17181b;
  --bg-deep: #101114;
  --panel: #24262b;
  --panel-light: #30333a;
  --text: #f5f4f0;
  --muted: #b2b4b9;
  --dim: #777b83;
  --line: rgba(255,255,255,.11);
  --orange: #ff5a0a;
  --orange-light: #ff8a4c;
  --orange-pale: #552916;
  --green: #2bc377;
  --yellow: #edbd19;
  --red: #ee4f42;
  --radius: 25px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg-deep); color: var(--text); font-family: "Manrope", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.site-shell { max-width: 1440px; margin: 0 auto; overflow: hidden; background: var(--bg); }

.topbar { min-height: 100px; display: flex; align-items: center; justify-content: space-between; padding: 0 5.5vw; border-bottom: 1px solid var(--line); background: rgba(16,17,20,.67); }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-icon { width: 62px; height: 62px; object-fit: contain; border-radius: 19px; filter: drop-shadow(0 8px 14px rgba(0,0,0,.31)); }
.brand-type { display: grid; line-height: 1; }
.brand-type small { margin-bottom: 4px; color: var(--orange-light); font: 9px "DM Mono", monospace; letter-spacing: .11em; }
.brand-type strong { font-size: 22px; letter-spacing: -.05em; font-weight: 700; }.brand-type b { color: var(--orange-light); }
nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 39px); color: var(--muted); font-size: 12px; font-weight: 700; }
nav a:not(.nav-download) { transition: color .2s ease; } nav a:not(.nav-download):hover { color: white; }
.nav-download { padding: 11px 16px; border-radius: 10px; background: var(--orange); color: white; }.nav-download span { margin-left: 7px; }

h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { text-wrap: balance; font-weight: 600; }
.hero { display: grid; grid-template-columns: 1.03fr .97fr; gap: 5vw; min-height: 680px; padding: clamp(65px, 8vw, 125px) 5.5vw 95px; background: radial-gradient(circle at 90% 21%, rgba(255,90,10,.16), transparent 24%), linear-gradient(130deg, #16171a 0%, #1e2024 100%); }
.hero-copy { align-self: center; max-width: 720px; }.redcat-masthead { display: flex; align-items: center; gap: 14px; margin-bottom: 27px; }.redcat-masthead img { width: 76px; height: 76px; object-fit: contain; border-radius: 23px; }.redcat-masthead span { display: flex; align-items: baseline; gap: 7px; }.redcat-masthead strong, .redcat-masthead b { font-size: 27px; letter-spacing: -.057em; font-weight: 600; }.redcat-masthead b { color: var(--orange-light); }
.eyebrow { margin-bottom: 19px; color: var(--orange-light); font: 500 11px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }.section-kicker { margin-bottom: 19px; color: var(--orange-light); font: 700 13px "DM Mono", monospace; letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; }.eyebrow span { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,90,10,.19); }
h1 { max-width: 760px; margin-bottom: 28px; font-size: clamp(36px, 4vw, 54px); line-height: 1.11; letter-spacing: -.052em; font-weight: 600; } h1 em { color: var(--orange-light); font-style: normal; }
.hero-text { max-width: 550px; margin-bottom: 35px; color: var(--muted); font-size: 16px; line-height: 1.78; }.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 29px; padding: 16px 20px; border-radius: 12px; font-size: 13px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }.button:hover { transform: translateY(-3px); }.button-primary { min-width: 220px; color: #fff; background: var(--orange); box-shadow: 0 11px 23px rgba(255,90,10,.23); }.button-quiet { padding-left: 0; color: #f7f7f5; }.availability { margin: 31px 0 0; color: var(--dim); font-size: 12px; font-weight: 600; }.availability-dot { display: inline-block; width: 7px; height: 7px; margin: 0 7px 1px 0; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(43,195,119,.12); }
.hero-visual { position: relative; display: grid; min-height: 430px; place-items: center; }.hero-visual::before { position: absolute; width: min(39vw, 545px); height: min(39vw, 545px); border: 1px solid rgba(255,255,255,.11); border-radius: 50%; content: ""; }.hero-photo { width: min(100%, 575px); margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.25); border-radius: 17px; box-shadow: 0 31px 70px rgba(0,0,0,.52); transform: rotate(2.3deg); z-index: 1; }.hero-photo img { display: block; width: 100%; height: auto; }.visual-note { position: absolute; right: 10px; bottom: -10px; margin: 0; color: var(--dim); font: 10px "DM Mono", monospace; }

.intro { padding: clamp(78px, 10vw, 145px) 5.5vw 88px; background: #111216; }.intro-grid { display: grid; grid-template-columns: 1.08fr .77fr; gap: 8vw; align-items: end; }.intro h2, .download h2 { margin-bottom: 0; font-size: clamp(27px, 3.1vw, 42px); line-height: 1.19; letter-spacing: -.047em; }.intro-grid p { margin-bottom: 7px; color: var(--muted); font-size: 16px; line-height: 1.82; }

.features { display: grid; grid-template-columns: 1.1fr .95fr .95fr; gap: 14px; padding: 5.5vw; background: #111216; }.feature-card { min-height: 350px; display: flex; flex-direction: column; padding: 29px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }.feature-emphasis { background: linear-gradient(150deg, #5b2a16, #38231d 71%); }.feature-dark { background: #090a0c; }.feature-number { margin-bottom: auto; color: var(--dim); font: 11px "DM Mono", monospace; }.feature-logo { width: 66px; height: 66px; margin: 0 0 29px; object-fit: contain; border-radius: 19px; }.feature-icon { display: grid; width: 47px; height: 47px; margin-bottom: 35px; border-radius: 15px; }.folder-icon { position: relative; border: 2px solid var(--orange-light); }.folder-icon::before { position: absolute; top: -8px; left: 4px; width: 18px; height: 9px; border-radius: 5px 5px 0 0; background: var(--orange-light); content: ""; }.lock-icon { position: relative; width: 40px; height: 33px; margin-top: 11px; border: 3px solid var(--green); border-radius: 7px; }.lock-icon::before { position: absolute; width: 20px; height: 18px; top: -17px; left: 7px; border: 3px solid var(--green); border-bottom: 0; border-radius: 13px 13px 0 0; content: ""; }.lock-icon::after { position: absolute; width: 4px; height: 10px; top: 8px; left: 15px; border-radius: 4px; background: var(--green); content: ""; }.feature-card h3 { margin-bottom: 11px; font-size: 20px; line-height: 1.2; letter-spacing: -.04em; }.feature-card p:last-child { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.72; }

.voice-story { display: grid; grid-template-columns: .76fr 1.24fr; gap: 6vw; align-items: center; padding: clamp(85px, 10vw, 135px) 5.5vw; overflow: hidden; background: radial-gradient(circle at 78% 50%, rgba(255,90,10,.14), transparent 30%), #111216; }.voice-copy { max-width: 540px; }.voice-copy h2 { margin-bottom: 22px; font-size: clamp(27px, 2.9vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.voice-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.81; }.record-demo { width: min(100%, 350px); display: flex; align-items: center; gap: 13px; margin-top: 31px; padding: 13px 16px; border: 1px solid rgba(255,138,76,.42); border-radius: 17px; background: #282a30; color: var(--text); text-align: left; font-family: inherit; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }.record-demo:hover, .record-demo.is-recording { border-color: var(--orange); background: #302825; transform: translateY(-2px); }.record-mark { display: grid; flex: 0 0 auto; place-items: center; width: 45px; height: 45px; border-radius: 14px; background: var(--orange); box-shadow: 0 8px 18px rgba(255,90,10,.25); }.record-mark span { width: 13px; height: 13px; border-radius: 50%; background: #fff; }.record-copy { display: grid; gap: 3px; }.record-copy strong { font-size: 13px; }.record-copy small { color: var(--muted); font-size: 10px; }.record-waves { display: flex; align-items: center; gap: 3px; height: 25px; margin-left: auto; }.record-waves i { width: 3px; height: 8px; border-radius: 3px; background: var(--orange-light); }.record-demo.is-recording .record-waves i { animation: wave 1s ease-in-out infinite alternate; }.record-demo.is-recording .record-waves i:nth-child(2) { animation-delay: .2s; }.record-demo.is-recording .record-waves i:nth-child(3) { animation-delay: .45s; }.record-demo.is-recording .record-waves i:nth-child(4) { animation-delay: .7s; }
.voice-scene { position: relative; min-height: 390px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 29px; background: linear-gradient(140deg, #20232a, #111216 71%); }.voice-orbit { position: absolute; border: 1px solid rgba(255,138,76,.23); border-radius: 50%; }.orbit-one { width: 330px; height: 330px; top: -135px; left: -88px; }.orbit-two { width: 400px; height: 400px; right: -155px; bottom: -235px; border-color: rgba(255,255,255,.08); }.voice-cat { position: absolute; z-index: 2; left: 11%; bottom: 77px; width: 88px; height: 86px; border-radius: 44px 44px 33px 33px; background: linear-gradient(145deg, #ff813c, #d83f06); box-shadow: 0 14px 28px rgba(0,0,0,.35); animation: cat-breathe 3.3s ease-in-out infinite; }.cat-ear { position: absolute; top: -17px; width: 31px; height: 31px; background: #ed570f; clip-path: polygon(50% 0, 100% 100%, 0 100%); }.ear-left { left: 7px; transform: rotate(-17deg); }.ear-right { right: 7px; transform: rotate(17deg); }.cat-tail { position: absolute; right: -35px; bottom: 6px; width: 43px; height: 45px; border: 13px solid #e44a0a; border-left: 0; border-radius: 0 42px 42px 0; transform: rotate(-10deg); }.cat-eye { position: absolute; top: 31px; width: 7px; height: 7px; border-radius: 50%; background: #fff; }.eye-left { left: 26px; }.eye-right { right: 26px; }.transcript-card { position: absolute; z-index: 3; top: 50px; right: 7%; width: min(61%, 415px); padding: 23px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: rgba(49,52,60,.93); box-shadow: 0 28px 48px rgba(0,0,0,.36); transform: rotate(-3.2deg); }.transcript-head, .transcript-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--dim); font: 10px "DM Mono", monospace; }.transcript-head span { display: inline-flex; align-items: center; gap: 7px; color: var(--orange-light); }.transcript-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,90,10,.12); }.transcript-head b { font-weight: 500; }.transcript-card p { margin: 28px 0 20px; color: #f5f4f0; font-size: clamp(14px, 1.4vw, 17px); line-height: 1.5; letter-spacing: -.027em; }.transcript-lines { display: grid; gap: 7px; padding-bottom: 21px; border-bottom: 1px solid var(--line); }.transcript-lines i { display: block; height: 5px; border-radius: 6px; background: #747780; }.transcript-lines i:nth-child(1) { width: 90%; }.transcript-lines i:nth-child(2) { width: 70%; }.transcript-lines i:nth-child(3) { width: 82%; }.transcript-lines i:nth-child(4) { width: 42%; }.transcript-foot { margin-top: 17px; font-size: 9px; }.transcript-foot span:last-child { color: var(--orange-light); }

.workflow { display: grid; grid-template-columns: .72fr 1.28fr; gap: 5vw; align-items: center; padding: clamp(85px, 10vw, 135px) 5.5vw; background: #1a1c21; }.workflow-copy h2, .check-title-block h2, .phone-note h2, .beta h2 { margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.workflow-copy > p:not(.section-kicker), .check-title-block > p:last-child { color: var(--muted); font-size: 15px; line-height: 1.81; }.capability-list { margin: 31px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }.capability-list li { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--line); color: #d8d9da; font-size: 12px; font-weight: 700; }.capability-list span { color: var(--orange-light); font: 10px "DM Mono", monospace; }.app-shot { margin: 0; }.app-shot img { display: block; width: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 17px; box-shadow: 0 30px 58px rgba(0,0,0,.38); }.app-shot figcaption { margin: 14px 7px 0; color: var(--dim); font-size: 11px; }.app-shot-recherche { transform: rotate(1.3deg); }

.library { display: grid; grid-template-columns: .78fr 1.22fr; gap: 6vw; align-items: center; padding: clamp(85px, 10vw, 135px) 5.5vw; background: #111216; }.library-copy h2 { margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.library-copy > p:last-child { color: var(--muted); font-size: 15px; line-height: 1.81; }.library-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.library-grid article { min-height: 205px; padding: 24px; border: 1px solid var(--line); border-radius: 19px; background: var(--panel); }.library-grid article:nth-child(1) { background: #2c2522; }.library-grid article:nth-child(4) { background: #202d2a; }.library-grid span { color: var(--orange-light); font: 10px "DM Mono", monospace; }.library-grid h3 { margin: 33px 0 9px; font-size: 16px; letter-spacing: -.03em; }.library-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.67; }

.check-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: 5vw; align-items: center; padding: clamp(85px, 10vw, 140px) 5.5vw; background: radial-gradient(circle at 18% 19%, rgba(237,189,25,.08), transparent 22%), #111216; }.check-brand { display: flex; align-items: center; gap: 13px; margin-bottom: 37px; font-size: 19px; letter-spacing: -.045em; font-weight: 700; }.check-brand img { width: 58px; height: 58px; object-fit: contain; border-radius: 17px; }.check-brand b { color: var(--yellow); }.app-shot-check { transform: rotate(-1.75deg); }.app-shot-check img { box-shadow: 0 30px 65px rgba(0,0,0,.54); }

.phone-note { display: grid; grid-template-columns: auto 1fr .78fr; gap: 28px; align-items: center; margin: 0 5.5vw 5.5vw; padding: 36px 40px; border: 1px solid rgba(255,138,76,.28); border-radius: var(--radius); background: linear-gradient(105deg, #38231d, #26272c); }.phone-note > img { width: 75px; height: 75px; object-fit: contain; border-radius: 22px; }.phone-note .section-kicker { margin-bottom: 9px; }.phone-note h2 { margin: 0; font-size: clamp(21px, 2vw, 29px); }.phone-note > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }

.ai-section { display: grid; grid-template-columns: 1.02fr .98fr; gap: 7vw; align-items: center; padding: clamp(85px, 10vw, 135px) 5.5vw; background: radial-gradient(circle at 81% 40%, rgba(43,195,119,.1), transparent 26%), #17191d; }.ai-copy h2 { margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.ai-copy > p:not(.section-kicker) { max-width: 630px; color: var(--muted); font-size: 15px; line-height: 1.81; }.ai-copy > p:last-child { margin-bottom: 0; }.ai-status { display: grid; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: rgba(36,38,43,.84); }.ai-status div { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; padding: 23px; border-bottom: 1px solid var(--line); }.ai-status div:last-child { border-bottom: 0; }.ai-status strong { align-self: end; font-size: 14px; }.ai-status small { grid-column: 2; margin-top: 4px; color: var(--muted); font-size: 11px; }.status-dot { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; }.status-green { background: var(--green); box-shadow: 0 0 0 5px rgba(43,195,119,.13); }.status-orange { background: var(--orange); box-shadow: 0 0 0 5px rgba(255,90,10,.13); }.status-dim { background: var(--dim); box-shadow: 0 0 0 5px rgba(119,123,131,.12); }

.beta { padding: 0 5.5vw 5.5vw; background: #111216; }.beta-card { display: grid; grid-template-columns: 1.15fr .85fr; gap: 7vw; padding: clamp(36px, 5.3vw, 70px); border: 1px solid var(--line); border-radius: var(--radius); background: #25272c; }.beta-side { align-self: end; }.beta-side p { margin-bottom: 18px; color: var(--muted); font-size: 15px; line-height: 1.76; }.beta-side .beta-links { margin-bottom: 0; color: var(--dim); font-size: 12px; }.beta-links a { color: var(--orange-light); font-weight: 700; }

.download { display: grid; grid-template-columns: .98fr 1.02fr; gap: 7vw; padding: clamp(85px, 10vw, 140px) 5.5vw; background: #111216; }.download-copy > p:last-child { max-width: 500px; margin: 25px 0 0; color: var(--muted); font-size: 15px; line-height: 1.75; }.download-options { display: flex; flex-direction: column; align-self: center; gap: 12px; }.download-option { display: flex; align-items: center; gap: 17px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); transition: border-color .2s ease, transform .2s ease, background .2s ease; }a.download-option:hover { border-color: var(--orange); background: #2c2d31; transform: translateX(4px); }.download-option > img, .platform-icon { display: grid; flex: 0 0 auto; place-items: center; width: 61px; height: 61px; object-fit: contain; border-radius: 18px; }.platform-icon { width: 47px; height: 47px; border-radius: 12px; background: #3a3d44; color: var(--muted); font-size: 20px; }.download-option span:nth-child(2) { display: grid; gap: 3px; }.download-option strong { font-size: 14px; letter-spacing: -.02em; }.download-option small { color: var(--dim); font-size: 12px; }.download-option > b { margin-left: auto; color: var(--orange-light); font-size: 21px; }.download-disabled { opacity: .56; cursor: default; }

@keyframes wave { from { height: 7px; } to { height: 23px; } }
@keyframes cat-breathe { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-7px) rotate(1deg); } }

footer { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: 25px; align-items: end; padding: 38px 5.5vw; border-top: 1px solid var(--line); background: #0c0d10; }.footer-brand { align-self: start; }.footer-note p { margin: 0; color: var(--dim); text-align: center; font-size: 11px; line-height: 1.7; }.footer-note .legal-note { margin-top: 9px; color: #858991; }.footer-note .legal-links { margin-top: 2px; }.footer-note a { color: #d8d9da; font-weight: 700; }.footer-note a:hover { color: var(--orange-light); }.footer-note .legal-links span { margin: 0 5px; color: var(--orange-light); }.footer-status { justify-self: end; display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #858991; font: 10px "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }.footer-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,90,10,.12); }

@media (max-width: 900px) { .voice-story, .workflow, .library, .check-section, .ai-section { grid-template-columns: 1fr; }.voice-copy, .workflow-copy, .library-copy, .check-title-block, .ai-copy { max-width: 670px; }.app-shot { max-width: 820px; }.phone-note { grid-template-columns: auto 1fr; }.phone-note > p { grid-column: 1 / -1; } }
@media (max-width: 800px) { .topbar { min-height: 86px; padding: 0 7vw; }.brand-icon { width: 52px; height: 52px; }.brand-type strong { font-size: 19px; }nav { gap: 14px; }nav a:not(.nav-download):not(.app-link) { display: none; }.hero { grid-template-columns: 1fr; padding: 70px 7vw; gap: 55px; }.hero-visual { min-height: 310px; }.hero-photo { width: min(89vw, 520px); }.intro { padding: 80px 7vw; }.intro-grid, .beta-card, .download { grid-template-columns: 1fr; gap: 32px; }.features { grid-template-columns: 1fr; padding: 7vw; }.feature-card { min-height: 285px; }.voice-story, .workflow, .library, .check-section, .ai-section { padding: 82px 7vw; }.voice-scene { min-height: 355px; }.phone-note { margin: 0 7vw 7vw; padding: 31px 26px; }.beta { padding: 0 7vw 7vw; }.download { padding: 80px 7vw; }footer { grid-template-columns: 1fr; padding: 31px 7vw; }.footer-note p { text-align: left; }.footer-status { justify-self: start; } }
@media (max-width: 560px) { .voice-scene { min-height: 390px; }.voice-cat { left: 10%; bottom: 61px; transform: scale(.83); transform-origin: left bottom; }.transcript-card { top: 39px; right: 5%; width: 72%; padding: 18px; }.transcript-card p { margin: 22px 0 17px; font-size: 14px; }.transcript-foot { display: grid; gap: 6px; }.transcript-foot span:last-child { text-align: left; } }
@media (max-width: 460px) { .topbar { padding: 0 5vw; }.topbar .brand-type { display: none; }.brand-icon { width: 46px; height: 46px; } h1 { font-size: 38px; }.redcat-masthead img { width: 62px; height: 62px; }.redcat-masthead strong, .redcat-masthead b { font-size: 24px; }.hero-text { font-size: 15px; }.button-primary { width: 100%; }.phone-note { grid-template-columns: 1fr; gap: 20px; }.phone-note > img { width: 66px; height: 66px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* RedCat Brain 1.0.6 – additional story and product sections */
.features-six { grid-template-columns: repeat(3, 1fr); }
.features-six .feature-card { min-height: 295px; }
.feature-symbol { display: grid; width: 51px; height: 51px; place-items: center; margin: 0 0 28px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.055); color: var(--orange-light); font: 25px/1 "DM Mono", monospace; }
.feature-symbol-record { color: #fff; background: var(--orange); box-shadow: 0 12px 23px rgba(255,90,10,.23); }
.feature-symbol-day { color: #ffcb44; background: rgba(237,189,25,.12); }
.feature-symbol-check { color: #9be4be; background: rgba(43,195,119,.11); }
.feature-symbol-file { color: #d9dce3; }
.feature-symbol-lock { color: #b9dec9; background: rgba(43,195,119,.1); }
.daily-feature { position: relative; border-color: rgba(255,138,76,.54); background: linear-gradient(145deg, #3e2920, #26272c 72%); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.daily-feature::after { position: absolute; top: 21px; right: 22px; width: 10px; height: 10px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 6px rgba(255,90,10,.12); content: ""; }
.daily-feature h3 { font-size: 23px; }
.feature-local { background: linear-gradient(150deg, #17211e, #141619 70%); }

.voice-detail { margin: 18px 0 0; color: var(--dim); font-size: 11px; line-height: 1.65; }
.mobile-voice-photo { position: relative; width: min(100%, 520px); justify-self: end; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 26px; box-shadow: 0 32px 64px rgba(0,0,0,.48); background: #0c0d10; transform: rotate(2.2deg); }
.mobile-voice-photo::after { position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(transparent, rgba(7,8,10,.75)); content: ""; pointer-events: none; }
.mobile-voice-photo img { display: block; width: 100%; aspect-ratio: 2 / 2.16; object-fit: cover; object-position: center 54%; }
.mobile-voice-photo figcaption { position: absolute; z-index: 1; right: 22px; bottom: 18px; left: 22px; color: #e8e8e5; font: 10px "DM Mono", monospace; letter-spacing: .02em; }

.daily-notes-section { display: grid; grid-template-columns: .84fr 1.16fr; gap: 7vw; align-items: center; padding: clamp(85px, 10vw, 140px) 5.5vw; background: radial-gradient(circle at 80% 35%, rgba(255,90,10,.12), transparent 27%), #1a1c21; }
.daily-notes-copy { max-width: 550px; }
.daily-notes-copy h2, .newsroom-copy h2, .audience-intro h2, .availability-section h2 { margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }
.daily-notes-copy > p:not(.section-kicker), .newsroom-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.81; }
.daily-notes-copy > p:last-child { margin-bottom: 0; }
.day-note-card { position: relative; overflow: hidden; padding: clamp(23px, 3vw, 37px); border: 1px solid rgba(255,138,76,.42); border-radius: 27px; background: #151619; box-shadow: 0 31px 62px rgba(0,0,0,.34); }
.day-note-card::before { position: absolute; top: -112px; right: -71px; width: 260px; height: 260px; border: 1px solid rgba(255,138,76,.22); border-radius: 50%; content: ""; }
.day-note-top { position: relative; display: flex; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.day-note-sun { display: grid; flex: 0 0 auto; width: 63px; height: 63px; place-items: center; border-radius: 19px; background: linear-gradient(135deg, #ff782d, #de4109); box-shadow: 0 13px 25px rgba(255,90,10,.22); color: #fff3d7; font-size: 28px; }
.day-note-top small, .day-note-top strong { display: block; }.day-note-top small { margin-bottom: 5px; color: var(--orange-light); font: 10px "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }.day-note-top strong { font-size: 24px; letter-spacing: -.04em; }.day-note-status { margin-left: auto; padding: 7px 10px; border: 1px solid rgba(255,138,76,.36); border-radius: 999px; color: var(--orange-light); font: 9px "DM Mono", monospace; }
.day-note-entry { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: start; padding: 21px 0; border-bottom: 1px solid var(--line); }.day-note-entry:last-child { padding-bottom: 0; border-bottom: 0; }.day-note-entry strong { display: block; margin-bottom: 5px; color: #ebebe8; font-size: 14px; letter-spacing: -.02em; }.day-note-entry p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }.day-note-entry time, .day-note-entry > span:last-child { padding-top: 2px; color: var(--dim); font: 10px "DM Mono", monospace; }.entry-dot { width: 9px; height: 9px; margin-top: 4px; border: 2px solid #767a81; border-radius: 50%; }.entry-dot-orange { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(255,90,10,.12); }.muted-entry { opacity: .7; }

.newsroom { display: grid; grid-template-columns: 1.12fr .88fr; gap: 7vw; align-items: center; padding: clamp(85px, 10vw, 140px) 5.5vw; background: #111216; }.newsroom-photo { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: #0c0d10; box-shadow: 0 30px 58px rgba(0,0,0,.42); transform: rotate(-1.2deg); }.newsroom-photo img { display: block; width: 100%; aspect-ratio: 16 / 9.15; object-fit: cover; opacity: .86; filter: saturate(.86) contrast(1.04); }.newsroom-photo figcaption { padding: 14px 17px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }.newsroom-copy { max-width: 540px; }.newsroom-copy > p:last-of-type { margin-bottom: 25px; }.text-link { display: inline-flex; gap: 10px; align-items: center; padding-bottom: 4px; border-bottom: 1px solid rgba(255,138,76,.46); color: var(--orange-light); font-size: 12px; font-weight: 800; }.text-link span { font-size: 17px; transition: transform .2s ease; }.text-link:hover span { transform: translateX(4px); }

.check-boundary { margin: 20px 0 0 !important; padding: 15px 16px; border-left: 2px solid var(--yellow); background: rgba(237,189,25,.08); color: #c8c7bf !important; font-size: 12px !important; line-height: 1.67 !important; }.check-boundary p { margin: 0; }.check-boundary p + p { margin-top: 12px; }
.audience { padding: clamp(85px, 10vw, 140px) 5.5vw; background: #1a1c21; }.audience-intro { max-width: 690px; margin-bottom: 48px; }.audience-intro h2 { margin-bottom: 0; }.audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }.audience-grid article { min-height: 214px; padding: 23px; border: 1px solid var(--line); border-radius: 19px; background: #24262b; }.audience-grid article:nth-child(2) { background: #2c2522; }.audience-grid article:nth-child(3) { background: #22292a; }.audience-grid span { color: var(--orange-light); font: 10px "DM Mono", monospace; }.audience-grid h3 { margin: 34px 0 9px; font-size: 17px; letter-spacing: -.035em; }.audience-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.68; }

.availability-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 7vw; align-items: center; padding: clamp(85px, 10vw, 135px) 5.5vw; background: radial-gradient(circle at 12% 60%, rgba(255,90,10,.1), transparent 22%), #111216; }.availability-section h2 { margin-bottom: 0; }.platform-list { display: grid; border-top: 1px solid var(--line); }.platform-list > div { display: grid; grid-template-columns: auto 1fr auto; gap: 17px; align-items: center; padding: 19px 0; border-bottom: 1px solid var(--line); }.platform-mark { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: #303239; color: #e9e9e6; font-size: 19px; }.platform-list p { margin: 0; }.platform-list strong, .platform-list small { display: block; }.platform-list strong { margin-bottom: 4px; font-size: 13px; }.platform-list small { color: var(--dim); font-size: 11px; line-height: 1.45; }.platform-list a, .platform-soon { color: var(--orange-light); font-size: 11px; font-weight: 800; white-space: nowrap; }.platform-list a b { margin-left: 6px; font-size: 16px; }.platform-soon { color: var(--dim); font-size: 10px; }

@media (max-width: 1050px) { .features-six { grid-template-columns: 1fr 1fr; }.audience-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) { .daily-notes-section, .newsroom, .availability-section { grid-template-columns: 1fr; }.mobile-voice-photo { justify-self: start; }.daily-notes-copy, .newsroom-copy { max-width: 670px; }.newsroom-photo { max-width: 820px; }.availability-section > div:first-child { max-width: 620px; } }
@media (max-width: 800px) { .daily-notes-section, .newsroom, .audience, .availability-section { padding: 82px 7vw; }.features-six { grid-template-columns: 1fr; }.features-six .feature-card { min-height: 245px; }.audience-grid { grid-template-columns: 1fr; }.audience-grid article { min-height: 170px; }.mobile-voice-photo { width: min(100%, 460px); } }
@media (max-width: 560px) { .day-note-top strong { font-size: 20px; }.day-note-status { display: none; }.day-note-entry { gap: 9px; }.platform-list > div { grid-template-columns: auto 1fr; }.platform-list a, .platform-soon { grid-column: 2; justify-self: start; }.newsroom-photo { transform: none; }.mobile-voice-photo { transform: none; }.voice-detail { max-width: 330px; } }

/* Public navigation, check detail and collecting examples */
.nav-beta { padding: 10px 12px; border: 1px solid rgba(255,138,76,.38); border-radius: 10px; color: var(--orange-light); font-size: 11px; }
.nav-beta:hover { border-color: var(--orange-light); color: #fff; }
.hero-photo { width: min(100%, 630px); }
.mobile-voice-photo { width: min(100%, 570px); }
.newsroom-photo { width: min(100%, 860px); }
.newsroom-note { margin: 25px 0 0 !important; padding: 15px 16px; border-left: 2px solid var(--orange); background: rgba(255,90,10,.08); color: #c9c9c5 !important; font-size: 12px !important; line-height: 1.67 !important; }

.check-section { grid-template-columns: 1fr; gap: 31px; align-items: start; background: radial-gradient(circle at 83% 46%, rgba(238,79,66,.1), transparent 23%), radial-gradient(circle at 12% 19%, rgba(237,189,25,.08), transparent 22%), #111216; }
.check-title-block { max-width: 780px; }.check-title-block > p:last-child { max-width: 710px; }
.factcheck-wide { width: 100%; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 25px; background: #090a0c; box-shadow: 0 34px 72px rgba(0,0,0,.52); }.factcheck-wide img { display: block; width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }.factcheck-wide figcaption { padding: 13px 18px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }
.verdict-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.verdict-card { display: flex; gap: 12px; min-height: 125px; padding: 18px; border: 1px solid var(--line); border-radius: 17px; background: #27292f; }.verdict-card > span { display: grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #fff; font-weight: 800; }.verdict-card strong { display: block; margin: 3px 0 5px; font-size: 13px; letter-spacing: -.02em; }.verdict-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }.verdict-green { border-color: rgba(43,195,119,.45); }.verdict-green > span { background: var(--green); }.verdict-yellow { border-color: rgba(237,189,25,.45); }.verdict-yellow > span { background: var(--yellow); color: #242218; }.verdict-red { border-color: rgba(238,79,66,.45); }.verdict-red > span { background: var(--red); }.verdict-orange { border-color: rgba(255,138,76,.45); }.verdict-orange > span { background: var(--orange); }.check-section > .check-boundary { max-width: 860px; margin: 0 !important; }

.audience-intro > p:last-child { max-width: 650px; margin: 22px 0 0; color: var(--muted); font-size: 15px; line-height: 1.79; }

@media (max-width: 1150px) { nav { gap: 16px; }.verdict-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 800px) { nav a:not(.nav-download):not(.nav-beta) { display: none; }.nav-beta { padding: 9px 10px; }.check-section { padding: 82px 7vw; }.factcheck-wide { border-radius: 19px; }.verdict-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .nav-beta { font-size: 9px; }.verdict-grid { grid-template-columns: 1fr; }.verdict-card { min-height: 96px; }.factcheck-wide img { aspect-ratio: 1.55 / 1; object-position: 59% center; }.audience-intro > p:last-child { font-size: 14px; } }

/* RedCat Brain 1.0.7 – ruhigere Bildführung und weniger Kacheloptik */
.site-shell { max-width: 1560px; }
.topbar { position: sticky; top: 0; z-index: 10; backdrop-filter: blur(16px); }
.hero { grid-template-columns: 1.14fr .86fr; min-height: 610px; gap: clamp(34px, 5vw, 82px); padding-top: clamp(62px, 7vw, 105px); padding-bottom: clamp(68px, 7vw, 100px); }
.hero-copy { max-width: 690px; }
.hero-visual { min-height: 0; align-self: center; }
.hero-visual::before { width: min(32vw, 430px); height: min(32vw, 430px); }
.hero-photo { width: min(100%, 490px); transform: rotate(1.25deg); }
.hero-photo img { max-height: 390px; object-fit: contain; }
.visual-note { right: 0; bottom: -24px; }
.intro { padding-bottom: 62px; }
.intro-grid { grid-template-columns: 1fr .82fr; gap: clamp(36px, 7vw, 110px); }

.features { gap: 18px; padding-top: 38px; padding-bottom: clamp(82px, 8vw, 120px); background: #111216; }
.features-six { grid-template-columns: repeat(3, 1fr); }
.features-six .feature-card { min-height: 300px; }
.feature-card { position: relative; overflow: hidden; padding: 31px; border-color: rgba(255,255,255,.09); border-radius: 20px; background: linear-gradient(145deg, rgba(43,45,51,.8), rgba(26,28,33,.9)); }
.feature-card::before { position: absolute; top: -57px; right: -43px; width: 168px; height: 168px; border: 1px solid rgba(255,138,76,.17); border-radius: 50%; box-shadow: 0 0 0 27px rgba(255,90,10,.025), 0 0 0 57px rgba(255,90,10,.018); content: ""; pointer-events: none; }
.feature-card > * { position: relative; z-index: 1; }
.feature-card .feature-number { margin-bottom: 23px; color: rgba(255,255,255,.38); }
.feature-card h3 { margin-top: 0; font-size: 19px; }
.feature-card p:last-child { max-width: 31ch; }
.feature-emphasis { background: linear-gradient(145deg, #47261a, #272427 77%); }
.feature-dark { background: linear-gradient(145deg, #1d2025, #101115); }
.feature-local { background: linear-gradient(145deg, #1d2925, #151817 77%); }
.daily-feature { background: linear-gradient(145deg, #493026, #27282c 77%); }
.feature-symbol { position: relative; width: 52px; height: 52px; margin: 0 0 28px; border: 1px solid rgba(255,138,76,.45); border-radius: 15px; background: rgba(255,90,10,.13); box-shadow: none; }
.feature-symbol::before, .feature-symbol::after { position: absolute; display: block; content: ""; }
.icon-mic::before { top: 12px; left: 19px; width: 12px; height: 18px; border: 2px solid var(--orange-light); border-radius: 9px; }
.icon-mic::after { bottom: 10px; left: 16px; width: 18px; height: 12px; border: 2px solid var(--orange-light); border-top: 0; border-radius: 0 0 11px 11px; box-shadow: 7px 10px 0 -6px var(--orange-light); }
.icon-day::before { top: 16px; left: 16px; width: 17px; height: 17px; border-radius: 50%; background: #ffc43d; box-shadow: 0 -10px 0 -7px #ffc43d, 0 10px 0 -7px #ffc43d, 10px 0 0 -7px #ffc43d, -10px 0 0 -7px #ffc43d; }
.icon-edit::before { top: 16px; left: 16px; width: 23px; height: 7px; border-radius: 5px; background: var(--orange-light); transform: rotate(-42deg); }
.icon-edit::after { top: 14px; left: 31px; border-width: 4px 0 4px 7px; border-style: solid; border-color: transparent transparent transparent #fff0e9; transform: rotate(-42deg); }
.icon-check::before { top: 14px; left: 17px; width: 18px; height: 10px; border-bottom: 3px solid #9be4be; border-left: 3px solid #9be4be; transform: rotate(-45deg); }
.icon-file::before { top: 12px; left: 16px; width: 20px; height: 27px; border: 2px solid #f0f1ed; border-radius: 3px; }
.icon-file::after { top: 17px; left: 21px; width: 10px; height: 2px; background: var(--orange-light); box-shadow: 0 6px 0 var(--orange-light), 0 12px 0 var(--orange-light); }
.icon-folder::before { top: 18px; left: 12px; width: 28px; height: 19px; border: 2px solid #b9dec9; border-radius: 4px; }
.icon-folder::after { top: 14px; left: 15px; width: 12px; height: 8px; border: 2px solid #b9dec9; border-bottom: 0; border-radius: 4px 4px 0 0; }
.daily-feature::after { top: 22px; right: 23px; }

.voice-story { grid-template-columns: .92fr 1.08fr; gap: clamp(42px, 7vw, 108px); padding-top: clamp(80px, 9vw, 125px); padding-bottom: clamp(80px, 9vw, 125px); }
.voice-copy { max-width: 520px; }
.mobile-voice-photo { width: min(100%, 510px); justify-self: start; border-radius: 20px; transform: rotate(0); }
.mobile-voice-photo img { aspect-ratio: auto; object-fit: contain; object-position: center; }
.mobile-voice-photo::after { height: 34%; }
.workflow { grid-template-columns: .92fr 1.08fr; gap: clamp(42px, 7vw, 108px); }
.app-shot { max-width: 680px; justify-self: end; }
.app-shot img { height: auto; object-fit: contain; }
.app-shot-recherche { transform: rotate(.7deg); }
.daily-notes-section { grid-template-columns: .92fr 1.08fr; gap: clamp(42px, 7vw, 108px); }
.day-note-card { max-width: 650px; justify-self: end; }
.newsroom { grid-template-columns: 1.04fr .96fr; gap: clamp(42px, 7vw, 108px); }
.newsroom-photo { max-width: 690px; transform: rotate(-.6deg); }
.newsroom-photo img { height: auto; aspect-ratio: auto; object-fit: contain; }

.check-section { gap: 27px; padding-top: clamp(80px, 9vw, 125px); padding-bottom: clamp(80px, 9vw, 125px); }
.check-title-block { max-width: 690px; }
.factcheck-wide { max-width: 1220px; border-radius: 20px; box-shadow: 0 26px 56px rgba(0,0,0,.42); }
.factcheck-wide img { height: auto; aspect-ratio: auto; object-fit: contain; }
.verdict-grid { max-width: 1120px; gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.verdict-card { min-height: 143px; padding: 22px 18px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; }
.verdict-card:last-child { border-right: 0; }
.verdict-card > span { width: 38px; height: 38px; }
.check-section > .check-boundary { max-width: 760px; }

.audience { padding-top: clamp(80px, 9vw, 125px); padding-bottom: clamp(80px, 9vw, 125px); }
.audience-grid { max-width: 1230px; gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.audience-grid article, .audience-grid article:nth-child(2), .audience-grid article:nth-child(3) { min-height: 190px; padding: 26px 20px 24px 0; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; }
.audience-grid article:not(:first-child) { padding-left: 20px; }
.audience-grid article:last-child { border-right: 0; }
.audience-grid h3 { margin-top: 30px; }
.collection-story { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(38px, 7vw, 105px); align-items: center; max-width: 1230px; margin-top: clamp(65px, 8vw, 105px); }
.collection-photo { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #101114; box-shadow: 0 24px 54px rgba(0,0,0,.35); }
.collection-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.collection-photo figcaption { padding: 13px 16px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }
.collection-copy h3 { max-width: 470px; margin: 0 0 20px; font-size: clamp(26px, 2.6vw, 37px); line-height: 1.17; letter-spacing: -.047em; }
.collection-copy > p:not(.section-kicker) { max-width: 510px; color: var(--muted); font-size: 15px; line-height: 1.8; }

.assignments-section, .creator-section { display: grid; grid-template-columns: .96fr 1.04fr; gap: clamp(42px, 7vw, 108px); align-items: center; padding: clamp(80px, 9vw, 125px) 5.5vw; }
.assignments-section { background: radial-gradient(circle at 13% 48%, rgba(255,90,10,.11), transparent 25%), #15171b; }
.creator-section { grid-template-columns: 1.04fr .96fr; background: #1a1c21; }
.assignments-copy, .creator-copy { max-width: 565px; }
.assignments-copy h2, .creator-copy h2 { max-width: 560px; margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }
.assignments-copy > p:not(.section-kicker), .creator-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.8; }
.assignments-copy > p:last-of-type { margin-bottom: 0; }
.assignments-photo, .creator-photo { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: #0e0f12; box-shadow: 0 25px 55px rgba(0,0,0,.38); }
.assignments-photo { max-width: 700px; justify-self: end; }
.creator-photo { max-width: 700px; justify-self: start; }
.assignments-photo img, .creator-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
.assignments-photo figcaption, .creator-photo figcaption { padding: 13px 16px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }
.assignment-list { display: grid; gap: 0; margin: 31px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.assignment-list li { display: flex; align-items: center; gap: 11px; padding: 13px 0; border-bottom: 1px solid var(--line); color: #dcddd9; font-size: 12px; font-weight: 700; }
.assignment-list span { display: grid; width: 21px; height: 21px; place-items: center; border: 1px solid rgba(43,195,119,.5); border-radius: 50%; color: #91e0b6; font-size: 11px; }
.creator-lines { display: grid; margin-top: 29px; border-top: 1px solid var(--line); }
.creator-lines p { display: grid; grid-template-columns: .7fr 1.3fr; gap: 18px; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--line); }
.creator-lines strong { color: #f0f0ed; font-size: 12px; }.creator-lines span { color: var(--muted); font-size: 11px; line-height: 1.55; }

/* Drehbuch: echte Arbeitsansicht, Set-Situation und zwei klar getrennte Ausgaben. */
.screenplay-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(42px, 7vw, 108px); padding: clamp(84px, 10vw, 140px) 5.5vw; overflow: hidden; background: radial-gradient(circle at 86% 18%, rgba(255,90,10,.17), transparent 26%), linear-gradient(145deg, #17191e, #101115 72%); }
.screenplay-intro { align-self: center; max-width: 610px; }.screenplay-intro h2 { max-width: 580px; margin-bottom: 22px; font-size: clamp(29px, 3vw, 42px); line-height: 1.14; letter-spacing: -.056em; }.screenplay-intro > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.82; }
.screenplay-story { margin-top: 31px; padding: 19px 20px 20px; border: 1px solid rgba(255,138,76,.38); border-radius: 17px; background: linear-gradient(125deg, rgba(255,90,10,.15), rgba(40,42,48,.82) 66%); }.screenplay-story > span { color: var(--orange-light); font: 700 10px "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }.screenplay-story h3 { margin: 10px 0 8px; color: #f7f6f1; font-size: 19px; letter-spacing: -.04em; }.screenplay-story p { margin: 0; color: #c4c5c3; font-size: 12px; line-height: 1.66; }
.screenplay-beta { margin: 22px 0 0; padding: 11px 13px; border-left: 2px solid var(--orange); background: rgba(255,90,10,.08); color: #c8c8c3 !important; font-size: 11px !important; line-height: 1.62 !important; }.screenplay-beta strong { margin-right: 6px; color: var(--orange-light); font-size: 10px; letter-spacing: .045em; text-transform: uppercase; }
.screenplay-filmset { position: relative; align-self: center; max-width: 700px; margin: 0; overflow: hidden; border: 1px solid rgba(255,138,76,.27); border-radius: 21px; background: #0d0e10; box-shadow: 0 27px 64px rgba(0,0,0,.46); transform: rotate(1.1deg); }.screenplay-filmset img { display: block; width: 100%; height: auto; }.screenplay-filmset figcaption, .screenplay-editor figcaption { padding: 13px 16px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }
.screenplay-workspace { grid-column: 1 / -1; display: grid; grid-template-columns: 1.23fr .77fr; gap: clamp(38px, 6vw, 94px); align-items: center; margin-top: clamp(4px, 2vw, 28px); }.screenplay-editor { position: relative; max-width: 870px; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: #0b0c0e; box-shadow: 0 28px 61px rgba(0,0,0,.43); }.screenplay-editor img { display: block; width: 100%; height: auto; }.screenplay-notes { max-width: 490px; }.screenplay-notes h3, .screenplay-print-copy h3 { margin: 0 0 17px; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.16; letter-spacing: -.052em; }.screenplay-notes > p:not(.section-kicker), .screenplay-print-copy > p:not(.section-kicker) { color: var(--muted); font-size: 14px; line-height: 1.8; }
.screenplay-points { display: grid; margin-top: 28px; border-top: 1px solid var(--line); }.screenplay-points p { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; margin: 0; padding: 13px 0; border-bottom: 1px solid var(--line); }.screenplay-points strong { color: #f1f1ed; font-size: 11px; }.screenplay-points small { color: var(--muted); font-size: 10px; line-height: 1.55; }
.screenplay-prints { grid-column: 1 / -1; display: grid; grid-template-columns: .86fr 1fr .68fr; gap: clamp(23px, 3.5vw, 51px); align-items: center; margin-top: clamp(14px, 3vw, 42px); padding-top: clamp(57px, 7vw, 94px); border-top: 1px solid var(--line); }.screenplay-print-copy { max-width: 420px; }.screenplay-pdf-card { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: #efeeea; box-shadow: 0 25px 51px rgba(0,0,0,.43); transform: rotate(-1.6deg); }.screenplay-pdf-card-script { max-width: 330px; justify-self: end; transform: rotate(2.7deg); }.screenplay-pdf-card img { display: block; width: 100%; height: auto; }.screenplay-pdf-card figcaption { display: grid; gap: 3px; padding: 14px 15px 16px; background: #202227; color: #f1f1ed; }.screenplay-pdf-card figcaption strong { font-size: 11px; }.screenplay-pdf-card figcaption span { color: #a8aaad; font-size: 10px; line-height: 1.5; }

.archive-section { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(42px, 7vw, 108px); align-items: center; padding: clamp(80px, 9vw, 125px) 5.5vw; background: radial-gradient(circle at 86% 40%, rgba(255,90,10,.12), transparent 28%), #121417; }
.archive-copy { max-width: 560px; }
.archive-copy h2 { max-width: 540px; margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }
.archive-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.8; }
.archive-photo { max-width: 720px; justify-self: end; margin: 0; overflow: hidden; border: 1px solid rgba(255,138,76,.26); border-radius: 20px; background: #0d0e10; box-shadow: 0 25px 55px rgba(0,0,0,.42); }
.archive-photo img { display: block; width: 100%; height: auto; object-fit: contain; }.archive-photo figcaption { padding: 13px 16px 15px; color: var(--dim); font-size: 10px; line-height: 1.55; }
.scan-section { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(42px, 7vw, 108px); align-items: center; padding: clamp(80px, 9vw, 125px) 5.5vw; overflow: hidden; background: radial-gradient(circle at 16% 61%, rgba(255,90,10,.13), transparent 27%), #1a1c21; }.scan-photo { position: relative; max-width: 720px; margin: 0; overflow: hidden; border: 1px solid rgba(255,138,76,.3); border-radius: 20px; background: #0d0e10; box-shadow: 0 25px 55px rgba(0,0,0,.42); }.scan-photo img { display: block; width: 100%; height: auto; }.scan-photo figcaption { position: relative; z-index: 2; padding: 13px 16px 15px; background: #151619; color: var(--dim); font-size: 10px; line-height: 1.55; }.scan-sweep { position: absolute; z-index: 1; top: 10%; right: 12%; left: 26%; height: 2px; opacity: 0; background: linear-gradient(90deg, transparent, #ffc38d 28%, var(--orange) 52%, #ffc38d 76%, transparent); box-shadow: 0 0 15px rgba(255,90,10,.92); animation: scan-sweep 5.6s ease-in-out infinite; pointer-events: none; }.scan-flash { position: absolute; z-index: 1; top: 10%; right: 5%; width: 96px; height: 96px; border-radius: 50%; opacity: 0; background: radial-gradient(circle, rgba(255,226,195,.78), rgba(255,90,10,.18) 26%, transparent 67%); animation: scan-flash 5.6s ease-in-out infinite; pointer-events: none; }.scan-copy { max-width: 560px; }.scan-copy h2 { max-width: 520px; margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.scan-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.8; }.scan-points { display: grid; margin-top: 29px; border-top: 1px solid var(--line); }.scan-points p { display: grid; grid-template-columns: .76fr 1.24fr; gap: 18px; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--line); }.scan-points strong { color: #eeeeea; font-size: 12px; }.scan-points small { color: var(--muted); font-size: 11px; line-height: 1.55; }
@keyframes scan-sweep { 0%, 19% { top: 10%; opacity: 0; } 24% { opacity: 1; } 56% { top: 68%; opacity: .95; } 61%, 100% { top: 72%; opacity: 0; } } @keyframes scan-flash { 0%, 21%, 61%, 100% { transform: scale(.3); opacity: 0; } 27% { transform: scale(1); opacity: .68; } 35% { transform: scale(1.9); opacity: 0; } }
.archive-points { display: grid; margin-top: 29px; border-top: 1px solid var(--line); }.archive-points p { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--line); }.archive-points span { grid-row: span 2; padding-top: 1px; color: var(--orange-light); font: 10px "DM Mono", monospace; }.archive-points strong { color: #eeeeea; font-size: 12px; }.archive-points small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.archive-document-example { position: relative; margin-top: 24px; padding: 19px 20px 20px; overflow: hidden; border: 1px solid rgba(255,138,76,.35); border-radius: 16px; background: linear-gradient(125deg, rgba(255,90,10,.12), rgba(37,39,44,.88) 57%); }.archive-document-example::before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background: var(--orange); content: ""; }.archive-document-example > span { display: block; margin-bottom: 14px; color: var(--orange-light); font: 700 11px "DM Mono", monospace; letter-spacing: .045em; text-transform: uppercase; }.archive-document-example h3 { margin: 0 0 8px; color: #f2f1ec; font-size: 17px; letter-spacing: -.035em; }.archive-document-example p { margin: 0; color: #c6c7c3; font-size: 11px; line-height: 1.62; }.archive-document-example .archive-document-meta { color: #9da0a4; }.archive-document-example .archive-document-price { display: flex; justify-content: space-between; gap: 16px; margin: 14px 0 9px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); color: #d6d6d0; }.archive-document-price strong { color: var(--orange-light); font-size: 14px; }

.beta-card { grid-template-columns: 1fr 1fr; gap: clamp(42px, 7vw, 110px); }

/* Große Überschriften: kompakter, kräftiger und klarer */
h1 { font-size: clamp(34px, 3.6vw, 49px); font-weight: 750; letter-spacing: -.058em; }
.intro h2, .download h2 { font-size: clamp(26px, 2.8vw, 38px); font-weight: 750; letter-spacing: -.052em; }
.voice-copy h2, .workflow-copy h2, .check-title-block h2, .phone-note h2, .beta h2, .daily-notes-copy h2, .newsroom-copy h2, .audience-intro h2, .availability-section h2, .assignments-copy h2, .creator-copy h2, .archive-copy h2 { font-size: clamp(26px, 2.55vw, 37px); font-weight: 750; letter-spacing: -.052em; }
.collection-copy h3 { font-size: clamp(25px, 2.35vw, 34px); font-weight: 750; letter-spacing: -.052em; }

@media (max-width: 1150px) {
  .topbar { min-height: 90px; padding-right: 4vw; padding-left: 4vw; }
  nav { gap: 13px; font-size: 11px; }
  .hero, .voice-story, .workflow, .daily-notes-section, .newsroom, .collection-story, .assignments-section, .creator-section, .archive-section { gap: 42px; }
  .features-six { grid-template-columns: repeat(2, 1fr); }
  .audience-grid { grid-template-columns: 1fr 1fr; }
  .audience-grid article:nth-child(2) { border-right: 0; }
  .audience-grid article:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .verdict-grid { grid-template-columns: 1fr 1fr; }
  .verdict-card:nth-child(2) { border-right: 0; }
  .verdict-card:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 900px) {
  .hero, .voice-story, .workflow, .daily-notes-section, .newsroom, .collection-story, .assignments-section, .creator-section, .screenplay-section, .archive-section, .beta-card { grid-template-columns: 1fr; }
  .hero { min-height: 0; }
  .hero-photo, .mobile-voice-photo, .app-shot, .day-note-card, .newsroom-photo, .collection-photo, .assignments-photo, .creator-photo, .screenplay-filmset, .archive-photo { justify-self: start; max-width: min(100%, 680px); }
  .hero-visual { padding-top: 15px; }
  .collection-story { margin-top: 62px; }
  .screenplay-workspace, .screenplay-prints { grid-template-columns: 1fr; gap: 34px; }.screenplay-workspace { margin-top: 0; }.screenplay-pdf-card-script { max-width: min(76%, 390px); justify-self: end; }.screenplay-print-copy { max-width: 590px; }
}
@media (max-width: 800px) {
  .topbar { position: relative; }
  nav a:not(.nav-download):not(.nav-beta) { display: none; }
  .features-six { grid-template-columns: 1fr; gap: 11px; }
  .features-six .feature-card { min-height: 218px; }
  .feature-card p:last-child { max-width: 46ch; }
  .audience-grid, .verdict-grid { grid-template-columns: 1fr; }
  .audience-grid article, .audience-grid article:nth-child(2), .audience-grid article:nth-child(3), .verdict-card { min-height: auto; padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .audience-grid article:not(:first-child) { padding-left: 0; }
  .audience-grid article:last-child, .verdict-card:last-child { border-bottom: 0; }
  .verdict-card:nth-child(-n + 2), .audience-grid article:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .hero, .intro, .features, .voice-story, .workflow, .daily-notes-section, .assignments-section, .creator-section, .screenplay-section, .newsroom, .check-section, .audience, .archive-section, .ai-section, .availability-section, .download { padding-right: 7vw; padding-left: 7vw; }
  .feature-card { padding: 25px; }
  .feature-symbol { margin-bottom: 23px; }
  .mobile-voice-photo, .collection-photo, .factcheck-wide { border-radius: 15px; }
  .visual-note { display: none; }
  .screenplay-filmset { transform: none; }.screenplay-workspace { gap: 26px; }.screenplay-points p { grid-template-columns: 1fr; gap: 5px; }.screenplay-prints { gap: 27px; }.screenplay-pdf-card-script { max-width: min(86%, 330px); }.screenplay-editor, .screenplay-filmset { border-radius: 15px; }
}

/* Oberflächen auf dem iPhone */
.skins-section { display: grid; grid-template-columns: .83fr 1.17fr; gap: clamp(44px, 8vw, 126px); align-items: center; padding: clamp(86px, 10vw, 138px) 5.5vw; background: radial-gradient(circle at 72% 42%, rgba(255,90,10,.18), transparent 31%), linear-gradient(145deg, #191b20, #0d0e11 78%); }
.skins-copy { max-width: 540px; }
.skins-copy h2 { max-width: 520px; margin-bottom: 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.18; letter-spacing: -.052em; }
.skins-copy > p:not(.section-kicker) { max-width: 505px; color: var(--muted); font-size: 15px; line-height: 1.82; }
.skin-controls { display: flex; flex-wrap: wrap; gap: 9px; margin: 31px 0 23px; }
.skin-button { padding: 10px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: transparent; color: #c9cbca; font: 700 12px "Manrope", Arial, sans-serif; cursor: pointer; transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease; }
.skin-button:hover, .skin-button:focus-visible { border-color: rgba(255,138,76,.75); color: #fff; outline: none; transform: translateY(-1px); }
.skin-button.is-active { border-color: var(--orange); background: var(--orange); color: #fff; box-shadow: 0 8px 20px rgba(255,90,10,.22); }
.howto-link { display: inline-flex; align-items: center; gap: 11px; color: var(--orange-light); font-size: 13px; font-weight: 800; }
.howto-link span { font-size: 18px; line-height: 1; transition: transform .2s ease; }.howto-link:hover span { transform: translateX(4px); }
.skin-stage { position: relative; display: grid; min-height: 650px; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 31px; background: radial-gradient(circle at 50% 43%, rgba(255,90,10,.2), transparent 35%), #111216; }
.skin-stage.is-light { background: radial-gradient(circle at 52% 42%, rgba(255,132,78,.19), transparent 31%), #e8eee9; }
.skin-halo { position: absolute; width: min(42vw, 530px); aspect-ratio: 1; border: 1px solid rgba(255,138,76,.34); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255,90,10,.035), 0 0 90px 14px rgba(255,90,10,.12); }
.skin-stage.is-light .skin-halo { border-color: rgba(255,90,10,.34); box-shadow: 0 0 0 48px rgba(255,255,255,.24), 0 0 85px 12px rgba(255,90,10,.12); }
.skin-phone { position: relative; z-index: 1; width: min(100%, 330px); margin: 0; border-radius: 34px; filter: drop-shadow(0 29px 42px rgba(0,0,0,.52)); transition: opacity .28s ease, transform .35s ease; }
.skin-phone.is-changing { opacity: 0; transform: translateY(10px) scale(.985); }
.skin-phone img { display: block; width: 100%; height: auto; border-radius: 30px; }
.skin-phone figcaption { position: absolute; right: -12px; bottom: 21px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(17,18,22,.88); color: #f1f1ed; font: 10px "DM Mono", monospace; }
.skin-stage.is-light .skin-phone figcaption { border-color: rgba(28,29,31,.12); background: rgba(255,255,255,.9); color: #252629; }
.skin-note { position: absolute; z-index: 2; right: 24px; bottom: 21px; max-width: 205px; margin: 0; color: var(--dim); font-size: 10px; line-height: 1.55; text-align: right; }
.skin-stage.is-light .skin-note { color: #676963; }

.guide-hero { padding: clamp(74px, 9vw, 128px) 5.5vw clamp(65px, 8vw, 108px); background: radial-gradient(circle at 83% 25%, rgba(255,90,10,.17), transparent 27%), #15171b; }
.guide-hero-inner { display: grid; grid-template-columns: 1.06fr .94fr; gap: clamp(45px, 8vw, 120px); align-items: center; max-width: 1230px; }
.guide-hero h1 { max-width: 700px; }.guide-hero-copy > p:not(.eyebrow) { max-width: 590px; color: var(--muted); font-size: 16px; line-height: 1.82; }
.guide-hero-card { padding: 28px; border: 1px solid rgba(255,138,76,.32); border-radius: 22px; background: linear-gradient(145deg, rgba(255,90,10,.14), rgba(36,38,44,.88)); }
.guide-hero-card strong { display: block; margin-bottom: 9px; color: #f8f7f2; font-size: 17px; letter-spacing: -.035em; }.guide-hero-card p { margin: 0; color: #c4c6c4; font-size: 13px; line-height: 1.65; }
.guide-steps { padding: clamp(78px, 9vw, 130px) 5.5vw; background: #111216; }.guide-steps-intro { max-width: 710px; margin-bottom: 49px; }.guide-steps-intro h2, .guide-reassurance h2 { margin-bottom: 18px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.18; letter-spacing: -.052em; }.guide-steps-intro p, .guide-reassurance p { color: var(--muted); font-size: 15px; line-height: 1.82; }
.guide-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.guide-step { min-height: 255px; padding: 25px 23px 25px 0; border-right: 1px solid var(--line); }.guide-step:not(:first-child) { padding-left: 23px; }.guide-step:last-child { border-right: 0; }
.guide-step-number { display: block; margin-bottom: 50px; color: var(--orange-light); font: 10px "DM Mono", monospace; }.guide-step h3 { margin-bottom: 11px; font-size: 20px; letter-spacing: -.04em; }.guide-step p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.72; }
.guide-reassurance { display: grid; grid-template-columns: 1fr .95fr; gap: clamp(42px, 8vw, 120px); align-items: start; padding: clamp(76px, 9vw, 125px) 5.5vw; background: #1b1d22; }.guide-reassurance-copy { max-width: 600px; }.guide-trust-list { display: grid; gap: 13px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #121317; }.guide-trust-list p { margin: 0; color: #d8d9d5; font-size: 13px; line-height: 1.6; }.guide-trust-list strong { color: var(--orange-light); }
.guide-cta { display: flex; align-items: center; justify-content: space-between; gap: 26px; margin: 0 5.5vw 5.5vw; padding: 30px 34px; border: 1px solid rgba(255,138,76,.33); border-radius: 22px; background: linear-gradient(105deg, #542815, #22242a 65%); }.guide-cta p { margin: 0; color: #f3f3ee; font-size: 16px; font-weight: 700; letter-spacing: -.02em; }.guide-cta a { flex: 0 0 auto; }
.guide-examples { display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(42px, 8vw, 120px); align-items: center; padding: clamp(78px, 9vw, 126px) 5.5vw; background: radial-gradient(circle at 84% 39%, rgba(255,90,10,.12), transparent 25%), #121417; }.guide-examples-copy { max-width: 550px; }.guide-examples-copy h2 { margin: 0 0 22px; font-size: clamp(27px, 2.85vw, 40px); line-height: 1.19; letter-spacing: -.047em; }.guide-examples-copy > p:not(.section-kicker) { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.82; }.guide-gallery { display: grid; grid-template-columns: 1.1fr .9fr; gap: 17px; align-items: end; }.guide-gallery figure { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 19px; background: #0d0e10; box-shadow: 0 22px 46px rgba(0,0,0,.32); }.guide-gallery figure:first-child { transform: rotate(-1.2deg); }.guide-gallery figure:last-child { transform: rotate(1.4deg); }.guide-gallery img { display: block; width: 100%; aspect-ratio: 16 / 11; object-fit: cover; }.guide-gallery figcaption { padding: 12px 14px 14px; color: var(--dim); font-size: 10px; line-height: 1.55; }

@media (max-width: 900px) {
  .skins-section, .guide-hero-inner, .guide-reassurance, .guide-examples { grid-template-columns: 1fr; }
  .skin-stage { min-height: 590px; max-width: 660px; }
  .guide-step-grid { grid-template-columns: 1fr 1fr; }.guide-step:nth-child(2) { border-right: 0; }.guide-step:nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 560px) {
  .skins-section, .guide-hero, .guide-steps, .guide-reassurance, .guide-examples { padding-right: 7vw; padding-left: 7vw; }
  .guide-gallery { grid-template-columns: 1fr; max-width: 520px; }.guide-gallery figure:first-child, .guide-gallery figure:last-child { transform: none; }
  .skin-stage { min-height: 520px; border-radius: 22px; }.skin-phone { width: min(78%, 295px); }.skin-note { display: none; }
  .guide-step-grid { grid-template-columns: 1fr; }.guide-step, .guide-step:not(:first-child) { min-height: auto; padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }.guide-step:last-child { border-bottom: 0; }.guide-step-number { margin-bottom: 32px; }
  .guide-cta { display: grid; margin-right: 7vw; margin-left: 7vw; padding: 26px; }.guide-cta .button { width: 100%; }
}

/* Dokumentieren unterwegs – vom einzelnen Moment bis zum fertigen Bericht */
.daily-notes-copy > p:last-child { margin-top: 20px; padding: 16px 0 0 17px; border-left: 2px solid var(--orange); color: #d8d8d4; font-size: 13px; line-height: 1.72; }
.daily-notes-visual { display: grid; gap: 16px; width: min(100%, 650px); justify-self: end; }
.daily-notes-visual .day-note-card { width: 100%; max-width: none; justify-self: stretch; }
.daily-book-note { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-items: start; padding: 18px 20px 18px 25px; overflow: hidden; border: 1px solid rgba(255,138,76,.32); border-radius: 16px; background: linear-gradient(105deg, rgba(255,90,10,.16), rgba(38,40,46,.96) 43%, #26282e); box-shadow: 0 16px 34px rgba(0,0,0,.19); }
.daily-book-note::before { position: absolute; inset: 0 auto 0 0; width: 6px; background: var(--orange); content: ""; }
.daily-book-note span { grid-row: span 2; padding: 5px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: var(--orange-light); font: 9px "DM Mono", monospace; }
.daily-book-note strong { color: #f5f4ef; font-size: 15px; letter-spacing: -.025em; }.daily-book-note small { color: #c5c7c3; font-size: 10px; line-height: 1.55; }.daily-book-note p { grid-column: 1 / -1; margin: 13px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }

.field-documentation { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(46px, 8vw, 122px); align-items: center; padding: clamp(92px, 11vw, 148px) 5.5vw; overflow: hidden; background: radial-gradient(circle at 84% 55%, rgba(255,90,10,.15), transparent 29%), radial-gradient(circle at 18% 14%, rgba(255,138,76,.08), transparent 24%), #17191e; }
.field-documentation-copy { max-width: 565px; }.field-documentation-copy h2 { max-width: 525px; margin-bottom: 22px; font-size: clamp(29px, 3.05vw, 43px); line-height: 1.13; letter-spacing: -.058em; }.field-documentation-copy > p:not(.section-kicker) { color: var(--muted); font-size: 15px; line-height: 1.82; }
.field-reportage-note { margin: 27px 0 0; padding: 18px 0 2px 18px; border-left: 2px solid var(--orange); }.field-reportage-note span { color: var(--orange-light); font: 700 12px "DM Mono", monospace; letter-spacing: .035em; text-transform: uppercase; }.field-reportage-note h3 { max-width: 450px; margin: 9px 0 8px; color: #f4f3ed; font-size: 17px; line-height: 1.3; letter-spacing: -.035em; }.field-reportage-note p { max-width: 480px; margin: 0; color: #c4c5c1; font-size: 12px; line-height: 1.7; }
.field-steps { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 31px 0 27px; color: var(--orange-light); font: 10px "DM Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }.field-steps i { color: #aaa9a4; font-style: normal; font-size: 15px; }
.field-points { display: grid; border-top: 1px solid var(--line); }.field-points p { display: grid; grid-template-columns: .76fr 1.24fr; gap: 18px; margin: 0; padding: 13px 0; border-bottom: 1px solid var(--line); }.field-points strong { color: #f2f1ec; font-size: 12px; }.field-points small { color: var(--muted); font-size: 11px; line-height: 1.58; }
.field-documentation-visual { position: relative; width: min(100%, 970px); justify-self: end; }.field-laptop { position: relative; width: 100%; margin: 0; }.field-laptop-photo { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid rgba(255,255,255,.12); border-radius: 23px; box-shadow: 0 32px 68px rgba(0,0,0,.42); }.field-laptop figcaption { padding: 12px 15px 0; color: var(--dim); font-size: 10px; line-height: 1.55; }
.laptop-display { position: absolute; z-index: 2; top: 11.9%; left: 9.7%; width: 47%; height: 55.5%; overflow: hidden; clip-path: polygon(0 0, 98% 2%, 100% 91%, 5% 100%); background: #1d1f24; }
.app-ui-mock { display: grid; grid-template-columns: 22% 78%; width: 100%; height: 100%; overflow: hidden; background: #202227; font-family: "Manrope", Arial, sans-serif; }.app-ui-sidebar { position: relative; display: grid; grid-template-rows: 15% 11% repeat(5, 10%) 1fr; gap: 2.8%; padding: 7% 8%; background: linear-gradient(180deg, #363940, #272a31); }.app-ui-brand { display: flex; align-items: center; gap: 8%; }.app-ui-brand i { display: block; width: 19%; aspect-ratio: 1; border: 2px solid #ff6419; border-radius: 50%; box-shadow: inset 4px 0 0 #ff6419; }.app-ui-brand span { display: block; width: 51%; height: 8%; border-radius: 99px; background: #eee; opacity: .72; }.app-ui-search, .app-ui-navigation { display: block; width: 100%; border-radius: 5px; background: rgba(17,18,22,.32); }.app-ui-search { height: 64%; align-self: center; }.app-ui-navigation { height: 87%; }.app-ui-navigation.is-active { border: 1px solid rgba(255,97,25,.88); background: linear-gradient(90deg, rgba(255,90,10,.24), rgba(255,90,10,.08)); }.app-ui-sidebar-bottom { display: grid; align-content: end; gap: 8%; }.app-ui-sidebar-bottom span { display: block; width: 100%; height: 8%; border-radius: 3px; background: rgba(255,255,255,.18); }
.app-ui-document { display: grid; grid-template-rows: 13% 6% 12% 1fr; gap: 3.5%; padding: 4.5% 5.5% 5.5%; background: #202227; }.app-ui-heading { display: flex; align-items: center; gap: 3.5%; padding: 0 3.5%; border-radius: 5px; background: #555860; }.app-ui-heading i { display: block; flex: 0 0 auto; width: 6%; aspect-ratio: 1; border-radius: 50%; background: #ff5911; }.app-ui-heading strong { overflow: hidden; color: #f5f5f0; font-size: clamp(3px, .65vw, 10px); font-weight: 800; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }.app-ui-meta { display: flex; align-items: center; gap: 5%; }.app-ui-meta span { display: block; width: 17%; height: 20%; border-radius: 99px; background: #c2c3c1; opacity: .38; }.app-ui-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2.5%; }.app-ui-tabs > * { display: block; border: 1px solid rgba(255,255,255,.16); border-radius: 6px; background: #32353d; }.app-ui-tabs b { border-color: #fa5b15; background: #ff5911; }.app-ui-entry { display: grid; grid-template-rows: 10% 7% 7% 7% 14% 1fr; gap: 4%; min-height: 0; padding: 4%; border-radius: 7px; background: #353840; }.app-ui-entry-small { grid-template-rows: 14% 10% 10% 17%; align-content: start; }.app-ui-label { display: block; width: 20%; height: 62%; border-radius: 99px; background: rgba(255,255,255,.4); }.app-ui-line { display: block; width: 73%; height: 62%; border-radius: 3px; background: #787b82; opacity: .56; }.app-ui-line.line-wide { width: 94%; }.app-ui-line.line-short { width: 48%; }.app-ui-wave { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4%; }.app-ui-wave b { display: block; width: 90%; aspect-ratio: 1; border-radius: 50%; background: #ff5911; }.app-ui-wave span { display: block; height: 32%; border-radius: 99px; background: repeating-linear-gradient(90deg, #f65b19 0 2px, transparent 2px 4px, #b44516 4px 5px, transparent 5px 7px); }.app-ui-photos { display: flex; gap: 3%; align-items: end; }.app-ui-photos i { display: block; width: 17%; height: 77%; border-radius: 4px; background: linear-gradient(145deg, #ba6029 0 38%, #6e8690 39% 62%, #435147 63%); }.app-ui-photos i:nth-child(2) { background: linear-gradient(145deg, #567b9d, #d4d4c9 52%, #4e4e42 53%); }.app-ui-photos i:nth-child(3) { background: linear-gradient(145deg, #729065, #3d4b4e 60%, #a56637 61%); }
.pdf-preview-stack { position: absolute; z-index: 4; right: -2.5%; bottom: -4%; width: min(42%, 376px); aspect-ratio: 595 / 842; }.pdf-page { position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(23,24,27,.14); border-radius: 2px; background: #f9f9f7; box-shadow: 0 24px 47px rgba(0,0,0,.34); }.pdf-page-back { z-index: 1; transform: rotate(7deg) translate(10%, -4%); background: #dfdfdb; }.pdf-page-middle { z-index: 2; transform: rotate(3deg) translate(5%, -1%); }.pdf-page-front { z-index: 3; }.pdf-page-running { display: flex; align-items: center; gap: 6%; height: 10%; padding: 0 11%; border-bottom: 1px solid #dadad5; }.pdf-page-running i { width: 5px; aspect-ratio: 1; border-radius: 50%; background: #ff681f; }.pdf-page-running span { width: 46%; height: 4px; border-radius: 99px; background: #adadb0; }.pdf-quiet-lines { display: grid; gap: 5%; padding: 22% 12%; }.pdf-quiet-lines b, .pdf-columns b { display: block; height: 5px; border-radius: 99px; background: #b8b8bb; opacity: .7; }.pdf-quiet-lines b:nth-child(2), .pdf-columns b:nth-child(3n) { width: 77%; }.pdf-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 11%; padding: 14% 11% 0; }.pdf-columns > div { display: grid; align-content: start; gap: 9px; }.pdf-image-placeholder { width: 66%; height: 35%; margin: 13% auto 0; background: linear-gradient(135deg, #4f5a55 0 37%, #d8c0a4 38% 61%, #7d4c30 62%); }.pdf-cover { display: grid; grid-template-columns: 1fr auto; align-content: start; gap: 0; height: 34%; padding: 9% 10%; background: #252528; color: #f7f7f3; }.pdf-cover > div { display: flex; align-items: center; gap: 8px; }.pdf-cover div i { width: 7px; aspect-ratio: 1; border: 1px solid #ff6419; border-radius: 50%; }.pdf-cover div span, .pdf-cover small { color: #c8c8ca; font-size: clamp(4px, .48vw, 7px); font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }.pdf-cover b { width: 26%; height: 2px; margin-top: 14%; background: #ff681f; }.pdf-cover strong { grid-column: 1 / -1; align-self: end; max-width: 13ch; color: #fff; font-size: clamp(11px, 1.15vw, 19px); line-height: 1.08; letter-spacing: -.055em; }.pdf-cover em { position: absolute; left: 10%; bottom: 70%; width: 31%; height: 3px; background: #b9b9bc; opacity: .6; }.pdf-page-body { position: relative; display: grid; grid-template-columns: auto 1fr; height: 66%; padding: 11% 10%; }.pdf-section-number { color: #ff681f; font-size: clamp(11px, 1vw, 17px); font-weight: 800; }.pdf-body-meta { width: 48%; height: 4px; margin: 9% 0 0 13%; border-radius: 99px; background: #b8b8ba; }.pdf-page-front .pdf-columns { grid-column: 1 / -1; padding: 15% 0 0; }

@media (max-width: 1150px) { .field-documentation { gap: 46px; }.pdf-preview-stack { width: 40%; }.app-ui-heading strong { font-size: clamp(3px, .7vw, 8px); } }
@media (max-width: 900px) { .field-documentation { grid-template-columns: 1fr; }.field-documentation-visual { width: min(100%, 760px); justify-self: start; }.pdf-preview-stack { width: 39%; right: -1%; bottom: -4%; }.daily-notes-visual { width: min(100%, 650px); justify-self: start; } }
@media (max-width: 560px) { .field-documentation { padding-right: 7vw; padding-left: 7vw; }.field-documentation-visual { display: grid; gap: 24px; }.field-laptop-photo { border-radius: 17px; }.pdf-preview-stack { position: relative; right: auto; bottom: auto; justify-self: end; width: min(78%, 310px); margin: -7% 0 0; }.field-points p { grid-template-columns: 1fr; gap: 4px; }.daily-book-note { padding: 17px 17px 17px 22px; } }

@media (max-width: 900px) { .scan-section { grid-template-columns: 1fr; }.scan-photo { max-width: min(100%, 680px); }.scan-copy { max-width: 670px; } }
@media (max-width: 560px) { .scan-section { padding-right: 7vw; padding-left: 7vw; }.scan-photo { border-radius: 15px; }.scan-points p { grid-template-columns: 1fr; gap: 4px; }.scan-sweep { left: 20%; right: 8%; } }

/* PDF-Vorschau: ein aufgeschlagener, bebilderter Beitrag statt leerer Papiermuster */
.pdf-preview-stack { right: -4.5%; bottom: -10%; width: min(47%, 420px); }.pdf-page-back { transform: rotate(9deg) translate(19%, -5%); }.pdf-page-middle { transform: rotate(4deg) translate(9%, -2%); }.pdf-story-image { display: block; overflow: hidden; background-image: url("assets/current/fahrradtour.webp"); background-repeat: no-repeat; background-size: 300% 100%; box-shadow: inset 0 0 0 1px rgba(18,20,22,.09); }.pdf-story-image-park { background-position: left center; }.pdf-story-image-olympia { background-position: center center; }.pdf-story-image-bike { background-position: right center; }.pdf-back-content { padding: 12% 12% 0; }.pdf-back-content .pdf-story-image { width: 86%; aspect-ratio: 1.48; margin: 0 auto 14%; }.pdf-back-content .pdf-quiet-lines { gap: 12%; padding: 0; }.pdf-page-middle .pdf-columns { padding: 11% 11% 0; }.pdf-page-middle > .pdf-story-image { width: 67%; aspect-ratio: 1.55; margin: 11% auto 0; }.pdf-continued-lines { display: grid; gap: 9px; padding: 11% 12% 0; }.pdf-continued-lines b { display: block; height: 5px; border-radius: 99px; background: #b8b8bb; opacity: .7; }.pdf-continued-lines b:nth-child(2) { width: 83%; }.pdf-page-body { grid-template-columns: auto 1fr; gap: 11%; }.pdf-front-content { display: grid; grid-template-rows: auto auto auto 1fr; gap: 9%; min-width: 0; }.pdf-page-front .pdf-body-meta { width: 47%; height: 4px; margin: 0; }.pdf-page-front .pdf-story-image-bike { width: 100%; aspect-ratio: 2.28; }.pdf-photo-row { display: grid; grid-template-columns: 1fr 1fr; gap: 7%; }.pdf-photo-row .pdf-story-image { width: 100%; aspect-ratio: 1.52; }.pdf-page-front .pdf-columns { grid-column: auto; gap: 9%; padding: 0; }.pdf-page-front .pdf-columns > div { gap: 7px; }
@media (max-width: 1150px) { .pdf-preview-stack { width: 45%; } }
@media (max-width: 900px) { .pdf-preview-stack { right: -1%; bottom: -8%; width: 43%; } }
@media (max-width: 560px) { .pdf-preview-stack { position: relative; right: auto; bottom: auto; justify-self: end; width: min(84%, 330px); margin: -8% 0 0; } }

/* Vorderseite: zwei einzelne Bilder im Lesefluss, keine Bildcollage. */
.pdf-front-content { grid-template-rows: auto auto auto auto 1fr; gap: 5.5%; }
.pdf-article-intro, .pdf-inline-copy { display: grid; gap: 5px; }
.pdf-article-intro b, .pdf-inline-copy b { display: block; height: 4px; border-radius: 999px; background: #b8b8bb; opacity: .72; }
.pdf-article-intro b:nth-child(2) { width: 91%; }.pdf-article-intro b:nth-child(3) { width: 66%; }
.pdf-inline-media { display: grid; grid-template-columns: .86fr 1.14fr; gap: 8%; align-items: start; }
.pdf-inline-media .pdf-story-image { width: 100%; aspect-ratio: 1 / 1; font-style: normal; }
.pdf-inline-copy { padding-top: 2px; }.pdf-inline-copy b:nth-child(2) { width: 87%; }.pdf-inline-copy b:nth-child(3) { width: 70%; }.pdf-inline-copy b:nth-child(4) { width: 89%; }
.pdf-front-content > .pdf-story-image-olympia { width: 100%; aspect-ratio: 2.28; }
.pdf-page-front .pdf-columns > div { gap: 5px; }

/* RedCat Check: die eigene Formulierung zuerst, fremde Behauptungen als zweiter Schritt. */
.check-title-block .check-subline { margin: -11px 0 18px; color: #e2e2dd; font-size: clamp(15px, 1.35vw, 18px); font-weight: 650; line-height: 1.35; letter-spacing: -.025em; }

/* Fehlt eine Skin-Datei, zeigt der Browser sonst ein kaputtes Bildsymbol.
   Besser eine ruhige Fläche mit einem Satz, der sagt, was fehlt. */
.skin-phone.fehlt img{opacity:0}
.skin-phone.fehlt{position:relative}
.skin-phone.fehlt::after{content:"Bildschirmfoto fehlt noch";position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;
  border:1px dashed rgba(255,255,255,.28);border-radius:inherit;
  font-size:13px;color:rgba(255,255,255,.55)}


/* ══════════ Auswahlmenü in der Kopfleiste ══════════
   Vorher standen dort dreizehn Verweise nebeneinander. Wer etwas sucht,
   liest keine dreizehn Wörter – er überfliegt sie und findet nichts. */
.menue { position: relative; }
.menue-knopf { display: inline-flex; align-items: center; gap: 7px; padding: 10px 15px;
  border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.04);
  color: var(--text); font: inherit; font-weight: 700; font-size: 12px; cursor: pointer; transition: .18s; }
.menue-knopf:hover { border-color: var(--orange); color: var(--orange-light); }
.menue-knopf[aria-expanded="true"] { border-color: var(--orange); background: rgba(255,90,10,.11); }
.menue-pfeil { transition: transform .22s; font-size: 10px; }
.menue-knopf[aria-expanded="true"] .menue-pfeil { transform: rotate(180deg); }
.menue-blatt { position: absolute; top: calc(100% + 15px); right: 0; z-index: 40;
  /* Rechts verankert, nicht links: Der Knopf sitzt am rechten Rand der
     Kopfleiste - von dort nach rechts aufgeklappt liefe das Blatt aus dem
     Bild heraus. */
  width: min(88vw, 680px); padding: 16px; border: 1px solid var(--line); border-radius: 20px;
  background: rgba(24,25,29,.94); backdrop-filter: blur(22px);
  box-shadow: 0 28px 64px rgba(0,0,0,.52); animation: menueAuf .22s cubic-bezier(.22,.61,.36,1); }
@keyframes menueAuf { from { opacity: 0; transform: translateY(-9px) scale(.985); } to { opacity: 1; transform: none; } }
.menue-spalten { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: 8px 18px; }
.menue-gruppe > p { margin: 0 0 6px; padding: 0 8px; color: var(--orange-light);
  font: 700 10px "DM Mono", monospace; letter-spacing: .09em; text-transform: uppercase; }
.menue-gruppe a { display: block; padding: 7px 8px; border-radius: 8px; color: var(--muted);
  font-size: 13px; font-weight: 600; text-decoration: none; transition: .14s; }
.menue-gruppe a:hover, .menue-gruppe a:focus-visible { background: rgba(255,255,255,.07); color: var(--text); }
@media (max-width: 760px) { .menue-blatt { position: fixed; left: 4vw; right: 4vw; width: auto; top: 92px; } }

/* ══════════ Tagebuch ══════════ */
.tagebuch-section { display: grid; grid-template-columns: 1.02fr .98fr; gap: 5vw; align-items: start;
  padding: clamp(70px, 8vw, 120px) 5.5vw; border-top: 1px solid var(--line);
  background: radial-gradient(circle at 12% 18%, rgba(255,90,10,.09), transparent 42%), linear-gradient(150deg, #191a1e 0%, #212227 100%); }
.tagebuch-copy h2 em { color: var(--orange-light); font-style: normal; }
.tagebuch-copy p { max-width: 56ch; color: var(--muted); font-size: 17px; line-height: 1.62; }
.tagebuch-punkte { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.tagebuch-punkte li { position: relative; padding: 21px 23px 21px 64px;
  border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.032); transition: .25s; }
.tagebuch-punkte li:hover { border-color: rgba(255,90,10,.4); transform: translateY(-3px); }
.tagebuch-nummer { position: absolute; left: 23px; top: 22px; color: var(--orange); font: 700 12px "DM Mono", monospace; }
.tagebuch-punkte h3 { margin: 0 0 6px; font-size: 17px; }
.tagebuch-punkte p { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.55; }
@media (max-width: 900px) { .tagebuch-section { grid-template-columns: 1fr; gap: 34px; } }

/* ══════════ Auftauchen beim Scrollen ══════════
   Wer die Seite herunterrollt, soll das Gefühl haben, dass sie lebt.
   Bei `prefers-reduced-motion` bleibt alles sofort sichtbar - das ist keine
   Höflichkeit, sondern für manche Menschen die Bedingung, die Seite
   überhaupt ansehen zu können. */
@media (prefers-reduced-motion: no-preference) {
  .auftauchen { opacity: 0; transform: translateY(22px);
    transition: opacity .75s cubic-bezier(.22,.61,.36,1), transform .75s cubic-bezier(.22,.61,.36,1); }
  .auftauchen.da { opacity: 1; transform: none; }
}

/* ── Das Band mit dem neuen Werbebild ──────────────────────────────────
   Bewusst als eigener Abschnitt und nicht als Ersatz: Die redaktionellen
   Bilder tragen die Seite, dieses hier zeigt nur, worauf das Ganze läuft. */
.promo-band { display: grid; grid-template-columns: 1.15fr .85fr; gap: 5vw; align-items: center; padding: clamp(70px, 8vw, 115px) 5.5vw; background: #17191d; }
.promo-band figure { margin: 0; }
.promo-band img { display: block; width: 100%; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; box-shadow: 0 28px 54px rgba(0,0,0,.4); }
.promo-band h2 { margin-bottom: 20px; font-size: clamp(26px, 2.85vw, 38px); line-height: 1.18; letter-spacing: -.046em; }
.promo-band p { color: var(--muted); font-size: 15px; line-height: 1.8; margin: 0 0 14px; }
.promo-band .promo-band-link { margin: 22px 0 0; }
.promo-band .promo-band-link a { color: var(--orange-light); font-size: 13px; font-weight: 800; }
@media (max-width: 900px) { .promo-band { grid-template-columns: 1fr; } }