/* FEENSCHWEIF | Shared design system v2 / 2026-10-19
   Original logo always as ONE unmodified asset. Fee-only icon appears on scroll.
   Variables + header/footer/buttons only; per-section app CSS remains independent. */
:root{
 --fs-content-width:1290px;--fs-ink:#10245b;--fs-border:#d9e3ff;
 --fs-indigo:#304add;--fs-violet:#9450df;--fs-gold:#f1b64f;
 --fs-radius-card:24px;--fs-radius-pill:999px;
 --fs-cta-gradient:linear-gradient(111deg,#1838ca,#4464ed 50%,#ad45e8);
 --fs-liquid-bg:linear-gradient(115deg,rgba(255,255,255,.84),rgba(244,247,255,.77) 57%,rgba(250,245,255,.82));
 --fs-shadow:0 13px 42px rgba(43,64,135,.16),inset 0 1px 3px rgba(255,255,255,.94)
}
/* Scope all header geometry strictly to this class so old `.brand` and `.topbar` rules cannot override it. */
.fs-site-header,.fs-site-header.fs-site-header{position:fixed!important;top:12px!important;left:0!important;right:0!important;
 margin:0 auto!important;padding:0!important;width:min(var(--fs-content-width),calc(100% - 36px))!important;
 height:74px!important;min-height:74px!important;box-sizing:border-box!important;z-index:1000!important;
 display:block!important;isolation:isolate;border:1px solid rgba(202,213,248,.77)!important;
 border-radius:25px!important;background:var(--fs-liquid-bg)!important;
 -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
 backdrop-filter:blur(24px) saturate(135%)!important;
 box-shadow:var(--fs-shadow)!important;overflow:visible!important;
 transition:box-shadow .22s ease!important;transform:none!important}
.fs-site-header.has-scrolled,.fs-site-header.is-compact{
 box-shadow:0 17px 48px rgba(36,53,122,.25),inset 0 1px 3px rgba(255,255,255,.95)!important}
.fs-site-header:before{content:'';pointer-events:none;position:absolute;inset:1px 9px auto;
 height:22px;border-radius:24px 24px 50% 50%;opacity:.36;
 background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0))}
