/* Existing PROMATIC tokens. Design variance 3, motion 2, density 3.
   All new layout selectors are scoped; the approved heroes and logos stay intact. */
.v4-website-bridge{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:64px;align-items:center}
.v4-website-bridge h2{max-width:14ch}.v4-website-bridge .lead{max-width:60ch}.v4-website-bridge .text-link{display:inline-block;margin-top:24px}
.v4-bridge-offer{border-left:1px solid var(--line);padding:24px 0 24px 40px}.v4-bridge-offer s{color:var(--muted)}
.v4-bridge-offer .v4-bridge-price{font-family:var(--display);font-size:clamp(36px,4vw,56px);letter-spacing:-.04em;line-height:1.15;color:var(--ink);margin:12px 0}.v4-bridge-price span{display:block;font-size:20px;letter-spacing:0}.v4-bridge-offer p:not(.v4-bridge-price):not(.eyebrow){font-size:13px;line-height:1.6}
.v4-ai-teaser .role-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.v4-ai-teaser .role-card{color:var(--ink);background:transparent;border:1px solid var(--line)}.v4-ai-teaser .role-card p{color:var(--muted)}.v4-ai-teaser .text-link{margin-top:20px;display:inline-block}
.v4-project-list{display:grid;gap:0;margin-top:32px}.v4-project-list a{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.v4-project-list a>span:not([aria-hidden]){color:var(--muted);font-size:14px}
.v4-page-intro h1{max-width:18ch}.v4-page-intro .lead,.v4-local-service .lead,.v4-local-cta .lead{max-width:68ch}
.v4-section-nav{display:flex;gap:12px 28px;flex-wrap:wrap;margin:32px 0}.v4-section-nav a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}
.v4-demo-section{padding-top:32px}.v4-booking-copy{max-width:72ch;margin:32px 0 0;color:var(--muted);line-height:1.7}
.v4-page .package-option{font-size:13px;line-height:1.6;margin:12px 0;color:var(--muted)}.v4-page .package-option a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.v4-page .role-request{font-size:13px;font-weight:600}.v4-page .employees .role-note{color:var(--paper)}
.v4-page .home-price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v4-page .home-price-grid .price-card{padding:25px 22px}.v4-page .home-price-grid h3{font-size:23px;min-height:56px;margin-bottom:20px}.v4-page .home-price-grid .price{font-size:43px}.v4-page .home-price-grid .price>span{font-size:13px}.v4-page .home-price-grid .setup-price{margin-top:14px;font-size:13px}.v4-page .home-price-grid ul{margin:23px 0 15px;font-size:13px}.v4-page .home-price-grid li{line-height:1.5}.v4-page .home-price-grid .usage-allowance{font-size:13px;line-height:1.6;border-top:1px solid var(--line);padding-top:15px;margin-bottom:24px;min-height:80px}.v4-page .home-price-grid .featured .usage-allowance{color:var(--paper);border-color:var(--muted)}.v4-page .home-price-grid .button{font-size:12px;padding:14px 12px;gap:10px}
.v4-page .home-consulting{padding-top:0}.v4-page .home-consulting .strategy-panel{margin-top:0}.v4-page .home-consulting h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:22px}.v4-page .home-consulting .consulting-audience{font-size:12px;margin-bottom:22px}.v4-page .home-consulting .strategy-list li{padding:7px 0}.v4-page .home-consulting .strategy-price{margin-top:18px}.v4-page .home-consulting .button{margin-top:18px}
.v4-page :is(.v4-section-nav,.v4-project-list,.v4-website-bridge) a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.v4-page :is(#website-ki,#whatsapp-ki,#ki-empfang,#ki-kombi,#ki-beratung,[id^="rolle-"]){scroll-margin-top:120px}
@media(max-width:1100px){.v4-page .home-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-page .home-price-grid h3{min-height:0}.v4-website-bridge{gap:32px}}
@media(max-width:700px){.v4-website-bridge{grid-template-columns:1fr;gap:24px}.v4-bridge-offer{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.v4-ai-teaser .role-grid,.v4-page .home-price-grid{grid-template-columns:1fr}.v4-project-list a{grid-template-columns:1fr auto;gap:12px}.v4-project-list a>span:not([aria-hidden]){grid-row:2;grid-column:1/-1}.v4-page .home-price-grid .usage-allowance{min-height:0}.v4-page .home-consulting .strategy-panel{padding:25px}.v4-page .home-consulting .strategy-price{font-size:30px}}
@media(prefers-reduced-motion:reduce){.v4-page :is(.v4-website-bridge,.v4-ai-teaser,.v4-project-list) *{scroll-behavior:auto;transition:none;animation:none}}
.v4-page .v4-page-intro h1,.v4-page>.header+main>.industries h1{overflow-wrap:anywhere;hyphens:auto;max-width:100%}
.v4-page #industries>*{min-width:0}
@media(max-width:700px){.v4-page .v4-page-intro h1,.v4-page #industries h1{font-size:clamp(38px,10vw,56px);letter-spacing:-.035em}.v4-page #industries{grid-template-columns:minmax(0,1fr)}}

.v4-service-list .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-service-list .role-card{color:var(--paper)}.v4-service-list .role-card p{color:var(--paper);margin:16px 0}.v4-service-list .text-link{margin-top:16px}.v4-page .website-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.v4-service-list .role-grid,.v4-page .website-benefits{grid-template-columns:1fr}}
