/* One product family, functional app symbols and the original rocket X wordmark. */
.family-wordmark{display:inline-flex;align-items:center;gap:.035em;white-space:nowrap;vertical-align:middle;line-height:1}.family-wordmark img{width:1.15em;height:1.04em;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px var(--brand-color))}.family-wordmark>span{color:inherit!important}.family-clock{background:linear-gradient(145deg,#fff1a0,#ffd638)!important;color:#282518!important;border-color:#ffef9b!important;box-shadow:inset 0 1px 1px #fff9,0 12px 30px #ffda4522!important}.family-clock .icon{width:55%;height:55%}
[data-app]{--app:#8da4ff;--app-rgb:141,164,255;--accent:var(--app);--cyan:var(--app)}
[data-app=bestellx]{--app:#ff997d;--app-rgb:255,153,125}
[data-app=tischx]{--app:#65e5bc;--app-rgb:101,229,188}
[data-app=seitenx]{--app:#ff94c6;--app-rgb:255,148,198}
[data-app=stempelx]{--app:#ffdf45;--app-rgb:255,223,69;--cc-lime:#ffdf45;background:#14151a;--cc-ink:#17181d}
/* overflow:hidden creates a scrolling ancestor and breaks position:sticky. */
[data-app] main{overflow:clip}
[data-app] .product-nav{background:linear-gradient(115deg,rgba(var(--app-rgb),.27),rgba(19,25,39,.9) 75%);border-color:rgba(var(--app-rgb),.38);box-shadow:0 12px 38px #0003,inset 0 1px rgba(var(--app-rgb),.13)}
[data-app] .product-nav-cta{background:var(--app);color:#151922;border:1px solid rgba(var(--app-rgb),.75)}
[data-app] .product-nav>div a:hover,[data-app] .product-nav>div a.is-active{background:rgba(var(--app-rgb),.22);color:#fff}
[data-app] .product-nav .app-icon{background:linear-gradient(145deg,rgba(var(--app-rgb),.9),rgba(var(--app-rgb),.5));color:#121921;border-color:rgba(var(--app-rgb),.7)}
[data-app] .product-hero,[data-app] .order-hero{background:radial-gradient(ellipse at 5% 10%,rgba(var(--app-rgb),.18),transparent 64%)}
[data-app] .product-hero h1 em,[data-app] .order-hero-title em,[data-app] .section-heading h2 em{color:var(--app)}
[data-app] .eyebrow,[data-app] .feature-number{color:var(--app)}
[data-app] .button.primary{background:var(--app);border-color:var(--app);color:#17202a;box-shadow:0 10px 30px rgba(var(--app-rgb),.12)}
[data-app] .button.primary:hover{filter:brightness(1.1);box-shadow:0 12px 35px rgba(var(--app-rgb),.22)}
[data-app] .feature-grid article,[data-app] .coming-card{background:linear-gradient(140deg,rgba(var(--app-rgb),.13),#151d2b 75%);border-color:rgba(var(--app-rgb),.22)}
[data-app] .feature-grid article .icon{color:var(--app)}
[data-app] .pilot-stage{background:radial-gradient(ellipse at 40% 55%,rgba(var(--app-rgb),.23),transparent 70%),#161c29;border-color:rgba(var(--app-rgb),.35)}
[data-app] .pilot-stage-label,[data-app] .pilot-copy article>span{color:var(--app)}
[data-app] .pilot-steps span.is-current{background:var(--app);color:#141b25;border-color:var(--app)}
[data-app] .pilot-meter span{background:var(--app)}
[data-app] .feature-tabs button[aria-selected=true],[data-app] .admin-tabs button[aria-selected=true]{background:var(--app);color:#15202b;border-color:var(--app)}
[data-app] .price-card{background:linear-gradient(145deg,rgba(var(--app-rgb),.1),#151c29);border-color:rgba(var(--app-rgb),.23)}
[data-app] .price-card.popular{border-color:var(--app);box-shadow:0 15px 55px rgba(var(--app-rgb),.1)}
[data-app] .popular-label{background:var(--app);color:#17202a}
[data-app] .product-proof .icon,[data-app] .product-hero .tags span{color:var(--app)}
[data-app] .taste-brand-stage{background:radial-gradient(ellipse at 70% 20%,rgba(var(--app-rgb),.25),transparent 65%),#181f2b;border-color:rgba(var(--app-rgb),.4)}
[data-app] .lead-aside{background:radial-gradient(ellipse at 0 70%,rgba(var(--app-rgb),.28),transparent 65%),#151c29}
[data-app] .mobile-bottom-nav{background:linear-gradient(120deg,rgba(var(--app-rgb),.22),#152030ed)}
/* StempelX: sunny yellow introduction, charcoal surfaces, no forest-green cast. */
[data-app=stempelx] .cc-hero{background:#ffdf45;box-shadow:0 0 0 100vmax #ffdf45;clip-path:inset(0 -100vmax);color:#24231c}
[data-app=stempelx] .cc-hero h1 .stempelx-wordmark>span{color:#24231c}
[data-app=stempelx] .cc-hero .stempelx-mark{filter:invert(1)}
[data-app=stempelx] .cc-hero h2 em{color:#685b29}
[data-app=stempelx] .cc-hero .cc-lead,[data-app=stempelx] .cc-back,[data-app=stempelx] .cc-hero .cc-eyebrow,[data-app=stempelx] .cc-hero .cc-text-link{color:#484328}
[data-app=stempelx] .cc-hero .cc-eyebrow span{background:#413c25;box-shadow:none}
[data-app=stempelx] .cc-hero .button.primary{background:#25251d;color:#fff7d5;border-color:#25251d;box-shadow:0 10px 25px #66521b25}
[data-app=stempelx] .cc-hero-tags span{color:#514829;border-color:#55491f40;background:#fff4bd44}
[data-app=stempelx] .cc-hero .cc-text-link{border-color:#53452366}
[data-app=stempelx] .cc-orbit{background:radial-gradient(circle,#fff9cb80,transparent 64%);border-color:#8e762326}
[data-app=stempelx] .cc-orbit:after{border-color:#8e76232a}
[data-app=stempelx] .cc-tablet,[data-app=stempelx] .cc-phone,[data-app=stempelx] .cc-boss-phone{background:#26272a;border-color:#303134}
[data-app=stempelx] .cc-floating{background:#292a26f0;border-color:#fff8ba66;color:#fff3c4}
[data-app=stempelx] .cc-floating i{background:#ffdf45}
[data-app=stempelx] .cc-art-caption{color:#5e5128}
[data-app=stempelx] em{color:#ead078}
[data-app=stempelx] .cc-section p,[data-app=stempelx] .cc-manifesto>p{color:#bfc2cb}
[data-app=stempelx] .cc-proof-band{background:#fff2ad;color:#25251d}
[data-app=stempelx] .cc-proof .cc-eyebrow,[data-app=stempelx] .cc-proof p{color:#625b36}
[data-app=stempelx] .cc-proof em{color:#8b7424}
[data-app=stempelx] .cc-checks li:before{color:#9b7d00}
[data-app=stempelx] .cc-story .pilot-sticky{background:#14151a}
[data-app=stempelx] .cc-story .pilot-stage{background:radial-gradient(ellipse at 40% 55%,#ffdf4526,transparent 70%),#212228}
[data-app=stempelx] .cc-story .pilot-device.notebook,[data-app=stempelx] .cc-story .pilot-device.handset{background:linear-gradient(145deg,#77746a,#25262a 40%,#77746a)}
[data-app=stempelx] .cc-tour-panel{background:#1b1e26;border-color:#ffdf4529;border-radius:26px;overflow:hidden}
[data-app=stempelx] .cc-tour-stage{background:radial-gradient(ellipse,#ffdf4526,transparent 70%)}
[data-app=stempelx] .cc-screen-button{border-color:#676250;background:#24252b}
[data-app=stempelx] .cc-pricing{background:linear-gradient(180deg,#191a20,#26251d,#14151a)}
[data-app=stempelx] .cc-pricing .price-card{background:#202128;border-color:#ffdf4533}
[data-app=stempelx] .cc-pricing .price-card.popular{background:#ffdf45;color:#25251d;border-color:#ffed9a}
[data-app=stempelx] .cc-pricing .price-card.popular p,[data-app=stempelx] .cc-pricing .price-card.popular .price-type,[data-app=stempelx] .cc-pricing .price-card.popular li,[data-app=stempelx] .cc-pricing .price-card.popular li>span,[data-app=stempelx] .cc-pricing .price-card.popular .price small{color:#51472a}
[data-app=stempelx] .cc-pricing .price-card.popular .button{background:#27271f;color:#fff4c7;border-color:#27271f}
[data-app=stempelx] .cc-pricing .popular-label{background:#fff2ad;color:#332b13}
[data-app=stempelx] .cc-pricing .price-note{color:#aeb1bc}
@media(max-width:800px){[data-app] .is-enhanced .pilot-sticky{background:#111823;top:85px}[data-app=stempelx] .is-enhanced .pilot-sticky{background:#14151a}[data-app=stempelx] .cc-tour-panel .feature-detail{padding:25px}.family-wordmark img{width:1.08em}}
.family-clock svg{stroke:#37301b}
@media(prefers-reduced-motion:reduce){[data-app] .button,[data-app] .price-card{transition:none}}
/* Keep symbols and navigation in the same product palette. */
.app-icon.bag{background:linear-gradient(145deg,#ffd4c5,#ed987e);color:#493029}
.app-icon.qr{background:linear-gradient(145deg,#b2ffe3,#5bcaa6);color:#24483c}
[data-app=seitenx] .web-hero h1 em,[data-app=seitenx] .web-art-chip .icon,[data-app=seitenx] .web-benefit-grid article>.icon{color:var(--app)}
[data-app=seitenx] .web-hero{background:radial-gradient(ellipse at 18% 30%,#ff94c615,transparent 65%)}
[data-app=seitenx] .product-nav button.product-nav-cta{background:var(--app);color:#241723;border-color:#ffb5d8}
[data-app=seitenx] .web-offer{background:linear-gradient(135deg,#693653,#242033 75%);border-color:#ff94c64d}
[data-app] .mobile-dock{background:linear-gradient(125deg,rgba(var(--app-rgb),.23),#172031df);border-color:rgba(var(--app-rgb),.4)}
/* KontrollX, based on the FoodPak hygiene application. */
[data-app=kontrollx]{--app:#b5ed70;--app-rgb:181,237,112;--accent:var(--app);--cyan:var(--app)}
.app-icon.kontroll-icon{background:linear-gradient(145deg,#e1ffad,#93c954);color:#29451a;border-color:#d7ffae;box-shadow:inset 0 1px 1px #fff9,0 12px 30px #93c95422}.kontroll-icon .icon{width:55%;height:55%}
.hub-kontroll{background:radial-gradient(ellipse at 0 0,#a6d46b1e,transparent 70%),#151c25;border-color:#b5ed7038}

/* Longer English product names keep their functional icons and rocket X. */
.app-dock .dock-item strong{font-size:clamp(11px,1.15vw,16px)}.product-nav-brand strong{font-size:12px}.product-nav-brand .family-wordmark{max-width:100%}.app-dock{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:800px){.app-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.app-dock .dock-item strong{font-size:11px}.mobile-dock .dock-current .family-wordmark{font-size:9px}}

@media(max-width:800px){.app-dock{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 10px;padding:25px 12px}.app-dock .dock-item{width:auto;min-width:0;max-width:100%;flex:none}.app-dock .dock-item strong{font-size:10px}.app-dock .dock-item>span:not(.app-icon){font-size:9px}.app-dock .app-icon{width:62px;height:62px}}