.fs-site-header .fs-header-row,.fs-site-header .fs-header-row.fs-header-row{
 box-sizing:border-box!important;width:calc(100% - 34px)!important;max-width:none!important;
 height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
 border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.fs-site-header .fs-brand-logo,.fs-site-header .fs-brand-logo.fs-brand-logo{
 display:flex!important;align-items:center!important;position:relative!important;z-index:1!important;
 margin:0!important;padding:0!important;width:252px!important;max-width:30vw!important;height:68px!important;
 flex:0 0 252px!important;line-height:0!important;overflow:visible!important;border:none!important;
 color:inherit!important;transform:none!important}
.fs-site-header .fs-brand-logo img{position:absolute!important;top:50%!important;left:0!important;
 width:auto!important;height:auto!important;max-height:64px!important;max-width:252px!important;
 object-fit:contain!important;object-position:left center!important;transform:translateY(-50%)!important;
 margin:0!important;padding:0!important;border:0!important;filter:none!important}
.fs-site-header .fs-brand-logo img.fs-logo-full{display:block!important;opacity:1!important;visibility:visible!important;
 transition:opacity .2s ease!important;pointer-events:auto!important}
.fs-site-header .fs-brand-logo img.fs-logo-icon{display:block!important;opacity:0!important;visibility:hidden!important;
 width:64px!important;height:64px!important;transition:opacity .2s ease!important;pointer-events:none!important}
.fs-site-header.has-scrolled .fs-brand-logo img.fs-logo-full,.fs-site-header.is-compact .fs-brand-logo img.fs-logo-full{
 opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.fs-site-header.has-scrolled .fs-brand-logo img.fs-logo-icon,.fs-site-header.is-compact .fs-brand-logo img.fs-logo-icon{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.fs-site-header .fs-header-nav{position:relative!important;display:flex!important;align-items:center!important;
 gap:clamp(10px,1.2vw,19px)!important;margin-left:auto!important;padding:0!important;
 flex:0 1 auto!important;min-width:0!important;background:none!important;box-shadow:none!important}
.fs-site-header .fs-header-nav a{display:inline-flex;align-items:center;justify-content:center;
 color:#15255a!important;text-decoration:none!important;font-size:12.5px!important;
 font-weight:750!important;white-space:nowrap!important;line-height:1.2!important;border:0!important;
 padding:9px 0!important;background:transparent!important}
.fs-site-header .fs-header-nav a:hover{color:#5245d7!important}
.fs-site-header .fs-header-nav a.fs-header-cta{padding:12px 20px!important;color:#fff!important;
 border-radius:999px!important;background:var(--fs-cta-gradient)!important;
 box-shadow:0 9px 20px rgba(65,68,179,.24)!important}
.fs-site-header .fs-menu-toggle{display:none!important;border:1px solid #d8dff8!important;
 border-radius:13px!important;padding:8px 12px!important;flex:0 0 auto!important;
 color:#192c76!important;background:rgba(255,255,255,.81)!important;cursor:pointer!important;
 font:700 20px/1 system-ui!important}
.fs-site-header .fs-mobile-nav{display:none!important}
/* Global controls: do not target bare input/button on app pages. */
.fs-cta, a.fs-cta, .fs-portal .btn.primary, .fs-care .btn:not(.secondary), .fs-tool-link {
 display:inline-flex;align-items:center;justify-content:center;gap:6px;
 border-radius:999px!important;background:var(--fs-cta-gradient)!important;color:white!important;
 font-weight:800;box-shadow:0 9px 23px rgba(66,66,180,.21);
 text-decoration:none!important;transition:filter .18s ease,box-shadow .18s ease}
.fs-cta:hover,.fs-tool-link:hover{filter:brightness(1.08)}
.fs-unified-footer{--fs-footer-bg:radial-gradient(ellipse at 4% 36%,#d8f0ff 0,transparent 38%),radial-gradient(ellipse at 96% 36%,#e9e4ff 0,transparent 44%),linear-gradient(130deg,#fff,#f5f7ff);
 background:var(--fs-footer-bg)!important;color:#394a78!important;border-top:1px solid #dce5fb!important}
.fs-theme-care{--fs-footer-bg:radial-gradient(circle at 6% 40%,#d8f7f1 0,transparent 45%),radial-gradient(circle at 94% 35%,#e1ecff 0,transparent 42%),#fbffff}
.fs-theme-portal{--fs-footer-bg:radial-gradient(circle at 5% 40%,#ddf2ff 0,transparent 44%),radial-gradient(circle at 96% 30%,#f4e1f6 0,transparent 40%),#fffdf7}
.fs-crosslinks{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;
 font-size:12px;font-weight:720;color:#425488;margin-top:18px}
.fs-crosslinks a{color:inherit!important;text-decoration:none!important}
.fs-crosslinks a:hover{text-decoration:underline!important}
.fs-site-header a:focus-visible,.fs-site-header button:focus-visible,.fs-crosslinks a:focus-visible{
 outline:3px solid #7860ea!important;outline-offset:3px!important}
@media(max-width:1150px){
 .fs-site-header .fs-brand-logo{flex-basis:194px!important;width:194px!important}
 .fs-site-header .fs-brand-logo img.fs-logo-full{max-width:194px!important}
 .fs-site-header .fs-header-nav{gap:11px!important}
 .fs-site-header .fs-header-nav a{font-size:11px!important}
}
@media(max-width:930px){
 .fs-site-header .fs-header-nav{display:none!important}
 .fs-site-header .fs-menu-toggle{display:inline-flex!important}
 .fs-site-header .fs-mobile-nav.open{display:flex!important;position:absolute!important;top:calc(100% + 8px)!important;
  right:0!important;left:auto!important;min-width:230px!important;max-width:calc(100vw - 22px)!important;
  border:1px solid #dee6fb!important;border-radius:20px!important;padding:14px!important;
  flex-direction:column!important;align-items:stretch!important;gap:4px!important;
  box-shadow:0 18px 36px rgba(44,58,128,.19)!important;
  background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}
 .fs-site-header .fs-mobile-nav a{display:block!important;color:#1e326b!important;padding:11px 14px!important;
  text-decoration:none!important;font-size:13px!important;font-weight:750!important;border-radius:12px!important}
 .fs-site-header .fs-mobile-nav a:hover{background:#eef1ff!important}
}
@media(max-width:640px){
 .fs-site-header,.fs-site-header.fs-site-header{top:8px!important;height:62px!important;min-height:62px!important;
  width:calc(100% - 22px)!important;border-radius:19px!important}
 .fs-site-header .fs-header-row{width:calc(100% - 24px)!important}
 .fs-site-header .fs-brand-logo{height:58px!important;flex-basis:184px!important;width:184px!important;max-width:70vw!important}
 .fs-site-header .fs-brand-logo img.fs-logo-full{max-height:55px!important;max-width:184px!important}
 .fs-site-header .fs-brand-logo img.fs-logo-icon{width:53px!important;height:53px!important}
}
@media(prefers-reduced-motion:reduce){.fs-site-header *{transition:none!important}}
@media print{.fs-site-header,.fs-crosslinks{display:none!important}}
