/* Studio clarity, 05.10.2026. Shared palette and components; studio experience
   leads, with a quiet introduction and one useful first action. */
:root, body, #mainWrapper, #mainWrapper .scope-design26 {
  --tai-paper:#fdfcfb; --tai-sand:#f4f3f1; --tai-line:#dedfdd;
  --tai-action:#14778b; --tai-action-hover:#105e70; --tai-teal-ink:#176978; --tai-copy:#535d65;
  --grey-light:#f4f3f1; --grey-light-b:#f7f6f4; --grey-dark:#dce0e2; --fliesstext:#535d65;
  --mint-cta:#176978; --mint-text:#176978; --tai-muted:#535d65; --tai-mint-text:#176978;
  --tai-detail-mint:#176978; --d26-mint:#176978; --d26-mint-soft:#edf3f3;
  --d26-mint-line:#ceddde; --d26-hairline:#dedfdd; --d26-shadow:0 3px 14px #202c3309;
}
body, #mainWrapper, #mainWrapper .content.b2b-section { background-color:var(--tai-paper); }
#mainWrapper .scope-design26 .content.b2b-section.d26-price-head { background:transparent; }
#mainWrapper .scope-design26 .content.b2b-section:is(.b2b-section--alt,.d26-dots) { background:#f0f6f8; animation:none; }
#mainWrapper .scope-design26 .content.b2b-section.d26-surface-mint { background:#fff; border-block:1px solid #e2edf0; }
#mainWrapper .scope-design26 .d26-wave { display:none; }
#mainWrapper .scope-design26 .content.b2b-section.b2b-section--accent,
#mainWrapper .scope-design26 .content.keyvisual-gradient:not(.hero-glow):not(.height-0-5rem) { background:#112943; animation:none; }
#mainWrapper .scope-design26 .content.b2b-section.b2b-section--accent::before,
#mainWrapper .scope-design26 .content.b2b-section.b2b-section--accent::after { display:none; }
#mainWrapper .scope-design26 .b2b-section-headline { font-size:clamp(28px,2.7vw,36px); line-height:1.2; letter-spacing:-.015em; text-wrap:balance; border-left:4px solid #46bdca; padding-left:18px; }
#mainWrapper .content .b2b-section-eyebrow { color:var(--tai-teal-ink)!important; letter-spacing:.07em; }
#mainWrapper :is(.keyvisual-gradient,.b2b-section--accent,.d26-price-head) .b2b-section-eyebrow { color:#c3e2e4!important; }

/* Buttons and links stay consistent across content pages. */
#mainWrapper .scope-design26 :is(.cta1,.cta2,.cta3) { display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:100%; box-sizing:border-box; }
#mainWrapper .scope-design26 :is(.cta1,.cta3),
#mainWrapper .seite-kontakt .wrapper_formular button.button-formularfelder,
#mainWrapper .scope-design26 :is(p,li) a.tai-rz-open { background:var(--tai-action)!important; color:#fff!important; border-color:var(--tai-action)!important; border-radius:8px; box-shadow:none!important; }
#mainWrapper .scope-design26 :is(.cta1,.cta3):hover,
#mainWrapper .seite-kontakt .wrapper_formular button.button-formularfelder:hover,
#mainWrapper .scope-design26 :is(p,li) a.tai-rz-open:hover { background:var(--tai-action-hover)!important; border-color:var(--tai-action-hover)!important; }
#mainWrapper .scope-design26 :is(.cta1,.cta3)::after { color:#fff!important; }
#mainWrapper .scope-design26 .cta2 { border-color:#becdce; border-radius:8px; }
#mainWrapper .scope-design26 :is(a,button,input,summary,audio,[tabindex]):focus-visible { outline:3px solid var(--tai-teal-ink); outline-offset:4px; }
#mainWrapper .scope-design26 :is(.keyvisual-gradient,.b2b-section--accent) :is(a,button,summary,[tabindex]):focus-visible { outline-color:#c3e2e4; }
#mainWrapper .scope-design26 :is(p,li) a:not(:where(.cta1,.cta2,.cta3,.tai-rz-open,.tai-mk-open,.tai-pt-cart,.tai-calc-cart,.button,[role='button'])),
#mainWrapper .seite-kontakt .wrapper_formular .datenschutz a { color:var(--tai-teal-ink)!important; text-underline-offset:3px; }
#mainWrapper .scope-design26 :is(.keyvisual-gradient,.b2b-section--accent) :is(p,li) a:not(:where(.cta1,.cta2,.cta3,.tai-rz-open,.tai-mk-open,.tai-pt-cart,.tai-calc-cart,.button,[role='button'])) { color:#c3e2e4!important; }
#mainWrapper .scope-design26 :is(.keyvisual-gradient,.b2b-section--accent) :is(.b2b-feature,.tai-calc-card,.tai-calc-controls) :is(p,li) a:not(:where(.cta1,.cta2,.cta3,.button,[role='button'])) { color:var(--tai-teal-ink)!important; }

