/* Startseite, 17.09.2026. Bestehende Talara-Palette und selbst gehostete Schriften. */
.home-page { --home-gutter:clamp(20px,4vw,64px); --home-width:1240px; font-size:17px; }
.home-page .home-wrap { width:min(var(--home-width),calc(100% - var(--home-gutter)*2)); margin-inline:auto; }
.home-page .site-nav { padding-inline:max(var(--home-gutter),calc((100% - var(--home-width))/2)); gap:24px; }
.home-page .brand { white-space:nowrap; font-size:17px; }
.home-page .brand-mark { flex-shrink:0; }
.home-page .site-nav nav { gap:24px; }
.home-page .site-nav a { min-height:44px; display:inline-flex; align-items:center; }
.home-page .nav-cta { white-space:nowrap; }
.home-page :is(a,button,input,summary):focus-visible { outline:3px solid currentColor; outline-offset:5px; }
.home-page input:focus-visible { outline-color:var(--forest); }
.skip-link { position:fixed; top:10px; left:16px; z-index:100; padding:12px 20px; background:var(--paper); color:var(--ink); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.home-page :is(section,main)[id] { scroll-margin-top:90px; }
.home-hero { padding:88px 0 0; background:var(--paper); }
.hero-heading { text-align:center; }
.home-page .eyebrow { font-size:12px; max-width:100%; letter-spacing:.07em; margin-bottom:24px; }
.hero-heading .eyebrow { background:var(--butter); border-color:transparent; }
.home-hero h1 { font-size:clamp(40px,5.1vw,74px); max-width:1100px; margin-inline:auto; line-height:1.06; letter-spacing:-.045em; }
.hero-emphasis { display:inline-block; color:var(--brick-text); }
.hero-emphasis .doodle-underline { height:12px; margin-top:4px; }
.home-lead { font-size:18px; line-height:1.65; max-width:700px; margin:26px auto 0; }
.home-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 28px; margin-top:30px; }
.home-button { display:inline-flex; justify-content:center; align-items:center; gap:26px; min-height:56px; padding:16px 24px; background:var(--forest); color:var(--paper); border:2px solid var(--forest); border-radius:8px; font:700 15px/1.4 Inter,sans-serif; cursor:pointer; transition:transform .18s ease,background .18s ease; }
.home-button:hover { background:var(--ink); transform:translateY(-3px); }
.home-button span { font-size:21px; line-height:1; }
.home-text-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.home-text-link:hover { text-decoration-thickness:2px; }
.home-micro { font-size:13px; line-height:1.6; margin-top:15px; }
.hero-scene { margin-top:58px; position:relative; padding:0; border-radius:18px 18px 0 0; overflow:hidden; background:var(--forest); }
.hero-scene-art { position:relative; height:auto; max-height:440px; object-fit:cover; object-position:50% 55%; }
.journey { position:relative; background:var(--paper); border:1px solid var(--ink); border-radius:0; padding:30px 36px 24px; }
.journey-label { font:800 24px/1.15 var(--font-display); margin-bottom:25px; }
.journey-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:22px; align-items:center; }
.journey-flow > div { display:grid; gap:7px; min-width:0; }
.journey-step,.journey-note { font:12px/1.5 var(--font-mono); }
.journey-step { color:var(--brick-text); text-transform:uppercase; }
.journey-flow strong { font:800 21px/1.15 var(--font-display); }
.journey-flow div > span:last-child { font-size:13px; }
.journey-arrow { font-size:27px; color:var(--brick-text); }
.journey-note { margin-top:23px; color:var(--olive-text); font-size:11px; }
.home-band { padding-block:120px; }
.home-band h2 { font-size:clamp(36px,4.2vw,58px); line-height:1.06; letter-spacing:-.035em; }
.home-section-heading { max-width:850px; margin-inline:auto; text-align:center; }
.home-section-heading > p:last-child:not(.eyebrow) { margin:24px auto 0; max-width:600px; }
.home-band h3 { font-size:28px; line-height:1.12; }
.benefits-band { background:var(--paper-2); }
.benefits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px; margin-top:64px; }
.benefits-grid img { width:112px; height:112px; object-fit:contain; margin-bottom:28px; }
.benefits-grid p { margin-top:16px; }
.home-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.home-copy { max-width:54ch; margin-top:24px; }
.problem-band { background:var(--forest); color:var(--paper); }
.problem-band .eyebrow,.founder-band .eyebrow { color:var(--butter); }
.problem-band .home-text-link,.founder-band .home-text-link { margin-top:25px; color:var(--butter); }
.problem-band .underlined { display:inline-block; }
.problem-band .doodle-underline { height:10px; }
.problem-visual img,.ownership-art img { height:auto; object-fit:contain; border-radius:16px; }
.problem-visual p { font-size:13px; margin-top:18px; max-width:44ch; }
.check-band { background:var(--butter); }
.check-band .home-micro { max-width:52ch; }
.home-check-form { background:var(--paper); border:2px solid var(--ink); border-radius:16px; padding:38px; box-shadow:7px 8px 0 rgba(23,39,31,.13); }
.form-kicker { display:block; font:12px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.08em; margin-bottom:24px; }
.home-check-form label { display:block; font-weight:700; margin-bottom:12px; }
.home-check-form input { width:100%; min-width:0; min-height:56px; border:1px solid var(--olive); border-radius:6px; padding:14px; background:var(--paper); color:var(--ink); font-size:16px; }
.home-check-form input::placeholder { color:var(--olive-text); opacity:1; }
.home-check-form .home-button { width:100%; margin-top:14px; }
.check-includes { list-style:none; margin:24px 0 0; padding:20px 0 0; border-top:1px solid var(--line); font-size:14px; }
.check-includes li { padding-left:22px; position:relative; margin-block:9px; }
.check-includes li::before { content:'✓'; position:absolute; left:0; font-weight:700; }
.process-band { background:var(--paper); }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin-top:68px; }
.process-number { display:block; font:800 52px/1 var(--font-display); color:var(--brick); margin-bottom:26px; }
.process-grid article { padding-top:26px; border-top:1px solid var(--line); }
.process-grid h3 { font-size:27px; }
.process-grid p { margin-top:18px; font-size:16px; }
.ownership-band { background:var(--forest); color:var(--paper); }
.ownership-band .eyebrow { color:var(--butter); }
.cost-note { display:flex; align-items:center; gap:24px; border-top:1px solid rgba(243,231,197,.25); padding-top:28px; margin-top:30px; }
.cost-note > strong { font:800 66px/1 var(--font-display); color:var(--butter); white-space:nowrap; }
.cost-note p { font-size:14px; }
.cost-note p span { display:inline-block; margin-top:8px; font-size:12px; }
.terms-band { background:var(--paper-2); }
.terms-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-top:60px; }
.terms-grid article > span { font:12px/1.5 var(--font-mono); color:var(--brick-text); text-transform:uppercase; }
.terms-grid h3 { margin-top:18px; }
.terms-grid p { margin-top:16px; }
.founder-band { background:var(--forest); color:var(--paper); }
.founder-layout { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:center; gap:80px; align-items:center; }
.founder-layout > .brand-mark { width:220px; }
.faq-band { background:var(--paper); }
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.faq-layout > div:first-child .home-text-link { margin-top:24px; }
.home-faq details { border-bottom:1px solid var(--line); padding:22px 0; }
.home-faq details:first-child { padding-top:0; }
.home-faq summary { display:flex; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-weight:700; min-height:44px; align-items:center; }
.home-faq summary::-webkit-details-marker { display:none; }
.home-faq summary::after { content:'+'; font-size:24px; font-weight:400; color:var(--brick-text); }
.home-faq details[open] summary::after { content:'−'; }
.home-faq details p { margin-top:15px; font-size:16px; }
.closing-band { background:var(--butter); }
.closing-layout { display:grid; grid-template-columns:minmax(0,1fr) 240px; align-items:center; gap:80px; }
.closing-layout .home-actions { justify-content:flex-start; }
.closing-layout > img { width:240px; height:auto; }
.home-page footer { padding-inline:max(var(--home-gutter),calc((100% - var(--home-width))/2)); }
.home-page .footer-links { font-size:14px; padding-bottom:36px; }
.home-page .footer-links a { overflow-wrap:anywhere; }
.home-page .footer-wordmark { font-size:clamp(90px,20vw,270px); }
.home-page .footer-wordmark .brand-mark { width:clamp(62px,15vw,190px); }
@media (max-width:1100px) {
 .home-page .site-nav { grid-template-columns:1fr auto auto; height:72px; gap:16px; }
 .home-page .nav-toggle { display:grid; }
 .home-page .site-nav nav { display:none; position:absolute; top:100%; left:0; right:0; padding:20px var(--home-gutter); background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; gap:4px; }
 .home-page .site-nav.open nav { display:flex; }
 .home-split,.faq-layout { gap:40px; }
 .benefits-grid,.terms-grid { gap:30px; }
 .process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
 .founder-layout { grid-template-columns:150px minmax(0,1fr); gap:50px; }
 .founder-layout > .brand-mark { width:150px; }
 .journey-flow { gap:14px; }
 .journey-flow strong { font-size:18px; }
}
@media (max-width:700px) {
 .home-page { font-size:16px; }
 .home-page .site-nav { grid-template-columns:1fr auto; height:68px; }
 .home-page .site-nav .nav-cta { display:none; }
 .home-page .brand span:last-child { display:inline; }
 .home-hero { padding-top:54px; }
 .home-hero h1 { font-size:clamp(36px,8.7vw,54px); letter-spacing:-.035em; text-wrap:balance; }
 .home-hero h1 br { display:none; }
 .hero-emphasis { margin-top:10px; }
 .hero-emphasis .doodle-underline { height:9px; }
 .home-lead { font-size:16px; margin-top:22px; }
 .desktop-break { display:none; }
 .home-actions { gap:12px 20px; margin-top:25px; }
 .hero-heading .home-actions { flex-direction:column; gap:6px; }
 .hero-heading .home-micro { margin-top:8px; }
 .hero-scene { padding:0; margin-top:34px; border-radius:12px 12px 0 0; }
 .hero-scene-art { height:auto; max-height:none; object-fit:contain; }
 .journey { padding:22px 20px; }
 .journey-label { font-size:22px; }
 .journey-flow { grid-template-columns:1fr; gap:12px; }
 .journey-flow strong { font-size:21px; }
 .journey-arrow { font-size:0; line-height:1; }
 .journey-arrow::after { content:'↓'; font-size:22px; }
 .journey-note { font-size:10px; }
 .home-band { padding-block:72px; }
 .home-band h2 { font-size:clamp(32px,8.6vw,42px); overflow-wrap:break-word; }
 .home-band h3 { font-size:26px; }
 .home-page .eyebrow { font-size:11px; letter-spacing:.04em; margin-bottom:21px; }
 .home-section-heading { text-align:left; }
 .home-section-heading > p:last-child:not(.eyebrow) { margin-top:22px; }
 .home-split,.faq-layout,.founder-layout,.closing-layout { grid-template-columns:1fr; gap:36px; }
 .benefits-grid,.terms-grid,.process-grid { grid-template-columns:1fr; gap:36px; margin-top:40px; }
 .benefits-grid article { position:relative; padding-left:88px; }
 .benefits-grid img { position:absolute; left:0; top:0; width:66px; height:76px; margin:0; }
 .benefits-grid h3 { font-size:24px; }
 .benefits-grid p { margin-top:12px; }
 .home-check-form { padding:25px 22px; }
 .home-check-form .home-button { padding-inline:14px; font-size:14px; gap:14px; }
 .process-number { font-size:42px; margin-bottom:16px; }
 .process-grid article { padding-top:22px; }
 .process-grid p { margin-top:12px; }
 .ownership-art { order:2; }
 .cost-note { align-items:flex-start; gap:20px; }
 .cost-note > strong { font-size:56px; }
 .founder-layout > .brand-mark { width:90px; }
 .home-faq details:first-child { border-top:1px solid var(--line); padding-top:22px; }
 .closing-layout > img { width:120px; order:-1; }
 .closing-layout .home-actions { align-items:flex-start; flex-direction:column; gap:12px; }
 .home-page .footer-links { flex-direction:column; gap:18px; }
 .home-page .footer-nav { gap:10px 20px; }
 .home-page .footer-nav a { min-height:44px; display:inline-flex; align-items:center; }
 .home-page .footer-wordmark { gap:12px; margin:48px 0; }
}
@media (prefers-reduced-motion:reduce) { .home-page { scroll-behavior:auto; } .home-page * { animation:none !important; transition:none !important; } }

