/* Klinea / Baseline UI 2026-10-14 */
:is(footer a,.foot .cta,.footer .cta){background:linear-gradient(180deg,rgba(255,255,255,0) 63.53%,rgba(255,255,255,.15)),#1a1a1a!important;color:#fff!important;border:0!important;border-radius:24px!important;font-weight:450!important;box-shadow:none!important;text-decoration:none;transition:filter 120ms ease,transform 80ms ease}
:is(footer a,.foot .cta,.footer .cta):hover{filter:brightness(1.15)}
:is(footer a,.foot .cta,.footer .cta):focus-visible{outline:6px solid #0759e8;outline-offset:6px}
:is(footer a,.foot .cta,.footer .cta):active{transform:translateY(1.5px) scale(.98)}
.foot .cta{display:inline-flex;align-items:center;min-height:72px;padding:18px 28px}
img[src$="klinea-wordmark.svg"]{height:auto!important;object-fit:contain;filter:none!important;flex-shrink:0}
.dark img[src$="klinea-wordmark.svg"],.photo .top img[src$="klinea-wordmark.svg"]{background:#fff;padding:12px 16px;box-sizing:content-box;border-radius:8px}
html[lang="de"] h1{font-size:76px;letter-spacing:-2px}
html[lang="de"] .hud-tag{font-size:21px}
html[lang="de"] .hud-bottom{font-size:21px}
html[lang="de"] .hud-state{font-size:21px}
html[lang="de"] footer a{font-size:27px}
html[lang="de"] .landscape h1{font-size:67px}
html[lang="de"] .banner h1{font-size:34px;letter-spacing:-1px}
html[lang="de"] .banner.mobile h1{font-size:27px}
html[lang="de"] .e .ui{transform:scale(1.7);left:207.65px}
.btn{border-radius:8px!important;font-weight:450!important}
.btn--primary{background:linear-gradient(180deg,#ffffff00 63.53%,#ffffff26),#1a1a1a!important;color:#fff!important;box-shadow:none!important}
.btn--secondary{background:#fff!important;color:#0a0a0a!important;box-shadow:inset 0 -1px 0 #b5b5b5,inset 0 0 0 1px #00000014,inset 0 .5px 0 1.5px #fff!important}
@media(prefers-reduced-motion:reduce){:is(footer a,.foot .cta,.footer .cta){transition:none!important;transform:none!important}}

:root{  --btn-birincil: #101010;
  --btn-birincil-hover: #2a2a2a;
  --btn-ikincil-golge: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 20px rgba(0, 0, 0, 0.03), 0 5px 20px rgba(0, 0, 0, 0.03), 0 8px 60px rgba(0, 0, 0, 0.03);
  --btn-birincil-golge: rgba(0, 0, 0, 0.13) 0 1px 0.5px -0.5px, rgba(0, 0, 0, 0.13) 0 1px 2px -0.5px, rgba(0, 0, 0, 0.13) 0 4px 6px -2px, rgba(0, 0, 0, 0.13) 0 2px 3px -1.5px, #101010 0 0 4px 1px inset, rgba(255, 255, 255, 0.1) 0 0 4px 2px inset, rgba(255, 255, 255, 0.75) 0 0 12px -6px inset;
  --btn-birincil-parlama: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 66.4%);
  --btn-icbukey: inset 0 0.125rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.07), inset 0 0.1875rem 0.125rem -0.125rem #0000000d, inset 0 0.125rem 0.1875rem -0.125rem #00000008, inset 0 0.0625rem 0.0625rem -0.03125rem #0000000f, inset 0 0 0 0.03125rem #0000000d;}
:is(footer a,.foot .cta,.footer .cta),.btn{border-radius:999px!important;font-weight:500!important;letter-spacing:-.01em!important;transform:none!important;filter:none!important;transition:background-color 120ms ease,box-shadow 120ms ease!important}
:is(footer a,.foot .cta,.footer .cta),.btn--primary{background:var(--btn-birincil-parlama),var(--btn-birincil)!important;box-shadow:var(--btn-birincil-golge)!important;color:white!important}
:is(footer a,.foot .cta,.footer .cta):hover,.btn--primary:hover{background:var(--btn-birincil-parlama),var(--btn-birincil-hover)!important}
:is(footer a,.foot .cta,.footer .cta):active,.btn--primary:active{background:var(--btn-birincil)!important;box-shadow:inset 0 .125rem .25rem #00000080!important}
.btn{height:28px!important;min-height:28px!important;padding:0 12px!important;font-size:12px!important;line-height:16px!important}.btn--secondary{background:white!important;box-shadow:var(--btn-ikincil-golge)!important}.btn--secondary:hover{background:#f7f7f7!important}.btn--secondary:active{background:#f5f5f5!important;box-shadow:var(--btn-icbukey)!important}.btn--ghost{background:transparent!important;box-shadow:none!important}.btn--ghost:hover{background:#00000014!important}.cta:before,.cta:after{display:none!important}