/* Quiet common components, without decorative movement or colour strips. */
#mainWrapper :is(.b2b-feature,.b2b-step,.b2b-usecase,.tai-voicecard,.tai-track,.d26-faq-card) { background-color:#fff; border-color:#d5e2e6; border-radius:10px; box-shadow:0 4px 16px #18394e06; }
#mainWrapper :is(.b2b-feature,.b2b-step,.b2b-usecase,.tai-voicecard,.tai-track):hover { border-color:#a8bfc3; box-shadow:none; transform:none; }
#mainWrapper .scope-design26 .b2b-feature::before { display:none; }
#mainWrapper .scope-design26 :is(.b2b-feature,.b2b-step,.b2b-usecase) :is(p,p.small),
#mainWrapper .scope-design26 .b2b-section:not(.b2b-section--accent):not(.d26-price-head) > .modul > .b2b-section-intro { color:var(--tai-copy); }
#mainWrapper .scope-design26 :is(.d26-ico,.b2b-feature-icon) { background:#e1f3f6; color:var(--tai-teal-ink); border:1px solid #c4e4ea; border-radius:10px; width:42px; height:42px; box-shadow:none; }
#mainWrapper .scope-design26 .b2b-feature:hover :is(.d26-ico,.b2b-feature-icon) { background:#d2edf2; }
#mainWrapper .scope-design26 :is(.b2b-feature,.b2b-usecase,.b2b-step) :is(i,svg),
#mainWrapper .scope-design26 :is(.b2b-feature,.b2b-usecase,.b2b-step) h3::after { color:var(--tai-teal-ink); }
#mainWrapper .scope-design26 .b2b-feature h3 { font-size:19px; line-height:1.35; }
#mainWrapper .tai-calc :is(.tai-calc-controls,.tai-calc-card) { border-color:var(--tai-line); }
#mainWrapper .tai-calc .tai-calc-rest.is-bonus { background:#edf3f3; }
#mainWrapper .tai-appview { background-color:var(--tai-paper); }
#mainWrapper .voice-v4-banner--tai { background:#f4f3f1; border-color:var(--tai-line); }
#mainWrapper .voice-v4-banner--tai .voice-v4-banner__badge { background:#176978; color:#fff; }

/* Keep payment information visible while reducing competing text. */
#mainWrapper .content.tai-updates, #mainWrapper .tai-payment-notice { background:#eff8fa; border-bottom-color:#d6e8ed; }
#mainWrapper .tai-payment-notice__badge { background:#112943; color:#fff; }
#mainWrapper .tai-updates__chevron { background:transparent; border-color:#cbd2d3; }
#mainWrapper .tai-updates__body, #mainWrapper .tai-updates__feature { border-color:var(--tai-line); }
#mainWrapper .tai-updates__feedback { background:#edf3f3; }
#mainWrapper .tai-updates__copy small { display:block; }
#mainWrapper .tai-updates__summary { padding-block:18px; }
#mainWrapper .tai-updates__copy strong { font-size:16px; font-weight:500; }