.evidence-note { margin-top:24px; padding-top:24px; border-top:1px solid rgba(243,231,197,.25); }
.evidence-note strong { font:800 27px/1.15 var(--font-display); color:var(--butter); }
.evidence-note p { font-size:12px; max-width:55ch; }

/* Die Startseite setzt Marker in den Textfluss; keine absolut positionierten Striche. */
.home-page .doodle-underline { position:static; display:block; width:100%; margin-top:4px; }
/* Vorfuehrung statt dekorativem Hero: drei echte, bedienbare Beispielansichten. */
.product-demo { margin-top:64px; padding:28px; background:var(--forest); color:var(--paper); border-radius:20px 20px 0 0; text-align:left; }
.demo-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:6px 6px 25px; }
.demo-kicker { font:11px/1.5 var(--font-mono); color:var(--butter); text-transform:uppercase; letter-spacing:.08em; }
.demo-heading h2 { font-size:27px; margin-top:8px; }
.demo-play { flex-shrink:0; min-height:44px; display:inline-flex; gap:12px; align-items:center; border:1px solid var(--paper); border-radius:999px; padding:9px 15px; color:var(--paper); background:transparent; font-size:12px; cursor:pointer; }
.demo-play[hidden] { display:none; }
.demo-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.demo-tabs button { position:relative; overflow:hidden; min-height:60px; padding:17px; border:0; border-radius:8px 8px 0 0; background:rgba(243,231,197,.1); color:var(--paper); text-align:left; font:800 18px/1.2 var(--font-display); cursor:pointer; }
.demo-tabs button > span { color:var(--butter); margin-right:12px; font:12px/1 var(--font-mono); }
.demo-tabs button[aria-pressed="true"] { background:var(--paper); color:var(--ink); }
.demo-tabs button[aria-pressed="true"] > span { color:var(--brick-text); }
.demo-tabs i { position:absolute; height:3px; background:var(--brick); bottom:0; left:0; width:var(--demo-progress,0%); }
.demo-stage { background:var(--paper); color:var(--ink); border-radius:0 0 10px 10px; overflow:hidden; }
.demo-panel[hidden] { display:none; }
.demo-browserbar { display:flex; align-items:center; gap:18px; min-height:48px; padding:12px 25px; font:12px/1.4 var(--font-mono); border-bottom:1px solid var(--line); }
.demo-browserdots { color:var(--olive); font-size:10px; letter-spacing:2px; flex-shrink:0; }
.demo-example { margin-left:auto; padding:3px 7px; background:var(--paper-2); border-radius:4px; font-size:10px; }
.demo-panel-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; min-height:440px; gap:48px; padding:40px 50px; }
.demo-context h3 { font-size:clamp(30px,3vw,42px); letter-spacing:-.03em; line-height:1.07; margin-top:16px; }
.demo-context > p { max-width:35ch; font-size:16px; margin-top:20px; }
.demo-context > .doodle-arrow { width:94px; display:block; height:60px; margin-top:22px; transform:rotate(-28deg); }
.demo-small-label { font:11px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.04em; }
.demo-ui { min-width:0; }
.demo-searchbox { min-height:54px; display:flex; align-items:center; gap:12px; background:var(--paper); border:1px solid var(--olive); border-radius:999px; padding:13px 17px; font-size:16px; white-space:nowrap; }
.demo-searchbox svg { width:20px; height:20px; stroke:var(--ink); fill:none; stroke-width:2; flex-shrink:0; }
.typing-caret { display:none; width:2px; height:20px; background:var(--brick); margin-left:-9px; }
.demo-playing .typing-caret { display:block; animation:demo-blink 1s steps(1) infinite; }
.demo-results { margin-top:18px; transition:opacity .4s ease,transform .4s ease; }
.demo-ready:not(.demo-has-results) .demo-results { opacity:0; transform:translateY(12px); visibility:hidden; }
.demo-job { background:var(--paper); border:1px solid var(--ink); border-radius:12px; padding:24px; margin-top:12px; box-shadow:5px 6px 0 rgba(23,39,31,.09); }
.demo-company { display:flex; align-items:center; gap:11px; margin-bottom:20px; font-size:13px; font-weight:700; }
.demo-company-mark { display:grid; place-items:center; width:34px; height:34px; background:var(--butter); border-radius:7px; font:800 23px/1 var(--font-display); flex-shrink:0; }
.demo-company small { display:block; font-weight:400; font-size:11px; margin-top:2px; }
.demo-job h4,.demo-inbox h4 { font:800 28px/1.1 var(--font-display); letter-spacing:-.02em; margin:0 0 10px; }
.demo-job > p { font-size:13px; }
.demo-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:17px; }
.demo-tags span { font-size:11px; padding:4px 8px; border:1px solid var(--line); border-radius:4px; }
.demo-action { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:48px; margin-top:22px; padding:12px 16px; font-size:13px; font-weight:700; background:var(--forest); color:var(--paper); border:0; border-radius:6px; cursor:pointer; text-align:left; }
.demo-action:hover { background:var(--ink); }
.demo-ui-note { font-size:11px !important; margin-top:12px; }
.demo-job-detail { margin:0; }
.demo-job-detail .demo-small-label { display:block; margin-bottom:10px; }
.demo-job-description { margin-top:17px; }
.demo-inbox { padding:25px; background:var(--paper); border:1px solid var(--ink); border-radius:12px; box-shadow:5px 6px 0 rgba(23,39,31,.09); }
.demo-inbox-head { display:flex; align-items:center; justify-content:space-between; gap:12px; font:11px/1.5 var(--font-mono); text-transform:uppercase; }
.demo-status { padding:4px 9px; background:var(--butter); border-radius:999px; }
.demo-success { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--forest); color:var(--butter); font-size:26px; margin:25px 0 20px; }
.demo-inbox > p { font-size:12px; }
.demo-inbox dl { margin:24px 0 0; font-size:12px; }
.demo-inbox dl > div { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding:11px 0; }
.demo-inbox dd { margin:0; font-weight:700; text-align:right; }
.demo-inbox-footer { display:block; font-size:12px; font-weight:700; margin-top:18px; }
.demo-conversion { display:inline-flex; gap:12px; align-items:center; min-height:44px; margin-top:24px; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.demo-caption { display:flex; justify-content:space-between; align-items:start; gap:24px; padding:20px 6px 0; font-size:11px; line-height:1.6; }
.demo-caption p { max-width:72ch; }
.demo-caption > span { white-space:nowrap; color:var(--butter); }
.demo-noscript { padding:20px 6px 0; font-size:13px; }
#demo-title { scroll-margin-top:110px; }
@keyframes demo-blink { 50% {opacity:0;} }
@media (max-width:1000px) {
 .demo-panel-grid { gap:30px; padding:30px; }
 .demo-context h3 { font-size:32px; }
 .demo-caption > span { display:none; }
}
@media (max-width:700px) {
 .product-demo { width:calc(100% - 24px) !important; margin-top:38px; padding:14px; border-radius:14px 14px 0 0; }
 .demo-heading { padding:7px 3px 20px; align-items:flex-start; }
 .demo-heading h2 { font-size:22px; max-width:16ch; }
 .demo-kicker { font-size:9px; letter-spacing:.03em; }
 .demo-play { padding:8px 10px; font-size:11px; gap:6px; }
 .demo-tabs { gap:5px; }
 .demo-tabs button { font-size:14px; padding:13px 8px; min-height:66px; }
 .demo-tabs button > span { display:block; margin:0 0 7px; font-size:10px; }
 .demo-browserbar { padding:10px 13px; gap:8px; font-size:9px; }
 .demo-browserdots { display:none; }
 .demo-example { font-size:9px; }
 .demo-panel-grid { grid-template-columns:minmax(0,1fr); gap:23px; padding:24px 17px; min-height:665px; align-content:start; }
 .demo-context h3 { font-size:27px; margin-top:10px; }
 .demo-context > p { font-size:14px; margin-top:12px; }
 .demo-context > .doodle-arrow { display:none; }
 .demo-searchbox { font-size:13px; gap:9px; padding:12px 13px; }
 .demo-job,.demo-inbox { padding:20px 16px; }
 .demo-job h4,.demo-inbox h4 { font-size:25px; }
 .demo-action { font-size:12px; padding:12px; }
 .demo-caption { padding:16px 3px 1px; font-size:10px; }
 .demo-inbox dl > div { gap:10px; }
 .demo-inbox dt { max-width:45%; }
 .demo-inbox dd { max-width:55%; }
}
@media (prefers-reduced-motion:reduce) { .demo-results { transition:none; } .typing-caret { animation:none; } }
/* SayBriefly-Mechanik: freie Flaechen, eine Vorfuehrung, Motive im originalen Talara-Stil. */
.home-page { --home-width:1160px; }
.home-hero { padding-top:76px; }
.home-hero h1 { font-size:clamp(40px,4.7vw,68px); }
.home-hero .home-lead { font-size:17px; }
.product-demo { background:transparent; color:var(--ink); padding:0; margin-top:68px; border-radius:0; }
.demo-heading { padding:0 0 20px; }
.demo-heading h2 { font:500 12px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.05em; margin:0; }
.demo-play { border:0; border-radius:0; padding:8px 0 8px 12px; color:var(--ink); }
.demo-tabs { max-width:650px; gap:0; }
.demo-tabs button { background:transparent; color:var(--olive-text); padding:14px 20px 17px; border-radius:0; font-size:17px; min-height:54px; }
.demo-tabs button > span { color:var(--olive-text); }
.demo-tabs button[aria-pressed="true"] { background:transparent; color:var(--ink); }
.demo-tabs button[aria-pressed="true"] i { min-width:12%; }
.demo-stage { border:2px solid var(--forest); border-radius:12px; }
.demo-panel-grid { gap:68px; padding:45px 58px; min-height:510px; }
.demo-browserbar { border-bottom:1px dashed var(--line); }
.demo-job,.demo-inbox { box-shadow:none; border-width:1px; border-radius:8px; }
.demo-job h4,.demo-inbox h4 { font-size:27px; }
.demo-company-mark { border-radius:0; background:var(--butter); }
.demo-context h3 { font-size:clamp(31px,3.5vw,46px); }
.demo-context > .doodle-arrow { margin-top:36px; width:110px; }
.demo-caption { padding:14px 0 0; color:var(--olive-text); }
.demo-caption > span { color:var(--olive-text); }
.problem-band { background:var(--paper); color:var(--ink); padding-top:150px; }
.problem-band .eyebrow { color:var(--ink); }
.problem-band .home-text-link { color:var(--brick-text); }
.problem-band .doodle-butter { background:var(--brick); }
.problem-visual > img { width:min(100%,460px); margin-inline:auto; border-radius:0; }
.evidence-note { border-top:1px solid var(--line); }
.evidence-note strong { color:var(--brick-text); }
.check-band { background:var(--paper-2); }
.home-check-form { border:1px solid var(--ink); box-shadow:none; border-radius:10px; }
.process-band { background:var(--paper); }
.process-grid { gap:38px; }
.process-grid h3 { font-size:25px; }
.ownership-band { background:var(--paper); color:var(--ink); padding-top:30px; }
.ownership-band .eyebrow { color:var(--ink); }
.ownership-art img { border-radius:10px; }
.cost-note { border-color:var(--line); }
.cost-note > strong { color:var(--brick-text); }
.terms-band { background:var(--paper-2); }
.founder-band { background:var(--paper); color:var(--ink); }
.founder-band .eyebrow { color:var(--ink); }
.founder-band .home-text-link { color:var(--brick-text); }
.founder-layout > .brand-mark { background:var(--forest); }
.founder-layout > .brand-mark img { filter:brightness(0) invert(91%) sepia(15%) saturate(549%) hue-rotate(350deg); }
.faq-band { background:var(--paper); padding-top:24px; }
@media (max-width:1000px) { .demo-panel-grid { padding:34px; gap:34px; } }
@media (max-width:700px) {
 .home-hero { padding-top:50px; }
 .home-hero h1 { font-size:clamp(36px,8.7vw,54px); }
 .product-demo { width:calc(100% - 40px) !important; padding:0; margin-top:42px; }
 .demo-heading { gap:15px; align-items:center; }
 .demo-heading h2 { font-size:10px; max-width:24ch; letter-spacing:.025em; }
 .demo-tabs button { padding:12px 8px 15px; font-size:14px; min-height:65px; }
 .demo-panel-grid { gap:22px; padding:25px 19px; min-height:650px; }
 .demo-context h3 { font-size:29px; }
 .demo-context > p { font-size:14px; }
 .demo-context .demo-small-label { font-size:9px; }
 .demo-job,.demo-inbox { padding:20px 15px; }
 .demo-searchbox { font-size:12px; padding-inline:11px; }
 .demo-caption { font-size:10px; }
 .demo-job h4,.demo-inbox h4 { font-size:25px; }
 .problem-band { padding-top:85px; }
 .problem-visual > img { max-width:330px; }
 .ownership-band { padding-top:0; }
 .faq-band { padding-top:0; }
}

.product-demo:not(.demo-ready) .demo-tabs { display:none; }

/* Alle Schritte reservieren gemeinsam die benoetigte Hoehe: kein Layoutsprung. */
.demo-ready .demo-stage { display:grid; }
.demo-ready .demo-panel { grid-area:1 / 1; }
.demo-ready .demo-panel[hidden] { display:block; visibility:hidden; pointer-events:none; }
/* Am Scrollpunkt wechselt die Vorfuehrung; der Leser behaelt die Kontrolle. */
.home-page :is(h1,h2,h3,h4) { text-wrap:balance; overflow-wrap:break-word; }
.home-page .site-nav { transition:transform .3s ease; }
.home-page .site-nav.nav-away:not(.open):not(:focus-within) { transform:translateY(-105%); }
.demo-ready .demo-panel { opacity:1; transition:opacity .35s ease; }
.demo-ready .demo-panel[hidden] { opacity:0; }
.scroll-story { margin-top:70px; }
.story-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; align-items:center; padding:45px 0; border-bottom:1px dashed var(--line); }
.story-copy { max-width:420px; }
.story-copy h3 { font-size:clamp(28px,3vw,40px); line-height:1.12; margin-top:18px; }
.story-copy > p { margin-top:24px; font-size:17px; max-width:36ch; }
.story-label { font:11px/1.5 var(--font-mono); letter-spacing:.04em; text-transform:uppercase; color:var(--olive-text); }
.story-visual { border:1px solid var(--forest); border-radius:10px; background:var(--paper); min-width:0; overflow:hidden; }
.story-ui-head { display:flex; justify-content:space-between; gap:20px; padding:17px 24px; font:11px/1.4 var(--font-mono); border-bottom:1px dashed var(--line); }
.story-ui-head > span:last-child { color:var(--olive-text); font-size:10px; }
.story-ui-body { padding:32px; }
.story-ui-body h4 { font:800 31px/1.1 var(--font-display); letter-spacing:-.025em; margin:18px 0 22px; }
.story-url { font:11px/1.6 var(--font-mono); padding:12px 13px; background:var(--paper-2); border-radius:5px; overflow-wrap:anywhere; }
.story-checks { padding:0; margin:22px 0 0; list-style:none; }
.story-checks li { display:flex; gap:12px; align-items:flex-start; border-bottom:1px solid var(--line); padding:17px 0; font-size:14px; font-weight:700; }
.story-checks li:last-child { border-bottom:0; }
.story-check { display:grid; place-items:center; width:22px; height:22px; flex-shrink:0; background:var(--forest); color:var(--paper); border-radius:50%; font-size:12px; }
.story-check.story-attention { background:var(--butter); color:var(--ink); }
.story-checks small { display:block; font-size:12px; font-weight:400; margin-top:6px; }
.story-muted { color:var(--olive-text); font-size:14px; }
.story-paper-lines { display:grid; gap:10px; margin:30px 0; }
.story-paper-lines i { display:block; height:4px; border-radius:1px; background:var(--line); }
.story-paper-lines i:nth-child(2) { width:92%; }
.story-paper-lines i:last-child { width:62%; }
.story-route { display:flex; justify-content:space-between; gap:16px; font-size:13px; border-top:1px solid var(--line); padding:16px 0; }
.story-route strong { font-weight:600; text-align:right; }
.story-domain { margin-top:22px; color:var(--brick-text); font:12px/1.5 var(--font-mono); overflow-wrap:anywhere; }
.story-handoff { display:grid; margin-top:28px; }
.story-node { display:flex; align-items:center; gap:20px; border:1px solid var(--line); padding:17px; border-radius:5px; font-size:14px; font-weight:600; }
.story-node small { font:11px/1.2 var(--font-mono); }
.story-node-active { background:var(--forest); color:var(--paper); }
.story-connector { display:block; margin-left:28px; font-size:22px; line-height:1.1; padding:8px 0; color:var(--brick-text); }
.story-report-row { display:grid; gap:9px; border-top:1px solid var(--line); padding:20px 0; }
.story-report-row > span { font:11px/1.4 var(--font-mono); color:var(--olive-text); text-transform:uppercase; }
.story-report-row > strong { font-size:15px; font-weight:600; }
.story-report-note { font-size:12px; margin-top:15px; }
.story-sticky { display:none; }
@media (min-width:900px) and (min-height:650px) {
 .story-ready { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1fr); gap:90px; align-items:start; }
 .story-ready .story-step { display:flex; align-items:center; min-height:clamp(460px,70vh,680px); padding:55px 0; }
 .story-ready .story-mobile-visual { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .story-ready .story-sticky { display:block; position:sticky; top:max(85px,calc((100vh - 575px)/2)); padding-block:0; }
 .story-desktop-stage { display:grid; min-height:520px; background:var(--paper-2); border-radius:12px; padding:12px; }
 .story-frame { grid-area:1/1; visibility:hidden; opacity:0; transform:translateY(8px); transition:opacity .45s ease,transform .45s ease,visibility 0s .45s; }
 .story-frame.is-active { visibility:visible; opacity:1; transform:none; transition-delay:0s; }
 .story-progress { display:flex; justify-content:space-between; gap:20px; margin-top:18px; font:10px/1.5 var(--font-mono); color:var(--olive-text); }
 .story-counter { flex-shrink:0; color:var(--brick-text); }
}
@media (max-width:899px),(max-height:649px) {
 .scroll-story { margin-top:45px; }
 .story-step { gap:32px; }
 .story-copy h3 { font-size:31px; }
 .story-ui-body { padding:24px; }
 .story-ui-body h4 { font-size:27px; }
}
@media (max-width:700px) {
 .home-page { font-size:16px; }
 .home-band { padding-block:76px; }
 .home-band h2 { font-size:clamp(30px,8vw,42px); }
 .home-hero h1 { font-size:clamp(34px,8.9vw,48px); }
 .home-band h2 br { display:none; }
 .home-band h2 br::after { content:' '; }
 .story-step { display:block; padding:35px 0 44px; }
 .story-copy { max-width:100%; }
 .story-copy h3 { font-size:29px; margin-top:13px; }
 .story-copy > p { font-size:16px; margin-top:16px; }
 .story-mobile-visual { margin-top:28px; }
 .story-ui-head { padding:15px 18px; }
 .story-ui-body { padding:24px 20px; }
 .story-ui-body h4 { font-size:28px; }
 .story-route { display:grid; gap:5px; }
 .story-route strong { text-align:left; }
 .story-checks li { font-size:13px; }
 .story-label { font-size:10px; }
 .story-node { gap:14px; padding:14px; font-size:13px; }
 .problem-band { padding-top:80px; }
 .ownership-band { padding-top:16px; }
 .faq-band { padding-top:24px; }
}
@media (prefers-reduced-motion:reduce) {
 .home-page .site-nav,.demo-ready .demo-panel,.story-frame { transition:none; transform:none; }
}

