.spt-launch{--spt-launch-ink:#edf2f9;--spt-launch-muted:#b1becf;--spt-launch-accent:#a9cfff;max-width:1180px;margin:0 auto;padding:0 24px;color:var(--spt-launch-ink)}
.spt-launch *{box-sizing:border-box}
.spt-launch-hero{padding:88px 0 48px;max-width:970px}
.spt-launch-kicker{color:var(--spt-launch-accent);text-transform:uppercase;letter-spacing:.18em;font-size:13px;margin:0 0 24px}
.spt-launch h1{font-family:Barlow,"Arial Narrow",sans-serif;font-size:clamp(36px,6.2vw,82px);font-weight:800;line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:19ch;margin:0 0 28px}
.spt-launch-lead{font-size:clamp(17px,2vw,23px);line-height:1.65;color:var(--spt-launch-muted);max-width:65ch;margin:0 0 28px}
.spt-launch-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 24px;border-radius:8px;background:#c3dcff;color:#102030;font-weight:700;text-decoration:none;max-width:100%;line-height:1.4}
.spt-launch a:focus-visible{outline:3px solid #c9b6ff;outline-offset:5px}
.spt-launch-price{margin:24px 0 0;color:var(--spt-launch-muted)}
.spt-launch-price strong,.spt-launch-offer strong{color:var(--spt-launch-ink)}
.spt-launch-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border-top:1px solid #303b4c;padding:36px 0 48px}
.spt-launch-story p{margin:0;color:var(--spt-launch-muted);font-size:17px;line-height:1.85}
.spt-launch-configurator,.spt-launch-price-catalog{padding:38px 0;scroll-margin-top:100px}
.spt-launch h2{font-size:clamp(25px,3vw,40px);font-weight:750;letter-spacing:-.025em;line-height:1.2;margin:0 0 20px;overflow-wrap:anywhere}
.spt-launch-note{color:var(--spt-launch-muted);line-height:1.6;margin:0 0 28px}
.spt-launch-links{display:flex;gap:28px;flex-wrap:wrap;padding:32px 0 72px;border-top:1px solid #303b4c}
.spt-launch-links a,.spt-launch-offer a{color:var(--spt-launch-accent);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.spt-launch-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.spt-launch-offer{padding:28px;border:1px solid #303b4c;border-radius:14px;background:#10151f;min-width:0}
.spt-launch-offer h3{font-size:23px;font-weight:750;line-height:1.25;margin:0 0 18px;overflow-wrap:anywhere}
.spt-launch-offer p{color:var(--spt-launch-muted);line-height:1.8;margin:0 0 20px}
@media(max-width:760px){.spt-launch{padding:0 20px}.spt-launch-hero{padding:48px 0 32px}.spt-launch-story,.spt-launch-offers{grid-template-columns:minmax(0,1fr);gap:20px}.spt-launch-story{padding:28px 0}.spt-launch-button{padding:15px 18px}.spt-launch-offer{padding:24px}.spt-launch-configurator,.spt-launch-price-catalog{padding:28px 0}}
/* app.css lädt auf Produkt-Landings mobil verzögert (brand-preview/quick-261016-kqk). Die geteilte Inline-Shell
   zentriert den Angebotsblock und setzt den Cookie-Banner per ID-Regel auf die Registry-Fläche; beides bleibt nach
   dem Laden stehen und wird hier auf die SupremeTier-Darstellung zurückgesetzt. */
html[data-defer-vite-css] .spt-launch-hero [data-hero-configurator-default]{max-width:none;text-align:inherit;color:inherit;font-size:inherit;line-height:inherit}
html[data-defer-vite-css] .spt-launch-hero [data-hero-purchase-facts]{max-width:none}
html[data-defer-vite-css] .brand-supremetier #cookie-consent-banner{background:rgb(var(--chrome-raised))}
html[data-defer-vite-css] .brand-supremetier #cookie-consent-banner button{font:inherit}
/* Die Inline-Shell definiert .sr-only nach app.css und schlägt damit sm:not-sr-only der Schrittleiste. */
@media(min-width:640px){html[data-defer-vite-css] .spt-launch .wizard-progress-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto}}
/* Bis app.css da ist: Endgeometrie des geteilten Sprachumschalters in der eigenen Navigation (nur mobil). */
@media(max-width:639px){html[data-defer-vite-css]:not([data-vite-css-ready]) .spt-navigation-actions>nav{position:relative}html[data-defer-vite-css]:not([data-vite-css-ready]) .spt-navigation-actions>nav>button{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;box-shadow:0 0 0 1px rgb(var(--chrome-chip))}html[data-defer-vite-css]:not([data-vite-css-ready]) .spt-navigation-actions>nav>button>span:first-child{text-transform:uppercase}html[data-defer-vite-css]:not([data-vite-css-ready]) .spt-navigation-actions>nav .hidden{display:none}html[data-defer-vite-css]:not([data-vite-css-ready]) .spt-navigation-actions>nav svg{display:block;width:12px;height:12px}}
