/* A clear sequence, built around the existing blackestate media and materials. */
.journey-2026{--journey-ink:#151715;--journey-muted:#686e6a;--journey-accent:#23664f}
.journey-2026 h1,.journey-2026 h2,.journey-2026 h3{text-wrap:balance}
.journey-2026 :is(p,li,summary,small){text-wrap:pretty}
.mobile-title-break{display:none}
.journey-2026 .button>span[data-cta-label]:last-child{font-size:inherit}
.journey-2026 .section{padding-block:112px}
.journey-2026 .hero-inner{min-height:700px;padding-top:170px;padding-bottom:85px}
.journey-2026 .hero-copy{width:62%;max-width:710px}
.journey-2026 .hero h1{font-size:clamp(48px,5.15vw,74px);line-height:1.04;letter-spacing:-.06em;max-width:690px;margin:25px 0}
.journey-2026 .hero .eyebrow{font-size:11px;letter-spacing:.025em;line-height:1.6;max-width:440px}
.journey-2026 .hero-subtitle{font-size:18px;line-height:1.55;max-width:440px;margin:0}
.journey-2026 .hero-map{width:43%;right:-20px;top:170px}
.audience-line{display:flex;flex-wrap:wrap;gap:7px 16px;padding:0;margin:23px 0 0;list-style:none;max-width:470px;font-size:11px;color:#647269;line-height:1.5}
.audience-line li{white-space:nowrap}
.journey-2026 .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px}
.journey-note{margin:0;font-size:11px;color:var(--journey-muted);line-height:1.5;max-width:34ch}
.film-complete .watch-cta .duration,.film-complete .watch-cta .play-icon{display:none}
.journey-2026 .film-caption h2{font-size:clamp(26px,3vw,40px);line-height:1.12}
.journey-2026 .film-caption>div>p{font-size:13px;margin-top:14px}
.journey-2026 .film-heading{margin-bottom:28px}
.journey-2026 .film-heading>span{font-size:12px}
.journey-2026 .marketing{background:#fff}
.journey-2026 .lead-proof{padding-top:0;gap:80px}
.journey-2026 .lead-proof-copy{max-width:530px}
.journey-2026 .lead-proof-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;max-width:390px;margin:22px 0}
.campaign-steps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:26px 18px}
.campaign-steps li{display:flex;gap:12px;align-items:flex-start;min-width:0}
.campaign-steps svg{width:24px;height:24px;flex:none;color:var(--journey-accent);margin-top:3px}
.campaign-steps li>div{display:grid;gap:6px}
.campaign-steps span{font-size:10px;color:var(--journey-muted);font-variant-numeric:tabular-nums;line-height:1}
.campaign-steps strong{font-size:13px;font-weight:550;line-height:1.3}
.campaign-steps small{font-size:11px;line-height:1.5;color:var(--journey-muted)}
.marketing-terms{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;padding:22px 0 8px;margin-top:5px}
.marketing-terms>div{display:grid;gap:9px}
.marketing-terms strong{font-size:30px;line-height:1;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.marketing-terms span{font-size:11px;color:var(--journey-muted)}
.journey-2026 .lead-proof-copy>p.no-markup{font-size:11px;line-height:1.5;margin:14px 0 0;color:#67736b}
.journey-2026 .lead-proof .proof-info{margin-top:8px}
.brand-growth{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;margin-top:95px;align-items:start}
.growth-heading h3,.calc-heading h3{font-size:clamp(30px,3.3vw,43px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:18px 0 0}
.growth-heading h3 span{color:var(--journey-accent)}
.growth-services{display:grid;gap:25px}
.growth-services article{display:flex;align-items:flex-start;gap:16px}
.growth-services svg{width:24px;height:24px;flex:none;color:var(--journey-accent)}
.growth-services h4{font-size:15px;font-weight:550;letter-spacing:-.015em;margin:0 0 8px;line-height:1.3}
.growth-services p{font-size:13px;color:var(--journey-muted);line-height:1.6;max-width:37ch;margin:0}
.journey-2026 #rec-objects{background:#080808;color:#fff}
.journey-2026 #rec-objects .eyebrow{color:#9ca7a0}
.journey-2026 #rec-objects .section-top{margin-bottom:36px}
.section-intro{font-size:16px;line-height:1.6;color:#a2aaa5;margin:22px 0 0}
.product-types{display:flex;flex-wrap:wrap;gap:9px 24px;list-style:none;margin:24px 0 0;padding:0;font-size:12px;color:#c7d0ca}
.journey-2026 .city-card{flex-basis:clamp(245px,24vw,345px);aspect-ratio:1.04}
.journey-2026 #rec-locations .city-context{color:#9ba39e}
.journey-2026 #rec-locations .round{background:#ffffff09;border-color:#ffffff13;color:#d4dbd6}
.calc-proof{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;margin-top:85px}
.calc-heading h3 span{color:#99ad9f}
.calc-heading>p:not(.eyebrow){font-size:13px;color:#a0aaa3;line-height:1.6;max-width:30ch;margin:20px 0 0}
.calc-assumptions{display:grid;grid-template-columns:1fr 1fr;gap:27px 35px;margin:0}
.calc-assumptions>div{min-width:0}
.calc-assumptions dt{font-size:11px;line-height:1.5;color:#a4aea7;margin-bottom:9px}
.calc-assumptions dd{font-size:40px;font-weight:450;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:0;color:#edf1ee}
.calc-assumptions dd span{font-size:22px;color:#a1b3a7;margin-left:3px}
.journey-info{margin-top:20px;font-size:12px;color:var(--journey-muted);max-width:520px}
.journey-info summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none;font-size:11px;line-height:1.4}
.journey-info summary::-webkit-details-marker{display:none}
.journey-info summary::marker{content:""}
.journey-info summary>span{width:16px;height:16px;flex:none;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:italic 11px Georgia,serif}
.journey-info>p{font-size:12px;line-height:1.75;margin:8px 0 16px;max-width:62ch}
.dark-block .journey-info{color:#aebbb2}
.journey-2026 .app-showcase{padding-bottom:0;gap:80px}
.journey-2026 .app-story h2{font-size:clamp(36px,4.6vw,64px)}
.journey-2026 .app-intro{font-size:16px;max-width:34ch;margin:24px 0 30px}
.journey-2026 .app-description{min-height:110px}
.journey-2026 .app-description p{font-size:13px}
.process-disclosure{margin-top:56px;scroll-margin-top:100px}
.process-disclosure>summary{list-style:none;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;padding:10px 0;font-size:15px;font-weight:500}
.process-disclosure>summary::-webkit-details-marker{display:none}
.disclosure-action{display:flex;align-items:center;gap:12px;font-size:11px;color:#6e7771;font-weight:400}
.disclosure-action b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2f5f3;font-size:19px;font-weight:400;transition:transform .25s ease}
.process-disclosure[open] .disclosure-action b{transform:rotate(45deg)}
.process-disclosure .ecosystem-stage{margin-top:20px}
.journey-2026 .academy-showcase{background:#080808;color:#fff}
.academy-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:80px}
.academy-copy h2{font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-.05em;line-height:1.1}
.academy-copy h2 span{color:#a6b5ab}
.academy-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#aeb7b1;max-width:34ch;margin:25px 0}
.academy-topics{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px;list-style:none;margin:28px 0;padding:0;max-width:400px;font-size:13px;color:#e2e9e4}
.academy-topics li{display:flex;gap:10px;align-items:center}
.academy-topics li:before{content:"";width:5px;height:5px;border-radius:50%;background:#78a78c;flex:none}
.academy-screen{aspect-ratio:390/844}
.academy-showcase .proof-controls{justify-content:center}
.academy-showcase .proof-controls button{gap:10px}
.journey-2026 .partners{background:#fff;color:#151715}
.journey-2026 .partner-card{background:radial-gradient(120% 90% at 5% 0%,#20513b65,transparent 65%),linear-gradient(145deg,#242b27,#101512);box-shadow:inset 0 1px 0 #ffffff26,0 25px 65px -22px #14271b40;border:1px solid #ffffff24}
.journey-2026 .partner-card-sub,.journey-2026 .partner-card-label{color:#c7d0ca}
.journey-2026 .partner-copy .eyebrow{color:#69756d}
.journey-2026 .partner-copy h2>span{color:#23664f}
.journey-2026 .partner-copy>p:not(.eyebrow){color:var(--journey-muted);font-size:15px;max-width:37ch;margin:22px 0;line-height:1.6}
.journey-2026 .partner-copy p.partner-belief{color:#2e4235;font-size:16px}
.journey-2026 .partner-copy>.button{margin-top:20px}
.journey-2026 .ambition{margin-top:56px;border-block:0;padding-top:30px;gap:32px}
.journey-2026 .ambition>span{color:#6b736e;font-size:11px}
.journey-2026 .ambition strong{color:#1d392a;font-size:clamp(35px,4vw,52px)}
.journey-2026 .ambition p{color:var(--journey-muted);font-size:12px;line-height:1.65;max-width:38ch}
.journey-2026 .ambition>div p{color:#425247;font-size:12px}
.journey-2026 .success-copy>p:not(.eyebrow){font-size:15px;max-width:35ch;line-height:1.6}
.proof-highlights{list-style:none;padding:0;margin:26px 0;display:grid;gap:15px;font-size:13px;color:#d4ded7}
.proof-highlights li{display:flex;align-items:center;gap:12px}
.proof-highlights li:before{content:"";width:5px;height:5px;border-radius:50%;background:#71a68a;flex:none}
.journey-2026 #rec-partnerschaft h2{font-size:clamp(32px,4.2vw,56px);max-width:800px}
.partner-fit{list-style:none;margin:35px 0 55px;padding:0;display:flex;flex-wrap:wrap;gap:16px 36px;font-size:13px;color:#4a5c50}
.partner-fit li{display:flex;align-items:center;gap:10px}
.partner-fit svg{width:19px;height:19px;flex:none;color:#23664f}
.journey-2026 .onboarding-steps{grid-template-columns:repeat(3,1fr);gap:35px}
.journey-2026 .onboarding-steps li{min-height:0}
.journey-2026 .onboarding-steps h3{font-size:22px;line-height:1.2}
.journey-2026 .onboarding-steps p{font-size:13px;max-width:29ch;line-height:1.6}
.entry-paths{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}
.entry-paths article{padding:28px 32px;border-radius:20px;background:#f5f8f6}
.entry-paths article>span{font-size:10px;letter-spacing:.03em;color:#697b6e}
.entry-paths h3{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:16px 0 12px}
.entry-paths p{font-size:13px;color:#6c7870;line-height:1.65;margin:0}
.journey-2026 .faq-answer p{font-size:14px;line-height:1.65}
.journey-2026 .final h2{font-size:clamp(35px,5.5vw,76px);max-width:950px;margin-inline:auto}
.journey-2026 .final-note{max-width:none;font-size:12px}
.journey-2026 :is(.journey-info summary,.process-disclosure>summary):focus-visible{outline:2px solid #479375;outline-offset:5px;border-radius:4px}
@media(max-width:1100px){
 .journey-2026 .hero-inner{min-height:655px;padding-top:160px}.journey-2026 .hero h1{font-size:54px}.journey-2026 .hero-map{top:175px;right:-15px;width:40%}
 .journey-2026 .section{padding-block:90px}.journey-2026 .lead-proof,.brand-growth,.calc-proof,.academy-grid,.journey-2026 .app-showcase{gap:45px}
 .marketing-terms strong{font-size:27px}.campaign-steps{gap:24px 14px}.campaign-steps li{gap:8px}.campaign-steps strong{font-size:12px}
}
@media(max-width:820px){
 .journey-2026 .section{padding-block:76px}
 .journey-2026 .hero-inner{padding-top:122px;padding-bottom:32px;min-height:0}
 .journey-2026 .hero-copy{width:100%;max-width:530px;margin-inline:auto}
 .journey-2026 .hero h1{font-size:clamp(34px,9.4vw,48px);max-width:100%;margin:21px 0}
 .journey-2026 .hero .eyebrow{font-size:10px;max-width:340px}
 .journey-2026 .hero-subtitle{font-size:15px;max-width:36ch}
 .audience-line{font-size:10px;gap:7px 16px;margin-top:17px;max-width:390px}
 .journey-2026 .hero-actions{margin-top:24px;gap:10px}
 .journey-note{font-size:10px;max-width:none}
 .journey-2026 .hero-map{position:relative;inset:auto;width:220px;margin:6px auto 0;max-width:70%}
 .journey-2026 .hero-map figcaption{font-size:8px;gap:4px;margin-top:-8px}
 .journey-2026 .hero-map .hero-toggle{width:44px;height:44px;flex:none;background:none}
 .journey-2026 .film-caption{gap:24px}.journey-2026 .film-caption h2{font-size:28px}
 .journey-2026 .film-heading>span{font-size:10px}.journey-2026 .film-heading .eyebrow{font-size:10px}
 .journey-2026 .lead-proof{gap:30px}
 .journey-2026 .lead-proof-copy h3{font-size:clamp(32px,8.7vw,42px)}
 .campaign-steps{margin:24px 0 18px;gap:22px 14px}
 .campaign-steps svg{width:21px;height:21px}.campaign-steps small{font-size:10px}
 .marketing-terms{padding-top:14px;gap:20px}.marketing-terms strong{font-size:29px}
 .brand-growth{grid-template-columns:1fr;gap:30px;margin-top:65px}
 .growth-heading h3,.calc-heading h3{font-size:33px;margin-top:15px}
 .growth-services{gap:25px}.growth-services p{font-size:12px}.growth-services h4{font-size:14px}
 .section-intro{font-size:14px;max-width:30ch;margin-top:20px}
 .product-types{font-size:11px;gap:9px 18px;margin-top:19px}
 .journey-2026 #rec-objects h2{font-size:clamp(32px,8.7vw,42px)}
 .journey-2026 .city-card{flex-basis:72vw;max-width:330px;aspect-ratio:1.1}
 .journey-2026 .city-overlay h3{font-size:24px}.journey-2026 .city-overlay{inset:auto 20px 20px}
 .calc-proof{grid-template-columns:1fr;gap:28px;margin-top:55px}
 .calc-heading>p:not(.eyebrow){max-width:none;font-size:12px;margin-top:18px}
 .calc-assumptions{gap:24px}.calc-assumptions dd{font-size:36px}.calc-assumptions dt{font-size:10px}
 .journey-info{margin-top:14px}.journey-info>p{font-size:12px}
 .journey-2026 .app-showcase{gap:32px}.journey-2026 .app-story h2{font-size:clamp(34px,8.8vw,44px)}
 .journey-2026 .app-intro{font-size:15px}.journey-2026 .app-description{min-height:97px;margin-top:23px}
 .journey-2026 .app-access-note{margin-top:16px}.journey-2026 .app-access-note p{font-size:12px}
 .process-disclosure{margin-top:32px}.process-disclosure>summary{font-size:13px}.disclosure-action{font-size:10px;gap:7px}
 .academy-grid{grid-template-columns:1fr;gap:30px}.academy-copy{max-width:530px;width:100%;margin-inline:auto}
 .academy-copy h2{font-size:clamp(32px,8.7vw,42px)}.academy-copy>p:not(.eyebrow){font-size:14px;margin:21px 0}
 .academy-topics{font-size:12px;gap:16px;margin:23px 0}
 .journey-2026 .partner-copy h2{font-size:clamp(30px,8vw,42px)}
 .journey-2026 .partner-copy>p:not(.eyebrow){font-size:14px;margin:21px 0}
 .journey-2026 .partner-copy p.partner-belief{font-size:15px}
 .journey-2026 .ambition{gap:18px;margin-top:35px;padding-top:26px}.journey-2026 .ambition strong{font-size:40px}
 .journey-2026 .ambition>p{max-width:42ch;margin:0}.journey-2026 .ambition>div p{margin:10px 0 0}
 .journey-2026 .success-copy>p:not(.eyebrow){font-size:14px}.proof-highlights{font-size:12px;gap:13px;margin:23px 0}
 .journey-2026 #rec-partnerschaft h2{font-size:clamp(30px,8vw,42px)}
 .partner-fit{display:grid;gap:16px;margin:28px 0 40px;font-size:12px}
 .journey-2026 .onboarding-steps{grid-template-columns:1fr;gap:25px}
 .journey-2026 .onboarding-steps li{padding:23px 20px;display:grid;grid-template-columns:30px 1fr;column-gap:14px}
 .journey-2026 .onboarding-steps li>span{grid-row:1/3;grid-column:1;align-self:start;line-height:26px}
 .journey-2026 .onboarding-steps h3{font-size:20px;margin:0 0 9px;grid-column:2}
 .journey-2026 .onboarding-steps p{grid-column:2;font-size:12px;margin:0;max-width:30ch}
 .entry-paths{grid-template-columns:1fr;gap:14px;margin-top:32px}.entry-paths article{padding:25px;border-radius:18px}
 .entry-paths h3{font-size:22px;margin-top:12px}.entry-paths p{font-size:12px}
 .journey-2026 .faq-answer p{font-size:13px}.journey-2026 .final h2{font-size:clamp(31px,8.8vw,48px)}
}
@media(max-width:360px){
 .journey-2026 .hero h1{font-size:34px}.journey-2026 .hero .eyebrow{max-width:270px}
 .journey-2026 .hero-map{width:195px}.journey-2026 .hero-subtitle{font-size:14px}
 .marketing-terms strong{font-size:25px}.campaign-steps{gap:20px 12px}.campaign-steps li{gap:7px}.campaign-steps svg{width:18px;height:18px}
 .campaign-steps strong{font-size:11px}.campaign-steps small{font-size:10px}.disclosure-action{font-size:0}.disclosure-action b{font-size:19px}
 .journey-2026 .city-card{flex-basis:76vw}.entry-paths article{padding:23px}
}
@media(prefers-reduced-motion:reduce){.disclosure-action b{transition:none}}

/* Visitor-first offer: one partnership, four optional views, one next step. */
.visitor-flow .section{padding-block:110px}
.visitor-flow .hero .eyebrow{font-size:14px;font-weight:550;letter-spacing:-.015em;text-transform:none;color:#2b5843}
.visitor-flow .hero h1{font-size:clamp(43px,4.65vw,67px);line-height:1.08;margin:22px 0}
.visitor-flow .hero-subtitle{max-width:400px;font-size:18px}
.hero-terms{font-size:12px;line-height:1.7;color:#727a74;margin:19px 0 0}
.visitor-flow .hero-inner{min-height:720px}
.visitor-flow .hero-actions{margin-top:36px;align-items:center;gap:5px;text-align:center}
.offer-heading{margin-bottom:40px}
.offer-heading h2{font-size:clamp(37px,4.5vw,62px);line-height:1.09;font-weight:500;letter-spacing:-.05em;margin:18px 0 0}
.offer-heading h2 span{color:#23664f}
.offer-heading .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;color:#69756d}
.offer-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:40px}
.offer-tabs button{appearance:none;display:grid;gap:8px;text-align:left;border:1px solid #e4eae6;border-radius:17px;padding:21px 22px;background:#fff;color:#25362c;cursor:pointer;min-height:84px;font:inherit;transition:background .18s ease,border-color .18s ease}
.offer-tabs button>span{font-size:15px;font-weight:550;letter-spacing:-.02em;line-height:1.3}
.offer-tabs small{font-size:11px;color:#7b827d;line-height:1.35}
.offer-tabs button[aria-selected="true"]{background:linear-gradient(130deg,#0d3b2a,#23664f);color:#fff;border-color:#1a503b;box-shadow:inset 0 1px 0 #ffffff22}
.offer-tabs button[aria-selected="true"] small{color:#d0dfd5}
.offer-tabs button:hover:not([aria-selected="true"]){background:#f6f9f7;border-color:#b6c7bc}
.offer-tabs button:focus-visible,.offer-panel:focus-visible{outline:2px solid #43805f;outline-offset:4px}
.offer-panel[hidden]{display:none!important}
.offer-panel{scroll-margin-top:100px;overflow-anchor:none;padding-top:12px}
.offer-panel>.wrap{width:100%;max-width:none;margin:0;padding:0}
.visitor-flow .offer-panel .reveal{opacity:1;transform:none}
.visitor-flow .lead-proof{padding:0;gap:80px}
.visitor-flow .lead-proof-copy{grid-column:1;max-width:480px}
.visitor-flow .lead-proof>.proof-stage{grid-column:2}
.visitor-flow .offer-panel h3:is(.lead-proof-copy h3,.app-story>h3,.academy-copy>h3,.section-top h3){font-size:clamp(32px,3.2vw,45px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:18px 0 0}
.visitor-flow .offer-panel h3 span{color:#23664f}
.visitor-flow .offer-panel .eyebrow{font-size:11px;letter-spacing:0;text-transform:none;color:#748177}
.visitor-flow .lead-proof-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:38ch;margin:23px 0}
.visitor-flow .marketing-terms{padding:0;margin-top:28px;gap:30px}
.visitor-flow .marketing-terms strong{font-size:32px}
.visitor-flow .lead-proof-copy>p.no-markup{font-size:12px;color:#65736a;margin:15px 0 0}
.offer-detail{margin-top:24px;border-block:0;color:#263d2e}
.offer-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;line-height:1.4}
.offer-detail>summary::-webkit-details-marker{display:none}
.offer-detail>summary>span{font-size:22px;font-weight:300;color:#52735e;transition:transform .2s ease}
.offer-detail[open]>summary>span{transform:rotate(45deg)}
.offer-detail>summary:focus-visible{outline:2px solid #43805f;outline-offset:3px}
.offer-detail-body{padding-bottom:12px}
.visitor-flow .campaign-steps{margin:12px 0 28px}
.visitor-flow .growth-services{border-block:0;padding-top:24px;gap:22px}
.visitor-flow .growth-services h4{font-size:13px}
.visitor-flow .growth-services p{font-size:12px}
.visitor-flow :is(#rec-locations,#rec-objects){background:#fff;color:#151715}
.visitor-flow #rec-objects .section-top{margin-bottom:30px}
.visitor-flow .section-intro{color:#6b746e;font-size:15px;max-width:48ch}
.visitor-flow .product-types{color:#465d4e;font-size:12px}
.visitor-flow #rec-locations .city-rail{padding-left:0;padding-right:0;scroll-padding-left:0;border-radius:22px}
.visitor-flow #rec-locations .city-card{flex-basis:31%;min-width:250px;aspect-ratio:1.15}
.visitor-flow #rec-locations .city-bottom{margin-top:22px}
.visitor-flow #rec-locations .city-context{color:#68776d;font-size:11px}
.visitor-flow #rec-locations .round{background:#f5f7f6;border-color:#dce5df;color:#385a44}
.visitor-flow .calc-proof{margin:15px 0 20px;gap:55px}
.visitor-flow .calc-heading .eyebrow{display:none}
.visitor-flow .calc-heading h3{font-size:26px;margin:0}
.visitor-flow .calc-heading>p:not(.eyebrow),.visitor-flow .calc-assumptions dt{color:#68766d}
.visitor-flow .calc-assumptions dd{color:#294b36;font-size:35px}
.visitor-flow .calc-assumptions dd span{color:#617c69}
.visitor-flow .app-showcase{padding:0;gap:80px}
.visitor-flow .app-intro{font-size:15px;margin:22px 0 26px;max-width:34ch}
.visitor-flow .app-description{min-height:95px}
.visitor-flow .app-description h3{font-size:21px;letter-spacing:-.03em}
.visitor-flow .app-description p{font-size:13px}
.visitor-flow .app-access-note{margin-top:12px}
.visitor-flow .app-access-note p{font-size:11px}
.visitor-flow .process-disclosure{margin-top:35px}
.visitor-flow .academy-showcase{background:#fff;color:#151715}
.visitor-flow .academy-copy>p:not(.eyebrow){color:#68766d;font-size:15px}
.visitor-flow .academy-topics{color:#36503e;font-size:13px}
.visitor-flow .academy-showcase .proof-controls button{color:#5f7668}
.visitor-flow .partner-copy h2{font-size:clamp(34px,4vw,56px)}
.visitor-flow .partner-grid{grid-template-columns:1.25fr 1fr;gap:80px}
.visitor-flow .partner-card{width:100%;max-width:385px;justify-self:center}
.visitor-flow .partner-card-label{font-size:15px;letter-spacing:-.025em;line-height:1.25;white-space:nowrap}
.visitor-flow .partner-card-label>span{display:block;font-size:12px;margin-top:3px}
.visitor-flow .partner-card-sub{font-size:10px;letter-spacing:0;text-transform:none}
.role-split{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}
.role-split h3{font-size:13px;margin:0 0 14px;font-weight:600;color:#254932}
.role-split ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#647268;font-size:12px;line-height:1.5}
.role-split li{position:relative;padding-left:11px}
.role-split li:before{content:"";position:absolute;left:0;top:.58em;width:3px;height:3px;border-radius:50%;background:#6b8c75}
.visitor-flow .partner-copy .journey-info{margin-top:28px}
.visitor-flow .success-copy h2{font-size:clamp(36px,4.3vw,60px)}
.visitor-flow .success-copy>p:not(.eyebrow){font-size:16px;max-width:37ch}
.visitor-flow .proof-highlights{font-size:13px;margin-top:28px;gap:16px}
.visitor-flow #rec-partnerschaft{border-block:0}
.visitor-flow .onboarding-steps{margin-top:45px;gap:35px}
.visitor-flow .onboarding-steps li{background:none;border:0;padding:0}
.visitor-flow .onboarding-steps li>span{font-size:12px;color:#6b8474}
.visitor-flow .onboarding-steps h3{font-size:22px;margin:20px 0 12px}
.visitor-flow .onboarding-steps p{font-size:13px;max-width:27ch}
.entry-detail{margin-top:48px}
.visitor-flow .entry-paths{margin:8px 0 24px}
.entry-faq{margin-top:48px}
.entry-faq>.wrap{width:100%;max-width:none;padding:0;gap:60px;grid-template-columns:1fr 2fr}
.entry-faq .faq-intro h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.03em;margin:19px 0}
.entry-faq .faq-item{border-color:#1d372619}
.entry-faq .faq-item summary{color:#2b3b30;font-size:14px;padding-block:22px}
.entry-faq .faq-item .plus{color:#718679}
.entry-faq .faq-item .plus:before,.entry-faq .faq-item .plus:after{background:#718679}
.entry-faq .faq-answer p{color:#6b776e;font-size:13px;line-height:1.7}
.entry-final{margin-top:56px;text-align:center}
.entry-final>.wrap{width:100%;padding:0;margin:0}
.entry-final .final-mark{display:block;width:52px;height:52px;object-fit:contain;margin:0 auto 22px}
.entry-final .final-note{margin:17px 0 0;font-size:11px;color:#758077}
@media(max-width:1100px){
 .visitor-flow .offer-tabs{gap:8px}.offer-tabs button{padding:19px 16px}.offer-tabs button>span{font-size:13px}
 .visitor-flow .partner-grid,.visitor-flow .lead-proof,.visitor-flow .app-showcase{gap:45px}
}
@media(max-width:820px){
 .visitor-flow .section{padding-block:72px}
 .visitor-flow .hero-inner{min-height:0;padding-top:120px;padding-bottom:28px}
 .visitor-flow .hero .eyebrow{font-size:12px}
 .visitor-flow .hero h1{font-size:clamp(31px,8.3vw,44px);line-height:1.12;letter-spacing:-.05em;margin:21px 0}
 .visitor-flow .hero-subtitle{font-size:15px;max-width:36ch}
 .hero-terms{font-size:11px;margin-top:17px;line-height:1.65}
 .visitor-flow .hero-map{width:195px;margin-top:6px}
 .visitor-flow .hero-map figcaption{font-size:7px}
 .offer-heading{margin-bottom:28px}.offer-heading h2{font-size:clamp(32px,8.4vw,43px)}
 .offer-heading .eyebrow{font-size:11px;max-width:28ch;line-height:1.6}
 .visitor-flow .offer-tabs{grid-template-columns:1fr 1fr;gap:9px;padding-bottom:28px}
 .offer-tabs button{padding:16px;min-height:76px;border-radius:14px;gap:6px}
 .offer-tabs button>span{font-size:12px;letter-spacing:-.025em}.offer-tabs small{font-size:10px}
 .offer-panel{padding:0;scroll-margin-top:95px}
 .visitor-flow .lead-proof,.visitor-flow .app-showcase,.visitor-flow .academy-grid{gap:28px}
 .visitor-flow .offer-panel h3:is(.lead-proof-copy h3,.app-story>h3,.academy-copy>h3,.section-top h3){font-size:clamp(29px,7.5vw,38px);line-height:1.13}
 .visitor-flow .lead-proof-copy>p:not(.eyebrow){font-size:14px;margin:20px 0}
 .visitor-flow .marketing-terms{margin-top:23px;gap:22px}.visitor-flow .marketing-terms strong{font-size:27px}
 .visitor-flow .lead-proof-copy>p.no-markup{font-size:11px;margin-top:14px}
 .offer-detail{margin-top:18px}.offer-detail>summary{font-size:12px}
 .visitor-flow .campaign-steps{gap:22px 16px}.visitor-flow .campaign-steps strong{font-size:11px}
 .visitor-flow #rec-locations .city-card{flex-basis:85%;min-width:220px}
 .visitor-flow .calc-proof{grid-template-columns:1fr;gap:26px}.visitor-flow .calc-heading h3{font-size:24px}
 .visitor-flow .section-intro{font-size:14px}
 .visitor-flow .app-intro{font-size:14px;margin:20px 0 25px}.visitor-flow .app-description{min-height:90px}
 .visitor-flow .academy-copy>p:not(.eyebrow){font-size:14px}.visitor-flow .academy-topics{font-size:12px}
 .visitor-flow .partner-grid{display:flex;flex-direction:column;gap:30px}
 .visitor-flow .partner-copy{width:100%}.visitor-flow .partner-copy h2{font-size:clamp(30px,8vw,40px)}
 .visitor-flow .partner-copy>p:not(.eyebrow){font-size:14px;max-width:38ch}
 .visitor-flow .partner-card{width:min(335px,100%);margin-inline:auto}
 .role-split{gap:20px;margin-top:28px}.role-split h3{font-size:13px}.role-split ul{font-size:11px;gap:11px}
 .visitor-flow .success-copy h2{font-size:clamp(32px,8.4vw,42px)}
 .visitor-flow .success-copy>p:not(.eyebrow){font-size:14px}.visitor-flow .proof-highlights{font-size:12px}
 .visitor-flow .onboarding-steps{margin-top:35px;gap:28px}
 .visitor-flow .onboarding-steps li{grid-template-columns:28px 1fr;padding:0;column-gap:14px}
 .visitor-flow .onboarding-steps h3{font-size:20px;margin:0 0 8px}.visitor-flow .onboarding-steps p{font-size:12px;margin:0;max-width:31ch}
 .entry-detail{margin-top:30px}.entry-faq{margin-top:32px}
 .entry-faq>.wrap{grid-template-columns:1fr;gap:0}.entry-faq .faq-intro h3{font-size:22px;margin:0 0 14px}
 .entry-faq .faq-item summary{font-size:13px;padding-block:20px}.entry-faq .faq-answer p{font-size:12px}
 .entry-final{margin-top:42px}.entry-final .final-mark{width:43px;height:43px;margin-bottom:18px}
}
@media(max-width:360px){.offer-tabs button{padding:14px 11px}.offer-tabs button>span{font-size:11px}.offer-tabs small{font-size:9px}.visitor-flow .hero h1{font-size:29px}.visitor-flow .marketing-terms strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.offer-tabs button,.offer-detail>summary>span{transition:none}}
.visitor-flow .entry-faq .faq-item{background:transparent;border:0;border-block:0;border-radius:0}
.visitor-flow .entry-faq .faq-item summary{padding-inline:0}
.visitor-flow .entry-faq .faq-answer{padding:0 0 12px}
.visitor-flow .entry-faq .faq-answer p{max-width:72ch;margin:0;padding:0;text-wrap:pretty}
.visitor-flow .entry-faq .faq-answer p+p{margin-top:12px}
/* Quiet secondary copy remains readable on white. */
.visitor-flow .offer-tabs small,.visitor-flow .offer-panel .eyebrow,.visitor-flow .hero-terms,.visitor-flow .entry-final .final-note{color:var(--journey-muted)}
.visitor-flow .offer-tabs button[aria-selected="true"] small{color:#d0dfd5}

/* Five visitor questions, one personal film and one registration path. */
.visitor-flow .partnership-overview{background:#fff;border-block:0}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:52px}
.overview-number{font-size:11px;color:#75847b;font-variant-numeric:tabular-nums}
.overview-grid h3{font-size:23px;font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:19px 0 14px;max-width:20ch}
.overview-grid p{font-size:14px;line-height:1.65;color:#626e66;margin:0;max-width:32ch}
.overview-terms{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px;margin-top:48px;padding-top:25px;border-block:0;font-size:12px;color:#626e66}
.overview-terms strong{color:#23664f;font-weight:550}
.visitor-flow .success-copy .trust{margin:25px 0 8px;text-align:left}
.webinar-intro{font-size:16px;line-height:1.6;color:#626e66;max-width:49ch;margin:25px 0 0}
.visitor-flow .desktop-nav{gap:0}
.visitor-flow .desktop-nav a{padding-inline:11px}
.visitor-flow .landing-dock{width:min(430px,calc(100% - 24px))}
.visitor-flow .dock-menu{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.visitor-flow .dock-item{font-size:10px;min-width:0;min-height:54px}
.visitor-flow .dock-item svg{width:20px;height:20px}
.visitor-flow .dock-webinar{background:var(--emerald);color:#fff}
.visitor-flow .dock-selection{width:calc((100% - 28px)/5);transform:translateX(calc(var(--dock-index,0)*(100% + 4px)))}
.visitor-flow .landing-dock.at-webinar .dock-selection{opacity:0}
.visitor-flow.menu-open .landing-dock .dock-selection{--dock-index:inherit}
@media(min-width:821px) and (max-width:1190px){.visitor-flow .desktop-nav a{padding-inline:7px;font-size:11px}.visitor-flow .nav-actions{gap:12px}.visitor-flow .nav-actions .login{display:none}}
@media(max-width:820px){
 .overview-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}
 .overview-grid article{display:grid;grid-template-columns:26px 1fr;gap:0 15px}
 .overview-number{grid-row:1/3;padding-top:3px}
 .overview-grid h3{font-size:21px;margin:0 0 10px;max-width:none}
 .overview-grid p{font-size:13px;grid-column:2;max-width:36ch}
 .overview-terms{margin-top:34px;gap:10px;font-size:11px;align-items:flex-start;flex-direction:column}
 .webinar-intro{font-size:14px;max-width:38ch;margin-top:22px}
}
@media(max-width:360px){.visitor-flow .dock-item{font-size:9px}.visitor-flow .dock-item svg{width:19px;height:19px}}

/* Alternating full-width surfaces: white hero, dark offer, white services,
   dark evidence, white partner fit, dark webinar, white footer. */
.visitor-flow main>.dark-block{background:#080808;color:#f5f6f5;--journey-muted:#aeb6b0;--journey-accent:#75c4a7}
.visitor-flow .partnership-overview.dark-block{border-top:0}
.visitor-flow .partnership-overview .offer-heading .eyebrow{color:#aeb6b0}
.visitor-flow .partnership-overview .offer-heading h2 span{color:#75c4a7}
.visitor-flow .partnership-overview .overview-number{color:#8fa99a}
.visitor-flow .partnership-overview .overview-grid p{color:#b2bab5}
.visitor-flow .partnership-overview .overview-terms{color:#b2bab5;border-color:#ffffff1f}
.visitor-flow .partnership-overview .overview-terms strong{color:#83cdb1}
.visitor-flow #rec-partnerschaft.dark-block{border-top:0}
.visitor-flow #rec-partnerschaft .webinar-intro,
.visitor-flow #rec-partnerschaft .onboarding-steps p,
.visitor-flow #rec-partnerschaft .entry-paths p,
.visitor-flow #rec-partnerschaft .faq-answer p{color:#b2bab5}
.visitor-flow #rec-partnerschaft .onboarding-steps li>span,
.visitor-flow #rec-partnerschaft .entry-paths article>span{color:#9cb4a6}
.visitor-flow #rec-partnerschaft .offer-detail{color:#eef2ef;border-color:#ffffff20}
.visitor-flow #rec-partnerschaft .offer-detail>summary>span{color:#93bba4}
.visitor-flow #rec-partnerschaft .entry-paths article{background:#141815;border:1px solid #ffffff12}
.visitor-flow #rec-partnerschaft .faq-item{border-bottom-color:#ffffff20}
.visitor-flow #rec-partnerschaft .faq-item summary{color:#edf1ee}
.visitor-flow #rec-partnerschaft .faq-item .plus:before,
.visitor-flow #rec-partnerschaft .faq-item .plus:after{background:#9db4a7}
.visitor-flow #rec-partnerschaft summary:focus-visible{outline-color:#83cdb1}
.visitor-flow .be-public-footer.light-block{background:#fff;color:#151715}
.visitor-flow .be-public-footer.light-block .be-footer-identity p,
.visitor-flow .be-public-footer.light-block a,
.visitor-flow .be-public-footer.light-block button,
.visitor-flow .be-public-footer.light-block .be-footer-bottom>span{color:#686e6a}
.visitor-flow .be-public-footer.light-block .be-footer-group h2{color:#25362c}
.visitor-flow .be-public-footer.light-block a:hover,
.visitor-flow .be-public-footer.light-block button:hover{color:#23664f}
.visitor-flow .be-public-footer.light-block .be-footer-bottom{box-shadow:0 -1px 0 #15271a14}

/* Keep the action honest: play first, ticket after completed viewing. */
.visitor-flow [data-gated-watch]>.cta-ticket-icon{display:none;width:18px;height:18px;flex:none}
.visitor-flow.film-complete [data-gated-watch]>.cta-ticket-icon{display:block}

.hero-benefits{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin-top:26px;max-width:430px;align-items:center}
.hero-calendar,.hero-commission{display:flex;flex-direction:column;gap:8px;min-width:0}
.hero-calendar strong{font-size:14px;font-weight:500;line-height:1.4;max-width:20ch;color:#254b39}
.hero-benefits>div>span{font-size:10px;line-height:1.5;color:#686e6a}
.hero-commission{position:relative;border-left:1px solid #182e201a;padding-left:22px;padding-right:30px}
.hero-commission>strong{font-size:25px;letter-spacing:-.04em;font-weight:550;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.hero-commission-info{position:absolute;right:-10px;top:22px;z-index:8}
.hero-commission-info summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;height:44px;color:#738078}
.hero-commission-info summary::-webkit-details-marker{display:none}
.hero-commission-info summary span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:15px;height:15px;font:italic 10px Georgia,serif}
.hero-commission-info summary:focus-visible{outline:2px solid #23664f;outline-offset:1px;border-radius:50%}
.hero-commission-info p{position:absolute;right:0;top:40px;width:260px;max-width:calc(100vw - 40px);margin:0;padding:16px 18px;background:#fff;color:#525e56;font-size:12px;line-height:1.6;border:1px solid #e1e7e3;border-radius:14px;box-shadow:0 8px 30px #14231916}
@media(max-width:820px){.hero-benefits{gap:16px;margin-top:24px;max-width:400px}.hero-calendar strong{font-size:13px}.hero-commission{padding-left:16px;padding-right:20px}.hero-commission>strong{font-size:24px}.hero-commission-info{right:-11px;top:21px}.hero-benefits>div>span{font-size:10px}}
@media(max-width:360px){.hero-benefits{gap:12px;grid-template-columns:1fr 1.05fr}.hero-calendar strong{font-size:12px}.hero-commission{padding-left:12px}.hero-commission>strong{font-size:22px}.hero-benefits>div>span{font-size:9px}}

/* Keep intentional mobile title lines intact without shrinking body copy.
   The ratios include the longest line and the section's 24px side gutters. */
@media(max-width:820px){
 .mobile-title-break{display:initial}
 .visitor-flow .offer-heading h2,
 .visitor-flow .success-copy h2,
 .visitor-flow .partner-copy h2{
  font-size:min(clamp(1.375rem,8.4vw,2.6875rem),calc((100vw - 52px)/var(--title-line-em,11.5)));
  white-space:nowrap;
 }
 .visitor-flow #overview-title{--title-line-em:10.5}
 .visitor-flow .success-copy h2{--title-line-em:11.4}
 .visitor-flow .partner-copy h2{--title-line-em:11.3}
 .visitor-flow .offer-panel h3:is(.lead-proof-copy h3,.app-story>h3,.academy-copy>h3,.section-top h3){
  font-size:min(clamp(1.375rem,7.5vw,2.375rem),calc((100vw - 52px)/12));
 }
}

/* Concrete lead-concept scope before the cost split. */
.lead-services{list-style:none;padding:0;margin:25px 0;display:grid;gap:15px}
.lead-services li{display:grid;gap:4px;padding-left:17px;position:relative}
.lead-services li:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#267356}
.lead-services strong{font-size:13px;line-height:1.4;font-weight:550;letter-spacing:-.01em}
.lead-services span{font-size:11px;line-height:1.5;color:#69736c}
/* Marketing-Experte im Leadkonzept. Das Foto ist die oberste Hintergrundebene
   (public/homepage/assets/team/marketing.jpg, quadratisch); fehlt es, bleibt das b-Zeichen. */
.marketing-expert{display:flex;align-items:center;gap:14px;max-width:390px;margin:22px 0 0;padding:12px 16px 12px 12px;border-radius:18px;background:#f3f4f3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.marketing-expert-photo{display:block;flex:none;width:52px;height:52px;border-radius:50%;background:url(/homepage/assets/team/marketing.jpg) center 25%/cover no-repeat,url(/homepage/assets/symbol-black.svg) center/40% no-repeat,#e6e8e6}
.marketing-expert strong{display:block;font-size:13px;line-height:1.4;font-weight:550;letter-spacing:-.01em}
.marketing-expert div span{display:block;font-size:11px;line-height:1.5;color:#69736c}
.agency-value-body{padding:0 0 10px 25px}
.agency-value-body p{font-size:12px;line-height:1.65;color:#637168;margin:12px 0;max-width:46ch}
.agency-value-body a{text-decoration:underline;text-underline-offset:3px;color:#23664f}
.agency-value-body a:focus-visible{outline:2px solid #267356;outline-offset:3px}

/* One aligned title pair across phone, tablet and desktop text columns.
   Container units follow the actual column, not the entire desktop viewport. */
.visitor-flow .hero-copy{container-type:inline-size}
.visitor-flow .hero h1{max-width:100%;font-size:clamp(29px,5.4vw,75.5px);letter-spacing:-.05em;white-space:nowrap}
.visitor-flow .hero h1 .hero-tagline{display:block;white-space:nowrap;font-size:.7012em;line-height:1.2;letter-spacing:-.04em}
.visitor-flow .hero-tagline-break{display:none}
.visitor-flow .hero-subtitle{max-width:100%;font-size:clamp(13px,2.8vw,18px);line-height:1.55;text-wrap:balance}
@media(max-width:820px){
 .visitor-flow .hero h1{font-size:min(56.39px,calc(10.64vw - 5.11px))}
 @media(max-width:375px){.visitor-flow .hero h1{font-size:calc(10.64vw - 4.26px)}}
}
@supports(font-size:1cqi){
 .visitor-flow .hero h1{font-size:10.64cqi}
 .visitor-flow .hero-subtitle{font-size:clamp(12px,4cqi,18px)}
}

/* Three visible chapters. The shortcuts never hide another benefit. */
.visitor-flow .offer-section>.wrap{max-width:900px}
.visitor-flow .offer-section .offer-heading{text-align:center}
.visitor-flow .offer-section .offer-heading .eyebrow{justify-content:center;max-width:none;margin-inline:auto}
.offer-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto 56px;max-width:720px}
.offer-jumps a{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border-radius:12px;background:#fff;color:#294d3e;font-size:12px;line-height:1.3;text-decoration:none;box-shadow:0 2px 5px #15171508,0 8px 22px #1517150d;transition:box-shadow .18s ease}
.offer-jumps a:hover{background:#fff;box-shadow:0 3px 7px #1517150b,0 10px 26px #15171514}
.offer-jumps a:focus-visible{outline:2px solid #23664f;outline-offset:3px}
.offer-jump-number{color:#7a8a80;font-size:10px;font-variant-numeric:tabular-nums}
.offer-jumps svg{width:15px;height:15px;flex:none;margin-left:auto}
.visitor-flow .offer-panel{padding:0;scroll-margin-top:110px}
.visitor-flow .offer-panel+.offer-panel{margin-top:80px;padding-top:70px;border-block:0}
.visitor-flow .offer-panel .lead-proof,.visitor-flow .offer-panel .app-showcase,.visitor-flow .offer-panel .academy-grid{display:flex;flex-direction:column;gap:28px;align-items:center}
.offer-chapter-heading{text-align:center;width:100%}
.visitor-flow .offer-chapter-heading .eyebrow{justify-content:center;margin:0 0 12px;font-size:12px;color:#708076}
.visitor-flow .offer-chapter-heading h3{font-size:clamp(27px,3.2vw,40px);font-weight:500;letter-spacing:-.045em;line-height:1.13;margin:0}
.visitor-flow .offer-chapter-heading h3 span{color:#23664f}
.visitor-flow .offer-panel .lead-proof-copy,.visitor-flow .offer-panel .app-story,.visitor-flow .offer-panel .academy-copy{width:100%;max-width:530px;margin:0 auto;order:0}
.visitor-flow .offer-panel .proof-stage{width:100%;order:0}
.visitor-flow .offer-panel .proof-device,.visitor-flow .offer-panel .app-device{width:280px;max-width:100%;min-width:0}
.visitor-flow .offer-panel .lead-proof-copy>p:first-child,.visitor-flow .offer-panel .app-intro,.visitor-flow .offer-panel .academy-copy>p:first-child{margin:0 0 24px;max-width:none}
.visitor-flow .offer-panel .proof-controls{max-width:100%;margin-top:14px}
.visitor-flow :is(#rec-locations,#rec-objects) .offer-chapter-heading{margin-bottom:28px}
.visitor-flow #rec-objects .section-top{max-width:530px;margin:24px auto 0;display:block}
.visitor-flow #rec-objects .section-intro{max-width:none;margin-top:0}
.visitor-flow #ecosystem .process-disclosure,.visitor-flow #rec-objects .property-detail{max-width:530px;margin-inline:auto}
@media(max-width:820px){
 .offer-jumps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:36px;max-width:430px}
 .offer-jumps a{flex-direction:column;justify-content:center;gap:7px;min-height:82px;padding:10px 4px;font-size:clamp(10px,2.65vw,12px);text-align:center}
 .offer-jumps a>span:last-of-type{display:flex;align-items:center;justify-content:center;min-height:30px;max-width:100%}
 .offer-jumps .offer-jump-number{height:24px;display:grid;place-items:center}
 .offer-jumps a>svg{display:none}
 .visitor-flow .offer-panel+.offer-panel{margin-top:56px;padding-top:48px}
 .visitor-flow .offer-panel .proof-device,.visitor-flow .offer-panel .app-device{width:min(270px,65vw)}
 .visitor-flow .offer-panel .lead-proof,.visitor-flow .offer-panel .app-showcase,.visitor-flow .offer-panel .academy-grid{gap:24px}
 .visitor-flow .offer-chapter-heading h3{font-size:clamp(25px,6.6vw,35px)}
}
@media(prefers-reduced-motion:reduce){.offer-jumps a{transition:none}}

/* Lead concept: responsibilities, then costs, then optional context. */
.visitor-flow .lead-offer-copy{max-width:460px}
.lead-offer-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.lead-offer-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:22px 0;border-block:0}
.lead-offer-steps li:first-child{padding-top:4px}
.lead-offer-steps li:last-child{border-bottom:0;padding-bottom:0}
.lead-step-number{font-size:11px;line-height:24px;font-variant-numeric:tabular-nums;color:#799085}
.lead-offer-steps h4{font-size:19px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin:0;color:#17261e}
.lead-offer-steps p{font-size:14px;line-height:1.55;margin:7px 0 0;color:#67736c;max-width:40ch;text-wrap:pretty}
.lead-offer-costs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;padding:22px 0;border-block:0}
.lead-offer-costs>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.lead-offer-costs>div+div{border-left:1px solid #e2e8e4;padding-left:20px}
.lead-offer-costs span{font-size:12px;line-height:1.4;color:#65756b}
.lead-offer-costs .lead-cost-owner{font-size:12px;font-weight:500;color:#344b3c;margin-bottom:4px}
.lead-offer-costs strong{font-size:32px;line-height:1.1;letter-spacing:-.045em;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:#23664f}
.lead-offer-costs small{font-size:14px;font-weight:400;letter-spacing:0;color:#65756b}
.visitor-flow .lead-proof-copy>p.lead-offer-fair{font-size:12px;line-height:1.6;text-align:center;max-width:none;margin:16px 0 8px;color:#65756b}
.lead-offer-info{margin-top:8px}
.lead-offer-info>summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none;color:#66766c;font-size:12px;line-height:1.4}
.lead-offer-info>summary::-webkit-details-marker{display:none}
.lead-offer-info>summary>span{display:grid;place-items:center;width:17px;height:17px;flex:none;border:1px solid #aebbb2;border-radius:50%;font:italic 11px Georgia,serif}
.lead-offer-info>summary>svg{width:14px;height:14px;margin-left:auto;transition:transform .2s ease}
.lead-offer-info[open]>summary>svg{transform:rotate(180deg)}
.lead-offer-info>summary:focus-visible{outline:2px solid #23664f;outline-offset:3px;border-radius:5px}
.lead-offer-info-body{padding:12px 0 0;border-block:0}
.lead-offer-info-body h4{font-size:13px;line-height:1.4;font-weight:550;margin:20px 0 8px;color:#344b3c}
.lead-offer-info-body>h4:first-child{margin-top:0}
.lead-offer-info-body p,.lead-offer-info-body .agency-value-body p{font-size:12px;line-height:1.65;color:#68756c;margin:8px 0;max-width:none}
.lead-offer-info-body .agency-value-body{padding:0}
.lead-offer-info-body .growth-services{margin:20px 0;padding:0;border:0;gap:18px}
.lead-offer-info-body .growth-services h4{margin-top:0}
@media(max-width:420px){
 .lead-offer-steps li{gap:10px;grid-template-columns:24px minmax(0,1fr);padding-block:19px}
 .lead-offer-steps h4{font-size:17px}.lead-offer-steps p{font-size:13px}
 .lead-offer-costs{gap:12px}.lead-offer-costs>div+div{padding-left:12px}
 .lead-offer-costs strong{font-size:28px}.lead-offer-costs small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.lead-offer-info>summary>svg{transition:none}}

.offer-app-icon{display:block;width:24px;height:24px;flex:none;object-fit:contain;border-radius:6px;box-shadow:0 1px 5px #17261f12}
.offer-app-label{display:flex;align-items:center;gap:9px}

/* Portfolio caption sits between the imagery and compact, accessible arrows. */
.visitor-flow #rec-locations .city-card.is-in-view>img{filter:grayscale(0)}
.visitor-flow #rec-locations .city-bottom{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:none;margin:14px auto 0}
.visitor-flow #rec-locations .city-context{max-width:none;white-space:nowrap;text-align:center;font-size:clamp(9px,2.9vw,12px);line-height:1.5;margin:0;letter-spacing:-.01em}
@supports(font-size:1cqi){.visitor-flow #rec-locations .city-context{font-size:min(12px,3.5cqi)}}
.visitor-flow #rec-locations .rail-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
.visitor-flow #rec-locations .rail-controls .round{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:#f3f6f4;color:#365244;box-shadow:0 2px 6px #17261f08}
.visitor-flow #rec-locations .city-arrow svg{width:20px;height:20px}
.visitor-flow #rec-locations .rail-controls .round:hover:not(:disabled){background:#eaf0ec}
.visitor-flow #rec-locations .rail-controls .city-toggle{background:transparent;box-shadow:none;color:#718077;font-size:12px}
@media(prefers-reduced-motion:reduce){.visitor-flow #rec-locations .city-card>img{transition:none}}

/* Matching app tiles identify the three benefits; the real app-tour icons stay intact. */
.offer-symbol-tile{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:6px;background:#fff;color:#151715;box-shadow:0 1px 5px #17261f12}
.offer-jumps .offer-symbol-tile svg,.offer-symbol-tile svg{display:block;width:17px;height:17px;margin:0;flex:none}
.visitor-flow .offer-chapter-heading .eyebrow,.visitor-flow #rec-objects>.wrap>.eyebrow{display:flex;align-items:center;gap:8px}
.visitor-flow .offer-heading .eyebrow,.visitor-flow .offer-chapter-heading .eyebrow,.visitor-flow .partner-copy .eyebrow,.visitor-flow .success-copy .eyebrow{font-size:14px;line-height:1.55}
@media(max-width:820px){.visitor-flow .offer-heading .eyebrow,.visitor-flow .offer-chapter-heading .eyebrow,.visitor-flow .partner-copy .eyebrow,.visitor-flow .success-copy .eyebrow{font-size:13px;line-height:1.55;max-width:none}}

/* Shared icon slots keep marks and labels aligned, including the active item. */
.visitor-flow .dock-item>svg,.visitor-flow .dock-item>.nav-brand-mark{width:24px;height:24px;box-sizing:border-box;flex:none;margin:0}
.visitor-flow .dock-item>svg{padding:2px;transform:none}
.visitor-flow .dock-item>.nav-brand-mark{-webkit-mask-size:17px 20px;mask-size:17px 20px}
/* One centered reading column beneath the portfolio gallery. */
.visitor-flow #rec-locations .city-bottom{gap:10px;margin-top:16px}
.visitor-flow #rec-locations .rail-controls{gap:0;padding:2px;background:#f5f6f5;border:1px solid #17261f0a;border-radius:99px}
.visitor-flow #rec-locations .rail-controls .round{background:transparent;box-shadow:none;color:#68716b}
.visitor-flow #rec-locations .rail-controls svg{width:18px;height:18px}
.city-toggle .city-play-icon,.city-toggle[aria-pressed=true] .city-pause-icon{display:none}
.city-toggle[aria-pressed=true] .city-play-icon{display:block}
.visitor-flow #rec-objects .section-top{width:100%;max-width:578px;margin:28px auto 0;padding-inline:24px;text-align:center}
.visitor-flow #rec-objects .section-intro{font-size:14px;line-height:1.7;text-wrap:pretty;margin:0 auto;max-width:49ch}
.visitor-flow #rec-objects .product-types{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin:18px auto 0;font-size:clamp(10px,2.9vw,12px);line-height:1.5;color:#798079;white-space:nowrap}
.visitor-flow #rec-objects .product-types li{display:flex;align-items:center;flex:none;white-space:nowrap}
.visitor-flow #rec-objects .product-types li+li:before{content:"";width:3px;height:3px;flex:none;border-radius:50%;background:currentColor;margin-inline:clamp(6px,1.8vw,12px)}
.visitor-flow #rec-objects .property-detail{width:calc(100% - 48px);max-width:530px;margin:26px auto 0;border:0;border-radius:0}
.visitor-flow #rec-objects .property-detail>summary{padding:19px 0;gap:16px;font-size:13px;line-height:1.45}
.visitor-flow #rec-objects .property-detail .calc-proof{width:100%;padding-inline:0}

/* White app tiles echo the soft depth of their parent cards. */
.offer-jumps .offer-symbol-tile,.offer-jumps .offer-app-icon{background:#fff;border-radius:6px;box-shadow:0 1px 3px #1517150c,0 3px 8px #15171514}

/* Section-only glass navigation; original cards keep their space in the flow. */
.offer-floating{position:fixed;z-index:45;top:var(--offer-nav-top,88px);left:50%;width:min(640px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:0 3px 8px #15171509,0 12px 32px #15171512;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.offer-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.offer-floating a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:6px;border-radius:13px;color:#666e69;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}
.offer-floating a[aria-current]{background:#fff;color:#17563e;box-shadow:0 2px 8px #1517150d}
.offer-floating a:hover{color:#17563e;background:#ffffffb8}
.offer-floating a:focus-visible{outline:2px solid #23664f;outline-offset:1px}
.offer-floating a>svg{display:none}
.offer-floating .offer-symbol-tile,.offer-floating .offer-app-icon{width:22px;height:22px;flex:none}
.visitor-flow .offer-panel{scroll-margin-top:var(--offer-anchor-offset,160px)}
@media(max-width:820px){.offer-floating{width:calc(100% - 24px);gap:2px;padding:4px;border-radius:16px}.offer-floating a{flex-direction:column;gap:4px;min-height:58px;padding:5px 2px;font-size:clamp(9px,2.6vw,11px);white-space:nowrap}.offer-floating a>span:last-of-type{line-height:1.2}}
@media(prefers-reduced-motion:reduce){.offer-floating,.offer-floating a{transition:none}}

/* Every phone owns its controls and its single-line caption. */
.visitor-flow .offer-panel [data-lead-stage]{width:280px;max-width:100%;container-type:inline-size}
.visitor-flow [data-gallery-stage]{width:300px;max-width:100%;justify-self:center;container-type:inline-size}
.visitor-flow [data-gallery-stage]>.proof-device{width:100%;min-width:0;box-sizing:border-box}
.visitor-flow .app-device,.visitor-flow .hero-selfie{container-type:inline-size}
.visitor-flow .app-device{position:relative}
.phone-media-toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;margin-top:3px;gap:0;position:relative;z-index:4}
.visitor-flow .phone-media-toolbar .proof-controls{width:auto;margin:0;justify-content:flex-end}
.phone-media-toolbar button,.phone-media-info summary{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:0;background:transparent;color:#748078;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-sizing:border-box}
.phone-media-toolbar [data-proof-toggle]>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.phone-media-info{position:relative;color:#748078}
.phone-media-info summary{list-style:none}
.phone-media-info summary::-webkit-details-marker{display:none}
.phone-media-info summary>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font:italic 11px Georgia,serif}
.phone-media-info p{position:absolute;right:0;bottom:44px;width:min(260px,70vw);padding:16px;margin:0;border-radius:14px;background:#fffffff5;box-shadow:0 6px 28px #12241b24;color:#526158;font-size:12px;line-height:1.6;z-index:6;box-sizing:border-box;text-align:left;backdrop-filter:blur(12px)}
.phone-media-info summary:focus-visible{outline:2px solid #438465;outline-offset:-3px}
.visitor-flow .phone-media-caption,.visitor-flow .app-device figcaption.phone-media-caption{display:block;width:100%;max-width:100%;margin:0;text-align:center;white-space:nowrap;font-size:min(11px,3.65cqw);line-height:1.6;letter-spacing:0;color:#7d8780}
.visitor-flow .hero-selfie figcaption{justify-content:flex-end;margin-top:3px}
.visitor-flow .selfie-status{max-width:100%;font-size:min(11px,3.65cqw);white-space:nowrap}
.visitor-flow .selfie-start,.visitor-flow .selfie-screen.is-full .selfie-start{left:auto;top:auto;right:10px;bottom:85px;width:44px;height:44px;padding:12px;transform:none}
@media(max-width:820px){.visitor-flow .offer-panel [data-lead-stage]{width:min(270px,65vw)}.visitor-flow [data-gallery-stage]{width:min(280px,calc((100svh - 280px)*.4625));min-width:180px}}

/* Playback is controlled beside the device; avoid a second remote control. */
.visitor-flow .app-tour-controls{display:none}

/* Controls form one vertical column beside the bottom-right device edge. */
.visitor-flow [data-lead-stage],.phone-media-shell{position:relative}
.phone-media-shell{width:100%;container-type:inline-size}
.visitor-flow .phone-media-shell>.proof-device{width:100%;min-width:0;box-sizing:border-box}
.phone-media-toolbar{position:relative;height:0;min-height:0;margin:0;display:block}
.phone-media-toolbar>.phone-media-info{position:absolute;right:-48px;bottom:44px}
.phone-media-toolbar>.phone-video-toggle,.phone-media-toolbar>.proof-controls{position:absolute;right:-48px;bottom:0}
.phone-media-toolbar>.phone-media-info:last-child{right:-48px;bottom:0}
.visitor-flow .phone-media-caption,.visitor-flow .app-device figcaption.phone-media-caption{margin-top:9px}
.visitor-flow .hero-selfie figcaption{position:relative;min-height:0;margin:0;display:block}
.visitor-flow .hero-selfie .selfie-credit{position:absolute;right:-48px;bottom:44px}
.visitor-flow .hero-selfie>.selfie-start{left:auto;top:auto;right:-48px;bottom:0;width:44px;height:44px;padding:13px;transform:none;background:transparent;color:#748078;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.visitor-flow .hero-selfie>.selfie-start[hidden]{display:none}
.visitor-flow .hero-selfie>.selfie-start svg{filter:none}
.visitor-flow .hero-selfie>.selfie-start:focus-visible{outline:2px solid #438465;outline-offset:-3px}
.visitor-flow .selfie-status{margin:9px 0 0}


.visitor-flow [data-gallery-stage]{margin-inline:auto}

/* Reserve room for the full 44px touch targets, including on narrow screens. */
.visitor-flow .hero-selfie{min-width:0;max-width:calc(100% - 48px)}
@media(max-width:820px){.visitor-flow .hero-selfie{width:min(360px,calc(100vw - 104px),calc((100svh - 200px)*.47794));max-width:100%;min-width:0}.visitor-flow [data-gallery-stage]{width:min(280px,calc(100vw - 104px),calc((100svh - 280px)*.4625));min-width:0}}

/* Center the control column in the mobile gutter beside each centered phone. */
@media(max-width:820px){
 .phone-media-toolbar>.phone-media-info,
 .phone-media-toolbar>.phone-media-info:last-child,
 .phone-media-toolbar>.phone-video-toggle,
 .phone-media-toolbar>.proof-controls,
 .visitor-flow .hero-selfie .selfie-credit,
 .visitor-flow .hero-selfie>.selfie-start{right:calc(-22px - (100vw - 100cqw)/4)}
}
.hero-actions .journey-note{max-width:none;white-space:nowrap;letter-spacing:0;text-align:center}

/* Align both benefit headings at the top and supporting lines at the bottom. */
.hero-benefits{align-items:stretch}
.hero-benefits>div>span{margin-top:auto}
/* The commission fills the same height as the two-line benefit heading. */
.hero-commission{padding-right:0}
.hero-commission>strong{font-size:calc(14px * 2.8 / 1.2);line-height:1.2}
@media(max-width:820px){.hero-commission>strong{font-size:calc(13px * 2.8 / 1.2)}}
@media(max-width:360px){.hero-benefits{gap:8px;grid-template-columns:1fr 1.12fr}.hero-commission{padding-left:4px}.hero-commission>strong{font-size:28px}}

/* Quiet gallery navigation and a direct, reversible detour into the app. */
.visitor-flow #rec-locations .city-bottom{position:relative}
.visitor-flow #rec-locations .rail-controls{padding:0;gap:2px;border:0;background:transparent;border-radius:0}
.visitor-flow #rec-locations .rail-controls .round{color:#929a95}
.visitor-flow #rec-locations .rail-controls .round:hover:not(:disabled){background:#f5f6f5}
.visitor-flow #rec-locations .rail-controls .city-arrow svg{width:14px;height:14px}
.visitor-flow #rec-locations .city-bottom>.city-toggle{position:absolute;right:8px;top:-10px;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;box-shadow:none;color:#68756c}
.city-bottom>.city-toggle svg{width:14px;height:14px}
.city-app-link,.city-return{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 4px;background:transparent;border:0;color:#365d48;line-height:1.4;cursor:pointer}
.city-app-link{font-family:inherit;font-size:12px;font-weight:500}
.city-app-link svg{width:15px;height:15px;flex:none}
.city-return{font-family:inherit;font-size:11px;font-weight:500}
.city-return[hidden]{display:none}
.city-app-link:focus-visible,.city-return:focus-visible{outline:2px solid #438465;outline-offset:2px;border-radius:8px}
@media(max-width:380px){.city-app-link{font-size:10px;gap:4px}}

/* Continuous, square-edged photographic filmstrip. */
.visitor-flow #rec-locations .city-rail{gap:0;scroll-snap-type:none;padding-bottom:0}
.visitor-flow #rec-locations .city-card{border-radius:0;scroll-snap-align:none}
.visitor-flow #rec-locations .city-card>img,.visitor-flow #rec-locations .city-card:hover>img{filter:grayscale(1);transform:none;transition:filter 1.5s ease-in-out}
.visitor-flow #rec-locations .city-card.is-in-view>img{filter:grayscale(0)}
.city-media-tools{display:flex;align-items:center;justify-content:flex-end;align-self:flex-end;height:44px;margin-top:-6px}
.visitor-flow #rec-locations .city-media-tools .city-toggle{display:grid;place-items:center;width:44px;height:44px;background:transparent;box-shadow:none;color:#78837c}
.city-media-tools .city-toggle svg{width:14px;height:14px}
.city-media-info{flex:0 0 44px;z-index:6}
@media(prefers-reduced-motion:reduce){.visitor-flow #rec-locations .city-card>img{transition:none}}

.city-film{position:relative}
.visitor-flow #rec-locations .city-film>.city-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:#17231d28;color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 1px 8px #0000000a;transition:background .2s ease,opacity .2s ease}
.city-film>.city-arrow[data-rail=prev]{left:10px}
.city-film>.city-arrow[data-rail=next]{right:10px}
.visitor-flow #rec-locations .city-film>.city-arrow svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px #0007)}
.visitor-flow #rec-locations .city-film>.city-arrow:hover:not(:disabled){background:#17231d55}
.visitor-flow #rec-locations .city-film>.city-arrow:disabled{opacity:.3}
.city-film>.city-arrow:focus-visible{outline:2px solid white;outline-offset:2px}
.visitor-flow #rec-locations .city-rail{border-radius:0}
/* Let the portfolio filmstrip run edge to edge, independently of the text column. */
.visitor-flow #rec-locations .city-film{width:100vw;max-width:none;left:50%;transform:translateX(-50%)}
.visitor-flow #rec-locations .city-film .city-rail{width:100%;max-width:none;margin-inline:0;padding-inline:0}

/* Align both discreet explanations with their benefit captions. */
.hero-benefit-caption{display:flex;align-items:center;gap:4px;margin-top:auto;min-width:0;font-size:10px;line-height:1.5;color:#686e6a}
.hero-benefit-caption>span{white-space:nowrap}
.hero-benefit-caption .hero-commission-info{position:relative;top:auto;right:auto;flex:0 0 20px;height:15px}
.hero-benefit-caption .hero-commission-info summary{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:44px;height:44px}
.hero-benefit-caption .hero-commission-info p{top:28px;right:0;text-align:left}
.hero-benefit-caption .hero-budget-info p{left:calc(-1 * min(105px,28vw));right:auto}
.hero-benefit-caption .hero-commission-info[open]{z-index:10}
@media(max-width:360px){.hero-benefit-caption{font-size:9px;gap:2px}}

.hero-budget-goal{display:block;margin-top:16px}
.hero-budget-info .hero-budget-goal>strong{display:block;margin-bottom:4px;font-size:12px;line-height:1.6;font-weight:600;color:#263d30}

.hero-benefit-caption .hero-budget-info p{width:min(292px,calc(100vw - 48px));top:auto;bottom:28px}

.hero-budget-example{display:grid;justify-items:center;gap:3px;margin-top:12px;padding:12px 8px;background:#f3f6f4;border-radius:10px;text-align:center}
.hero-budget-example>[aria-hidden]{color:#8b9b92;font-size:12px;line-height:1}
.hero-budget-example>strong{font-size:14px;font-weight:600;color:#286049;line-height:1.5}
.hero-budget-assumption{display:block;margin-top:8px;font-size:10px;line-height:1.5;color:#737c76}
.hero-benefit-caption .hero-budget-info p{position:fixed;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);max-height:calc(100svh - 180px);overflow-y:auto;overscroll-behavior:contain}

/* Glanz im Hero: erst ruhig lesen lassen (Titel und Untertitel, gut 3 s), dann gleitet ein Licht durch die zwei Vorteile
   (nur die Buchstaben, rechte Spalte leicht versetzt) und direkt danach ueber den Knopf: der Blick wandert Titel, Vorteile,
   Knopf. Jeder Durchlauf 2,9 s mit weichem Ein- und Auslauf, danach alle 11 s wieder. Aus bei reduzierter Bewegung und in der globalen Pause. */
@supports ((-webkit-background-clip:text) or (background-clip:text)) and (color:color-mix(in srgb,red,white)){
  .hero-benefits :is(.hero-calendar strong,.hero-commission>strong,.hero-benefit-caption>span){
    background:linear-gradient(105deg,currentColor 0 30%,color-mix(in srgb,currentColor 78%,#fff) 39%,color-mix(in srgb,currentColor 45%,#fff) 46%,color-mix(in srgb,currentColor 32%,#fff) 50%,color-mix(in srgb,currentColor 45%,#fff) 54%,color-mix(in srgb,currentColor 78%,#fff) 61%,currentColor 70% 100%) no-repeat;
    background-size:320% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:be-glanz 11s cubic-bezier(.37,0,.63,1) 3.2s infinite}
  .hero-benefits .hero-commission :is(strong,.hero-benefit-caption>span){animation-delay:3.55s}
}
.hero-actions .watch-cta{position:relative;overflow:hidden;isolation:isolate}
.hero-actions .watch-cta::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.16) 45%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.16) 55%,rgba(255,255,255,.05) 62%,transparent 72%) no-repeat;
  background-size:320% 100%;background-position:100% 0;animation:be-glanz 11s cubic-bezier(.37,0,.63,1) 4.6s infinite}
@keyframes be-glanz{0%{background-position:100% 0}26%,100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.hero-benefits *,.hero-actions .watch-cta::after{animation:none!important}}
.motion-paused .hero-benefits *,.motion-paused .hero-actions .watch-cta::after{animation-play-state:paused!important}

/* Endbild der Videobotschaft: vor dem Erklaervideo ein Abspielzeichen, danach das Ticket. */
.selfie-end-cta .icon-ticket,.film-complete .selfie-end-cta .icon-play{display:none}
.film-complete .selfie-end-cta .icon-ticket{display:block}

/* Zeile unter dem Knopf im Endbild der Videobotschaft, so breit wie die gerade Unterkante des Knopfs (film-gate.js). */
.selfie-end .selfie-end-note{margin:8px auto 0;white-space:nowrap;color:#5b6660;line-height:1.3;text-align:center}

/* Section typography follows the App heading. A shared fluid size preserves hierarchy;
   lines are never enlarged independently to fill an arbitrary width. Hero stays untouched.
   Opaque stops match the Hero gradient composited on white, keeping the same visible emerald
   on dark sections instead of letting the translucent endpoint turn almost black. */
.visitor-flow{--section-title-size:clamp(27px,3.2vw,40px);--section-title-emerald:linear-gradient(135deg,#1f6f57,#55927f)}
body.visitor-flow #main .be-titel.be-titel{
 width:100%;max-width:100%;font-size:var(--section-title-size);font-weight:500;
 letter-spacing:-.045em;line-height:1.13;white-space:normal;text-wrap:balance;
 margin-inline:0;text-align:inherit;
}
body.visitor-flow #main .be-titel.be-titel>.be-z1,
body.visitor-flow #main .be-titel.be-titel>.be-z2{
 display:block;font:inherit;letter-spacing:inherit;white-space:normal;text-wrap:balance;margin:0;
}
body.visitor-flow #main .be-titel.be-titel>.be-z1{color:inherit;background:none;-webkit-text-fill-color:currentColor}
body.visitor-flow #main .be-titel.be-titel>.be-z2{
 color:#1f6f57;background:var(--section-title-emerald);background-clip:text;
 -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
@media(max-width:820px){.visitor-flow{--section-title-size:clamp(25px,6.6vw,35px)}}

/* Transparent partner film, consistent with the explainer film. */
.visitor-flow .partnerfilm{position:relative;width:100%;max-width:480px;margin:0 auto;align-self:center;aspect-ratio:4/5}
.visitor-flow .partnerfilm-video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}