/* Klarfranken public surface — quiet Swiss service, connected to the cockpit. */
:root{--kf-material:color-mix(in srgb,var(--surface) 88%,transparent);--kf-shadow:0 24px 70px rgba(14,30,51,.09);--kf-spring:cubic-bezier(.2,.8,.2,1)}
body::before{content:"";position:fixed;z-index:180;inset:0 auto auto 0;width:var(--kf-scroll,0%);height:2px;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 38%,transparent);pointer-events:none}
header.nav{top:.55rem;left:max(.55rem,calc((100vw - 1240px)/2));right:max(.55rem,calc((100vw - 1240px)/2));height:56px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--header-bg) 92%,transparent);box-shadow:0 10px 40px rgba(14,30,51,.05);backdrop-filter:blur(24px) saturate(150%);transition:box-shadow 220ms ease,border-color 220ms ease,background 220ms ease}
header.nav.is-scrolled{border-color:color-mix(in srgb,var(--border) 68%,var(--accent) 32%);box-shadow:0 16px 48px rgba(14,30,51,.12)}
.nav-inner{height:100%;padding-inline:16px}.logo-mark{transition:transform 320ms var(--kf-spring)}.brand:hover .logo-mark{transform:translate(1px,-1px)}
.tab,.btn,.theme-btn{min-height:40px}.tab{position:relative;font-weight:560;letter-spacing:-.01em}.tab.active::after{content:"";position:absolute;right:12px;bottom:4px;left:12px;height:2px;border-radius:999px;background:var(--accent);transform-origin:left;animation:kf-line-in 360ms var(--kf-spring) both}
.nav-tabs>a[href="/platform/"]{margin-left:6px;border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent-soft) 55%,transparent);color:var(--text)}.nav-tabs>a[href="/platform/"]::before{content:"↗";margin-right:6px;color:var(--accent)}
.phead.hero-home{padding-top:clamp(4.4rem,9vw,7.2rem);padding-bottom:2rem}.hero-home h1{max-width:12ch;letter-spacing:-.045em;line-height:1.02;font-weight:620}.hero-home>p{max-width:48ch;font-size:clamp(1rem,1.7vw,1.16rem)}.hero-art{opacity:.9}.hero-cta .btn{min-height:46px;padding-inline:20px;border-radius:11px;font-weight:650}
.clarity-path{display:grid;grid-template-columns:repeat(3,1fr);margin:1.25rem 0 1.75rem;border:1px solid var(--border);border-radius:18px;background:var(--kf-material);box-shadow:var(--kf-shadow);overflow:clip;backdrop-filter:blur(18px) saturate(140%)}
.clarity-path a{position:relative;min-height:98px;padding:20px 54px 18px 20px;border-right:1px solid var(--border);transition:background 180ms ease,color 180ms ease}.clarity-path a:last-child{border-right:0}.clarity-path a:hover{background:var(--surface-2)}.clarity-path span{display:block;margin-bottom:7px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.clarity-path b{display:block;max-width:20ch;font-size:14px;line-height:1.35;letter-spacing:-.01em}.clarity-path i{position:absolute;top:18px;right:18px;color:var(--text-mute);font:600 11px/1 ui-monospace,"SFMono-Regular",Consolas,monospace}.clarity-path a::after{content:"";position:absolute;right:20px;bottom:16px;width:18px;height:1px;background:var(--accent);transform:scaleX(.45);transform-origin:right;transition:transform 220ms var(--kf-spring)}.clarity-path a:hover::after{transform:scaleX(1)}
.card,.qc,.nl,.carousel,.pro,.tile{box-shadow:0 16px 50px rgba(14,30,51,.045);transition:border-color 180ms ease,box-shadow 220ms ease,transform 220ms var(--kf-spring)}.card:hover,.tile:hover{box-shadow:0 22px 60px rgba(14,30,51,.075)}
.btn,.theme-btn,.tab{transition:transform 100ms ease,color 160ms ease,background 160ms ease,border-color 160ms ease}.is-pressed{transform:scale(.975)!important}
.kf-reveal{opacity:0;transform:translateY(14px);transition:opacity 420ms ease,transform 520ms var(--kf-spring)}.kf-reveal.is-visible{opacity:1;transform:none}
@keyframes kf-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:880px){header.nav{top:0;left:0;right:0;height:var(--header-h);border-width:0 0 1px;border-radius:0}.nav-tabs{top:var(--header-h);background:var(--kf-material);backdrop-filter:blur(20px) saturate(150%)}.nav-tabs>a[href="/platform/"]{margin-left:0}}
@media(max-width:680px){.clarity-path{grid-template-columns:1fr}.clarity-path a{min-height:82px;border-right:0;border-bottom:1px solid var(--border)}.clarity-path a:last-child{border-bottom:0}.hero-home h1{font-size:clamp(2.6rem,13vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.kf-reveal,.kf-reveal.is-visible{opacity:1;transform:none;transition:none}.tab.active::after{animation:none}}
@media(prefers-reduced-transparency:reduce){header.nav,.nav-tabs,.clarity-path{background:var(--surface);backdrop-filter:none}}
@media(prefers-contrast:more){header.nav,.clarity-path{border-color:var(--text)}}