/* Small, purposeful interactions; no motion on decorative content. */
.button,.industries button,.billing-toggle button,.digital-chat-action,.faq summary,.menu-toggle,.dialog-top button{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background-color 180ms ease,color 180ms ease,filter 180ms ease}
.nav-wrap nav a,.login-link,.footer-top nav a,.footer-top nav button{transition:color 160ms ease;text-underline-offset:6px;text-decoration-thickness:2px}
.button>span:last-child,.digital-chat-action>span:last-child{transition:transform 180ms ease}
.industries button>span svg{transition:transform 180ms ease}
.price-cards article{transition:border-color 180ms ease,box-shadow 180ms ease}
.price-cards article:focus-within{border-color:#3bb8da;box-shadow:0 8px 24px #0088bb18}
.button:focus-visible,.industries button:focus-visible,.billing-toggle button:focus-visible,.digital-chat-action:focus-visible,.faq summary:focus-visible{outline:3px solid #007ac2;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 .button:hover{transform:translateY(-2px);filter:brightness(1.035);box-shadow:0 7px 17px #007eab28}
 .button.outline:hover{background:#edf8ff;border-color:#0094df;box-shadow:0 5px 13px #007eab12}
 .button:hover>span:last-child{transform:translateX(3px)}
 .button:active{transform:translateY(0);box-shadow:0 2px 5px #007eab20}
 .nav-wrap nav a:hover,.login-link:hover,.footer-top nav a:hover,.footer-top nav button:hover{color:#007ac2;text-decoration:underline}
 .industries button:hover{transform:translateY(-3px);border-color:#5cc7e1;background:#f0faff;box-shadow:0 8px 20px #13597b15}
 .industries button:hover>span svg{transform:translateY(-2px)}
 .industries button:active{transform:translateY(0)}
 .billing-toggle button:not(.selected):hover{background:#dceff7;color:#005e91}
 .digital-chat-action:hover{border-color:#71bedf;box-shadow:0 4px 12px #007eab12;color:#006eac}
 .digital-chat-action:hover>span:last-child{transform:translateX(2px)}
 .faq summary:hover{color:#007ac2;background:#f3faff}
 .menu-toggle:hover,.dialog-top button:hover{color:#008bbd;background:#edf8fc;border-radius:6px}
}
@media(hover:none){.button:hover{transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){
 .button,.industries button,.billing-toggle button,.digital-chat-action,.faq summary,.menu-toggle,.dialog-top button,.nav-wrap nav a,.login-link,.footer-top nav a,.footer-top nav button,.price-cards article,.button>span:last-child,.digital-chat-action>span:last-child,.industries button>span svg{transition:none!important}
 .button:hover,.button:active,.button:hover>span:last-child,.industries button:hover,.industries button:active,.industries button:hover>span svg,.digital-chat-action:hover>span:last-child{transform:none!important}
}
/* Gentle visual feedback for the requested informational sections. */
.integrations>span,.reference-brand,.how-it-works .step,.showcase-rule-box{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,color 180ms ease,background-color 180ms ease}
@media(hover:hover) and (pointer:fine){
 .integrations>span:hover{transform:translateY(-3px);border-color:#83cee2;box-shadow:0 7px 18px #14587515}
 .reference-brand:hover{color:#28495e;transform:translateY(-2px)}
 .how-it-works .step:hover{transform:translateY(-3px);border-color:#a6dce9;box-shadow:0 10px 24px #16456b15}
 .showcase-rule:hover .showcase-rule-box{background-color:#ffffff09;border-color:#ffffff28;box-shadow:0 4px 14px #0013221c;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
 .integrations>span,.reference-brand,.how-it-works .step,.showcase-rule-box{transition:none!important}
 .integrations>span:hover,.reference-brand:hover,.how-it-works .step:hover,.showcase-rule:hover .showcase-rule-box{transform:none!important}
}
/* Individual brand colors on hover; neutral gray at rest. */
@media(hover:hover) and (pointer:fine){
 .reference-brand.karcher:hover{color:#111;text-decoration-color:#ffed00}
 .reference-brand.piepenbrock:hover{color:#65267d}
 .reference-brand.piepenbrock:hover i{color:#ef7d00}
 .reference-brand.wisag:hover{color:#6db133}
 .reference-brand.strabag:hover{color:#e3000b}
 .reference-brand.strabag:hover small{color:#555}
 .reference-brand.apleona:hover{color:#652d86}
 .reference-brand.sauter:hover{color:#0069a6}
}
/* Keep FAQ feedback inside the rounded card, without inset white strips. */
.faq details{padding:0;overflow:hidden}
.faq summary{padding:18px 38px 18px 16px;border-radius:5px;outline:none}
.faq summary::after{right:16px;top:18px}
.faq details[open] summary{border-radius:5px 5px 0 0}
.faq details p{padding:0 16px 18px;margin:0}
.faq summary:focus:not(:focus-visible){outline:none;box-shadow:none}
.faq summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #007ac2}

/* Use the existing navigation indicator without a second hover underline. */
.site-header .nav-wrap nav a:hover{ text-decoration:none; }