.tj-header {box-sizing:border-box;width:100%;max-width:none;margin-inline:0;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;}
/* Keep the sticky surface full width; mobile retains its own spacing below. */
.tj-page-spacing.tj-header {padding-inline:calc(max(0px, (100% - 1240px) / 2) + clamp(20px, 5vw, 56px))!important;}
@media (min-width:1040px) {
  /* Page sections have a 1240px content box plus 56px padding on each side. */
  .tj-page-spacing.tj-header {padding-inline:max(56px, (100% - 1240px) / 2)!important;}
  /* The supplied logo's visible artwork starts 168px into its 2141px canvas. */
  .tj-header #site-logo {transform:translateX(-7.847%);}
}
.tj-header > a {min-width:0;flex:0 1 auto;}
.tj-header-links {display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:26px!important;}
.tj-menu-toggle {width:44px!important;height:44px!important;min-width:44px;flex:0 0 44px!important;}
.tj-menu-toggle span {position:relative;}
.tj-menu-toggle[aria-expanded="true"] span {transform:rotate(45deg);box-shadow:none!important;}
.tj-menu-toggle[aria-expanded="true"] span::after {content:"";position:absolute;inset:0;background:inherit;transform:rotate(90deg);}
.tj-mobile-menu {box-sizing:border-box;max-width:1240px;margin-inline:auto;}
.tj-menu-toggle:focus-visible,.tj-usecase-toggle:focus-visible,.tj-faq-toggle:focus-visible {outline:3px solid #1d4fd1;outline-offset:4px;}
@media (max-width:1039px) {
  .tj-page-spacing.tj-header {padding:12px 16px!important;gap:16px!important;}
  .tj-header #site-logo {width:clamp(144px,45vw,180px)!important;height:auto!important;aspect-ratio:220/58;}
  .tj-page-spacing.tj-mobile-menu {padding-inline:16px!important;}
  .tj-mobile-menu {position:fixed;top:var(--tj-header-height,69px);inset-inline:0;max-width:none;margin-inline:0;z-index:9;max-height:calc(100dvh - var(--tj-header-height,69px));overflow-y:auto;}
}
.tj-usecases {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
.tj-usecase {display:contents;}
.tj-usecase-toggle {grid-column:var(--usecase-column);grid-row:1;display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;cursor:pointer;transition:border-color 160ms ease,box-shadow 160ms ease;}
.tj-usecase-toggle:hover,.tj-usecase-toggle[aria-expanded="true"] {border-color:#1d4fd1;box-shadow:0 3px 12px rgb(29 79 209 / 10%);}
.tj-usecase-preview {display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#fff;border-radius:8px;}
.tj-usecase-label {font-size:12px;font-weight:800;color:#1d4fd1;line-height:1.5;}
.tj-usecase-title {font-size:18px;font-weight:800;line-height:1.4;}
.tj-usecase-summary {font-size:14px;line-height:1.6;color:#475569;}
.tj-usecase-action {display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;color:#1d4fd1;margin-top:auto;padding-top:8px;width:100%;}
.tj-usecase-detail {display:block;grid-column:1/-1;grid-row:2;min-width:0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;opacity:1;transition:opacity 160ms ease,display 160ms allow-discrete;}
.tj-usecase-detail[hidden] {display:none;opacity:0;pointer-events:none;}
@starting-style {.tj-usecase-detail {opacity:0;}}
.tj-usecase-detail > img {display:block;width:100%;height:auto;}
.tj-usecase-text {padding:28px;max-width:820px;margin:auto;}
.tj-usecase-text > h3 {font-size:22px;margin:0 0 22px;}
.tj-participation-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px;margin:32px 0;padding-block:26px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;}
.tj-participation-facts dt {font-size:14px;font-weight:800;color:#0f172a;line-height:1.5;margin-bottom:5px;}
.tj-participation-facts dd {font-size:14px;color:#475569;line-height:1.6;margin:0;}
.tj-faq-toggle {width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;border:0;background:none;text-align:left;font:700 15px/1.5 'Plus Jakarta Sans',sans-serif;color:#0f172a;}
.tj-faq-toggle > span:last-child {color:#1d4fd1;font-size:20px;flex-shrink:0;}
.tj-booking-explanation {font-size:14px;line-height:1.65;color:#475569;max-width:58ch;margin:0 0 24px;}
.tj-disclosure {display:block;width:100%;box-sizing:border-box;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;}
.tj-disclosure:focus-visible,.tj-consent-settings:focus-visible {outline:3px solid #1d4fd1;outline-offset:4px;}
[role="region"][hidden] {display:none!important;}
.tj-consent-settings {border:0;padding:0;background:none;font:inherit;font-size:13px;color:#64748b;cursor:pointer;text-align:left;}
.tj-signup-test {display:block;margin-top:4px;color:#805315;font-size:11px;letter-spacing:0;text-transform:none;}
.tj-signup-content {min-height:0;scroll-padding-block:16px;}
@media (max-width:719px) {
  #signup-panel .tj-signup-heading {padding:12px 20px 0!important;}
  #signup-panel .tj-signup-content {padding:16px 20px 8px!important;}
  #signup-title {margin-bottom:14px!important;}
  .tj-booking-explanation {margin-bottom:18px;}
  #signup-panel input,#signup-panel textarea {font-size:16px!important;}
}
.tj-contact-trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
#kd-panel-formular input,#kd-panel-formular textarea,#kd-panel-formular select {box-sizing:border-box;min-width:0;max-width:100%;}
#kd-panel-formular .tj-responsive-grid > div {min-width:0;}
.tj-contact-success,.tj-contact-error {padding:14px;border-radius:10px;font-size:14px;line-height:1.6;margin:0;}
.tj-contact-success {color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;}
.tj-contact-error {color:#991b1b;background:#fff7ed;border:1px solid #fed7aa;}
@media (max-width:719px) {
  .tj-usecases {display:block;}
  .tj-usecase {display:block;margin-bottom:18px;}
  .tj-usecase-detail {margin-top:12px;}
  .tj-usecase-text {padding:20px;}
  .tj-participation-facts {grid-template-columns:minmax(0,1fr);gap:18px;}
}
@media (prefers-reduced-motion:reduce) {
  .tj-usecase-detail {transition:none;}
  .tj-usecase-toggle {transition:none;}
}