/* Rueckkehr zum Originalmotiv und zum farbigen Baender-Rhythmus. */
.hero-film { position:relative; margin-block:58px 0; overflow:hidden; border-radius:16px; background:var(--forest); }
.hero-film-video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.hero-film-toggle { position:absolute; right:20px; bottom:20px; min-height:44px; border:1px solid var(--paper); border-radius:6px; padding:11px 16px; color:var(--paper); background:var(--forest); font:600 12px/1.4 Inter,sans-serif; cursor:pointer; }
.hero-film-toggle[hidden] { display:none; }
.hero-film-toggle:focus-visible { outline-offset:-5px !important; }
.problem-band { padding-block:110px; }
.evidence-band { background:var(--brick); color:var(--on-brick); }
.evidence-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:80px; align-items:center; }
.evidence-figure > strong { display:flex; flex-wrap:wrap; align-items:center; gap:15px; font:800 clamp(76px,8.5vw,126px)/1 var(--font-display); letter-spacing:-.05em; }
.evidence-figure > strong span { font-size:.46em; font-weight:400; color:var(--butter); }
.evidence-figure > p { max-width:28ch; font:13px/1.6 var(--font-mono); margin-top:23px; }
.evidence-band .eyebrow { background:var(--butter); border-color:var(--butter); color:var(--ink); }
.evidence-band h2 { font-size:clamp(34px,3.8vw,52px); }
.evidence-band .home-button { margin-top:28px; background:var(--paper); color:var(--ink); border-color:var(--paper); }
.evidence-source { font-size:12px; line-height:1.6; max-width:58ch; margin-top:25px; }
.check-band { background:var(--butter); }
.ownership-band { background:var(--forest); color:var(--paper); padding-block:120px; }
.ownership-band .eyebrow,.cost-note > strong { color:var(--butter); }
.cost-note { border-color:rgba(243,231,197,.3); }
.founder-band { background:var(--forest); color:var(--paper); }
.founder-band .eyebrow,.founder-band .home-text-link { color:var(--butter); }
.faq-band { padding-block:110px; }
@media (max-width:1000px) { .evidence-layout { gap:40px; } }
@media (max-width:700px) {
 .hero-film { margin-top:38px; border-radius:10px; }
 .hero-film-toggle { right:10px; bottom:10px; padding:9px 12px; font-size:11px; }
 .problem-band,.ownership-band,.faq-band { padding-block:76px; }
 .evidence-layout { grid-template-columns:minmax(0,1fr); gap:40px; }
 .evidence-figure > strong { font-size:clamp(78px,22vw,110px); }
 .evidence-figure > p { max-width:32ch; }
 .evidence-band h2 { font-size:clamp(30px,8vw,42px); }
}