/* Målgruppen bor under ordmärket. Samma geometri i samtliga landningssidor. */
@media screen{
 #hd[data-site-header] .logo:has(.planbo-brand-context),.topbar .wordmark:has(.planbo-brand-context){position:relative;display:flex;align-items:center;width:164px;height:46px;gap:0;isolation:isolate}
 .topbar .wordmark:has(.planbo-brand-context){min-width:192px;flex:none}
 #hd[data-site-header] .logo:has(.planbo-brand-context) .premium-logo,.topbar .wordmark:has(.planbo-brand-context) .premium-logo{width:134.47px;height:auto;max-width:none;margin:0;flex:none;transform:translateY(-7px)}
 .topbar .premium-logo-light,.auth-logo .premium-logo-light{display:block}.topbar .premium-logo-dark,.auth-logo .premium-logo-dark{display:none}
 .auth-logo .premium-logo{width:156px;height:auto}
 :root[data-tema="natt"] .topbar .premium-logo-light,:root[data-tema="natt"] .auth-logo .premium-logo-light{display:none}
 :root[data-tema="natt"] .topbar .premium-logo-dark,:root[data-tema="natt"] .auth-logo .premium-logo-dark{display:block}
 #hd .planbo-brand-context,.topbar .planbo-brand-context{position:absolute;left:48.07px;top:30px;font:450 11.5px/14px Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;color:#626268;white-space:nowrap;pointer-events:none;view-transition-name:planbo-brand-context}
 .topbar .planbo-brand-context{view-transition-name:none}
 #hd.dark .planbo-brand-context,:root[data-tema="natt"] .topbar .planbo-brand-context{color:#c4c4cb}
 @media(min-width:960px) and (max-width:1199px){
  #hd[data-site-header]:has(.planbo-brand-context) .site-header-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:0 24px}
  #hd[data-site-header]:has(.planbo-brand-context) .nav-links{gap:18px}
  #hd[data-site-header]:has(.planbo-brand-context) .nav-cta .btn{padding:0 12px}
 }
 @media(max-width:959px){
  #hd[data-site-header] .logo:has(.planbo-brand-context),.topbar .wordmark:has(.planbo-brand-context){width:156px;min-width:156px}
  #hd[data-site-header] .logo:has(.planbo-brand-context) .premium-logo,.topbar .wordmark:has(.planbo-brand-context) .premium-logo{width:127.63px}
  #hd .planbo-brand-context,.topbar .planbo-brand-context{left:45.62px;font-size:11.5px}
 }
 @media(max-width:860px){
  .topbar .proj-switch{flex:1 1 auto;min-width:0;margin-left:0}
  .topbar .ov-knapp{max-width:100%;width:100%;min-width:0}
 }
 @media(max-width:359px){
  .topbar .wordmark:has(.planbo-brand-context){width:140px;min-width:140px}
  .topbar .ov-knapp .ov-typ{display:none}
 }
}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-group(planbo-brand-context){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
 ::view-transition-old(planbo-brand-context){animation:planbo-context-out .16s ease-out both}
 ::view-transition-new(planbo-brand-context){animation:planbo-context-in .42s cubic-bezier(.22,1,.36,1) both}
 @supports not (view-transition-name:planbo-brand-context){.planbo-brand-context{animation:planbo-context-in .42s cubic-bezier(.22,1,.36,1) both}}
}
@keyframes planbo-context-in{from{opacity:0;transform:translateY(4px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes planbo-context-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){#hd .planbo-brand-context,.topbar .planbo-brand-context{view-transition-name:none;animation:none;transition:none}}