/* Studio introduction: clear reading order, one form, one supporting image. */
#mainWrapper .seite-startseite .content.hero { padding:48px 32px 56px; background:#fff; box-shadow:none; overflow:hidden; }
#mainWrapper .seite-startseite .content.hero > .modul { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); grid-template-areas:'copy visual'; align-items:center; gap:52px; }
#mainWrapper .seite-startseite .hero .modul .inhalt { grid-area:copy; padding:0; min-width:0; }
#mainWrapper .seite-startseite .hero .modul .inhalt .wrapper { padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; backdrop-filter:none; }
#mainWrapper .seite-startseite .hero .tai-studio-origin { margin:0 0 20px; color:#176978; font-size:15px; font-weight:600; }
#mainWrapper .seite-startseite .hero .modul .inhalt .wrapper h1 { font-size:clamp(32px,3.15vw,44px); line-height:1.15; letter-spacing:-.025em; margin:0 0 22px; text-wrap:balance; }
#mainWrapper .seite-startseite .hero h1 span { font-weight:inherit; }
#mainWrapper .seite-startseite .hero h1 .highlight { text-decoration-color:#46bdca; }
#mainWrapper .seite-startseite .hero .tai-hero-entry { background:#f1f9fb; border:1px solid #c9e2e9; border-top:3px solid #46bdca; border-radius:10px; padding:22px; box-shadow:0 6px 18px #17394d06; }
#mainWrapper .seite-startseite .hero .tai-hero-entry > p { margin-bottom:0; }
#mainWrapper .seite-startseite .hero .tai-hero-intro { font-size:18px; line-height:1.65; color:var(--tai-copy); margin:0 0 28px; max-width:49ch; }
#mainWrapper .seite-startseite .hero .input-label { display:block; color:#293d51; font-size:15px; line-height:1.5; margin:0 0 8px; }
#mainWrapper .seite-startseite .hero .hero-glow { display:flex; flex-flow:row nowrap; align-items:center; margin:0 0 16px; padding:0 14px; min-height:54px; background:#fff; border:1px solid #aebcc2; border-radius:6px; box-shadow:none; animation:none; }
#mainWrapper .seite-startseite .hero .hero-glow::before, #mainWrapper .seite-startseite .hero .hero-glow::after { display:none; }
#mainWrapper .seite-startseite .hero .hero-glow:focus-within { outline:2px solid #176978; outline-offset:3px; }
#mainWrapper .seite-startseite .hero .placeholder { display:inline-block; position:static; width:auto; flex:0 0 auto; font-size:17px; font-weight:500; color:#293d51; margin:0 6px 0 0; padding:0; }
#mainWrapper .seite-startseite .hero #taiHeroName { flex:1; min-width:0; width:100%; font-size:17px; padding:13px 0; background:transparent; border:0; border-radius:0; box-shadow:none; color:#112943; outline:none; }
#mainWrapper .seite-startseite .hero #taiHeroCta { font:inherit; font-size:16px; font-weight:600; line-height:1.3; border:1px solid; padding:15px 22px; margin:0; cursor:pointer; }
#mainWrapper .seite-startseite .hero #taiHeroCta:disabled { opacity:.7; cursor:wait; }
#mainWrapper .seite-startseite .hero .tai-hero-note { font-size:13px; line-height:1.55; color:var(--tai-copy); margin:12px 0 0; }
#mainWrapper .seite-startseite .hero .tai-hero-status { font-size:14px; line-height:1.5; color:#293d51; margin:10px 0 0; }
#mainWrapper .seite-startseite .hero .tai-hero-status:empty { display:none; }
#mainWrapper .seite-startseite .hero .modul .tai-studio-visual { grid-area:visual; display:block; position:relative; min-width:0; height:480px; margin:0; padding:0; border:1px solid #e1ebee; border-radius:10px; background:#f5f8fa; box-shadow:none; overflow:hidden; }
#mainWrapper .seite-startseite .hero .tai-studio-visual img { display:block; position:static; width:100%; max-width:none; height:100%; object-fit:cover; object-position:center 50%; }

/* The home price summary is light and visually separated, with all existing
   pricing text and SSOT output intact. Other pages retain their tested pricing contrast. */
#mainWrapper .seite-startseite .content.keyvisual-gradient:not(.hero-glow):not(.height-0-5rem) { background:#eef7fa; border-block:1px solid #d7e7ed; }
#mainWrapper .seite-startseite .d26-price-head :is(.b2b-section-headline,.b2b-section-intro),
#mainWrapper .seite-startseite .tai-pb :is(strong,span,p,li) { color:#173650!important; }
#mainWrapper .seite-startseite .d26-price-head .b2b-section-eyebrow { color:#176978!important; }
#mainWrapper .seite-startseite .tai-pb .cta1 { color:#fff!important; }

/* Results appear on request, with an accessible native pause/replay control. */
#mainWrapper .seite-startseite .content.hero-preview { background:#edf3f3; padding:32px; }
#mainWrapper .seite-startseite .hero-preview .modul { display:block; padding-inline:0; }
#mainWrapper .seite-startseite .hero-preview .text { background:#fff; border:1px solid var(--tai-line); border-radius:8px; padding:28px; width:100%; box-sizing:border-box; box-shadow:none; }
#mainWrapper .seite-startseite .hero-preview .text::before, #mainWrapper .seite-startseite .hero-preview .spacer { display:none; }
#mainWrapper .seite-startseite .hero-preview .tai-demo-label { font-size:18px; font-weight:600; margin:0 0 12px; }
#mainWrapper #taiHeroAudio { display:block; width:100%; max-width:560px; margin:0 0 20px; }
#mainWrapper #taiHeroText { font-size:18px; line-height:1.7; font-weight:400; margin-bottom:22px; }

#mainWrapper .content.b2b-trust { background:#fdfcfb; border-top:1px solid #e6e5e2; border-bottom:1px solid #e6e5e2; }
#mainWrapper .tai-trust-label { font-size:13px; text-align:center; color:#60696d; margin:0 0 22px; }
#mainWrapper .b2b-trust-logos img { opacity:.72; }
#mainWrapper .seite-startseite .tai-studio-story > .modul { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; align-items:start; }
#mainWrapper .tai-studio-story__copy p { color:var(--tai-copy); font-size:17px; line-height:1.7; margin:0 0 18px; }
#mainWrapper .tai-studio-story__copy > a { color:#176978; font-size:16px; text-underline-offset:4px; }

@media (max-width:1100px) {
  #mainWrapper .seite-startseite .content.hero > .modul { gap:40px; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
  #mainWrapper .seite-startseite .hero .modul .tai-studio-visual { height:470px; }
}
@media (max-width:768px) {
  #mainWrapper .seite-startseite .content.hero { padding:34px 24px 32px; }
  #mainWrapper .seite-startseite .content.hero > .modul { grid-template-columns:minmax(0,1fr); grid-template-areas:'copy' 'visual'; gap:28px; padding-inline:0; }
  #mainWrapper .seite-startseite .hero .modul .inhalt .wrapper h1 { font-size:clamp(29px,6.4vw,38px); }
  #mainWrapper .seite-startseite .hero .tai-studio-origin { font-size:14px; margin-bottom:14px; }
  #mainWrapper .seite-startseite .hero .tai-hero-intro { font-size:16px; margin-bottom:22px; }
  #mainWrapper .seite-startseite .hero .input-label { font-size:14px; }
  #mainWrapper .seite-startseite .hero .tai-hero-entry { padding:18px 14px; }
  #mainWrapper .seite-startseite .hero .placeholder, #mainWrapper .seite-startseite .hero #taiHeroName { font-size:16px; }
  #mainWrapper .seite-startseite .hero .hero-glow { padding-inline:10px; }
  #mainWrapper .seite-startseite .hero #taiHeroCta { width:100%; padding-inline:12px; }
  #mainWrapper .seite-startseite .hero .modul .tai-studio-visual { height:190px; width:100%; }
  #mainWrapper .seite-startseite .hero .tai-studio-visual img { object-position:center 48%; }
  #mainWrapper .seite-startseite .tai-studio-story > .modul { grid-template-columns:minmax(0,1fr); gap:18px; }
  #mainWrapper .seite-startseite .hero-preview .text { padding:20px; }
  #mainWrapper .seite-startseite .content.hero-preview { padding:24px; }
}